@geode/opengeodeweb-front 10.2.1-rc.2 → 10.2.1-rc.4

package/app/components/Viewer/BreadCrumb.vue

@@ -1,3 +1,23 @@
+<script setup>
+  import { useDataStore } from "@ogw_front/stores/data"
+  import { useTreeviewStore } from "@ogw_front/stores/treeview"
+
+  const dataStore = useDataStore()
+  const treeviewStore = useTreeviewStore()
+
+  const selectedTree = computed(() => treeviewStore.selectedTree)
+
+  const goBackToFileTree = () => {
+    treeviewStore.displayFileTree()
+  }
+
+  const model_id = computed(() => treeviewStore.model_id)
+
+  const metaDatas = computed(() => {
+    return dataStore.getItem(model_id.value).value
+  })
+</script>
+
 <template>
   <v-breadcrumbs class="mb-n10 breadcrumb-container">
     <div class="d-flex align-center gap-2 ml-2 mt-2 mb-1">
@@ -36,26 +56,6 @@
   </v-breadcrumbs>
 </template>
 
-<script setup>
-  import { useDataStore } from "@ogw_front/stores/data"
-  import { useTreeviewStore } from "@ogw_front/stores/treeview"
-
-  const dataStore = useDataStore()
-  const treeviewStore = useTreeviewStore()
-
-  const selectedTree = computed(() => treeviewStore.selectedTree)
-
-  const goBackToFileTree = () => {
-    treeviewStore.displayFileTree()
-  }
-
-  const model_id = computed(() => treeviewStore.model_id)
-
-  const metaDatas = computed(() => {
-    return dataStore.getItem(model_id.value).value
-  })
-</script>
-
 <style scoped>
   .breadcrumb-container {
     max-width: 100%;

package/app/components/Viewer/ContextMenu.vue

@@ -1,37 +1,3 @@
-<template>
-  <v-menu
-    v-model="show_menu"
-    content-class="circular-menu-container"
-    :style="getMenuStyle()"
-    :close-on-content-click="false"
-    :close-delay="100"
-    :overlay="false"
-  >
-    <div class="circular-menu-drag-handle" @mousedown.stop="startDrag">
-      <div
-        class="circular-menu-items"
-        :style="{ width: `${radius * 2}px`, height: `${radius * 2}px` }"
-      >
-        <component
-          v-for="(item, index) in menu_items"
-          :is="item"
-          :key="index"
-          :index="index"
-          :itemProps="{
-            id: props.id,
-            tooltip_location: getTooltipLocation(index),
-            tooltip_origin: getTooltipOrigin(index),
-            totalItems: menuItemCount,
-          }"
-          class="menu-item-wrapper"
-          :style="getItemStyle(index)"
-          @mousedown.stop
-        />
-      </div>
-    </div>
-  </v-menu>
-</template>
-
 <script setup>
   import { useMenuStore } from "@ogw_front/stores/menu"
   import { useDataStore } from "@ogw_front/stores/data"
@@ -166,6 +132,40 @@
   }
 </script>
 
+<template>
+  <v-menu
+    v-model="show_menu"
+    content-class="circular-menu-container"
+    :style="getMenuStyle()"
+    :close-on-content-click="false"
+    :close-delay="100"
+    :overlay="false"
+  >
+    <div class="circular-menu-drag-handle" @mousedown.stop="startDrag">
+      <div
+        class="circular-menu-items"
+        :style="{ width: `${radius * 2}px`, height: `${radius * 2}px` }"
+      >
+        <component
+          v-for="(item, index) in menu_items"
+          :is="item"
+          :key="index"
+          :index="index"
+          :itemProps="{
+            id: props.id,
+            tooltip_location: getTooltipLocation(index),
+            tooltip_origin: getTooltipOrigin(index),
+            totalItems: menuItemCount,
+          }"
+          class="menu-item-wrapper"
+          :style="getItemStyle(index)"
+          @mousedown.stop
+        />
+      </div>
+    </div>
+  </v-menu>
+</template>
+
 <style scoped>
   :deep(.circular-menu-container) {
     overflow: visible !important;

package/app/components/Viewer/EdgedCurve/PointsOptions.vue

@@ -1,10 +1,3 @@
-<template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="props.itemProps"
-    :btn_image="EdgedCurvePoints"
-  />
-</template>
-
 <script setup>
   import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
   import EdgedCurvePoints from "@ogw_front/assets/viewer_svgs/edged_curve_points.svg"
@@ -13,3 +6,10 @@
     itemProps: { type: Object, required: true },
   })
 </script>
+
+<template>
+  <ViewerGenericMeshPointsOptions
+    :itemProps="props.itemProps"
+    :btn_image="EdgedCurvePoints"
+  />
+</template>

package/app/components/Viewer/EdgedCurve/SpecificEdgesOptions.vue

