|
1 | 1 | <template> |
2 | 2 | <FetchingData v-if="loading" /> |
3 | | - <v-row |
4 | | - v-for="( |
5 | | - output_extensions, output_geode_object |
6 | | - ) in geode_objects_and_output_extensions" |
7 | | - :key="output_geode_object" |
8 | | - class="justify-left" |
9 | | - > |
10 | | - <v-card class="card ma-2 pa-2" width="100%"> |
11 | | - <v-tooltip :text="`Export as a ${output_geode_object}`" location="bottom"> |
12 | | - <template v-slot:activator="{ props }"> |
13 | | - <v-card-title v-bind="props"> |
14 | | - {{ output_geode_object }} |
15 | | - </v-card-title> |
16 | | - </template> |
17 | | - </v-tooltip> |
18 | | - <v-card-text> |
19 | | - <v-row> |
20 | | - <v-col |
21 | | - v-for="(extension, output_extension) in output_extensions" |
22 | | - :key="output_extension" |
23 | | - cols="auto" |
24 | | - class="pa-0" |
25 | | - > |
26 | | - <v-tooltip |
27 | | - :disabled="extension.is_saveable" |
28 | | - text="Data not saveable with this file extension" |
29 | | - location="bottom" |
| 3 | + <v-row v-else class="justify-left"> |
| 4 | + <v-col |
| 5 | + v-for="( |
| 6 | + output_extensions, output_geode_object |
| 7 | + ) in geode_objects_and_output_extensions" |
| 8 | + :key="output_geode_object" |
| 9 | + class="justify-left" |
| 10 | + > |
| 11 | + <v-card class="card ma-2 pa-2" width="100%"> |
| 12 | + <v-tooltip |
| 13 | + :text="`Export as a ${output_geode_object}`" |
| 14 | + location="bottom" |
| 15 | + > |
| 16 | + <template v-slot:activator="{ props }"> |
| 17 | + <v-card-title v-bind="props"> |
| 18 | + {{ output_geode_object }} |
| 19 | + </v-card-title> |
| 20 | + </template> |
| 21 | + </v-tooltip> |
| 22 | + <v-card-text> |
| 23 | + <v-row> |
| 24 | + <v-col |
| 25 | + v-for="(extension, output_extension) in output_extensions" |
| 26 | + :key="output_extension" |
| 27 | + cols="auto" |
| 28 | + class="pa-0" |
30 | 29 | > |
31 | | - <template v-slot:activator="{ props }"> |
32 | | - <span v-bind="props"> |
33 | | - <v-card |
34 | | - class="card ma-2" |
35 | | - :color="extension.is_saveable ? 'primary' : 'grey'" |
36 | | - hover |
37 | | - @click=" |
38 | | - set_variables(output_geode_object, output_extension) |
39 | | - " |
40 | | - :disabled="!extension.is_saveable" |
41 | | - > |
42 | | - <v-card-title align="center"> |
43 | | - {{ output_extension }} |
44 | | - </v-card-title> |
45 | | - </v-card> |
46 | | - </span> |
47 | | - </template> |
48 | | - </v-tooltip> |
49 | | - </v-col> |
50 | | - </v-row> |
51 | | - </v-card-text> |
52 | | - </v-card> |
| 30 | + <v-tooltip |
| 31 | + :disabled="extension.is_saveable" |
| 32 | + text="Data not saveable with this file extension" |
| 33 | + location="bottom" |
| 34 | + > |
| 35 | + <template v-slot:activator="{ props }"> |
| 36 | + <span v-bind="props"> |
| 37 | + <v-card |
| 38 | + class="card ma-2" |
| 39 | + :color="extension.is_saveable ? 'primary' : 'grey'" |
| 40 | + hover |
| 41 | + @click=" |
| 42 | + set_variables(output_geode_object, output_extension) |
| 43 | + " |
| 44 | + :disabled="!extension.is_saveable" |
| 45 | + > |
| 46 | + <v-card-title align="center"> |
| 47 | + {{ output_extension }} |
| 48 | + </v-card-title> |
| 49 | + </v-card> |
| 50 | + </span> |
| 51 | + </template> |
| 52 | + </v-tooltip> |
| 53 | + </v-col> |
| 54 | + </v-row> |
| 55 | + </v-card-text> |
| 56 | + </v-card> |
| 57 | + </v-col> |
53 | 58 | </v-row> |
54 | 59 | </template> |
55 | 60 |
|
56 | 61 | <script setup> |
57 | | - import _ from "lodash" |
58 | 62 | import schema from "@/assets/schemas/ExtensionSelector.json" |
59 | 63 |
|
60 | 64 | const emit = defineEmits([ |
|
0 commit comments