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

package/app/components/HybridRenderingView.vue

@@ -1,48 +1,47 @@
 <script setup>
-  import VeaseViewToolbar from "@ogw_front/components/VeaseViewToolbar"
-  import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer"
-  import { useViewerStore } from "@ogw_front/stores/viewer"
+import VeaseViewToolbar from "@ogw_front/components/VeaseViewToolbar";
+import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
+import { useViewerStore } from "@ogw_front/stores/viewer";
 
-  const DEFAULT_ELEMENT_HEIGHT = 100
+const DEFAULT_ELEMENT_HEIGHT = 100;
 
-  const emit = defineEmits(["click"])
+const emit = defineEmits(["click"]);
 
-  const container = useTemplateRef("viewer")
-  const hybridViewerStore = useHybridViewerStore()
-  const viewerStore = useViewerStore()
+const container = useTemplateRef("viewer");
+const hybridViewerStore = useHybridViewerStore();
+const viewerStore = useViewerStore();
 
-  const { width: elementWidth, height: elementHeight } =
-    useElementSize(container)
-  const { width: windowWidth, height: windowHeight } = useWindowSize()
+const { width: elementWidth, height: elementHeight } = useElementSize(container);
+const { width: windowWidth, height: windowHeight } = useWindowSize();
 
-  const debouncedResize = debounce(() => {
-    hybridViewerStore.resize(elementWidth.value, elementHeight.value)
-  }, DEFAULT_ELEMENT_HEIGHT)
+const debouncedResize = debounce(() => {
+  hybridViewerStore.resize(elementWidth.value, elementHeight.value);
+}, DEFAULT_ELEMENT_HEIGHT);
 
-  watch([elementWidth, elementHeight, windowWidth, windowHeight], (value) => {
-    debouncedResize()
-  })
+watch([elementWidth, elementHeight, windowWidth, windowHeight], (value) => {
+  debouncedResize();
+});
 
-  onMounted(async () => {
-    if (import.meta.client) {
-      await hybridViewerStore.initHybridViewer()
-      await nextTick()
-      hybridViewerStore.setContainer(container)
-      debouncedResize()
-    }
-  })
+onMounted(async () => {
+  if (import.meta.client) {
+    await hybridViewerStore.initHybridViewer();
+    await nextTick();
+    hybridViewerStore.setContainer(container);
+    debouncedResize();
+  }
+});
 
