@geode/opengeodeweb-front 3.0.0 → 4.0.0-rc.2

package/.eslintrc.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:vue/vue3-recommended",
+    "plugin:vuetify/recommended",
+    "plugin:nuxt/recommended",
+  ],
+}

package/.github/workflows/Branch-protection.yml

@@ -7,5 +7,5 @@ jobs:
   check-branch-protection:
     uses: Geode-solutions/actions/.github/workflows/branch-protection.yml@master
     with:
-      branch_from: 'next'
-      branch_to: 'master'
+      branch_from: "next"
+      branch_to: "master"

package/.github/workflows/CD.yml

@@ -1,7 +1,7 @@
 name: Publish Package to npmjs
 on:
   push:
-    branches: [ next, master ]
+    branches: [next, master]
 
 jobs:
   build:
@@ -13,4 +13,4 @@ jobs:
         id: semantic
         env:
           GITHUB_TOKEN: ${{ github.token }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/prepare_pr.yml

@@ -0,0 +1,11 @@
+name: Prepare PR
+
+on:
+  pull_request:
+    branches:
+      - next
+
+jobs:
+  prepare:
+    uses: Geode-solutions/actions/.github/workflows/web-prepare-pr.yml@master
+    secrets: inherit

package/.prettierrc

@@ -0,0 +1,4 @@
+{
+  "semi": false,
+  "vueIndentScriptAndStyle": true
+}

package/README.md

@@ -1,2 +1,3 @@
 # OpenGeodeWeb-Front
+
 OpenSource Vue/Vuetify framework for web applications

package/assets/geode_objects.js

@@ -1,110 +1,110 @@
-import brep from '@/assets/img/geode_objects/BRep.svg'
-import cross_section from '@/assets/img/geode_objects/cross_section.svg'
-import edged_curve2d from '@/assets/img/geode_objects/edged_curve2d.svg'
-import edged_curve3d from '@/assets/img/geode_objects/edged_curve3d.svg'
-import edged_curve from '@/assets/img/geode_objects/edged_curve.svg'
-import hybrid_solid from '@/assets/img/geode_objects/hybrid_solid.svg'
-import point_set2d from '@/assets/img/geode_objects/point_set2d.svg'
-import point_set3d from '@/assets/img/geode_objects/point_set3d.svg'
-import polygonal_surface2d from '@/assets/img/geode_objects/polygonal_surface2d.svg'
-import polygonal_surface3d from '@/assets/img/geode_objects/polygonal_surface3d.svg'
-import polyhedral_solid from '@/assets/img/geode_objects/polyhedral_solid.svg'
-import raster_image2d from '@/assets/img/geode_objects/raster_image2d.svg'
-import raster_image3d from '@/assets/img/geode_objects/raster_image3d.svg'
-import regular_grid2d from '@/assets/img/geode_objects/regular_grid2d.svg'
-import regular_grid3d from '@/assets/img/geode_objects/regular_grid3d.svg'
-import section from '@/assets/img/geode_objects/section.svg'
-import structural_model from '@/assets/img/geode_objects/structural_model.svg'
-import tetrahedral_solid from '@/assets/img/geode_objects/tetrahedral_solid.svg'
-import triangulated_surface2d from '@/assets/img/geode_objects/triangulated_surface2d.svg'
-import triangulated_surface3d from '@/assets/img/geode_objects/triangulated_surface3d.svg'
-import vertex_set from '@/assets/img/geode_objects/vertex_set.svg'
+import brep from "@/assets/img/geode_objects/BRep.svg"
+import cross_section from "@/assets/img/geode_objects/cross_section.svg"
+import edged_curve2d from "@/assets/img/geode_objects/edged_curve2d.svg"
+import edged_curve3d from "@/assets/img/geode_objects/edged_curve3d.svg"
+import edged_curve from "@/assets/img/geode_objects/edged_curve.svg"
+import hybrid_solid from "@/assets/img/geode_objects/hybrid_solid.svg"
+import point_set2d from "@/assets/img/geode_objects/point_set2d.svg"
+import point_set3d from "@/assets/img/geode_objects/point_set3d.svg"
+import polygonal_surface2d from "@/assets/img/geode_objects/polygonal_surface2d.svg"
+import polygonal_surface3d from "@/assets/img/geode_objects/polygonal_surface3d.svg"
+import polyhedral_solid from "@/assets/img/geode_objects/polyhedral_solid.svg"
+import raster_image2d from "@/assets/img/geode_objects/raster_image2d.svg"
+import raster_image3d from "@/assets/img/geode_objects/raster_image3d.svg"
+import regular_grid2d from "@/assets/img/geode_objects/regular_grid2d.svg"
+import regular_grid3d from "@/assets/img/geode_objects/regular_grid3d.svg"
+import section from "@/assets/img/geode_objects/section.svg"
+import structural_model from "@/assets/img/geode_objects/structural_model.svg"
+import tetrahedral_solid from "@/assets/img/geode_objects/tetrahedral_solid.svg"
+import triangulated_surface2d from "@/assets/img/geode_objects/triangulated_surface2d.svg"
+import triangulated_surface3d from "@/assets/img/geode_objects/triangulated_surface3d.svg"
+import vertex_set from "@/assets/img/geode_objects/vertex_set.svg"
 
 const geode_objects = {
-    BRep: {
-        tooltip: 'BRep',
-        image: brep,
-    },
-    CrossSection: {
-        tooltip: 'CrossSection',
-        image: cross_section,
-    },
-    EdgedCurve2D: {
-        tooltip: 'EdgedCurve2D',
-        image: edged_curve2d,
-    },
-    EdgedCurve3D: {
-        tooltip: 'EdgedCurve3D',
-        image: edged_curve3d,
-    },
-    Graph: {
-        tooltip: 'Graph',
-        image: edged_curve,
-    },
-    HybridSolid3D: {
-        tooltip: "HybridSolid3D",
-        image: hybrid_solid,
-    },
-    PointSet2D: {
-        tooltip: 'PointSet2D',
-        image: point_set2d,
-    },
-    PointSet3D: {
-        tooltip: 'PointSet3D',
-        image: point_set3d,
-    },
-    PolygonalSurface2D: {
-        tooltip: 'PolygonalSurface2D',
-        image: polygonal_surface2d,
-    },
-    PolygonalSurface3D: {
-        tooltip: 'PolygonalSurface3D',
-        image: polygonal_surface3d,
-    },
-    PolyhedralSolid3D: {
-        tooltip: 'PolyhedralSolid3D',
-        image: polyhedral_solid,
-    },
-    RasterImage2D: {
-        tooltip: 'RasterImage2D',
-        image: raster_image2d,
-    },
-    RasterImage3D: {
-        tooltip: 'RasterImage3D',
-        image: raster_image3d,
-    },
-    RegularGrid2D: {
-        tooltip: 'RegularGrid2D',
-        image: regular_grid2d,
-    },
-    RegularGrid3D: {
-        tooltip: 'RegularGrid3D',
-        image: regular_grid3d,
-    },
-    Section: {
-        tooltip: 'Section',
-        image: section,
-    },
-    StructuralModel: {
-        tooltip: 'StructuralModel',
-        image: structural_model,
-    },
-    TetrahedralSolid3D: {
-        tooltip: 'TetrahedralSolid3D',
-        image: tetrahedral_solid,
-    },
-    TriangulatedSurface2D: {
-        tooltip: 'TriangulatedSurface2D',
-        image: triangulated_surface2d,
-    },
-    TriangulatedSurface3D: {
-        tooltip: 'TriangulatedSurface3D',
-        image: triangulated_surface3d,
-    },
-    VertexSet: {
-        tooltip: 'VertexSet',
-        image: vertex_set,
-    }
+  BRep: {
+    tooltip: "BRep",
+    image: brep,
+  },
+  CrossSection: {
+    tooltip: "CrossSection",
+    image: cross_section,
+  },
+  EdgedCurve2D: {
+    tooltip: "EdgedCurve2D",
+    image: edged_curve2d,
+  },
+  EdgedCurve3D: {
+    tooltip: "EdgedCurve3D",
+    image: edged_curve3d,
+  },
+  Graph: {
+    tooltip: "Graph",
+    image: edged_curve,
+  },
+  HybridSolid3D: {
+    tooltip: "HybridSolid3D",
+    image: hybrid_solid,
+  },
+  PointSet2D: {
+    tooltip: "PointSet2D",
+    image: point_set2d,
+  },
+  PointSet3D: {
+    tooltip: "PointSet3D",
+    image: point_set3d,
+  },
+  PolygonalSurface2D: {
+    tooltip: "PolygonalSurface2D",
+    image: polygonal_surface2d,
+  },
+  PolygonalSurface3D: {
+    tooltip: "PolygonalSurface3D",
+    image: polygonal_surface3d,
+  },
+  PolyhedralSolid3D: {
+    tooltip: "PolyhedralSolid3D",
+    image: polyhedral_solid,
+  },
+  RasterImage2D: {
+    tooltip: "RasterImage2D",
+    image: raster_image2d,
+  },
+  RasterImage3D: {
+    tooltip: "RasterImage3D",
+    image: raster_image3d,
+  },
+  RegularGrid2D: {
+    tooltip: "RegularGrid2D",
+    image: regular_grid2d,
+  },
+  RegularGrid3D: {
+    tooltip: "RegularGrid3D",
+    image: regular_grid3d,
+  },
+  Section: {
+    tooltip: "Section",
+    image: section,
+  },
+  StructuralModel: {
+    tooltip: "StructuralModel",
+    image: structural_model,
+  },
+  TetrahedralSolid3D: {
+    tooltip: "TetrahedralSolid3D",
+    image: tetrahedral_solid,
+  },
+  TriangulatedSurface2D: {
+    tooltip: "TriangulatedSurface2D",
+    image: triangulated_surface2d,
+  },
+  TriangulatedSurface3D: {
+    tooltip: "TriangulatedSurface3D",
+    image: triangulated_surface3d,
+  },
+  VertexSet: {
+    tooltip: "VertexSet",
+    image: vertex_set,
+  },
 }
 
 export default geode_objects

package/components/CrsSelector.vue

@@ -1,78 +1,92 @@
 <template>
-  <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line hide-details></v-text-field>
-  <v-data-table v-model="selected_crs" :v-model:items-per-page="10" :headers="headers" :items="crs_list" item-value="code"
-    class="elevation-1" density='compact' fixed-header select-strategy='single' show-select :search="search"
-    :loading="data_table_loading" loading-text="Loading... Please wait"></v-data-table>
+  <v-text-field
+    v-model="search"
+    append-icon="mdi-magnify"
+    label="Search"
+    single-line
+    hide-details
+  ></v-text-field>
+  <v-data-table
+    v-model="selected_crs"
+    :v-model:items-per-page="10"
+    :headers="headers"
+    :items="crs_list"
+    item-value="code"
+    class="elevation-1"
+    density="compact"
+    fixed-header
+    select-strategy="single"
+    show-select
+    :search="search"
+    :loading="data_table_loading"
+    loading-text="Loading... Please wait"
+  ></v-data-table>
 </template>
 
 <script setup>
-import { useToggle } from '@vueuse/core'
+  import { useToggle } from "@vueuse/core"
 
-const stepper_tree = inject('stepper_tree')
-const { geode_object, route_prefix } = stepper_tree
+  const stepper_tree = inject("stepper_tree")
+  const { geode_object } = stepper_tree
 
-const props = defineProps({
-  variable_to_update: { type: String, required: true },
-  variable_to_increment: { type: String, required: true },
-})
+  const props = defineProps({
+    variable_to_update: { type: String, required: true },
+    variable_to_increment: { type: String, required: true },
+    schema: { type: Object, required: true },
+  })
 
-const { variable_to_update, variable_to_increment } = props
+  const { variable_to_update, variable_to_increment, schema } = props
 
-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 search = ref("")
+  const data_table_loading = ref(false)
+  const crs_list = ref([])
+  const selected_crs = ref([])
+  const toggle_loading = useToggle(data_table_loading)
 
-watch(selected_crs, (new_value) => {
-  const crs = get_selected_crs(new_value[0])
-  set_crs(crs)
-})
+  watch(selected_crs, (new_value) => {
+    const crs = get_selected_crs(new_value[0])
+    set_crs(crs)
+  })
 
-function set_crs(crs_value) {
-  stepper_tree[variable_to_update] = crs_value
-  stepper_tree[variable_to_increment]++
-}
+  function set_crs(crs_value) {
+    stepper_tree[variable_to_update] = crs_value
+    stepper_tree[variable_to_increment]++
+  }
 
-function get_selected_crs(crs_code) {
-  for (let i = 0; i <= crs_list.value.length; i++) {
-    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++) {
+      if (crs_list.value[i]["code"] == crs_code) {
+        return crs_list.value[i]
+      }
     }
   }
-}
 
