@7365admin1/layer-common 3.0.8 → 3.0.10

package/components/HidEnabledGate.vue

@@ -0,0 +1,51 @@
+<template>
+  <slot v-if="hidEnabled" />
+
+  <v-alert
+    v-else
+    type="info"
+    variant="tonal"
+    class="mt-6"
+    title="HID service is not enabled"
+    :text="message"
+  />
+</template>
+
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    site: string;
+    org: string;
+    message?: string;
+    redirectToSettings?: boolean;
+  }>(),
+  {
+    message: "Enable HID as a service for this site before accessing this screen.",
+    redirectToSettings: true,
+  },
+);
+
+const { getSiteById } = useSiteSettings();
+const { getHidServiceEnabled } = useOptionalServices();
+
+const { data: siteData } = await useLazyAsyncData(
+  "hid-enabled-gate-site-" + props.site,
+  () => getSiteById(props.site),
+  {
+    watch: [() => props.site],
+  },
+);
+
+const hidEnabled = computed(() => getHidServiceEnabled(props.site, siteData.value));
+
+watchEffect(() => {
+  if (!props.redirectToSettings || !siteData.value || hidEnabled.value) return;
+
+  void navigateTo(
+    {
+      path: `/${props.org}/${props.site}/settings`,
+    },
+    { replace: true },
+  );
+});
+</script>