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

package/app/components/Viewer/Tree/ObjectTree.vue

@@ -1,34 +1,31 @@
 <script setup>
-  import ViewerBreadCrumb from "@ogw_front/components/Viewer/BreadCrumb"
-  import ViewerTreeComponent from "@ogw_front/components/Viewer/TreeComponent"
-  import ViewerTreeObject from "@ogw_front/components/Viewer/TreeObject"
-  import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import ViewerBreadCrumb from "@ogw_front/components/Viewer/BreadCrumb";
+import ViewerTreeComponent from "@ogw_front/components/Viewer/TreeComponent";
+import ViewerTreeObject from "@ogw_front/components/Viewer/TreeObject";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
-  const WIDTH_MIN = 150
+const WIDTH_MIN = 150;
 
-  const treeviewStore = useTreeviewStore()
-  const emit = defineEmits(["show-menu"])
+const treeviewStore = useTreeviewStore();
+const emit = defineEmits(["show-menu"]);
 
-  function onResizeStart(event) {
-    const startWidth = treeviewStore.panelWidth
-    const startX = event.clientX
-    function resize(move_event) {
-      const deltaX = move_event.clientX - startX
-      const newWidth = Math.max(
-        WIDTH_MIN,
-        Math.min(startWidth + deltaX, window.innerWidth),
-      )
-      treeviewStore.setPanelWidth(newWidth)
-      document.body.style.userSelect = "none"
-    }
-    function stopResize() {
-      document.removeEventListener("mousemove", resize)
-      document.removeEventListener("mouseup", stopResize)
-      document.body.style.userSelect = ""
-    }
-    document.addEventListener("mousemove", resize)
-    document.addEventListener("mouseup", stopResize)
+function onResizeStart(event) {
+  const startWidth = treeviewStore.panelWidth;
+  const startX = event.clientX;
+  function resize(move_event) {
+    const deltaX = move_event.clientX - startX;
+    const newWidth = Math.max(WIDTH_MIN, Math.min(startWidth + deltaX, window.innerWidth));
+    treeviewStore.setPanelWidth(newWidth);
+    document.body.style.userSelect = "none";
   }
+  function stopResize() {
+    document.removeEventListener("mousemove", resize);
+    document.removeEventListener("mouseup", stopResize);
+    document.body.style.userSelect = "";
+  }
+  document.addEventListener("mousemove", resize);
+  document.addEventListener("mouseup", stopResize);
+}
 </script>
 
 <template>
@@ -38,15 +35,9 @@
     @contextmenu.prevent
     @mousedown.stop
   >
-    <v-row
-      class="resizable-panel"
-      :style="{ width: `${treeviewStore.panelWidth}px` }"
-    >
+    <v-row class="resizable-panel" :style="{ width: `${treeviewStore.panelWidth}px` }">
       <div class="scrollable-wrapper">
-        <v-sheet
-          style="max-height: calc(85vh)"
-          class="transparent-treeview scrollbar-hover"
-        >
+        <v-sheet style="max-height: calc(85vh)" class="transparent-treeview scrollbar-hover">
           <v-row v-if="treeviewStore.items.length > 0">
             <v-col>
               <ViewerBreadCrumb />
@@ -73,69 +64,69 @@
 </template>
 
 <style scoped>
-  .treeview-container {
-    position: absolute;
-    z-index: 2;
-    left: 0;
-    top: 0;
-    background-color: transparent;
-    border-radius: 16px;
-    padding: 8px;
-    display: flex;
-    box-sizing: border-box;
-  }
+.treeview-container {
+  position: absolute;
+  z-index: 2;
+  left: 0;
+  top: 0;
+  background-color: transparent;
+  border-radius: 16px;
+  padding: 8px;
+  display: flex;
+  box-sizing: border-box;
+}
 
-  .resizable-panel {
-    display: flex;
-    height: 100%;
-    position: relative;
-    box-sizing: border-box;
-  }
+.resizable-panel {
+  display: flex;
+  height: 100%;
+  position: relative;
+  box-sizing: border-box;
+}
 
-  .scrollable-wrapper {
-    overflow-y: auto;
-    padding-right: 6px;
-    flex: 1;
-  }
+.scrollable-wrapper {
+  overflow-y: auto;
+  padding-right: 6px;
+  flex: 1;
+}
 
-  .resizer {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 6px;
-    height: 100%;
-    cursor: ew-resize;
-    background-color: transparent;
-    z-index: 15;
-  }
+.resizer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 6px;
+  height: 100%;
+  cursor: ew-resize;
+  background-color: transparent;
+  z-index: 15;
+}
 