-  function debounce(func, wait) {
-    let timeout = undefined
-    return function executedFunction(...args) {
-      function later() {
-        clearTimeout(timeout)
-        func(...args)
-      }
-      clearTimeout(timeout)
-      timeout = setTimeout(later, wait)
+function debounce(func, wait) {
+  let timeout = undefined;
+  return function executedFunction(...args) {
+    function later() {
+      clearTimeout(timeout);
+      func(...args);
     }
-  }
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+  };
+}
 </script>
 
 <template>
@@ -62,7 +61,7 @@
 </template>
 
 <style>
-  img {
-    pointer-events: none;
-  }
+img {
+  pointer-events: none;
+}
 </style>

package/app/components/InfraConnected.vue

@@ -1,7 +1,7 @@
 <script setup>
-  import { useInfraStore } from "@ogw_front/stores/infra"
-  const infraStore = useInfraStore()
-  console.log("TEST", { infraStore })
+import { useInfraStore } from "@ogw_front/stores/infra";
+const infraStore = useInfraStore();
+console.log("TEST", { infraStore });
 </script>
 
 <template>

package/app/components/Inspector/InspectionButton.vue

@@ -1,38 +1,34 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
-  const schema = schemas.opengeodeweb_back.inspect_file
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
+import { useGeodeStore } from "@ogw_front/stores/geode";
+const schema = schemas.opengeodeweb_back.inspect_file;
 
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
-  const { geode_object_type, filename } = defineProps({
-    geode_object_type: { type: String, required: true },
-    filename: { type: String, required: true },
-  })
-  const loading = ref(false)
-  const toggle_loading = useToggle(loading)
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
+const { geode_object_type, filename } = defineProps({
+  geode_object_type: { type: String, required: true },
+  filename: { type: String, required: true },
+});
+const loading = ref(false);
+const toggle_loading = useToggle(loading);
 
-  async function get_inspection_results() {
-    toggle_loading()
-    const params = {
-      geode_object_type: geode_object_type,
-      filename: filename,
-    }
-    const geodeStore = useGeodeStore()
+async function get_inspection_results() {
+  toggle_loading();
+  const params = {
+    geode_object_type: geode_object_type,
+    filename: filename,
+  };
+  const geodeStore = useGeodeStore();
 
-    await geodeStore.request(schema, params, {
-      response_function: (response) => {
-        emit("update_values", {
-          inspection_result: [response.inspection_result],
-        })
-        emit("increment_step")
-      },
-    })
-    toggle_loading()
-  }
+  await geodeStore.request(schema, params, {
+    response_function: (response) => {
+      emit("update_values", {
+        inspection_result: [response.inspection_result],
+      });
+      emit("increment_step");
+    },
+  });
+  toggle_loading();
+}
 </script>
 
 <template>

package/app/components/Inspector/ResultPanel.vue

@@ -1,26 +1,22 @@
 <script setup>
-  import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel"
+import InspectorResultPanel from "@ogw_front/components/Inspector/ResultPanel";
 
-  const { inspection_result } = defineProps({
-    inspection_result: { type: Array, required: true },
-  })
-  const opened_panels = ref([])
+const { inspection_result } = defineProps({
+  inspection_result: { type: Array, required: true },
+});
+const opened_panels = ref([]);
 
-  onMounted(() => {
-    opened_panels.value = inspection_result
-      .map((result, i) => (result.nb_issues > 0 ? i : -1))
-      .filter((index) => index !== -1)
-  })
+onMounted(() => {
+  opened_panels.value = inspection_result
+    .map((result, i) => (result.nb_issues > 0 ? i : -1))
+    .filter((index) => index !== -1);
+});
 </script>
 
 <template>
   <v-container class="pa-2">
     <v-expansion-panels v-model="opened_panels" multiple elevation="5">
-      <v-expansion-panel
-        v-for="(result, index) in inspection_result"
-        :key="index"
-        class="card"
-      >
+      <v-expansion-panel v-for="(result, index) in inspection_result" :key="index" class="card">
         <v-expansion-panel-title>
           <v-row align="center">
             <v-col cols="auto">
@@ -35,17 +31,10 @@
           </v-row>
         </v-expansion-panel-title>
         <v-expansion-panel-text>
-          <InspectorResultPanel
-            v-if="result.children"
-            :inspection_result="result.children"
-          />
+          <InspectorResultPanel v-if="result.children" :inspection_result="result.children" />
           <v-container v-if="result.issues">
             <v-col>
-              <v-row
-                v-for="(issue, index) in result.issues"
-                :key="index"
-                class="pa-0"
-              >
+              <v-row v-for="(issue, index) in result.issues" :key="index" class="pa-0">
                 {{ issue }}
               </v-row>
             </v-col>

package/app/components/Launcher.vue

@@ -1,19 +1,19 @@
 <script setup>
-  import Loading from "@ogw_front/components/Loading"
-  import Recaptcha from "@ogw_front/components/Recaptcha"
-  import { Status } from "@ogw_front/utils/status"
-  import { useInfraStore } from "@ogw_front/stores/infra"
+import Loading from "@ogw_front/components/Loading";
+import Recaptcha from "@ogw_front/components/Recaptcha";
+import { Status } from "@ogw_front/utils/status";
+import { useInfraStore } from "@ogw_front/stores/infra";
 
-  const infraStore = useInfraStore()
+const infraStore = useInfraStore();
 
-  watch(
-    () => infraStore.is_captcha_validated,
-    (value, oldValue) => {
-      if (value && !oldValue && import.meta.client) {
-        infraStore.create_backend()
-      }
-    },
-  )
+watch(
+  () => infraStore.is_captcha_validated,
+  (value, oldValue) => {
+    if (value && !oldValue && import.meta.client) {
+      infraStore.create_backend();
+    }
+  },
+);
 </script>
 
 <template>

package/app/components/Loading.vue

@@ -1,84 +1,78 @@
 <script setup>
-  import chemin from "@ogw_front/assets/img/energy_sobriety/chemin.png"
-  import collegue from "@ogw_front/assets/img/energy_sobriety/collegue.png"
-  import derniere from "@ogw_front/assets/img/energy_sobriety/derniere.png"
-  import etincelle from "@ogw_front/assets/img/energy_sobriety/etincelle.png"
-  import geste from "@ogw_front/assets/img/energy_sobriety/geste.png"
-  import lampadaire from "@ogw_front/assets/img/energy_sobriety/lampadaire.png"
-  import salon from "@ogw_front/assets/img/energy_sobriety/salon.png"
-  import sobene from "@ogw_front/assets/img/energy_sobriety/sobene.png"
-  import socle from "@ogw_front/assets/img/energy_sobriety/socle.png"
-  import vert from "@ogw_front/assets/img/energy_sobriety/vert.png"
-  import ying_yang from "@ogw_front/assets/img/energy_sobriety/ying_yang.png"
+import chemin from "@ogw_front/assets/img/energy_sobriety/chemin.png";
+import collegue from "@ogw_front/assets/img/energy_sobriety/collegue.png";
+import derniere from "@ogw_front/assets/img/energy_sobriety/derniere.png";
+import etincelle from "@ogw_front/assets/img/energy_sobriety/etincelle.png";
+import geste from "@ogw_front/assets/img/energy_sobriety/geste.png";
+import lampadaire from "@ogw_front/assets/img/energy_sobriety/lampadaire.png";
+import salon from "@ogw_front/assets/img/energy_sobriety/salon.png";
+import sobene from "@ogw_front/assets/img/energy_sobriety/sobene.png";
+import socle from "@ogw_front/assets/img/energy_sobriety/socle.png";
+import vert from "@ogw_front/assets/img/energy_sobriety/vert.png";
+import ying_yang from "@ogw_front/assets/img/energy_sobriety/ying_yang.png";
 
-  import Carousel from "@ogw_front/components/Carousel"
+import Carousel from "@ogw_front/components/Carousel";
 
-  const users_list = [
-    {
-      name: "YING YANG",
-      logo: ying_yang,
-    },
-    {
-      name: "CHEMIN",
-      logo: chemin,
-    },
-    {
-      name: "SOBRIETE ENERGETIQUE",
-      logo: sobene,
-    },
-    {
-      name: "VERT",
-      logo: vert,
-    },
-    {
-      name: "LAMPADAIRE",
-      logo: lampadaire,
-    },
-    {
-      name: "COLLEGUE",
-      logo: collegue,
-    },
-    {
-      name: "ETINCELLE",
-      logo: etincelle,
-    },
-    {
-      name: "GESTE",
-      logo: geste,
-    },
-    {
-      name: "SOCLE",
-      logo: socle,
-    },
-    {
-      name: "DERNIERE",
-      logo: derniere,
-    },
-    {
-      name: "SALON",
-      logo: salon,
-    },
-  ]
+const users_list = [
+  {
+    name: "YING YANG",
+    logo: ying_yang,
+  },
+  {
+    name: "CHEMIN",
+    logo: chemin,
+  },
+  {
+    name: "SOBRIETE ENERGETIQUE",
+    logo: sobene,
+  },
+  {
+    name: "VERT",
+    logo: vert,
+  },
+  {
+    name: "LAMPADAIRE",
+    logo: lampadaire,
+  },
+  {
+    name: "COLLEGUE",
+    logo: collegue,
+  },
+  {
+    name: "ETINCELLE",
+    logo: etincelle,
+  },
+  {
+    name: "GESTE",
+    logo: geste,
+  },
+  {
+    name: "SOCLE",
+    logo: socle,
+  },
+  {
+    name: "DERNIERE",
+    logo: derniere,
+  },
+  {
+    name: "SALON",
+    logo: salon,
+  },
+];
 </script>
 
 <template>
   <v-row justify="center">
     <v-col cols="12" class="ma-3">
       <v-card loading>
-        <v-card-title class="text-center">
-          Microservices are starting...
-        </v-card-title>
-        <v-card-subtitle class="text-center">
-          Why do you have to wait?
-        </v-card-subtitle>
+        <v-card-title class="text-center"> Microservices are starting... </v-card-title>
+        <v-card-subtitle class="text-center"> Why do you have to wait? </v-card-subtitle>
         <v-card-text class="text-center">
-          We start our microservices only on demand... and this takes a few
-          minutes before you can use our free app.
+          We start our microservices only on demand... and this takes a few minutes before you can
+          use our free app.
           <br />
           This is aligned with our energy sobriety policy. So be patient
-          <v-icon color="primary" size="20">
-            mdi-emoticon-excited-outline
-          </v-icon>
+          <v-icon color="primary" size="20"> mdi-emoticon-excited-outline </v-icon>
           <br />
           <Carousel :items="users_list" />
         </v-card-text>

package/app/components/MissingFilesSelector.vue

@@ -1,75 +1,65 @@
 <script setup>
-  import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json"
+import schemas from "@geode/opengeodeweb-back/opengeodeweb_back_schemas.json";
 
-  import FetchingData from "@ogw_front/components/FetchingData"
-  import FileUploader from "@ogw_front/components/FileUploader"
-  import { useGeodeStore } from "@ogw_front/stores/geode"
+import FetchingData from "@ogw_front/components/FetchingData";
+import FileUploader from "@ogw_front/components/FileUploader";
+import { useGeodeStore } from "@ogw_front/stores/geode";
 
-  const schema = schemas.opengeodeweb_back.missing_files
+const schema = schemas.opengeodeweb_back.missing_files;
 
-  const emit = defineEmits([
-    "update_values",
-    "increment_step",
-    "decrement_step",
-  ])
+const emit = defineEmits(["update_values", "increment_step", "decrement_step"]);
 
-  const { multiple, geode_object_type, filenames } = defineProps({
-    multiple: { type: Boolean, required: true },
-    geode_object_type: { type: String, required: true },
-    filenames: { type: Array, required: true },
-  })
+const { multiple, geode_object_type, filenames } = defineProps({
+  multiple: { type: Boolean, required: true },
+  geode_object_type: { type: String, required: true },
+  filenames: { type: Array, required: true },
+});
 
-  const accept = ref("")
-  const loading = ref(false)
-  const has_missing_files = ref(false)
-  const mandatory_files = ref([])
-  const additional_files = ref([])
-  const toggle_loading = useToggle(loading)
+const accept = ref("");
+const loading = ref(false);
+const has_missing_files = ref(false);
+const mandatory_files = ref([]);
+const additional_files = ref([]);
+const toggle_loading = useToggle(loading);
 
-  function files_uploaded_event(value) {
-    emit("update_values", { additional_files: value })
-    emit("increment_step")
-  }
+function files_uploaded_event(value) {
+  emit("update_values", { additional_files: value });
+  emit("increment_step");
+}
 
-  async function missing_files() {
-    toggle_loading()
-    has_missing_files.value = false
-    mandatory_files.value = []
-    additional_files.value = []
-    const geodeStore = useGeodeStore()
+async function missing_files() {
+  toggle_loading();
+  has_missing_files.value = false;
+  mandatory_files.value = [];
+  additional_files.value = [];
+  const geodeStore = useGeodeStore();
 
-    const promise_array = filenames.map(async (filename) => {
-      const response = await geodeStore.request(schema, {
-        geode_object_type,
-        filename,
-      })
-      return response
-    })
-    const values = await Promise.all(promise_array)
-    for (const value of values) {
-      if (value.has_missing_files) {
-        has_missing_files.value = true
-      }
-      mandatory_files.value = [
-        ...mandatory_files.value,
-        ...value.mandatory_files,
-      ]
-      additional_files.value = [
-        ...additional_files.value,
-        ...value.additional_files,
-      ]
-    }
-    if (has_missing_files.value) {
-      accept.value = [...mandatory_files.value, ...additional_files.value]
-        .map((filename) => `.${filename.split(".").pop()}`)
-        .join(",")
-    } else {
-      emit("increment_step")
+  const promise_array = filenames.map(async (filename) => {
+    const response = await geodeStore.request(schema, {
+      geode_object_type,
+      filename,
+    });
+    return response;
+  });
+  const values = await Promise.all(promise_array);
+  for (const value of values) {
+    if (value.has_missing_files) {
+      has_missing_files.value = true;
     }
-    toggle_loading()
+    mandatory_files.value = [...mandatory_files.value, ...value.mandatory_files];
+    additional_files.value = [...additional_files.value, ...value.additional_files];
+  }
+  if (has_missing_files.value) {
+    accept.value = [...mandatory_files.value, ...additional_files.value]
+      .map((filename) => `.${filename.split(".").pop()}`)
+      .join(",");
+  } else {
+    emit("increment_step");
   }
+  toggle_loading();
+}
 
-  await missing_files()
+await missing_files();
 </script>
 
 <template>
@@ -89,27 +79,17 @@
         <v-icon color="accent" icon="mdi-file-document-plus-outline" />
       </v-col>
       <p class="pa-1">Additional files:</p>
-      <v-col
-        v-for="additional_file in additional_files"
-        cols="auto"
-        class="pa-0"
-      >
+      <v-col v-for="additional_file in additional_files" cols="auto" class="pa-0">
         <v-chip>{{ additional_file }}</v-chip>
       </v-col>
     </v-row>
     <v-row>
       <v-col cols="12">
-        <FileUploader
-          v-bind="{ multiple, accept }"
-          @files_uploaded="files_uploaded_event"
-        />
+        <FileUploader v-bind="{ multiple, accept }" @files_uploaded="files_uploaded_event" />
       </v-col>
     </v-row>
     <v-row>
-      <v-col
-        v-if="mandatory_files.length === 0 && additional_files.length > 0"
-        cols="auto"
-      >
+      <v-col v-if="mandatory_files.length === 0 && additional_files.length > 0" cols="auto">
         <v-btn @click="emit('increment_step')" color="warning">Skip step</v-btn>
       </v-col>
     </v-row>