feat(viewer): toggle grid_scale visibility

Author: JulienChampagnol

components/ViewToolbar.vue

@@ -24,6 +24,7 @@
   import schemas from "@geode/opengeodeweb-viewer/schemas.json"
 
   const take_screenshot = ref(false)
+  const grid_scale = ref(false)
 
   const camera_options = [
     {
@@ -42,6 +43,25 @@
         take_screenshot.value = !take_screenshot.value
       },
     },
+    {
+      tooltip: "Toggle grid scale",
+      icon: "mdi-ruler-square",
+      action: () => {
+        viewer_call(
+          {
+            schema: schemas.opengeodeweb_viewer.viewer.grid_scale,
+            params: {
+              visibility: !grid_scale.value,
+            },
+          },
+          {
+            response_function: () => {
+              grid_scale.value = !grid_scale.value
+            },
+          },
+        )
+      },
+    },
   ]
 </script>
 

stores/viewer.js

@@ -111,10 +111,7 @@ export const use_viewer_store = defineStore("viewer", {
 
             // Now that the client is ready let's setup the server for us
             viewer_call({
-              schema: schemas.opengeodeweb_viewer.viewer.create_visualization,
-            })
-            viewer_call({
-              schema: schemas.opengeodeweb_viewer.viewer.reset,
+              schema: schemas.opengeodeweb_viewer.viewer.reset_visualization,
             })
             this.is_running = true
             resolve()