@7365admin1/layer-common 3.0.18 → 3.0.19

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 3.0.19
+
+### Patch Changes
+
+- 96c813f: Update Layer Common version
+
 ## 3.0.18
 
 ### Patch Changes

package/components/BuildingManagement/buildings.vue

@@ -15,8 +15,8 @@
             <v-btn fab icon density="comfortable" @click="getBuildings()">
               <v-icon>mdi-refresh</v-icon>
             </v-btn>
-            <v-text-field v-model="searchInput" autocomplete="off" placeholder="Search" density="compact" hide-details dense clearable
-              class="mx-2" style="width: 200px;" />
+            <v-text-field v-model="searchInput" autocomplete="off" placeholder="Search" density="compact" hide-details
+              dense clearable class="mx-2" style="width: 200px;" />
           </template>
 
           <template #append>
@@ -45,7 +45,7 @@
     <v-dialog v-model="createDialog" width="450" persistent>
       <BuildingForm :site="site" mode="add" :blocks="items" @cancel="createDialog = false" @success="successCreate()"
         @success:create-more="getBuildings()" />
-    </v-dialog> 
+    </v-dialog>
 
     <!-- Edit Dialog -->
     <v-dialog v-model="editDialog" width="450" persistent>
@@ -222,7 +222,10 @@ const site = (useRoute().params.site as string) ?? "";
 const status = (useRoute().params.status as string) ?? "active";
 
 const { debounce } = useUtils();
-const { getAll: _getBuildings, deleteById } = useBuilding();
+const {
+  getAll: _getBuildings,
+  deleteById,
+} = useBuilding();
 
 const searchInput = ref("");
 const headerSearch = ref("");

package/components/BuildingManagement/units.vue

@@ -6,6 +6,13 @@
           v-if="canCreate && canCreateUnit">
           Add Unit
         </v-btn>
+        <v-btn class="text-none ml-2" rounded="pill" variant="tonal" @click="openBulkUploadFilePicker()" size="large"
+          :loading="bulkUploadLoading" v-if="canCreate && canCreateUnit">
+          <v-icon start>mdi-upload</v-icon>
+          Bulk Upload
+        </v-btn>
+        <input ref="bulkUploadFileInput" type="file" accept=".xlsx,.xls,.csv" class="d-none"
+          @change="handleBulkUploadFileChange" />
       </v-row>
     </v-col>
     <v-col cols="12">
@@ -30,8 +37,7 @@
         </v-toolbar>
 
         <v-data-table :headers="props.headers" :items="items" item-value="_id" items-per-page="20" fixed-header
-          hide-default-footer  @click:row="tableRowClickHandler"
-          style="max-height: calc(100vh - (200px))">
+          hide-default-footer @click:row="tableRowClickHandler" style="max-height: calc(100vh - (200px))">
           <template #item.block="{ value, item }">
             {{ value ? `Block ${value}` : "" }}
           </template>
@@ -44,10 +50,10 @@
       <BuildingUnitFormAdd :site="site" @cancel="createDialog = false" @success="successCreate()"
         @success:create-more="getBuildingUnit()" />
     </v-dialog>
-    
-    <v-dialog v-if="canViewUnitDetails"  v-model="dialogPreview":width="smAndUp ? '70svw' : '100%'" persistent>
-       <BuildingUnitFormEdit v-if="selectedBuildingUnit" @cancel="dialogPreview = false" @success="successUpdate()" @delete-unit="openDeleteDialog()"
-        :roomFacility="selectedBuildingUnit" />
+
+    <v-dialog v-if="canViewUnitDetails" v-model="dialogPreview" :width="smAndUp ? '70svw' : '100%'" persistent>
+      <BuildingUnitFormEdit v-if="selectedBuildingUnit" @cancel="dialogPreview = false" @success="successUpdate()"
+        @delete-unit="openDeleteDialog()" :roomFacility="selectedBuildingUnit" />
     </v-dialog>
 
     <v-dialog v-model="dialogDelete" :loading="deleteLoading" width="450" persistent>
@@ -88,6 +94,67 @@
       </v-card>
     </v-dialog>
 
