@7365admin1/layer-common 3.2.2-staging.181 → 3.2.2-staging.182

package/components/HidQrCodeConfiguration.vue

@@ -705,7 +705,11 @@ async function loadReaderConfiguration() {
   try {
     const response = await getReaderConfiguration(form.readerId, {
       general: ["online"],
-      identifier: ["pin_identification_enabled", "multi_factor_authentication"],
+      identifier: [
+        "card_identification_enabled",
+        "pin_identification_enabled",
+        "multi_factor_authentication",
+      ],
     });
     const configuration = getConfigurationData(response);
     const general = isUnknownRecord(configuration.general) ? configuration.general : {};
@@ -719,6 +723,11 @@ async function loadReaderConfiguration() {
       form.identificationMethods.pin = pinEnabled;
       form.identificationMethods.idPassword = !pinEnabled;
     }
+    if (identifier.card_identification_enabled !== undefined) {
+      form.identificationMethods.card = isEnabledConfiguration(
+        identifier.card_identification_enabled,
+      );
+    }
   } catch (error: unknown) {
     console.warn("Unable to load HID reader configuration:", errorConverter(error));
   }
@@ -790,7 +799,13 @@ async function saveIdentificationMethod(method: HidIdentificationMethod) {
 
   savingSection.value = `method-${method}`;
   try {
-    if (method === "pin" || method === "idPassword") {
+    if (method === "card") {
+      await setReaderConfiguration(form.readerId, {
+        identifier: {
+          card_identification_enabled: form.identificationMethods.card ? "1" : "0",
+        },
+      });
+    } else if (method === "pin" || method === "idPassword") {
       if (method === "pin" && form.identificationMethods.pin) {
         form.identificationMethods.idPassword = false;
       } else if (method === "idPassword" && form.identificationMethods.idPassword) {

package/components/HidReaderManagement.vue

@@ -38,7 +38,12 @@
       <template #extension>
         <div class="app-filter-row hid-reader-filters">
           <AppField v-model="search" search placeholder="Search" />
-          <AppSelect v-model="status" :items="statusOptions" />
+          <AppSelect
+            v-model="status"
+            :items="statusOptions"
+            placeholder="Status"
+            clearable
+          />
         </div>
       </template>
 
@@ -256,7 +261,7 @@ const {
 
 const readers = ref<Record<string, any>[]>([]);
 const search = ref("");
-const status = ref("Status");
+const status = ref("");
 const loading = ref(false);
 const saving = ref(false);
 const actionLoading = ref(false);
@@ -280,7 +285,11 @@ const syncPreviewStats = ref({
 });
 const resultStats = ref<typeof syncPreviewStats.value | null>(null);
 
-const statusOptions = ["Status", "active", "inactive", "deleted", "offline"];
+const statusOptions = [
+  { title: "Active", value: "active" },
+  { title: "Inactive", value: "inactive" },
+  { title: "Offline", value: "offline" },
+];
 
 /**
  * The columns. NO `weight`, on purpose.
@@ -324,7 +333,7 @@ const filteredReaders = computed(() => {
       resolveReaderStatus(reader),
     ].some((value) => String(value ?? "").toLowerCase().includes(query));
 
-    const matchesStatus = status.value === "Status" || resolveReaderStatus(reader) === status.value;
+    const matchesStatus = !status.value || resolveReaderStatus(reader) === status.value;
 
     return matchesSearch && matchesStatus;
   });