@7365admin1/layer-common 1.11.7 → 1.11.9

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @iservice365/layer-common
 
+## 1.11.9
+
+### Patch Changes
+
+- 07272c0: Update Version
+
+## 1.11.8
+
+### Patch Changes
+
+- 5f05262: Update Changeset version
+
 ## 1.11.7
 
 ### Patch Changes

package/components/EquipmentItemMain.vue

@@ -449,6 +449,7 @@ import useUtils from "../composables/useUtils";
 const props = defineProps({
   orgId: { type: String, default: "" },
   site: { type: String, default: "" },
+  serviceType: { type: String, default: "" },
 });
 
 const { canCreateEquipmentItem } = useEquipmentItemPermission();
@@ -492,6 +493,7 @@ const {
       page: page.value,
       search: searchInput.value,
       site: props.site,
+      serviceType: props.serviceType,
     }),
   {
     watch: [page, () => props.site],
@@ -557,6 +559,7 @@ const { data: getSuppliesReq } = await useLazyAsyncData(
     getSupplies({
       site: props.site,
       limit: 100,
+      serviceType: props.serviceType,
     }),
   {}
 );
@@ -661,7 +664,7 @@ async function _equipmentItem() {
         : {}),
     }));
 
-    await equipmentItemApi(props.site, { items });
+    await equipmentItemApi(props.site, { items, serviceType: props.serviceType });
 
     showMessage(
       `Checked out ${equipmentItems.value.length} item(s).`,

package/components/EquipmentManagementMain.vue

@@ -510,6 +510,7 @@ async function _addStock() {
     const payload: TStockCreate = {
       qty: stockActionQuantity.value,
       remarks: stockActionRemarks.value,
+      serviceType: props.serviceType,
     };
 
     const response = await createStock(props.site, id, payload);

package/components/QrTemplate/CreditCardLandscape.vue

@@ -0,0 +1,144 @@
+<template>
+  <v-col cols="12" class="pa-0 ma-0">
+    <div class="a4-size">
+      <v-row class="d-flex" no-gutters>
+        <!-- Iterate through each page -->
+
+        <v-col
+          v-for="(page, pageIndex) in paginatedCardData"
+          :key="pageIndex"
+          cols="12"
+          class="d-flex justify-center position-relative print-page"
+        >
+          <v-row no-gutters>
+            <!-- Iterate through each card in the page -->
+            <v-col
+              v-for="(card, cardIndex) in page"
+              :key="cardIndex"
+              cols="6"
+              class="pa-0"
+            >
+              <!-- Front of the Credit Card (F) -->
+              <v-card
+                v-if="card.type === 'F'"
+                border="dashed lg"
+                class="ma-0 pa-0 credit-card-size-landscape"
+              >
+                <VuetifyViewer
+                  class="credit-card-size-landscape"
+                  :maxWidth="'8.27in'"
+                  :value="templateQrCode.CCFrontWysiwyg"
+                  markdown-theme="github"
+                />
+
+                <qrcode-vue
+                  v-if="templateQrCode.CCFrontQREnabled"
+                  :value="`${prefix}0${+printRangeStart + +card.number - 1}`"
+                  :size="templateQrCode.CCFrontQRCodeSize"
+                  level="H"
+                  :style="{
+                    top: `${templateQrCode.CCFrontQRCodeTop - 45}%`,
+                    left: `${templateQrCode.CCFrontQRCodeLeft}%`,
+                  }"
+                  class="position-absolute"
+                />
+
+                <div
+                  v-if="templateQrCode.CCFrontQREnabled"
+                  :style="{
+                    top: `${templateQrCode.CCFrontPassTop - 45}%`,
+                    left: `${templateQrCode.CCFrontPassLeft}%`,
+                    fontSize: templateQrCode.CCFrontPassSize + 'px',
+                    textWrap: 'nowrap',
+                  }"
+                  class="position-absolute text-center"
+                >
+                  Pass Number: {{ prefix }}0{{
+                    +printRangeStart + +card.number - 1
+                  }}
+                </div>
+              </v-card>
+
+              <!-- Back of the Credit Card (B) -->
+              <v-card
+                v-if="card.type === 'B'"
+                border="dashed lg"
+                class="ma-0 pa-0 credit-card-size-landscape"
+              >
+                <VuetifyViewer
+                  class="credit-card-size-landscape"
+                  :maxWidth="'8.27in'"
+                  :value="templateQrCode.CCBackWysiwyg"
+                  markdown-theme="github"
+                />
+
+                <qrcode-vue
+                  v-if="templateQrCode.CCBackQREnabled"
+                  :value="`${prefix}0${+printRangeStart + +card.number - 1}`"
+                  :size="templateQrCode.CCBackQRCodeSize"
+                  level="H"
+                  :style="{
+                    top: `${templateQrCode.CCBackQRCodeTop - 45}%`,
+                    left: `${templateQrCode.CCBackQRCodeLeft}%`,
+                  }"
+                  class="position-absolute"
+                />
+                <div
+                  v-if="templateQrCode.CCBackQREnabled"
+                  :style="{
+                    top: `${templateQrCode.CCBackPassTop - 45}%`,
+                    left: `${templateQrCode.CCBackPassLeft}%`,
+                    fontSize: templateQrCode.CCBackPassSize + 'px',
+                    textWrap: 'nowrap',
+                  }"
+                  class="position-absolute text-center"
+                >
+                  Pass Number: {{ prefix }}0{{
+                    +printRangeStart + +card.number - 1
+                  }}
+                </div>
+              </v-card>
+            </v-col>
+          </v-row>
+        </v-col>
+      </v-row>
+    </div>
+  </v-col>
+</template>
+
+<script setup>
+import QrcodeVue from "qrcode.vue";
+
+const props = defineProps({
+  paginatedCardData: Array,
+  templateQrCode: Object,
+  prefix: String,
+  printRangeStart: Number,
+});
+onMounted(() => {
+  console.log("templateQrCode 11", props.templateQrCode.CCOrientation);
+});
+</script>
+
+<style scoped>
+.a4-size {
+  width: 21cm;
+  height: 29.7cm;
+  margin: 0;
+  padding: 0;
+}
+
+@media print {
+  .print-page {
+    page-break-before: always;
+    page-break-inside: avoid;
+    break-inside: avoid;
+  }
+}
+
+/* Credit Card Size */
+.credit-card-size-landscape {
+  width: 10.5cm;
+  height: 6.8cm;
+}
+</style>