+    <v-dialog v-model="bulkUploadSkippedDialog" :width="smAndUp ? '720' : '100%'" persistent>
+      <v-card width="100%">
+        <v-toolbar density="compact" class="pl-4">
+          <span class="font-weight-medium text-h5">Skipped Rows</span>
+        </v-toolbar>
+
+        <v-card-text style="max-height: 70vh; overflow-y: auto">
+          <p class="text-subtitle-2 mb-4">
+            Some rows were not imported. Review the details below and update the sheet if needed.
+          </p>
+
+          <v-alert v-if="bulkUploadSkippedSummary.length" type="warning" variant="tonal" density="compact"
+            class="mb-4">
+            {{ bulkUploadSkippedSummary.length }} row(s) skipped during bulk upload.
+          </v-alert>
+
+          <!-- <v-list v-if="bulkUploadSkippedSummary.length" density="compact" class="pa-0 mb-4">
+            <v-list-item v-for="(item, index) in bulkUploadSkippedSummary" :key="`summary-${index}`"
+              class="px-0">
+              <v-list-item-title class="text-subtitle-2">
+                Row {{ item.rowNumber ?? item.row ?? "N/A" }}
+              </v-list-item-title>
+              <v-list-item-subtitle class="text-wrap">
+                {{ formatSkippedSummaryReason(item) }}
+              </v-list-item-subtitle>
+            </v-list-item>
+          </v-list> -->
+
+          <template v-if="bulkUploadSkippedErrors.length">
+            <!-- <v-divider class="mb-4" /> -->
+            <p class="text-subtitle-2 mb-2">Details</p>
+            <v-table density="compact">
+              <thead>
+                <tr>
+                  <th class="text-left">Row</th>
+                  <th class="text-left">Block</th>
+                  <th class="text-left">Building</th>
+                  <th class="text-left">Reason</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(item, index) in bulkUploadSkippedErrors" :key="`error-${index}`">
+                  <td>{{ item.row ?? "N/A" }}</td>
+                  <td>{{ item.block ?? "N/A" }}</td>
+                  <td>{{ item.name ?? "N/A" }}</td>
+                  <td>{{ item.reason ?? "Skipped" }}</td>
+                </tr>
+              </tbody>
+            </v-table>
+          </template>
+        </v-card-text>
+
+        <v-toolbar density="compact">
+          <v-btn tile block size="48" color="black" variant="flat" class="text-none"
+            @click="bulkUploadSkippedDialog = false">
+            Close
+          </v-btn>
+        </v-toolbar>
+      </v-card>
+    </v-dialog>
+
     <Snackbar v-model="messageSnackbar" :text="message" :color="messageColor" />
   </v-row>
 </template>