-  .resizer:hover {
-    background-color: #999;
-  }
+.resizer:hover {
+  background-color: #999;
+}
 
-  .resizer:active {
-    background-color: #666;
-  }
+.resizer:active {
+  background-color: #666;
+}
 
-  .transparent-treeview {
-    background-color: transparent;
-    margin: 4px 0;
-  }
+.transparent-treeview {
+  background-color: transparent;
+  margin: 4px 0;
+}
 
-  .scrollbar-hover {
-    overflow-x: hidden;
-  }
+.scrollbar-hover {
+  overflow-x: hidden;
+}
 
-  .scrollbar-hover::-webkit-scrollbar {
-    width: 5px;
-  }
+.scrollbar-hover::-webkit-scrollbar {
+  width: 5px;
+}
 
-  .scrollbar-hover::-webkit-scrollbar-thumb {
-    background-color: transparent;
-  }
+.scrollbar-hover::-webkit-scrollbar-thumb {
+  background-color: transparent;
+}
 
-  .scrollbar-hover:hover::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.3);
-    border-radius: 10px;
-  }
+.scrollbar-hover:hover::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+}
 </style>

package/app/components/Viewer/TreeComponent.vue

@@ -1,48 +1,44 @@
 <script setup>
-  import { useDataStore } from "@ogw_front/stores/data"
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
+import { useDataStore } from "@ogw_front/stores/data";
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
-  import { compareSelections } from "@ogw_front/utils/treeview"
+import { compareSelections } from "@ogw_front/utils/treeview";
 
-  const dataStyleStore = useDataStyleStore()
-  const dataStore = useDataStore()
-  const hybridViewerStore = useHybridViewerStore()
+const dataStyleStore = useDataStyleStore();
+const dataStore = useDataStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const { id } = defineProps({ id: { type: String, required: true } })
+const { id } = defineProps({ id: { type: String, required: true } });
 
-  const emit = defineEmits(["show-menu"])
+const emit = defineEmits(["show-menu"]);
 
-  const items = ref([])
-  const mesh_components_selection = dataStyleStore.visibleMeshComponents(id)
+const items = ref([]);
+const mesh_components_selection = dataStyleStore.visibleMeshComponents(id);
 
-  watchEffect(async () => {
-    items.value = await dataStore.formatedMeshComponents(id)
-  })
+watchEffect(async () => {
+  items.value = await dataStore.formatedMeshComponents(id);
+});
 
-  watch(
-    mesh_components_selection,
-    async (current, previous) => {
-      if (!previous) {
-        return
-      }
+watch(
+  mesh_components_selection,
+  async (current, previous) => {
+    if (!previous) {
+      return;
+    }
 
-      const { added, removed } = compareSelections(current, previous)
+    const { added, removed } = compareSelections(current, previous);
 
-      if (added.length > 0) {
-        await dataStyleStore.setModelMeshComponentsVisibility(id, added, true)
-      }
-      if (removed.length > 0) {
-        await dataStyleStore.setModelMeshComponentsVisibility(
-          id,
-          removed,
-          false,
-        )
-      }
-      hybridViewerStore.remoteRender()
-    },
-    { deep: true },
-  )
+    if (added.length > 0) {
+      await dataStyleStore.setModelMeshComponentsVisibility(id, added, true);
+    }
+    if (removed.length > 0) {
+      await dataStyleStore.setModelMeshComponentsVisibility(id, removed, false);
+    }
+    hybridViewerStore.remoteRender();
+  },
+  { deep: true },
+);
 </script>
 
 <template>
@@ -57,9 +53,7 @@
     <template #title="{ item }">
       <span
         class="treeview-item"