-async function get_crs_table() {
-  let params = new FormData()
-  params.append('geode_object', geode_object)
-  toggle_loading()
-  await api_fetch(`${route_prefix}/geographic_coordinate_systems`, { method: 'POST', body: params },
-    {
-      'request_error_function': () => { toggle_loading() },
-      'response_function': (response) => {
-        toggle_loading()
-        crs_list.value = response._data.crs_list
+  async function get_crs_table() {
+    const params = { geode_object: geode_object }
+    toggle_loading()
+    await api_fetch(
+      { schema, params },
+      {
+        response_function: (response) => {
+          crs_list.value = response._data.crs_list
+        },
       },
-      'response_error_function': () => { toggle_loading() }
-    }
-  )
-}
-
-const headers = [
-  {
-    title: 'Authority',
-    align: 'start',
-    sortable: true,
-    key: 'authority',
-
-  },
-  { title: 'Code', align: 'end', key: 'code' },
-  { title: 'Name', align: 'end', key: 'name' }
-]
-
+    )
+    toggle_loading()
+  }
 
-onMounted(() => {
-  get_crs_table()
-})
+  const headers = [
+    {
+      title: "Authority",
+      align: "start",
+      sortable: true,
+      key: "authority",
+    },
+    { title: "Code", align: "end", key: "code" },
+    { title: "Name", align: "end", key: "name" },
+  ]
 
-</script>
+  onMounted(() => {
+    get_crs_table()
+  })
+</script>

package/components/Errors/Banner.vue

@@ -1,5 +1,10 @@
 <template>
-  <v-banner v-if="server_error" elevation="2" style="background-color: grey; z-index:100;" position="fixed">
+  <v-banner
+    v-if="server_error"
+    elevation="2"
+    style="background-color: grey; z-index: 100"
+    position="fixed"
+  >
     <v-row>
       <v-col cols="auto" class="white--text text-center">
         <v-tooltip location="end">
@@ -13,18 +18,23 @@
           </template>
         </v-tooltip>
       </v-col>
-      <v-col cols="auto" class="text-white font-weight-bold">Server timed out due to inactivity,
-        please reload this page
-        or click here:
+      <v-col cols="auto" class="text-white font-weight-bold"
+        >Server timed out due to inactivity, please reload this page or click
+        here:
       </v-col>
       <v-col cols="auto" align-items="center">
-        <v-btn @click="reload()" color="grey" density='compact'>
-          Reload
-        </v-btn>
+        <v-btn @click="reload()" color="grey" density="compact"> Reload </v-btn>
       </v-col>
       <v-spacer />
       <v-col cols="auto">
-        <v-btn icon flat size="20" @click="errors_store.delete_server_error()" color="grey" class=".align-center">
+        <v-btn
+          icon
+          flat
+          size="20"
+          @click="errors_store.delete_server_error()"
+          color="grey"
+          class=".align-center"
+        >
           <v-icon icon="mdi-close" size="20" color="white" />
         </v-btn>
       </v-col>
@@ -33,16 +43,16 @@
 </template>
 
 <script setup>
-const errors_store = use_errors_store()
-const { server_error } = storeToRefs(errors_store)
+  const errors_store = use_errors_store()
+  const { server_error } = storeToRefs(errors_store)
 
-function reload () {
-  window.location.reload()
-}
+  function reload() {
+    window.location.reload()
+  }
 </script>
 
 <style scoped>
-.v-btn {
-  text-transform: unset !important;
-}
-</style>
+  .v-btn {
+    text-transform: unset !important;
+  }
+</style>

package/components/Errors/Snackers.vue

@@ -1,14 +1,22 @@
 <template>
-  <v-snackbar :style="{ 'margin-bottom': calc_margin(index) }" v-for="(error, index) in errors" :key="index"
-    v-model="show" color="error" location="bottom right" transition="slide-x-reverse-transition" max-width="30%"
-    height="20px">
+  <v-snackbar
+    :style="{ 'margin-bottom': calc_margin(index) }"
+    v-for="(error, index) in errors"
+    :key="index"
+    v-model="show"
+    color="error"
+    location="bottom right"
+    transition="slide-x-reverse-transition"
+    max-width="30%"
+    height="20px"
+  >
     <v-row dense class="flex-nowrap">
       <v-col cols="auto">
         <v-tooltip location="left">
           <span>
             error: {{ error.code }} {{ error.name }}<br />
             ressource: {{ error.route }}
-            <br>
+            <br />
           </span>
           <template #activator="{ props }">
             <v-icon v-bind="props" color="white" class="justify-right">
@@ -21,7 +29,7 @@
         <v-tooltip location="top">
           <span>
             {{ error.description }}
-            <br>
+            <br />
           </span>
           <template #activator="{ props }">
             <div v-bind="props">
@@ -32,7 +40,13 @@
       </v-col>
       <v-spacer />
       <v-col cols="auto">
-        <v-btn icon flat size="20" @click="errors_store.delete_error(index)" color="error">
+        <v-btn
+          icon
+          flat
+          size="20"
+          @click="errors_store.delete_error(index)"
+          color="error"
+        >
           <v-icon icon="mdi-close" size="20" color="white" />
         </v-btn>
       </v-col>
@@ -41,18 +55,18 @@
 </template>
 
 <script setup>
-const errors_store = use_errors_store()
-const { errors } = storeToRefs(errors_store)
+  const errors_store = use_errors_store()
+  const { errors } = storeToRefs(errors_store)
 
-const show = true
+  const show = true
 
-function calc_margin (index) {
-  return (index * 60) + 8 + 'px'
-}
+  function calc_margin(index) {
+    return index * 60 + 8 + "px"
+  }
 </script>
 
 <style scoped>
-.v-snackbar :deep(.v-snackbar__content) {
-  width: 100%;
-}
+  .v-snackbar :deep(.v-snackbar__content) {
+    width: 100%;
+  }
 </style>