@@ -103,7 +170,7 @@ const props = defineProps({
         title: "Unit Name",
         value: "name",
       },
-       {
+      {
         title: "Level",
         value: "level.name",
       },
@@ -115,7 +182,7 @@ const props = defineProps({
         title: "Block Name",
         value: "buildingName",
       },
-     
+
       // {
       //   title: "Type",
       //   value: "type",
@@ -162,6 +229,8 @@ const { debounce, formatDateDDMMYYYYLocal, toOrdinal } = useUtils();
 
 const { getAll, deleteById } = useBuildingUnit();
 
+const { uploadSpreadsheetBuilding } = useBuilding();
+
 const searchInput = ref("");
 const headerSearch = ref("");
 const page = ref(1);
@@ -243,6 +312,12 @@ function openEditDialog() {
 
 const dialogDelete = ref(false);
 const deleteLoading = ref(false);
+const bulkUploadFile = ref<File | null>(null);
+const bulkUploadFileInput = ref<HTMLInputElement | null>(null);
+const bulkUploadLoading = ref(false);
+const bulkUploadSkippedDialog = ref(false);
+const bulkUploadSkippedErrors = ref<Array<Record<string, any>>>([]);
+const bulkUploadSkippedSummary = ref<Array<Record<string, any>>>([]);
 
 function openDeleteDialog() {
   dialogDelete.value = true;
@@ -272,6 +347,109 @@ async function handleDeleteBuildingUnit() {
   }
 }
 
+function openBulkUploadFilePicker() {
+  if (bulkUploadLoading.value) {
+    return;
+  }
+
+  bulkUploadFile.value = null;
+  bulkUploadSkippedErrors.value = [];
+  bulkUploadSkippedSummary.value = [];
+  bulkUploadSkippedDialog.value = false;
+  if (bulkUploadFileInput.value) {
+    bulkUploadFileInput.value.value = "";
+    bulkUploadFileInput.value.click();
+  }
+}
+
+function formatSkippedSummaryReason(item: Record<string, any>) {
+  if (Array.isArray(item.errors) && item.errors.length) {
+    return item.errors.join(", ");
+  }
+
+  return item.reason ?? "Skipped";
+}
+
+function getSkippedRowsCount(result: Record<string, any> | null | undefined) {
+  if (typeof result?.skippedRows === "number") {
+    return result.skippedRows;
+  }
+
+  if (Array.isArray(result?.skippedRows)) {
+    return result.skippedRows.length;
+  }
+
+  return 0;
+}
+
+function getBulkUploadSkippedErrors(result: Record<string, any> | null | undefined) {
+  if (Array.isArray(result?.skippedErrors)) {
+    return result.skippedErrors;
+  }
+
+  if (Array.isArray(result?.skippedRows)) {
+    return result.skippedRows;
+  }
+
+  return [];
+}
+
+function getBulkUploadSkippedSummary(result: Record<string, any> | null | undefined) {
+  if (Array.isArray(result?.skippedItemsSummary)) {
+    return result.skippedItemsSummary;
+  }
+
+  if (Array.isArray(result?.skippedRows)) {
+    return result.skippedRows.map((item: Record<string, any>) => ({
+      rowNumber: item.row,
+      reason: item.reason,
+      block: item.block,
+      name: item.name,
+      data: item,
+    }));
+  }
+
+  return [];
+}
+
+async function handleBulkUploadFileChange(event: Event) {
+  const input = event.target as HTMLInputElement;
+  const file = input.files?.[0] ?? null;
+
+  if (!file) {
+    return;
+  }
+
+  bulkUploadFile.value = file;
+  bulkUploadLoading.value = true;
+
+  try {
+    const result = await uploadSpreadsheetBuilding({
+      site,
+      file,
+    });
+    await getBuildingUnit();
+    bulkUploadSkippedErrors.value = getBulkUploadSkippedErrors(result);
+    bulkUploadSkippedSummary.value = getBulkUploadSkippedSummary(result);
+    bulkUploadSkippedDialog.value =
+      bulkUploadSkippedErrors.value.length > 0 ||
+      bulkUploadSkippedSummary.value.length > 0;
+    showMessage(
+      `Bulk upload completed. Inserted ${result?.insertedUnits ?? 0} unit(s). Skipped ${getSkippedRowsCount(result)} row(s).`,
+      "success"
+    );
+  } catch (error: any) {
+    showMessage(
+      error?.response?._data?.message || "Failed to upload spreadsheet.",
+      "error"
+    );
+  } finally {
+    bulkUploadLoading.value = false;
+    bulkUploadFile.value = null;
+    input.value = "";
+  }
+}
+
 function setBuilding({
   mode = "create",
   dialog = true,
@@ -290,7 +468,7 @@ function setBuilding({
 </script>
 
 <style scoped>
-  .v-data-table :deep(thead th) {
+.v-data-table :deep(thead th) {
   font-weight: bold !important;
 }
 </style>

package/components/HidAccessLogDashboard.vue

@@ -313,6 +313,10 @@
 
 <script setup lang="ts">
 const props = defineProps({
+  org: {
+    type: String,
+    default: "",
+  },
   site: {
     type: String,
     required: true,
@@ -360,6 +364,7 @@ const status = ref("Status");
 const page = ref(1);
 const limit = 20;
 const loading = ref(false);
+const loadSequence = ref(0);
 const exportDialog = ref(false);
 const historyDialog = ref(false);
 const selectedHistoryRow = ref<AccessRow>();
@@ -503,7 +508,7 @@ const exportRowsData = computed(() =>
 );
 
 watch(
-  () => props.site,
+  () => [props.org, props.site],
   () => init(),
   { immediate: true },
 );
@@ -532,18 +537,18 @@ async function loadReaders() {
 
 async function loadDashboard() {
   if (!selectedReaderId.value) {
-    identities.value = [];
-    visitorRecords.value = {};
-    logs.value = [];
-    liveAccessLogs.value = [];
+    resetDashboardData();
     return;
   }
 
+  const sequence = loadSequence.value + 1;
+  loadSequence.value = sequence;
   loading.value = true;
+  resetDashboardData();
   try {
     const isAdministratorTab = activeTab.value === "administrator";
     const isVisitorTab = activeTab.value === "visitor";
-    const [identityResponse, logResponse, hidAccessLogs, configurationResponse, roleResponse, visitorResponse] = await Promise.all([
+    const [identityResponse, logResponse, hidAccessLogs, configurationResponse, roleResponse, visitorResponse, readerUserResponse] = await Promise.all([
       getIdentities(selectedReaderId.value, {
         page: 1,
         limit: 500,
@@ -556,29 +561,43 @@ async function loadDashboard() {
       loadLiveAccessLogs(selectedReaderId.value),
       loadReaderConfiguration(selectedReaderId.value),
       isAdministratorTab ? loadAdministratorRoles(selectedReaderId.value) : Promise.resolve(null),
-      isVisitorTab ? getVisitors({ site: props.site, page: 1, limit: 500, order: "desc" }) : Promise.resolve(null),
+      isVisitorTab && props.org
+        ? getVisitors({
+            org: props.org,
+            site: props.site,
+            page: 1,
+            limit: 500,
+            order: "desc",
+          })
+        : Promise.resolve(null),
+      loadReaderUsers(selectedReaderId.value),
     ]);
 
+    if (sequence !== loadSequence.value) return;
+
     const loadedIdentities = identityResponse?.items ?? identityResponse?.data?.items ?? identityResponse?.data?.identities ?? [];
+    const mergedIdentities = mergeReaderUsersWithIdentities(readerUserResponse, loadedIdentities);
     const loadedVisitors = visitorResponse?.items ?? visitorResponse?.data?.items ?? visitorResponse?.data?.visitors ?? [];
     visitorRecords.value = isVisitorTab
       ? Object.fromEntries(loadedVisitors.map((visitor: Record<string, any>) => [String(visitor._id), visitor]))
       : {};
     administratorUserIds.value = getAdministratorRoleUserIds(roleResponse);
     identities.value = isAdministratorTab
-      ? loadedIdentities.filter((identity: Record<string, any>) => {
+      ? mergedIdentities.filter((identity: Record<string, any>) => {
           const hidUserId = toHidNumericId(identity.hidUserId);
           return Boolean(hidUserId && administratorUserIds.value.has(hidUserId));
         })
       : isVisitorTab
-        ? loadedIdentities.filter((identity: Record<string, any>) => Boolean(getVisitorRecord(identity)))
-      : loadedIdentities;
+        ? mergedIdentities.filter((identity: Record<string, any>) => Boolean(getVisitorRecord(identity)))
+      : mergedIdentities;
     logs.value = logResponse?.items ?? logResponse?.data?.items ?? logResponse?.data?.logs ?? [];
     liveAccessLogs.value = hidAccessLogs;
     readerConfiguration.value = normalizeReaderConfiguration(configurationResponse);
     await loadUserImages(identities.value);
   } finally {
-    loading.value = false;
+    if (sequence === loadSequence.value) {
+      loading.value = false;
+    }
   }
 }
 
@@ -586,9 +605,9 @@ async function loadUserImages(items: Record<string, any>[]) {
   if (!selectedReaderId.value) return;
 
   await Promise.all(items.map(async (identity) => {
-    const hidUserId = identity.hidUserId;
+    const hidUserId = toHidNumericId(identity.hidUserId);
     const key = String(hidUserId || "");
-    if (!hidUserId || userImages.value[key] || identity?.metadata?.photo) return;
+    if (!hidUserId || userImages.value[key] || identity?.metadata?.photo || !hasHidImageHint(identity)) return;
 
     try {
       const response = await getUserImage(selectedReaderId.value, hidUserId);
@@ -602,6 +621,18 @@ async function loadUserImages(items: Record<string, any>[]) {
   }));
 }
 
+function hasHidImageHint(identity: Record<string, any>) {
+  return Boolean(
+    identity?.metadata?.imageTimestamp ||
+      identity?.metadata?.facialData ||
+      identity?.metadata?.photo ||
+      identity?.imageTimestamp ||
+      identity?.image_timestamp ||
+      identity?.facialData ||
+      identity?.photo,
+  );
+}
+
 async function loadLiveAccessLogs(readerId: string) {
   const allLogs: Record<string, any>[] = [];
   const limit = 500;
@@ -652,20 +683,113 @@ async function loadReaderConfiguration(readerId: string) {
   }
 }
 
-function onTabChange() {
+async function onTabChange(tab: AccessTab) {
+  if (tab) {
+    activeTab.value = tab;
+  }
   page.value = 1;
+  resetDashboardData();
+  await nextTick();
   loadDashboard();
 }
 
+async function loadReaderUsers(readerId: string) {
+  try {
+    const response = await runObjectOperation(readerId, {
+      operation: "load",
+      object: "users",
+      limit: 500,
+      offset: 0,
+    });
+    return normalizeHidUsers(response);
+  } catch (error) {
+    console.warn("Unable to load HID users for access log images", error);
+    return [];
+  }
+}
+
+function normalizeHidUsers(response: Record<string, any>) {
+  const items =
+    response?.data?.users ||
+    response?.data?.data?.users ||
+    response?.users ||
+    [];
+
+  return Array.isArray(items)
+    ? items.map((user) => ({
+        hidUserId: String(user.id || ""),
+        rawHidUserId: user.id,
+        registration: user.registration,
+        cardNo: user.card_value || user.cardNo || "",
+        name: user.name,
+        metadata: {
+          name: user.name,
+          imageTimestamp: user.image_timestamp ? String(user.image_timestamp) : "",
+          hidReaderSource: true,
+        },
+      }))
+    : [];
+}
+
+function mergeReaderUsersWithIdentities(readerUsers: Record<string, any>[], identities: Record<string, any>[]) {
+  const identityById = new Map<string, Record<string, any>>();
+  identities.forEach((identity) => {
+    const id = toHidNumericId(identity.hidUserId);
+    if (id) identityById.set(String(id), identity);
+  });
+
+  const mergedReaderUsers = readerUsers.map((readerUser) => {
+    const identity = identityById.get(String(toHidNumericId(readerUser.hidUserId)));
+    if (!identity) return readerUser;
+
+    return {
+      ...readerUser,
+      ...identity,
+      hidUserId: identity.hidUserId || readerUser.hidUserId,
+      rawHidUserId: readerUser.rawHidUserId,
+      name: identity.metadata?.name || identity.name || readerUser.name,
+      registration: identity.registration || readerUser.registration,
+      cardNo: identity.cardNo || readerUser.cardNo,
+      metadata: {
+        ...readerUser.metadata,
+        ...identity.metadata,
+        imageTimestamp: identity.metadata?.imageTimestamp || readerUser.metadata?.imageTimestamp,
+      },
+    };
+  });
+
+  const readerUserIds = new Set(readerUsers.map((user) => String(toHidNumericId(user.hidUserId))));
+  const identitiesOnly = identities.filter((identity) => !readerUserIds.has(String(toHidNumericId(identity.hidUserId))));
+  return [...mergedReaderUsers, ...identitiesOnly];
+}
+
+function resetDashboardData() {
+  selectedHistoryRow.value = undefined;
+  identities.value = [];
+  visitorRecords.value = {};
+  logs.value = [];
+  liveAccessLogs.value = [];
+  readerConfiguration.value = {};
+  administratorUserIds.value = new Set();
+}
+
 function getIdentityType(tab: AccessTab) {
   if (tab === "administrator") return "admin";
   return tab;
 }
 
 function isVisibleForActiveTab(row: AccessRow) {
-  if (activeTab.value !== "administrator") return true;
-  const hidUserId = toHidNumericId(row.identityKey.split("|")[0]);
-  return Boolean(hidUserId && administratorUserIds.value.has(hidUserId));
+  const identity = findIdentityByKey(row.identityKey);
+  if (activeTab.value === "visitor") {
+    return Boolean(identity && getVisitorRecord(identity));
+  }
+
+  if (activeTab.value === "administrator") {
+    const hidUserId = toHidNumericId(identity?.hidUserId ?? row.identityKey.split("|")[0]);
+    return Boolean(hidUserId && administratorUserIds.value.has(hidUserId));
+  }
+
+  return !identity || !getVisitorRecord(identity);
 }
 
 function loadAdministratorRoles(readerId: string) {
@@ -715,6 +839,11 @@ function getIdentityKey(identity: Record<string, any>) {
   ].filter(Boolean).join("|");
 }
 
+function findIdentityByKey(identityKey: string) {
+  if (!identityKey) return undefined;
+  return identities.value.find((identity) => getIdentityKey(identity) === identityKey);
+}
+
 function getLogIdentityKey(log: Record<string, any>) {
   const identity = log.payload?.identity || {};
   const lookup = log.payload?.identityLookup || {};
@@ -731,11 +860,12 @@ function getName(identity: Record<string, any>) {
 }
 
 function getFacialData(identity: Record<string, any>) {
-  return identity.metadata?.facialData || (identity.metadata?.photo ? identity.hidUserId : "N/A");
+  return identity.metadata?.facialData || identity.metadata?.imageTimestamp || (identity.metadata?.photo ? identity.hidUserId : "N/A");
 }
 
 function getUserImageSrc(identity: Record<string, any>) {
-  return identity?.metadata?.photo || userImages.value[String(identity?.hidUserId || "")] || "";
+  const hidUserId = toHidNumericId(identity?.hidUserId);
+  return identity?.metadata?.photo || (hidUserId ? userImages.value[String(hidUserId)] : "") || "";
 }
 
 function getUnit(identity: Record<string, any>) {
@@ -758,27 +888,60 @@ function getAccessMethod(identity: Record<string, any>, log?: Record<string, any
   if (configuredLogType) return configuredLogType;
   const configuredRule = getConfigurationLabel("identification_rules", payload.identification_rule_id || payload.identificationRuleId);
   if (configuredRule) return configuredRule;
+  const rawIdentification = String(payload.identification || payload.identification_type || payload.identificationType || "").toLowerCase();
+  if (rawIdentification.includes("facial") || rawIdentification.includes("face")) return "Facial";
   if (payload.qrcode_value || payload.qrCode || payload.qrcode) return "QR Code";
   if (payload.card_value || payload.cardNo || identity.cardNo) return "Card";
   if (payload.pin_value) return "PIN";
-  if (payload.password_value || payload.password || payload.identifier_id) return "ID and Password";
   if (payload.confidence || payload.user_id || payload.userId || payload.hidUserId) return "Facial";
+  if (payload.password_value || payload.password || isValidIdentifierId(payload.identifier_id)) return "ID and Password";
   if (identity.metadata?.pinPassword) return "ID and Password";
   return identity.metadata?.photo || identity.metadata?.facialData ? "Facial" : "N/A";
 }
 
 function formatDate(value?: string | number) {
   if (!value) return "N/A";
+  if (typeof value === "number") return formatHidEpochDate(value);
   const date = typeof value === "number" ? new Date(value * 1000) : new Date(value);
   return Number.isNaN(date.getTime()) ? "N/A" : date.toLocaleString();
 }
 
 function parseDate(value?: string | number) {
   if (!value) return undefined;
-  const date = typeof value === "number" ? new Date(value * 1000) : new Date(value);
+  const date = typeof value === "number" ? parseHidEpochDate(value) : new Date(value);
   return Number.isNaN(date.getTime()) ? undefined : date;
 }
 
+function isValidIdentifierId(value: unknown) {
+  if (value === undefined || value === null || value === "") return false;
+  return Number(value) >= 0;
+}
+
+function parseHidEpochDate(value: number) {
+  const date = new Date(value * 1000);
+  return new Date(
+    date.getUTCFullYear(),
+    date.getUTCMonth(),
+    date.getUTCDate(),
+    date.getUTCHours(),
+    date.getUTCMinutes(),
+    date.getUTCSeconds(),
+  );
+}
+
+function formatHidEpochDate(value: number) {
+  const date = new Date(value * 1000);
+  if (Number.isNaN(date.getTime())) return "N/A";
+
+  const time = [
+    date.getUTCHours(),
+    date.getUTCMinutes(),
+    date.getUTCSeconds(),
+  ].map((part) => String(part).padStart(2, "0")).join(":");
+
+  return `${time} ${date.getUTCDate()}/${date.getUTCMonth() + 1}/${date.getUTCFullYear()}`;
+}
+
 function openHistoryDialog(row: AccessRow) {
   selectedHistoryRow.value = row;
   historyDialog.value = true;