-        @contextmenu.prevent.stop="
-          emit('show-menu', { event: $event, itemId: item })
-        "
+        @contextmenu.prevent.stop="emit('show-menu', { event: $event, itemId: item })"
         >{{ item.title }}</span
       >
     </template>
@@ -67,16 +61,16 @@
 </template>
 
 <style scoped>
-  .treeview-item {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    display: inline-block;
-  }
+.treeview-item {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: inline-block;
+}
 
-  .transparent-treeview {
-    background-color: transparent;
-    margin: 4px 0;
-  }
+.transparent-treeview {
+  background-color: transparent;
+  margin: 4px 0;
+}
 </style>

package/app/components/Viewer/TreeObject.vue

@@ -1,47 +1,47 @@
 <script setup>
-  import { useDataStyleStore } from "@ogw_front/stores/data_style"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-  import { useTreeviewStore } from "@ogw_front/stores/treeview"
+import { useDataStyleStore } from "@ogw_front/stores/data_style";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
-  import { compareSelections } from "@ogw_front/utils/treeview"
+import { compareSelections } from "@ogw_front/utils/treeview";
 
-  const treeviewStore = useTreeviewStore()
-  const dataStyleStore = useDataStyleStore()
-  const hybridViewerStore = useHybridViewerStore()
+const treeviewStore = useTreeviewStore();
+const dataStyleStore = useDataStyleStore();
+const hybridViewerStore = useHybridViewerStore();
 
-  const emit = defineEmits(["show-menu"])
+const emit = defineEmits(["show-menu"]);
 
-  function isLeafNode(item) {
-    return !item.children || item.children.length === 0
-  }
+function isLeafNode(item) {
+  return !item.children || item.children.length === 0;
+}
 
-  watch(
-    () => treeviewStore.selection,
-    async (current, previous) => {
-      const oldSelection = previous || []
-      if (current === oldSelection) {
-        return
-      }
-      const { added, removed } = compareSelections(current, previous)
-      const updates = [
-        ...added.map((item) => dataStyleStore.setVisibility(item.id, true)),
-        ...removed.map((item) => dataStyleStore.setVisibility(item.id, false)),
-      ]
-      await Promise.all(updates)
-      hybridViewerStore.remoteRender()
-    },
-  )
+watch(
+  () => treeviewStore.selection,
+  async (current, previous) => {
+    const oldSelection = previous || [];
+    if (current === oldSelection) {
+      return;
+    }
+    const { added, removed } = compareSelections(current, previous);
+    const updates = [
+      ...added.map((item) => dataStyleStore.setVisibility(item.id, true)),
+      ...removed.map((item) => dataStyleStore.setVisibility(item.id, false)),
+    ];
+    await Promise.all(updates);
+    hybridViewerStore.remoteRender();
+  },
+);
 
-  function isModel(item) {
-    return item.viewer_type === "model"
-  }
+function isModel(item) {
+  return item.viewer_type === "model";
+}
 
-  onMounted(() => {
-    const savedSelection = treeviewStore.selection
-    if (savedSelection && savedSelection.length > 0) {
-      treeviewStore.selection = savedSelection
-    }
-  })
+onMounted(() => {
+  const savedSelection = treeviewStore.selection;
+  if (savedSelection && savedSelection.length > 0) {
+    treeviewStore.selection = savedSelection;
+  }
+});
 </script>
 
 <template>
@@ -58,9 +58,7 @@
       <span
         class="treeview-item"
         @contextmenu.prevent.stop="
-          isLeafNode(item)
-            ? emit('show-menu', { event: $event, itemId: item.id })
-            : null
+          isLeafNode(item) ? emit('show-menu', { event: $event, itemId: item.id }) : null
         "
       >
         {{ item.title }}
@@ -82,16 +80,16 @@
 </template>
 
 <style scoped>
-  .transparent-treeview {
-    background-color: transparent;
-    margin: 4px 0;
-  }
+.transparent-treeview {
+  background-color: transparent;
+  margin: 4px 0;
+}
 
-  .treeview-item {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-    display: inline-block;
-  }
+.treeview-item {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: inline-block;
+}
 </style>

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

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

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

@@ -1,10 +1,10 @@
 <script setup>