@@ -1,45 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    tooltip="Edges options"
-    :btn_image="EdgedCurveEdges"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-      <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <v-col cols="auto" justify="center">
-            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Width'" />
-          </v-col>
-          <v-col justify="center">
-            <v-slider
-              v-model="size"
-              hide-details
-              min="0"
-              max="20"
-              step="2"
-              thumb-color="black"
-              ticks
-            />
-          </v-col>
-        </v-row>
-        <v-row>
-          <v-col>
-            <ViewerOptionsColoringTypeSelector
-              :id="id"
-              v-model:coloring_style_key="coloring_style_key"
-              v-model:color="color"
-              v-model:vertex_attribute="vertex_attribute"
-              v-model:edge_attribute="edge_attribute"
-            />
-          </v-col>
-        </v-row>
-      </template>
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -101,3 +59,45 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    tooltip="Edges options"
+    :btn_image="EdgedCurveEdges"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <v-row class="pa-0" align="center">
+          <v-divider />
+          <v-col cols="auto" justify="center">
+            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Width'" />
+          </v-col>
+          <v-col justify="center">
+            <v-slider
+              v-model="size"
+              hide-details
+              min="0"
+              max="20"
+              step="2"
+              thumb-color="black"
+              ticks
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col>
+            <ViewerOptionsColoringTypeSelector
+              :id="id"
+              v-model:coloring_style_key="coloring_style_key"
+              v-model:color="color"
+              v-model:vertex_attribute="vertex_attribute"
+              v-model:edge_attribute="edge_attribute"
+            />
+          </v-col>
+        </v-row>
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Generic/Mesh/CellsOptions.vue

@@ -1,25 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    :tooltip="props.tooltip"
-    :btn_image="props.btn_image"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-      <template v-if="visibility">
-        <ViewerOptionsColoringTypeSelector
-          :id="id"
-          v-model:coloring_style_key="coloring_style_key"
-          v-model:color="color"
-          v-model:textures="textures"
-          v-model:vertex_attribute="vertex_attribute"
-          v-model:cell_attribute="cell_attribute"
-        />
-      </template>
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -82,3 +60,25 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    :tooltip="props.tooltip"
+    :btn_image="props.btn_image"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <ViewerOptionsColoringTypeSelector
+          :id="id"
+          v-model:coloring_style_key="coloring_style_key"
+          v-model:color="color"
+          v-model:textures="textures"
+          v-model:vertex_attribute="vertex_attribute"
+          v-model:cell_attribute="cell_attribute"
+        />
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Generic/Mesh/EdgesOptions.vue

@@ -1,43 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    tooltip="Edges options"
-    :btn_image="props.btn_image"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-      <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <v-col cols="auto" justify="center">
-            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Width'" />
-          </v-col>
-          <v-col justify="center">
-            <v-slider
-              v-model="size"
-              hide-details
-              min="0"
-              max="20"
-              step="2"
-              thumb-color="black"
-              ticks
-            />
-          </v-col>
-        </v-row>
-        <v-row>
-          <v-col>
-            <ViewerOptionsColoringTypeSelector
-              :id="id"
-              v-model:coloring_style_key="coloring_style_key"
-              v-model:color="color"
-            />
-          </v-col>
-        </v-row>
-      </template>
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -92,3 +52,43 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    tooltip="Edges options"
+    :btn_image="props.btn_image"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <v-row class="pa-0" align="center">
+          <v-divider />
+          <v-col cols="auto" justify="center">
+            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Width'" />
+          </v-col>
+          <v-col justify="center">
+            <v-slider
+              v-model="size"
+              hide-details
+              min="0"
+              max="20"
+              step="2"
+              thumb-color="black"
+              ticks
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col>
+            <ViewerOptionsColoringTypeSelector
+              :id="id"
+              v-model:coloring_style_key="coloring_style_key"
+              v-model:color="color"
+            />
+          </v-col>
+        </v-row>
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Generic/Mesh/PointsOptions.vue

@@ -1,44 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    tooltip="Points options"
-    :btn_image="props.btn_image"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-      <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <v-col cols="auto" justify="center">
-            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Size'" />
-          </v-col>
-          <v-col justify="center">
-            <v-slider
-              v-model="size"
-              hide-details
-              min="0"
-              max="20"
-              step="2"
-              thumb-color="black"
-              ticks
-            />
-          </v-col>
-        </v-row>
-        <v-row>
-          <v-col>
-            <ViewerOptionsColoringTypeSelector
-              :id="id"
-              v-model:coloring_style_key="coloring_style_key"
-              v-model:color="color"
-              v-model:vertex_attribute="vertex_attribute"
-            />
-          </v-col>
-        </v-row>
-      </template>
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -86,3 +45,44 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    tooltip="Points options"
+    :btn_image="props.btn_image"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <v-row class="pa-0" align="center">
+          <v-divider />
+          <v-col cols="auto" justify="center">
+            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Size'" />
+          </v-col>
+          <v-col justify="center">
+            <v-slider
+              v-model="size"
+              hide-details
+              min="0"
+              max="20"
+              step="2"
+              thumb-color="black"
+              ticks
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col>
+            <ViewerOptionsColoringTypeSelector
+              :id="id"
+              v-model:coloring_style_key="coloring_style_key"
+              v-model:color="color"
+              v-model:vertex_attribute="vertex_attribute"
+            />
+          </v-col>
+        </v-row>
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Generic/Mesh/PolygonsOptions.vue

