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

package/app/components/Viewer/PolygonalSurface/SpecificPolygonsOptions.vue

@@ -1,112 +1,92 @@
 <script setup>
-  import PolygonalSurfacePolygons from "@ogw_front/assets/viewer_svgs/surface_triangles.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 PolygonalSurfacePolygons from "@ogw_front/assets/viewer_svgs/surface_triangles.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 },
-    tooltip: { type: String, required: false, default: "Polygons options" },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+  tooltip: { type: String, required: false, default: "Polygons options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPolygonsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPolygonsActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPolygonsColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const textures = computed({
-    get: () => dataStyleStore.meshPolygonsTextures(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsTextures(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolygonsVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_name = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_range = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polygon_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolygonsPolygonAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolygonsPolygonAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPolygonsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPolygonsActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPolygonsColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const textures = computed({
+  get: () => dataStyleStore.meshPolygonsTextures(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsTextures(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolygonsVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_name = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_range = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polygon_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolygonsPolygonAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolygonsPolygonAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>

package/app/components/Viewer/Solid/EdgesOptions.vue

@@ -1,15 +1,12 @@
 <script setup>
-  import SolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import SolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg";
+import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshEdgesOptions
-    :itemProps="itemProps"
-    :btn_image="SolidEdges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="SolidEdges" />
 </template>

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

@@ -1,15 +1,12 @@
 <script setup>
-  import SolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import SolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg";
+import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPointsOptions
-    :itemProps="itemProps"
-    :btn_image="SolidPoints"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="SolidPoints" />
 </template>

package/app/components/Viewer/Solid/PolygonsOptions.vue

@@ -1,15 +1,12 @@
 <script setup>
-  import SolidFacets from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import SolidFacets from "@ogw_front/assets/viewer_svgs/solid_facets.svg";
+import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>
-  <ViewerGenericMeshPolygonsOptions
-    :itemProps="itemProps"
-    :btn_image="SolidFacets"
-  />
+  <ViewerGenericMeshPolygonsOptions :itemProps="itemProps" :btn_image="SolidFacets" />
 </template>

package/app/components/Viewer/Solid/SpecificPolyhedraOptions.vue

@@ -1,113 +1,92 @@
 <script setup>
-  import SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.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 SolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.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 },
-    tooltip: { type: String, required: false, default: "Polyhedra options" },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+  tooltip: { type: String, required: false, default: "Polyhedra options" },
+});
 
-  const id = toRef(() => itemProps.id)
+const id = toRef(() => itemProps.id);
 
-  const visibility = computed({
-    get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const coloring_style_key = computed({
-    get: () => dataStyleStore.meshPolyhedraActiveColoring(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraActiveColoring(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const color = computed({
-    get: () => dataStyleStore.meshPolyhedraColor(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraColor(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_name = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_range = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const vertex_attribute_color_map = computed({
-    get: () => dataStyleStore.meshPolyhedraVertexAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraVertexAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_name = computed({
-    get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeName(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_range = computed({
-    get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeRange(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeRange(
-        id.value,
-        newValue[0],
-        newValue[1],
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const polyhedron_attribute_color_map = computed({
-    get: () =>
-      dataStyleStore.meshPolyhedraPolyhedronAttributeColorMap(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setMeshPolyhedraPolyhedronAttributeColorMap(
-        id.value,
-        newValue,
-      )
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.meshPolyhedraVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const coloring_style_key = computed({
+  get: () => dataStyleStore.meshPolyhedraActiveColoring(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraActiveColoring(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const color = computed({
+  get: () => dataStyleStore.meshPolyhedraColor(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraColor(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_name = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_range = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeRange(id.value, newValue[0], newValue[1]);
+    hybridViewerStore.remoteRender();
+  },
+});
+const vertex_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolyhedraVertexAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraVertexAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_name = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeName(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeName(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_range = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeRange(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeRange(
+      id.value,
+      newValue[0],
+      newValue[1],
+    );
+    hybridViewerStore.remoteRender();
+  },
+});
+const polyhedron_attribute_color_map = computed({
+  get: () => dataStyleStore.meshPolyhedraPolyhedronAttributeColorMap(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setMeshPolyhedraPolyhedronAttributeColorMap(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    :tooltip="tooltip"
-    :btn_image="SolidPolyhedra"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" :tooltip="tooltip" :btn_image="SolidPolyhedra">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">
@@ -120,9 +99,7 @@
           v-model:vertex_attribute_color_map="vertex_attribute_color_map"
           v-model:polyhedron_attribute_name="polyhedron_attribute_name"
           v-model:polyhedron_attribute_range="polyhedron_attribute_range"
-          v-model:polyhedron_attribute_color_map="
-            polyhedron_attribute_color_map
-          "
+          v-model:polyhedron_attribute_color_map="polyhedron_attribute_color_map"
         />
       </template>
     </template>

package/app/components/Viewer/TetrahedralSolid/TetrahedraOptions.vue

@@ -1,10 +1,10 @@
 <script setup>
-  import TetrahedralSolidTetrahedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
-  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
+import TetrahedralSolidTetrahedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg";
+import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>

package/app/components/Viewer/TetrahedralSolid/TrianglesOptions.vue

@@ -1,10 +1,10 @@
 <script setup>
-  import TetrahedralSolidTriangles from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import TetrahedralSolidTriangles from "@ogw_front/assets/viewer_svgs/solid_facets.svg";
+import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>