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

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

@@ -1,42 +1,38 @@
 <script setup>
-  import SurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
-  import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem"
-  import ViewerOptionsVisibilitySwitch from "@ogw_front/components/Viewer/Options/VisibilitySwitch"
+import SurfacePoints from "@ogw_front/assets/viewer_svgs/surface_points.svg";
+import ViewerContextMenuItem from "@ogw_front/components/Viewer/ContextMenuItem";
+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.modelPointsVisibility(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setModelPointsVisibility(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
-  const size = computed({
-    get: () => dataStyleStore.modelPointsSize(id.value),
-    set: async (newValue) => {
-      await dataStyleStore.setModelPointsSize(id.value, newValue)
-      hybridViewerStore.remoteRender()
-    },
-  })
+const visibility = computed({
+  get: () => dataStyleStore.modelPointsVisibility(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setModelPointsVisibility(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
+const size = computed({
+  get: () => dataStyleStore.modelPointsSize(id.value),
+  set: async (newValue) => {
+    await dataStyleStore.setModelPointsSize(id.value, newValue);
+    hybridViewerStore.remoteRender();
+  },
+});
 </script>
 
 <template>
-  <ViewerContextMenuItem
-    :itemProps="itemProps"
-    tooltip="Points options"
-    :btn_image="SurfacePoints"
-  >
+  <ViewerContextMenuItem :itemProps="itemProps" tooltip="Points options" :btn_image="SurfacePoints">
     <template #options>
       <ViewerOptionsVisibilitySwitch v-model="visibility" />
       <template v-if="visibility">

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

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

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

@@ -1,15 +1,12 @@
 <script setup>
-  import Grid2D_Edges from "@ogw_front/assets/viewer_svgs/grid_2d_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import Grid2D_Edges from "@ogw_front/assets/viewer_svgs/grid_2d_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="Grid2D_Edges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="Grid2D_Edges" />
 </template>

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

@@ -1,15 +1,12 @@
 <script setup>
-  import Grid2D_Points from "@ogw_front/assets/viewer_svgs/grid_2d_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import Grid2D_Points from "@ogw_front/assets/viewer_svgs/grid_2d_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="Grid2D_Points"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="Grid2D_Points" />
 </template>

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

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

package/app/components/Viewer/Grid/3D/EdgesOptions.vue

@@ -1,15 +1,12 @@
 <script setup>
-  import Grid3D_Edges from "@ogw_front/assets/viewer_svgs/grid_3d_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import Grid3D_Edges from "@ogw_front/assets/viewer_svgs/grid_3d_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="Grid3D_Edges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="Grid3D_Edges" />
 </template>

package/app/components/Viewer/Grid/3D/FacetsOptions.vue

@@ -1,10 +1,10 @@
 <script setup>
-  import Grid3D_Facets from "@ogw_front/assets/viewer_svgs/grid_3d_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import Grid3D_Facets from "@ogw_front/assets/viewer_svgs/grid_3d_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>

package/app/components/Viewer/Grid/3D/PointsOptions.vue

@@ -1,15 +1,12 @@
 <script setup>
-  import Grid3D_Points from "@ogw_front/assets/viewer_svgs/grid_3d_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import Grid3D_Points from "@ogw_front/assets/viewer_svgs/grid_3d_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="Grid3D_Points"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="Grid3D_Points" />
 </template>

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

@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidEdges from "@ogw_front/assets/viewer_svgs/solid_edges.svg"
-  import ViewerGenericMeshEdgesOptions from "@ogw_front/components/Viewer/Generic/Mesh/EdgesOptions"
+import HybridSolidEdges 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="HybridSolidEdges"
-  />
+  <ViewerGenericMeshEdgesOptions :itemProps="itemProps" :btn_image="HybridSolidEdges" />
 </template>

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

@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidPoints from "@ogw_front/assets/viewer_svgs/solid_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import HybridSolidPoints 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="HybridSolidPoints"
-  />
+  <ViewerGenericMeshPointsOptions :itemProps="itemProps" :btn_image="HybridSolidPoints" />
 </template>

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

@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidPolygons from "@ogw_front/assets/viewer_svgs/solid_facets.svg"
-  import ViewerGenericMeshPolygonsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolygonsOptions"
+import HybridSolidPolygons 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="HybridSolidPolygons"
-  />
+  <ViewerGenericMeshPolygonsOptions :itemProps="itemProps" :btn_image="HybridSolidPolygons" />
 </template>

package/app/components/Viewer/HybridSolid/PolyhedraOptions.vue

@@ -1,15 +1,12 @@
 <script setup>
-  import HybridSolidPolyhedra from "@ogw_front/assets/viewer_svgs/solid_polyhedra.svg"
-  import ViewerGenericMeshPolyhedraOptions from "@ogw_front/components/Viewer/Generic/Mesh/PolyhedraOptions"
+import HybridSolidPolyhedra 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>
-  <ViewerGenericMeshPolyhedraOptions
-    :itemProps="itemProps"
-    :btn_image="HybridSolidPolyhedra"
-  />
+  <ViewerGenericMeshPolyhedraOptions :itemProps="itemProps" :btn_image="HybridSolidPolyhedra" />
 </template>

package/app/components/Viewer/Options/AttributeColorBar.vue

@@ -1,11 +1,11 @@
 <script setup>
-  import ColorMapPicker from "./ColorMapPicker.vue"
+import ColorMapPicker from "./ColorMapPicker.vue";
 
-  const emit = defineEmits(["reset"])
+const emit = defineEmits(["reset"]);
 
-  const minimum = defineModel("minimum", { type: Number })
-  const maximum = defineModel("maximum", { type: Number })
-  const colorMap = defineModel("colorMap", { type: String })
+const minimum = defineModel("minimum", { type: Number });
+const maximum = defineModel("maximum", { type: Number });
+const colorMap = defineModel("colorMap", { type: String });
 </script>
 
 <template>
@@ -50,7 +50,7 @@
 </template>
 
 <style scoped>
-  .attribute-colorbar {
-    width: 100%;
-  }
+.attribute-colorbar {
+  width: 100%;
+}
 </style>

package/app/components/Viewer/Options/AttributeSelector.vue

@@ -1,96 +1,91 @@
 <script setup>
-  import ViewerOptionsAttributeColorBar from "@ogw_front/components/Viewer/Options/AttributeColorBar.vue"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import ViewerOptionsAttributeColorBar from "@ogw_front/components/Viewer/Options/AttributeColorBar.vue";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const geodeStore = useGeodeStore()
+const geodeStore = useGeodeStore();
 
-  const name = defineModel("name", { type: String })
-  const range = defineModel("range", { type: Array })
-  const colorMap = defineModel("colorMap", { type: String })
+const name = defineModel("name", { type: String });
+const range = defineModel("range", { type: Array });
+const colorMap = defineModel("colorMap", { type: String });
 
-  const { id, schema } = defineProps({
-    id: { type: String, required: true },
-    schema: { type: Object, required: true },
-  })
+const { id, schema } = defineProps({
+  id: { type: String, required: true },
+  schema: { type: Object, required: true },
+});
 
-  const attributes = ref([])
+const attributes = ref([]);
 
-  const rangeMin = computed({
-    get: () => (range.value ? range.value[0] : undefined),
-    set: (val) => {
-      const currentMax = range.value ? range.value[1] : undefined
-      let newMin = val
-      if (currentMax !== undefined && val > currentMax) {
-        newMin = currentMax
-      }
-      range.value = [newMin, currentMax]
-    },
-  })
-  const rangeMax = computed({
-    get: () => (range.value ? range.value[1] : undefined),
-    set: (val) => {
-      const currentMin = range.value ? range.value[0] : undefined
-      let newMax = val
-      if (currentMin !== undefined && val < currentMin) {
-        newMax = currentMin
-      }
-      range.value = [currentMin, newMax]
-    },
-  })
+const rangeMin = computed({
+  get: () => (range.value ? range.value[0] : undefined),
+  set: (val) => {
+    const currentMax = range.value ? range.value[1] : undefined;
+    let newMin = val;
+    if (currentMax !== undefined && val > currentMax) {
+      newMin = currentMax;
+    }
+    range.value = [newMin, currentMax];
+  },
+});
+const rangeMax = computed({
+  get: () => (range.value ? range.value[1] : undefined),
+  set: (val) => {
+    const currentMin = range.value ? range.value[0] : undefined;
+    let newMax = val;
+    if (currentMin !== undefined && val < currentMin) {
+      newMax = currentMin;
+    }
+    range.value = [currentMin, newMax];
+  },
+});
 
-  const currentAttribute = computed(() =>
-    attributes.value.find((attr) => attr.attribute_name === name.value),
-  )
+const currentAttribute = computed(() =>
+  attributes.value.find((attr) => attr.attribute_name === name.value),
+);
 
-  function resetRange() {
-    if (currentAttribute.value) {
-      range.value = [
-        currentAttribute.value.min_value,
-        currentAttribute.value.max_value,
-      ]
-    }
+function resetRange() {
+  if (currentAttribute.value) {
+    range.value = [currentAttribute.value.min_value, currentAttribute.value.max_value];
   }
+}
 
-  function getAttributes() {
-    geodeStore.request(
-      schema,
-      { id },
-      {
-        response_function: (response) => {
-          attributes.value = response.attributes
-        },
+function getAttributes() {
+  geodeStore.request(
+    schema,
+    { id },
+    {
+      response_function: (response) => {
+        attributes.value = response.attributes;
       },
-    )
-  }
+    },
+  );
+}
 
-  onMounted(() => {
-    getAttributes()
-  })
+onMounted(() => {
+  getAttributes();
+});
 
-  watch(
-    () => [id, schema],
-    () => {
-      getAttributes()
-    },
-  )
+watch(
+  () => [id, schema],
+  () => {
+    getAttributes();
+  },
+);
 
-  watch(
-    () => [name.value, attributes.value],
-    () => {
-      if (
-        name.value &&
-        attributes.value.length > 0 &&
-        (range.value === undefined ||
-          range.value[0] === undefined ||
-          colorMap.value === undefined)
-      ) {
-        resetRange()
-        if (colorMap.value === undefined) {
-          colorMap.value = "Cool to Warm"
-        }
+watch(
+  () => [name.value, attributes.value],
+  () => {
+    if (
+      name.value &&
+      attributes.value.length > 0 &&
+      (range.value === undefined || range.value[0] === undefined || colorMap.value === undefined)
+    ) {
+      resetRange();
+      if (colorMap.value === undefined) {
+        colorMap.value = "Cool to Warm";
       }
-    },
-  )
+    }
+  },
+);
 </script>
 
 <template>