@@ -1,23 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    :tooltip="props.tooltip"
-    :btn_image="props.btn_image"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-      <template v-if="visibility">
-        <ViewerOptionsColoringTypeSelector
-          :id="id"
-          v-model:coloring_style_key="coloring_style_key"
-          v-model:color="color"
-          v-model:textures="textures"
-        />
-      </template>
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -67,3 +47,23 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    :tooltip="props.tooltip"
+    :btn_image="props.btn_image"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <ViewerOptionsColoringTypeSelector
+          :id="id"
+          v-model:coloring_style_key="coloring_style_key"
+          v-model:color="color"
+          v-model:textures="textures"
+        />
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Generic/Mesh/PolyhedraOptions.vue

@@ -1,22 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    :tooltip="props.tooltip"
-    :btn_image="props.btn_image"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-      <template v-if="visibility">
-        <ViewerOptionsColoringTypeSelector
-          :id="id"
-          v-model:coloring_style_key="coloring_style_key"
-          v-model:color="color"
-        />
-      </template>
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -58,3 +39,22 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    :tooltip="props.tooltip"
+    :btn_image="props.btn_image"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <ViewerOptionsColoringTypeSelector
+          :id="id"
+          v-model:coloring_style_key="coloring_style_key"
+          v-model:color="color"
+        />
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Generic/Model/EdgesOptions.vue

@@ -1,15 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    tooltip="Edges options"
-    :btn_image="SurfaceEdges"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -35,3 +23,15 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="itemProps"
+    tooltip="Edges options"
+    :btn_image="SurfaceEdges"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Generic/Model/PointsOptions.vue

@@ -1,34 +1,3 @@
-<template>
-  <ViewerContextMenuItem
-    :itemProps="props.itemProps"
-    tooltip="Points options"
-    :btn_image="SurfacePoints"
-  >
-    <template #options>
-      <ViewerOptionsVisibilitySwitch v-model="visibility" />
-      <template v-if="visibility">
-        <v-row class="pa-0" align="center">
-          <v-divider />
-          <v-col cols="auto" justify="center">
-            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Size'" />
-          </v-col>
-          <v-col justify="center">
-            <v-slider
-              v-model="size"
-              hide-details
-              min="0"
-              max="20"
-              step="2"
-              thumb-color="black"
-              ticks
-            />
-          </v-col>
-        </v-row>
-      </template>
-    </template>
-  </ViewerContextMenuItem>
-</template>
-
 <script setup>
   import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
   import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
@@ -61,3 +30,34 @@
     },
   })
 </script>
+
+<template>
+  <ViewerContextMenuItem
+    :itemProps="props.itemProps"
+    tooltip="Points options"
+    :btn_image="SurfacePoints"
+  >
+    <template #options>
+      <ViewerOptionsVisibilitySwitch v-model="visibility" />
+      <template v-if="visibility">
+        <v-row class="pa-0" align="center">
+          <v-divider />
+          <v-col cols="auto" justify="center">
+            <v-icon size="30" icon="mdi-ruler" v-tooltip:left="'Size'" />
+          </v-col>
+          <v-col justify="center">
+            <v-slider
+              v-model="size"
+              hide-details
+              min="0"
+              max="20"
+              step="2"
+              thumb-color="black"
+              ticks
+            />
+          </v-col>
+        </v-row>
+      </template>
+    </template>
+  </ViewerContextMenuItem>
+</template>

package/app/components/Viewer/Grid/2D/CellsOptions.vue

@@ -1,11 +1,3 @@
-<template>
-  <ViewerGenericMeshCellsOptions
-    :itemProps="props.itemProps"
-    :btn_image="Grid2D_Cells"
-    tooltip="Cells options"
-  />
-</template>
-
 <script setup>
   import ViewerGenericMeshCellsOptions from "@ogw_front/components/Viewer/Generic/Mesh/CellsOptions"
   import Grid2D_Cells from "@ogw_front/assets/viewer_svgs/grid_2d_cells.svg"
@@ -14,3 +6,11 @@
     itemProps: { type: Object, required: true },
   })
 </script>
+
+<template>
+  <ViewerGenericMeshCellsOptions
+    :itemProps="props.itemProps"
+    :btn_image="Grid2D_Cells"
+    tooltip="Cells options"
+  />
+</template>