@7365admin1/layer-common 3.0.8 → 3.0.9

package/components/EntryPassInformation.vue

@@ -31,6 +31,19 @@
             <span class="text-subtitle-2 font-weight-bold">NFC</span>
           </v-card>
         </v-col>
+        <v-col v-if="hidQrCodeEnabled">
+          <v-card
+            :variant="passType === 'HID_QR' ? 'tonal' : 'outlined'"
+            :color="passType === 'HID_QR' ? 'primary' : undefined"
+            class="pa-3 d-flex flex-column align-center ga-2 cursor-pointer position-relative"
+            rounded="lg"
+            @click="passType = passType === 'HID_QR' ? null : 'HID_QR'"
+          >
+            <v-icon v-if="passType === 'HID_QR'" size="18" color="primary" class="selected-check">mdi-check-circle</v-icon>
+            <v-icon size="32">mdi-qrcode-scan</v-icon>
+            <span class="text-subtitle-2 font-weight-bold">HID QR Code</span>
+          </v-card>
+        </v-col>
       </v-row>
 
       <!-- QR Pass section -->
@@ -133,6 +146,29 @@
           Ready to scan NFC cards. Please scan a card with your barcode scanner.
         </v-alert>
       </template>
+
+      <template v-if="passType === 'HID_QR'">
+        <v-alert
+          v-if="!hidQrPrinterConfigured"
+          type="warning"
+          variant="tonal"
+          density="compact"
+          class="mt-3"
+          icon="mdi-printer-alert"
+        >
+          No printer is configured on HID settings. QR Pass may not print.
+        </v-alert>
+        <v-alert
+          v-else
+          type="info"
+          variant="tonal"
+          density="compact"
+          class="mt-3"
+          icon="mdi-qrcode-scan"
+        >
+          HID QR Code will be generated and printed when you continue.
+        </v-alert>
+      </template>
     </template>
     <v-divider class="mt-6" />
 
@@ -217,6 +253,18 @@ const props = defineProps({
     type: String as PropType<string | null>,
     default: null,
   },
+  visitorType: {
+    type: String as PropType<TVisitorType | null>,
+    default: null,
+  },
+  hidQrCodeEnabled: {
+    type: Boolean,
+    default: false,
+  },
+  hidQrPrinterConfigured: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emit = defineEmits(["update:modelValue", "update:quantity", "update:cards"]);
@@ -224,6 +272,9 @@ const emit = defineEmits(["update:modelValue", "update:quantity", "update:cards"
 const { getAvailableContractorCards, generateQrVms } = useAccessManagement();
 
 const nfcEnabled = computed(() => props.settings?.data?.settings?.nfcPass ?? false);
+const hidQrCodeEnabled = computed(() => {
+  return props.hidQrCodeEnabled && ["guest", "contractor", "walk-in"].includes(String(props.visitorType || ""));
+});
 const printer = computed(() => props.settings?.data?.settings?.printer ?? { vendorId: null, productId: null });
 const hasPrinter = computed(() => !!printer.value.vendorId && !!printer.value.productId);
 
@@ -457,6 +508,15 @@ watch(
   }
 );
 
+watch(
+  () => props.hidQrCodeEnabled,
+  (enabled) => {
+    if (!enabled && passType.value === "HID_QR") {
+      passType.value = null;
+    }
+  },
+);
+
 onUnmounted(() => {
   window.removeEventListener("keydown", handleBarcodeInput);
   if (barcodeTimeout.value) clearTimeout(barcodeTimeout.value);