@geode/opengeodeweb-front 10.34.0-rc.19 → 10.34.0-rc.20

package/app/components/FeedBack/Snackers.vue

@@ -17,6 +17,7 @@ function calc_margin(index: number): string {
     v-for="(feedback, index) in feedbackStore.feedbacks"
     :key="feedback.id"
     v-model="show"
+    data-testid="feedbackSnackbar"
     :style="{ 'margin-bottom': calc_margin(index) }"
     :color="feedback.type"
     location="bottom right"
@@ -67,7 +68,7 @@ function calc_margin(index: number): string {
           variant="flat"
           size="20"
           :color="feedback.type"
-          @click="feedbackStore.delete_feedback(feedback.id)"
+          @click.stop="feedbackStore.delete_feedback(feedback.id)"
         >
           <v-icon icon="mdi-close" size="20" color="white" />
         </v-btn>

package/app/plugins/click_outside_ignore_snackbars.client.ts

@@ -0,0 +1,36 @@
+import { ClickOutside } from "vuetify/directives/click-outside";
+import type { DirectiveBinding } from "vue";
+
+type ClickOutsideValue =
+  | ((event: MouseEvent) => void)
+  | {
+      handler: (event: MouseEvent) => void;
+      closeConditional?: (event: Event) => boolean;
+      include?: () => HTMLElement[];
+    };
+
+function snackbarElements(): HTMLElement[] {
+  return [...document.querySelectorAll<HTMLElement>(".v-snackbar")];
+}
+
+export default defineNuxtPlugin({
+  name: "click-outside-ignore-snackbars",
+  setup() {
+    const originalMounted = ClickOutside.mounted;
+
+    ClickOutside.mounted = (element: HTMLElement, binding: DirectiveBinding<ClickOutsideValue>) => {
+      const { value } = binding;
+      const handler = typeof value === "function" ? value : value.handler;
+      const closeConditional = typeof value === "function" ? undefined : value.closeConditional;
+      const include = typeof value === "function" ? undefined : value.include;
+
+      binding.value = {
+        handler,
+        closeConditional,
+        include: () => [...(include?.() ?? []), ...snackbarElements()],
+      };
+
+      originalMounted(element, binding);
+    };
+  },
+});

package/internal/utils/viewer_call.ts

@@ -42,6 +42,7 @@ async function viewer_call(
 ): Promise<unknown> {
   const feedbackStore = useFeedbackStore();
   const { client } = microservice;
+  microservice.start_request();
 
   const requestStartingTime = startRequestLog(microservice, schema);
   const result = await callSchema(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geode/opengeodeweb-front",
-  "version": "10.34.0-rc.19",
+  "version": "10.34.0-rc.20",
   "description": "OpenSource Vue/Nuxt/Pinia/Vuetify framework for web applications",
   "homepage": "https://github.com/Geode-solutions/OpenGeodeWeb-Front",
   "bugs": {