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

package/.eslintrc.cjs

@@ -12,4 +12,4 @@ module.exports = {
     "plugin:vuetify/recommended",
     "plugin:nuxt/recommended",
   ],
-}
+};

package/.oxlintrc.json

@@ -25,22 +25,7 @@
     "eslint/id-length": [
       "error",
       {
-        "exceptions": [
-          "x",
-          "y",
-          "z",
-          "i",
-          "j",
-          "k",
-          "r",
-          "g",
-          "b",
-          "id",
-          "ID",
-          "fs",
-          "os",
-          "_"
-        ],
+        "exceptions": ["x", "y", "z", "i", "j", "k", "r", "g", "b", "id", "ID", "fs", "os", "_"],
         "min": 3
       }
     ],
@@ -78,6 +63,7 @@
     "max-lines": [
       "error",
       {
+        "max": 310,
         "skipBlankLines": true,
         "skipComments": true
       }
@@ -121,12 +107,7 @@
       }
     },
     {
-      "files": [
-        "app/plugins/**",
-        "node_scripts/**",
-        "server/**",
-        "*.config.js"
-      ],
+      "files": ["app/plugins/**", "node_scripts/**", "server/**", "*.config.js"],
       "rules": {
         "import/no-default-export": "off"
       }

package/app/assets/geode_objects.js

@@ -1,28 +1,28 @@
-import BRep from "@ogw_front/assets/img/geode_objects/BRep.svg"
-import CrossSection from "@ogw_front/assets/img/geode_objects/CrossSection.svg"
-import EdgedCurve2D from "@ogw_front/assets/img/geode_objects/EdgedCurve2D.svg"
-import EdgedCurve3D from "@ogw_front/assets/img/geode_objects/EdgedCurve3D.svg"
-import Graph from "@ogw_front/assets/img/geode_objects/Graph.svg"
-import HybridSolid3D from "@ogw_front/assets/img/geode_objects/HybridSolid3D.svg"
-import ImplicitCrossSection from "@ogw_front/assets/img/geode_objects/ImplicitCrossSection.svg"
-import ImplicitStructuralModel from "@ogw_front/assets/img/geode_objects/ImplicitStructuralModel.svg"
-import LightRegularGrid2D from "@ogw_front/assets/img/geode_objects/LightRegularGrid2D.svg"
-import LightRegularGrid3D from "@ogw_front/assets/img/geode_objects/LightRegularGrid3D.svg"
-import PointSet2D from "@ogw_front/assets/img/geode_objects/PointSet2D.svg"
-import PointSet3D from "@ogw_front/assets/img/geode_objects/PointSet3D.svg"
-import PolygonalSurface2D from "@ogw_front/assets/img/geode_objects/PolygonalSurface2D.svg"
-import PolygonalSurface3D from "@ogw_front/assets/img/geode_objects/PolygonalSurface3D.svg"
-import PolyhedralSolid3D from "@ogw_front/assets/img/geode_objects/PolyhedralSolid3D.svg"
-import RasterImage2D from "@ogw_front/assets/img/geode_objects/RasterImage2D.svg"
-import RasterImage3D from "@ogw_front/assets/img/geode_objects/RasterImage3D.svg"
-import RegularGrid2D from "@ogw_front/assets/img/geode_objects/RegularGrid2D.svg"
-import RegularGrid3D from "@ogw_front/assets/img/geode_objects/RegularGrid3D.svg"
-import Section from "@ogw_front/assets/img/geode_objects/Section.svg"
-import StructuralModel from "@ogw_front/assets/img/geode_objects/StructuralModel.svg"
-import TetrahedralSolid3D from "@ogw_front/assets/img/geode_objects/TetrahedralSolid3D.svg"
-import TriangulatedSurface2D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface2D.svg"
-import TriangulatedSurface3D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface3D.svg"
-import VertexSet from "@ogw_front/assets/img/geode_objects/VertexSet.svg"
+import BRep from "@ogw_front/assets/img/geode_objects/BRep.svg";
+import CrossSection from "@ogw_front/assets/img/geode_objects/CrossSection.svg";
+import EdgedCurve2D from "@ogw_front/assets/img/geode_objects/EdgedCurve2D.svg";
+import EdgedCurve3D from "@ogw_front/assets/img/geode_objects/EdgedCurve3D.svg";
+import Graph from "@ogw_front/assets/img/geode_objects/Graph.svg";
+import HybridSolid3D from "@ogw_front/assets/img/geode_objects/HybridSolid3D.svg";
+import ImplicitCrossSection from "@ogw_front/assets/img/geode_objects/ImplicitCrossSection.svg";
+import ImplicitStructuralModel from "@ogw_front/assets/img/geode_objects/ImplicitStructuralModel.svg";
+import LightRegularGrid2D from "@ogw_front/assets/img/geode_objects/LightRegularGrid2D.svg";
+import LightRegularGrid3D from "@ogw_front/assets/img/geode_objects/LightRegularGrid3D.svg";
+import PointSet2D from "@ogw_front/assets/img/geode_objects/PointSet2D.svg";
+import PointSet3D from "@ogw_front/assets/img/geode_objects/PointSet3D.svg";
+import PolygonalSurface2D from "@ogw_front/assets/img/geode_objects/PolygonalSurface2D.svg";
+import PolygonalSurface3D from "@ogw_front/assets/img/geode_objects/PolygonalSurface3D.svg";
+import PolyhedralSolid3D from "@ogw_front/assets/img/geode_objects/PolyhedralSolid3D.svg";
+import RasterImage2D from "@ogw_front/assets/img/geode_objects/RasterImage2D.svg";
+import RasterImage3D from "@ogw_front/assets/img/geode_objects/RasterImage3D.svg";
+import RegularGrid2D from "@ogw_front/assets/img/geode_objects/RegularGrid2D.svg";
+import RegularGrid3D from "@ogw_front/assets/img/geode_objects/RegularGrid3D.svg";
+import Section from "@ogw_front/assets/img/geode_objects/Section.svg";
+import StructuralModel from "@ogw_front/assets/img/geode_objects/StructuralModel.svg";
+import TetrahedralSolid3D from "@ogw_front/assets/img/geode_objects/TetrahedralSolid3D.svg";
+import TriangulatedSurface2D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface2D.svg";
+import TriangulatedSurface3D from "@ogw_front/assets/img/geode_objects/TriangulatedSurface3D.svg";
+import VertexSet from "@ogw_front/assets/img/geode_objects/VertexSet.svg";
 
 export const geode_objects = {
   BRep: {
@@ -125,4 +125,4 @@ export const geode_objects = {
     tooltip: "VertexSet",
     image: VertexSet,
   },
-}
+};

package/app/components/Carousel.vue

@@ -1,58 +1,54 @@
 <script setup>
-  // oxlint-disable-next-line import/no-unassigned-import
-  import "vue3-carousel/dist/carousel.css"
-  import { Carousel, Navigation, Pagination, Slide } from "vue3-carousel"
-  import { useDisplay } from "vuetify"
+// oxlint-disable-next-line import/no-unassigned-import
+import "vue3-carousel/dist/carousel.css";
+import { Carousel, Navigation, Pagination, Slide } from "vue3-carousel";
+import { useDisplay } from "vuetify";
 
-  const NB_ITEMS_TO_DISPLAY = 3
+const NB_ITEMS_TO_DISPLAY = 3;
 
-  const { items } = defineProps({
-    items: { type: Array, required: true },
-  })
+const { items } = defineProps({
+  items: { type: Array, required: true },
+});
 
-  const { name } = useDisplay()
-  const nb_items_to_display = ref(NB_ITEMS_TO_DISPLAY)
-  watch(
-    name,
-    (value) => {
-      switch (value) {
-        case "xs": {
-          nb_items_to_display.value = 1
-          break
-        }
-        case "sm": {
-          nb_items_to_display.value = 2
-          break
-        }
-        default: {
-          nb_items_to_display.value = 3
-          break
-        }
+const { name } = useDisplay();
+const nb_items_to_display = ref(NB_ITEMS_TO_DISPLAY);
+watch(
+  name,
+  (value) => {
+    switch (value) {
+      case "xs": {
+        nb_items_to_display.value = 1;
+        break;
       }
-    },
-    {
-      immediate: true,
-    },
-  )
+      case "sm": {
+        nb_items_to_display.value = 2;
+        break;
+      }
+      default: {
+        nb_items_to_display.value = 3;
+        break;
+      }
+    }
+  },
+  {
+    immediate: true,
+  },
+);
 
-  const carrousel_settings = reactive({
-    autoplay: 2000,
-    itemsToShow: nb_items_to_display.value,
-    itemsToScroll: 1,
-    pauseAutoplayOnHover: true,
-    transition: 1000,
-    wrapAround: true,
-  })
+const carrousel_settings = reactive({
+  autoplay: 2000,
+  itemsToShow: nb_items_to_display.value,
+  itemsToScroll: 1,
+  pauseAutoplayOnHover: true,
+  transition: 1000,
+  wrapAround: true,
+});
 </script>
 
 <template>
   <ClientOnly>
     <Carousel :settings="carrousel_settings">
-      <Slide
-        v-for="(item, index) in items"
-        :key="index"
-        class="carousel__slide"
-      >
+      <Slide v-for="(item, index) in items" :key="index" class="carousel__slide">
         <a :href="item.url" target="_blank">
           <img :src="item.logo" class="carousel__item" />
         </a>
@@ -66,28 +62,28 @@
 </template>
 
 <style scoped>
-  .carousel__item {
-    min-height: 200px;
-    width: 100%;
-    background-color: var(--vc-clr-white);
-    color: var(--vc-clr-white);
-    font-size: 20px;
-    border-radius: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
+.carousel__item {
+  min-height: 200px;
+  width: 100%;
+  background-color: var(--vc-clr-white);
+  color: var(--vc-clr-white);
+  font-size: 20px;
+  border-radius: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 
-  .carousel__slide {
-    display: flex;
-    padding: 15px;
-    align-items: center;
-    justify-content: center;
-  }
+.carousel__slide {
+  display: flex;
+  padding: 15px;
+  align-items: center;
+  justify-content: center;
+}
 
-  .carousel__prev,
-  .carousel__next {
-    box-sizing: content-box;
-    border: 5px solid red;
-  }
+.carousel__prev,
+.carousel__next {
+  box-sizing: content-box;
+  border: 5px solid red;
+}
 </style>

package/app/components/CrsSelector.vue

@@ -1,67 +1,63 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const schema = schemas.opengeodeweb_back.geographic_coordinate_systems
+const schema = schemas.opengeodeweb_back.geographic_coordinate_systems;
 
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-  const { geode_object_type, key_to_update } = defineProps({
-    geode_object_type: { type: String, required: true },
-    key_to_update: { type: String, required: true },
-  })
+const { geode_object_type, key_to_update } = defineProps({
+  geode_object_type: { type: String, required: true },
+  key_to_update: { type: String, required: true },
+});
 
-  const search = ref("")
-  const data_table_loading = ref(false)
-  const crs_list = ref([])
-  const selected_crs = ref([])
-  const toggle_loading = useToggle(data_table_loading)
-  const geodeStore = useGeodeStore()
+const search = ref("");
+const data_table_loading = ref(false);
+const crs_list = ref([]);
+const selected_crs = ref([]);
+const toggle_loading = useToggle(data_table_loading);
+const geodeStore = useGeodeStore();
 
-  watch(selected_crs, (new_value) => {
-    const crs = get_selected_crs(new_value[0])
-    const keys_values_object = {
-      [key_to_update]: crs,
-    }
-    emit("update_values", keys_values_object)
-    emit("increment_step")
-  })
+watch(selected_crs, (new_value) => {
+  const crs = get_selected_crs(new_value[0]);
+  const keys_values_object = {
+    [key_to_update]: crs,
+  };
+  emit("update_values", keys_values_object);
+  emit("increment_step");
+});
 
-  function get_selected_crs(crs_code) {
-    for (let i = 0; i <= crs_list.value.length; i += 1) {
-      if (crs_list.value[i]["code"] === crs_code) {
-        return crs_list.value[i]
-      }
+function get_selected_crs(crs_code) {
+  for (let i = 0; i <= crs_list.value.length; i += 1) {
+    if (crs_list.value[i]["code"] === crs_code) {
+      return crs_list.value[i];
     }
   }
+}
 
-  async function get_crs_table() {
-    const params = { geode_object_type }
-    toggle_loading()
-    await geodeStore.request(schema, params, {
-      response_function: (response) => {
-        crs_list.value = response.crs_list
-      },
-    })
-    toggle_loading()
-  }
-
-  const headers = [
-    {
-      title: "Authority",
-      align: "start",
-      sortable: true,
-      key: "authority",
+async function get_crs_table() {
+  const params = { geode_object_type };
+  toggle_loading();
+  await geodeStore.request(schema, params, {
+    response_function: (response) => {
+      crs_list.value = response.crs_list;
     },
-    { title: "Code", align: "end", key: "code" },
-    { title: "Name", align: "end", key: "name" },
-  ]
+  });
+  toggle_loading();
+}
+
+const headers = [
+  {
+    title: "Authority",
+    align: "start",
+    sortable: true,
+    key: "authority",
+  },
+  { title: "Code", align: "end", key: "code" },
+  { title: "Name", align: "end", key: "name" },
+];
 
-  await get_crs_table()
+await get_crs_table();
 </script>
 
 <template>

package/app/components/DeleteDialog.vue

@@ -1,39 +1,29 @@
 <script setup>
-  import GlassCard from "./GlassCard.vue"
+import GlassCard from "./GlassCard.vue";
 
-  const { show, item, selectedCount } = defineProps({
-    show: {
-      type: Boolean,
-      default: false,
-    },
-    item: {
-      type: Object,
-      default: undefined,
-    },
-    selectedCount: {
-      type: Number,
-      default: 0,
-    },
-  })
+const { show, item, selectedCount } = defineProps({
+  show: {
+    type: Boolean,
+    default: false,
+  },
+  item: {
+    type: Object,
+    default: undefined,
+  },
+  selectedCount: {
+    type: Number,
+    default: 0,
+  },
+});
 
-  const emit = defineEmits(["update:show", "confirm"])
+const emit = defineEmits(["update:show", "confirm"]);
 </script>
 
 <template>
-  <v-dialog
-    :model-value="show"
-    @update:model-value="emit('update:show', $event)"
-    max-width="400"
-  >
+  <v-dialog :model-value="show" @update:model-value="emit('update:show', $event)" max-width="400">
     <GlassCard v-if="item" variant="panel" padding="pa-8">
-      <v-card-title
-        class="pb-2 text-h5 font-weight-bold d-flex align-center text-white"
-      >
-        <v-icon
-          icon="mdi-trash-can-outline"
-          class="mr-3 text-h4"
-          color="error"
-        ></v-icon>
+      <v-card-title class="pb-2 text-h5 font-weight-bold d-flex align-center text-white">
+        <v-icon icon="mdi-trash-can-outline" class="mr-3 text-h4" color="error"></v-icon>
         Delete Item
       </v-card-title>
 
@@ -75,14 +65,8 @@
     </GlassCard>
 
     <GlassCard v-else variant="panel" padding="pa-8">
-      <v-card-title
-        class="pb-2 text-h5 font-weight-bold d-flex align-center text-white"
-      >
-        <v-icon
-          icon="mdi-alert-circle-outline"
-          class="mr-3 text-h4"
-          color="error"
-        ></v-icon>
+      <v-card-title class="pb-2 text-h5 font-weight-bold d-flex align-center text-white">
+        <v-icon icon="mdi-alert-circle-outline" class="mr-3 text-h4" color="error"></v-icon>
         Delete Items
       </v-card-title>
 

package/app/components/DragAndDrop.vue

@@ -1,33 +1,33 @@
 <script setup>
-  import GlassCard from "@ogw_front/components/GlassCard"
+import GlassCard from "@ogw_front/components/GlassCard";
 
-  const { multiple, accept, loading, showExtensions } = defineProps({
-    multiple: { type: Boolean, default: false },
-    accept: { type: String, default: "" },
-    loading: { type: Boolean, default: false },
-    showExtensions: { type: Boolean, default: true },
-  })
+const { multiple, accept, loading, showExtensions } = defineProps({
+  multiple: { type: Boolean, default: false },
+  accept: { type: String, default: "" },
+  loading: { type: Boolean, default: false },
+  showExtensions: { type: Boolean, default: true },
+});
 
-  const emit = defineEmits(["files-selected"])
+const emit = defineEmits(["files-selected"]);
 
-  const isDragging = ref(false)
-  const fileInput = ref(undefined)
+const isDragging = ref(false);
+const fileInput = ref(undefined);
 
-  function triggerFileDialog() {
-    fileInput.value?.click()
-  }
+function triggerFileDialog() {
+  fileInput.value?.click();
+}
 
-  function handleDrop(event) {
-    isDragging.value = false
-    const files = [...event.dataTransfer.files]
-    emit("files-selected", files)
-  }
+function handleDrop(event) {
+  isDragging.value = false;
+  const files = [...event.dataTransfer.files];
+  emit("files-selected", files);
+}
 
-  function handleFileSelect(event) {
-    const files = [...event.target.files]
-    emit("files-selected", files)
-    event.target.value = ""
-  }
+function handleFileSelect(event) {
+  const files = [...event.target.files];
+  emit("files-selected", files);
+  event.target.value = "";
+}
 </script>
 
 <template>
@@ -60,9 +60,7 @@
       <v-card-text class="pa-8">
         <v-sheet
           class="mx-auto mb-6 d-flex align-center justify-center"
-          :color="
-            isHovering || isDragging ? 'white' : 'rgba(255, 255, 255, 0.1)'
-          "
+          :color="isHovering || isDragging ? 'white' : 'rgba(255, 255, 255, 0.1)'"
           rounded="circle"
           width="80"
           height="80"
@@ -81,11 +79,7 @@
           style="transition: color 0.3s ease"
         >
           {{
-            loading
-              ? "Uploading..."
-              : isDragging
-                ? "Drop to upload"
-                : "Click or Drag & Drop files"
+            loading ? "Uploading..." : isDragging ? "Drop to upload" : "Click or Drag & Drop files"
           }}
         </v-card-title>
 
@@ -107,16 +101,16 @@
 </template>
 
 <style scoped>
-  .rotating {
-    animation: rotate 1s linear infinite;
-  }
+.rotating {
+  animation: rotate 1s linear infinite;
+}
 
-  @keyframes rotate {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
   }
+}
 </style>