@7365admin1/layer-common 4.0.4-staging.239 → 4.0.4-staging.241

package/components/BuildingManagement/units.vue

@@ -8,6 +8,18 @@
             :disabled="bulkUploadLoading" @click="openBulkUploadFilePicker()">
             Bulk Upload
           </AppButton>
+          <v-tooltip v-if="canCreate && canCreateUnit" text="Download Template" location="top">
+            <template #activator="{ props: tooltipProps }">
+              <AppButton
+                v-bind="tooltipProps"
+                variant="icon"
+                class="bg-primary"
+                icon="mdi-tray-arrow-down"
+                aria-label="Download Template"
+                @click="downloadBulkUploadTemplate"
+              />
+            </template>
+          </v-tooltip>
           <AppButton v-if="canCreate && canCreateUnit" icon="mdi-plus" @click="setBuilding()">
             Add Unit
           </AppButton>
@@ -342,6 +354,15 @@ function openBulkUploadFilePicker() {
   }
 }
 
+function downloadBulkUploadTemplate() {
+  const link = document.createElement("a");
+  link.href = "/files/Bulk-Upload-Unit-Template.xlsx";
+  link.download = "Bulk-Upload-Unit-Template.xlsx";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+
 function formatSkippedSummaryReason(item: Record<string, any>) {
   if (Array.isArray(item.errors) && item.errors.length) {
     return item.errors.join(", ");

package/components/VisitorForm.vue

@@ -175,22 +175,6 @@
                 autocomplete="off" :hide-no-data="true" :items="companyNames" item-value="value"
                 @update:model-value="handleSelectCompanyName" variant="outlined" density="comfortable" persistent-hint
                 small-chips>
-                <!-- <template v-slot:no-data>
-                  <v-list-item>
-                    <v-list-item-title v-if="companyNameInput" @click.stop="handleAddNewCompany"
-                      class="d-flex align-center ga-1">
-                      <span><v-icon icon="mdi-plus" /></span>Add "<strong>{{
-                        companyNameInput
-                      }}</strong>" as new company.
-                    </v-list-item-title>
-                    <v-list-item-title v-else-if="!companyNameInput && companyNames.length === 0">
-                      Start typing to search for companies.
-                    </v-list-item-title>
-                    <v-list-item-title v-else>
-                      No companies available. Start typing to add a new one.
-                    </v-list-item-title>
-                  </v-list-item>
-                </template> -->
               </v-combobox>
             </v-col>
           </template>
@@ -204,21 +188,14 @@
                 :loading="siteDataPending" variant="outlined" density="comfortable" persistent-hint small-chips>
                 <template v-slot:no-data>
                   <v-list-item>
-                    <v-list-item-title v-if="fetchCompanyListPending">
-                      <v-progress-circular indeterminate size="20" class="mr-3" />
-                      Searching companies…
-                    </v-list-item-title>
-                    <v-list-item-title v-else-if="companyNameInput" @click.stop="handleAddNewCompany"
+                    <v-list-item-title v-if="deliveryCompanyInput" @click.stop="deliveryCompany = deliveryCompanyInput"
                       class="d-flex align-center ga-1">
                       <span><v-icon icon="mdi-plus" /></span>Add "<strong>{{
-                        companyNameInput
+                        deliveryCompanyInput
                       }}</strong>" as new company.
                     </v-list-item-title>
-                    <v-list-item-title v-else-if="!companyNameInput && companyNames.length === 0">
-                      Start typing to search for companies.
-                    </v-list-item-title>
                     <v-list-item-title v-else>
-                      No companies available. Start typing to add a new one.
+                      No companies available.
                     </v-list-item-title>
                   </v-list-item>
                 </template>
@@ -696,7 +673,6 @@ const {
   findPersonByNRICMultipleResult,
   findPersonByPhoneNumberMultipleResult,
   findPersonByPlateNumberMultipleResult,
-  searchCompanyList,
 } = usePeople();
 const { getById: getUnitDataById } = useBuildingUnit();
 
@@ -949,15 +925,6 @@ const showEntryPassInformation = computed(() => {
 });
 
 const companyNames = ref<string[]>([]);
-const companyAutofillDataArray = ref<
-  {
-    companyName: string[];
-    unit: string;
-    block: number;
-    level: string;
-    unitName: string;
-  }[]
->([]);
 const nricSearchMenu = ref(false);
 const nricSearchResults = ref<Partial<TPeople>[]>([]);
 const skipNricFetch = ref(false);
@@ -1028,27 +995,10 @@ async function handleAddNewContractorType() {
 
 async function handleSelectCompanyName(company: string) {
   visitor.company = company;
-  // const selected = companyAutofillDataArray.value.find(x => x.companyName?.includes(company))
-  // if (!selected) return
-
-  // visitor.block = selected.block || ""
-  // visitor.level = selected.level || ""
-  // visitor.unit = selected.unit || ""
-  // visitor.unitName = selected.unitName || ""
 }
 
 const companyCombo = ref(null);
 
-async function handleAddNewCompany() {
-  visitor.company = companyNameInput.value;
-
-  const combo = companyCombo.value as any;
-  await nextTick();
-
-  combo.isMenuActive = false;
-  combo.$el.querySelector("input")?.blur();
-}
-
 const {
   data: fetchPersonByNRICReq,
   refresh: fetchPersonByNRICRefresh,
@@ -1321,21 +1271,6 @@ function confirmNricAutofillOptions() {
   closeNricAutofillOptions();
 }
 
-const {
-  data: fetchCompanyListReq,
-  refresh: fetchCompanyListRefresh,
-  pending: fetchCompanyListPending,
-} = useLazyAsyncData(`fetch-company-list`, () => {
-  if (!companyNameInput.value) return Promise.resolve(null);
-  return searchCompanyList(companyNameInput.value);
-});
-
-watch(fetchCompanyListReq, (arr) => {
-  if (Array.isArray(arr)) {
-    companyAutofillDataArray.value = arr;
-    companyNames.value = arr?.flatMap((x) => x?.companyName);
-  }
-});
 function getVisitorSearchItems(res: any): TVisitor[] {
   const items =
     res?.items ||
@@ -1498,19 +1433,6 @@ async function handleNfcReturnCheckout() {
   }
 }
 
-const debounceFetchCompany = debounce(
-  async () => fetchCompanyListRefresh(),
-  200
-);
-
-watch(companyNameInput, async (val) => {
-  if (!val) {
-    companyNames.value = [];
-    return;
-  }
-  await debounceFetchCompany();
-});
-
 function handleAutofillDataViaVehicleNumber(item: TPeople) {
   currentAutofillSource.value = "vehicleNumber";
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.4-staging.239",
+  "version": "4.0.4-staging.241",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",