-  import TriangulatedSurfaceEdgesPoints from "@ogw_front/assets/viewer_svgs/surface_points.svg"
-  import ViewerGenericMeshPointsOptions from "@ogw_front/components/Viewer/Generic/Mesh/PointsOptions"
+import TriangulatedSurfaceEdgesPoints from "@ogw_front/assets/viewer_svgs/surface_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>

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

@@ -1,10 +1,10 @@
 <script setup>
-  import TriangulatedSurfaceTriangles from "@ogw_front/assets/viewer_svgs/surface_triangles.svg"
-  import ViewerSpecificPolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions"
+import TriangulatedSurfaceTriangles from "@ogw_front/assets/viewer_svgs/surface_triangles.svg";
+import ViewerSpecificPolygonsOptions from "@ogw_front/components/Viewer/PolygonalSurface/SpecificPolygonsOptions";
 
-  const { itemProps } = defineProps({
-    itemProps: { type: Object, required: true },
-  })
+const { itemProps } = defineProps({
+  itemProps: { type: Object, required: true },
+});
 </script>
 
 <template>

package/app/components/Wrapper.vue

@@ -1,15 +1,15 @@
 <script setup>
-  import Launcher from "@ogw_front/components/Launcher"
-  import PackagesVersions from "@ogw_front/components/PackagesVersions"
-  import Stepper from "@ogw_front/components/Stepper"
+import Launcher from "@ogw_front/components/Launcher";
+import PackagesVersions from "@ogw_front/components/PackagesVersions";
+import Stepper from "@ogw_front/components/Stepper";
 
-  import { useInfraStore } from "@ogw_front/stores/infra"
+import { useInfraStore } from "@ogw_front/stores/infra";
 
-  const infraStore = useInfraStore()
+const infraStore = useInfraStore();
 
-  const { versions_schema } = defineProps({
-    versions_schema: { type: Object, required: true },
-  })
+const { versions_schema } = defineProps({
+  versions_schema: { type: Object, required: true },
+});
 </script>
 
 <template>

package/app/components/ZScaling.vue

@@ -1,12 +1,12 @@
 <script setup>
-  import GlassCard from "@ogw_front/components/GlassCard"
+import GlassCard from "@ogw_front/components/GlassCard";
 
-  const zScale = defineModel({ type: Number, default: 1 })
-  const { width } = defineProps({
-    width: { type: Number, default: 400 },
-  })
+const zScale = defineModel({ type: Number, default: 1 });
+const { width } = defineProps({
+  width: { type: Number, default: 400 },
+});
 
-  const emit = defineEmits(["close"])
+const emit = defineEmits(["close"]);
 </script>
 <template>
   <GlassCard
@@ -23,14 +23,7 @@
       <v-container>
         <v-row>
           <v-col cols="12" class="py-2">
-            <v-slider
-              v-model="zScale"
-              :min="1"
-              :max="10"
-              :step="0.2"
-              label="Z Scale"
-              thumb-label
-            />
+            <v-slider v-model="zScale" :min="1" :max="10" :step="0.2" label="Z Scale" thumb-label />
           </v-col>
         </v-row>
         <v-row>
@@ -53,24 +46,22 @@
     <template #actions>
       <v-card-actions class="justify-center pb-4">
         <v-btn variant="text" color="white" @click="emit('close')">Close</v-btn>
-        <v-btn variant="outlined" color="white" @click="emit('close')"
-          >Apply</v-btn
-        >
+        <v-btn variant="outlined" color="white" @click="emit('close')">Apply</v-btn>
       </v-card-actions>
     </template>
   </GlassCard>
 </template>
 
 <style scoped>
-  .z-scaling-menu {
-    position: absolute;
-    z-index: 2;
-    top: 90px;
-    right: 55px;
-    border-radius: 12px !important;
-  }
+.z-scaling-menu {
+  position: absolute;
+  z-index: 2;
+  top: 90px;
+  right: 55px;
+  border-radius: 12px !important;
+}
 
-  .custom-number-input :deep(.v-input__control) {
-    min-height: 48px;
-  }
+.custom-number-input :deep(.v-input__control) {
+  min-height: 48px;
+}
 </style>