@geode/opengeodeweb-front 10.6.2 → 10.6.3-rc.1

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

@@ -1,102 +1,91 @@
 <script setup>
-  import EdgedCurveEdges from "@ogw_front/assets/viewer_svgs/edged_curve_edges.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import EdgedCurveEdges from "@ogw_front/assets/viewer_svgs/edged_curve_edges.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshEdgesVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.meshEdgesWidth(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesWidth(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshEdgesColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshEdgesVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.meshEdgesWidth(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesWidth(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshEdgesColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 <template>
   <ViewerContextMenuItem

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

@@ -1,111 +1,96 @@
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps, btn_image, tooltip } = defineProps({
-    itemProps: { type: Object, required: true },
-    btn_image: { type: String, required: true },
-    tooltip: { type: String, required: false, default: "Cells options" },
-  })
+const { itemProps, btn_image, tooltip } = defineProps({
+  itemProps: { type: Object, required: true },
+  btn_image: { type: String, required: true },
+  tooltip: { type: String, required: false, default: "Cells options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshCellsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshCellsActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshCellsColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const textures = computed({
-    get: () => dataStyleStore.meshCellsTextures(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsTextures(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshCellsVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshCellsVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshCellsVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const cell_attribute_name = computed({
-    get: () => dataStyleStore.meshCellsCellAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsCellAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const cell_attribute_range = computed({
-    get: () => dataStyleStore.meshCellsCellAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsCellAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const cell_attribute_color_map = computed({
-    get: () => dataStyleStore.meshCellsCellAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshCellsCellAttributeColorMap(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshCellsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshCellsActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshCellsColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const textures = computed({
+  get: () => dataStyleStore.meshCellsTextures(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsTextures(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshCellsVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshCellsVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshCellsVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const cell_attribute_name = computed({
+  get: () => dataStyleStore.meshCellsCellAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsCellAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const cell_attribute_range = computed({
+  get: () => dataStyleStore.meshCellsCellAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsCellAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const cell_attribute_color_map = computed({
+  get: () => dataStyleStore.meshCellsCellAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshCellsCellAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    :tooltip="tooltip"
-    :btn_image="btn_image"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" :tooltip="tooltip" :btn_image="btn_image">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">

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

@@ -1,110 +1,95 @@
 <script setup>
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+import ViewerOptionsColoringTypeSelector from "@ogw_front/components/Viewer/Options/ColoringTypeSelector";
+import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch";
 
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { itemProps, btn_image } = defineProps({
-    itemProps: { type: Object, required: true },
-    btn_image: { type: String, required: true },
-  })
+const { itemProps, btn_image } = defineProps({
+  itemProps: { type: Object, required: true },
+  btn_image: { type: String, required: true },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshEdgesVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.meshEdgesWidth(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesWidth(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshEdgesColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_name = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_range = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const edge_attribute_color_map = computed({
-    get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshEdgesVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.meshEdgesWidth(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesWidth(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshEdgesActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshEdgesColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_name = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_range = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const edge_attribute_color_map = computed({
+  get: () => dataStyleStore.meshEdgesEdgeAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshEdgesEdgeAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    tooltip="Edges options"
-    :btn_image="btn_image"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" tooltip="Edges options" :btn_image="btn_image">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">