@fewangsit/wangsvue-fats 1.0.1-alpha.56 → 1.0.1-alpha.58

package/disposalreporttable/index.es.js

@@ -1,24 +1,24 @@
-import { defineComponent as V, onMounted as z, shallowRef as f, ref as W, createElementBlock as j, openBlock as H, Fragment as K, createElementVNode as g, createVNode as l, mergeProps as Q, unref as d, withCtx as X, toDisplayString as C } from "vue";
-import { AssetServices as Y, DisposalServices as Z, DamageServices as B, MissingServices as O } from "@tagsamurai/fats-api-services";
-import { u as ee } from "../assetinfo/index.es.js";
-import { u as te } from "../plugins/basei18n.es.js";
+import { defineComponent as Y, onMounted as Z, shallowRef as f, ref as ee, createElementBlock as te, openBlock as se, Fragment as ae, createElementVNode as g, createVNode as i, mergeProps as oe, unref as d, withCtx as re, toDisplayString as M } from "vue";
+import { AssetServices as D, DisposalServices as ne, DamageServices as T, MissingServices as N } from "@tagsamurai/fats-api-services";
+import { u as le } from "../assetinfo/index.es.js";
+import { u as ie } from "../plugins/basei18n.es.js";
 import "../utils/role.util.es.js";
-import { u as se } from "../utils/toast.util.es.js";
-import { _ as D } from "../badge/index.es.js";
-import { _ as w } from "../button/index.es.js";
-import { _ as ae } from "../buttonfilter/index.es.js";
-import { _ as oe } from "../buttonsearch/index.es.js";
-import { D as re } from "../datatable/index.es.js";
-import { _ as M } from "../dialogconfirm/index.es.js";
-import { _ as ne } from "../image/index.es.js";
-import { _ as le } from "../textarea/index.es.js";
-import { _ as ie } from "../disposalreportbulkaction/index.es.js";
-import { _ as de } from "../disposalreportdialogselectasset/index.es.js";
-import { _ as pe } from "../disposalreporttablefilter/index.es.js";
-const ue = {
+import { u as de } from "../utils/toast.util.es.js";
+import { _ as I } from "../badge/index.es.js";
+import { _ as x } from "../button/index.es.js";
+import { _ as pe } from "../buttonfilter/index.es.js";
+import { _ as ue } from "../buttonsearch/index.es.js";
+import { D as me } from "../datatable/index.es.js";
+import { _ as $ } from "../dialogconfirm/index.es.js";
+import { _ as ce } from "../image/index.es.js";
+import { _ as fe } from "../textarea/index.es.js";
+import { _ as ge } from "../disposalreportbulkaction/index.es.js";
+import { _ as ye } from "../disposalreportdialogselectasset/index.es.js";
+import { _ as ve } from "../disposalreporttablefilter/index.es.js";
+const be = {
   class: "flex flex-col gap-2",
   "data-ts-section": "disposalreporttablewrapper"
-}, me = { class: "flex gap-1 justify-end" }, ce = { class: "flex gap-1 justify-end" }, Me = /* @__PURE__ */ V({
+}, he = { class: "flex gap-1 justify-end" }, _e = { class: "flex gap-1 justify-end" }, Le = /* @__PURE__ */ Y({
   __name: "DisposalReportTable",
   props: {
     treeTable: { type: Boolean },
@@ -60,16 +60,16 @@ const ue = {
     reason: {},
     from: {}
   },
-  setup(T) {
-    const u = T;
-    z(() => {
-      $();
+  setup(E) {
+    const p = E;
+    Z(() => {
+      L();
     });
-    const m = se(), { t: a } = te(), { setLoading: c } = ee(), y = f(!1), v = f(!1), b = f(!1), x = f([]), h = f(), n = f(
+    const m = de(), { t: r } = ie(), { setLoading: c } = le(), y = f(!1), v = f(!1), b = f(!1), w = f([]), h = f(), n = f(
       []
-    ), p = W(
+    ), u = ee(
       /* @__PURE__ */ new Map()
-    ), k = [
+    ), P = [
       {
         field: "assetImageSmall",
         header: "Photo",
@@ -78,7 +78,7 @@ const ue = {
         sortable: !1,
         excluded: !0,
         bodyComponent: (s) => ({
-          component: ne,
+          component: ce,
           props: {
             src: s.assetImage,
             description: "asset-report-photo",
@@ -110,11 +110,10 @@ const ue = {
         bodyComponent: (s) => {
           var e;
           return {
-            component: D,
+            component: I,
             props: {
               label: (e = s.brand) == null ? void 0 : e.name,
-              severity: "dark",
-              format: "nowrap"
+              severity: "dark"
             }
           };
         }
@@ -127,11 +126,10 @@ const ue = {
         bodyComponent: (s) => {
           var e;
           return {
-            component: D,
+            component: I,
             props: {
               label: (e = s.model) == null ? void 0 : e.name,
-              severity: "dark",
-              format: "nowrap"
+              severity: "dark"
             }
           };
         }
@@ -144,10 +142,9 @@ const ue = {
         bodyComponent: (s) => {
           var e;
           return {
-            component: D,
+            component: I,
             props: {
-              label: (e = s.group) == null ? void 0 : e.name,
-              format: "nowrap"
+              label: (e = s.group) == null ? void 0 : e.name
             }
           };
         }
@@ -159,18 +156,18 @@ const ue = {
         bodyComponent: (s) => {
           var e;
           return {
-            component: le,
+            component: fe,
             props: {
-              modelValue: (e = p.value.get(s._id ?? "assetId")) == null ? void 0 : e.notes,
-              placeholder: a("Enter note"),
+              modelValue: (e = u.value.get(s._id ?? "assetId")) == null ? void 0 : e.notes,
+              placeholder: r("Enter note"),
               rows: 1,
               maxlength: 30,
               preventInputOnMaxLength: !0
             },
             events: {
               "update:modelValue": (t) => {
-                const o = p.value.get(s._id ?? "assetId");
-                p.value.set(s._id ?? "assetId", {
+                const o = u.value.get(s._id ?? "assetId");
+                u.value.set(s._id ?? "assetId", {
                   ...o,
                   notes: t
                 }), s.note = t;
@@ -179,22 +176,22 @@ const ue = {
           };
         }
       }
-    ], $ = async () => {
+    ], L = async () => {
       const s = sessionStorage.getItem("assetsDisposalReport");
       if (!s) {
         m.add({
-          message: a("Error, no assets found for disposal report."),
+          message: r("Error, no assets found for disposal report."),
           severity: "error"
         });
         return;
       }
       try {
         c(!0);
-        const { data: e } = await Y.getAllAssets({ _id: s });
+        const { data: e } = await D.getAllAssets({ _id: s });
         e.data.data.forEach((t) => {
-          p.value.set(t._id ?? "", {
+          u.value.set(t._id ?? "", {
             notes: null,
-            reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+            reason: ["Damaged", "Missing"].includes(t.status) ? t.status : p.reason
           });
         }), n.value = e.data.data;
       } catch (e) {
@@ -205,39 +202,39 @@ const ue = {
       } finally {
         c(!1);
       }
-    }, N = [
+    }, q = [
       {
-        label: a("Remove from List"),
+        label: r("Remove from List"),
         icon: "delete-bin",
         danger: !0,
         command: () => {
           v.value = !0;
         }
       }
-    ], I = (s) => {
+    ], R = (s) => {
       n.value = n.value.filter(
         (e) => !s.some((t) => e._id === t._id)
-      ), E(s);
-    }, E = (s) => {
+      ), F(s);
+    }, F = (s) => {
       s.forEach((e) => {
-        p.value.delete(e._id ?? "");
+        u.value.delete(e._id ?? "");
       }), n.value.length || _(), m.add({
-        message: a("Success, asset has been removed from the list."),
+        message: r("Success, asset has been removed from the list."),
         severity: "success"
       });
-    }, P = (s, e) => {
+    }, J = (s, e) => {
       s.forEach((t) => {
-        p.value.set(t._id ?? "", {
+        u.value.set(t._id ?? "", {
           notes: e ?? null,
-          reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+          reason: ["Damaged", "Missing"].includes(t.status) ? t.status : p.reason
         });
       });
     }, _ = () => {
       const s = window.location.pathname, e = s.slice(0, s.lastIndexOf("/"));
-      u.router.replace(e), sessionStorage.removeItem("assetsDisposalReport");
-    }, L = async () => {
+      p.router.replace(e), sessionStorage.removeItem("assetsDisposalReport");
+    }, U = async () => {
       const s = [];
-      p.value.forEach((e, t) => {
+      u.value.forEach((e, t) => {
         const o = {
           asset: t,
           notes: e.notes,
@@ -246,33 +243,33 @@ const ue = {
         s.push(o);
       });
       try {
-        c(!0), await Z.postReportDisposal({ data: s }), m.add({
-          message: a("Success, disposal report has been submitted.")
+        c(!0), await ne.postReportDisposal({ data: s }), m.add({
+          message: r("Success, disposal report has been submitted.")
         }), _();
       } catch (e) {
         console.error(e), m.add({
           error: e,
-          message: a("Error, failed to submit disposal report.")
+          message: r("Error, failed to submit disposal report.")
         });
       } finally {
         c(!1);
       }
-    }, F = async (s) => {
+    }, G = async (s) => {
       try {
         c(!0);
         const e = s.map((t) => {
-          var o, r, i, R, S, A;
-          return p.value.set(t.asset ?? "", {
+          var o, a, l, A, S, O, C, B, k;
+          return u.value.set(t.asset ?? "", {
             notes: null,
-            reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+            reason: ["Damaged", "Missing"].includes(t.status) ? t.status : p.reason
           }), {
             ...t,
             reportId: t._id,
             _id: t.asset,
-            name: t.assetName,
+            name: t.name ?? t.assetName,
             assetImage: t.assetImage ?? t.damageImage,
-            brand: t.assetBrand,
-            model: t.assetModel,
+            brand: t.brand ?? t.assetBrand,
+            model: t.model ?? t.assetModel,
             rfid: !1,
             qr: !1,
             transactions: null,
@@ -280,13 +277,13 @@ const ue = {
             licenseStatuses: null,
             category: {
               _id: (o = t.category) == null ? void 0 : o._id,
-              name: (r = t.category) == null ? void 0 : r.name,
-              key: (i = t.category) == null ? void 0 : i.key
+              name: (a = t.category) == null ? void 0 : a.name,
+              key: (l = t.category) == null ? void 0 : l.key
             },
             group: {
-              _id: (R = t.assetGroup) == null ? void 0 : R._id,
-              name: (S = t.assetGroup) == null ? void 0 : S.name,
-              key: (A = t.assetGroup) == null ? void 0 : A.key
+              _id: ((A = t.group) == null ? void 0 : A._id) ?? ((S = t.assetGroup) == null ? void 0 : S._id),
+              name: ((O = t.group) == null ? void 0 : O.name) ?? ((C = t.assetGroup) == null ? void 0 : C.name),
+              key: ((B = t.group) == null ? void 0 : B.key) ?? ((k = t.assetGroup) == null ? void 0 : k.key)
             }
           };
         });
@@ -300,82 +297,102 @@ const ue = {
       } finally {
         c(!1);
       }
-    }, q = async (s) => {
-      var r;
+    }, V = async (s) => {
+      var a;
       const e = JSON.stringify(
-        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+        ((a = n.value) == null ? void 0 : a.map((l) => l.reportId)) ?? []
       ), t = {
         excludeId: e,
         excludeIds: e,
         status: '["Damaged", "Reported Disposal", "On Disposal Process"]',
         ...s
-      }, { data: o } = await B.getDamageReportList(t);
+      }, { data: o } = await T.getDamageReportList(t);
       return o;
-    }, U = async (s) => {
-      var r;
+    }, z = async (s) => {
+      var a;
       const e = JSON.stringify(
-        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+        ((a = n.value) == null ? void 0 : a.map((l) => l.reportId)) ?? []
       ), t = {
         excludeId: e,
         excludeIds: e,
         status: '["Missing", "Reported Disposal", "On Disposal Process"]',
         ...s
-      }, { data: o } = await O.getData(t);
+      }, { data: o } = await N.getData(t);
       return o;
-    }, G = async (s) => {
-      var r;
+    }, W = async (s) => {
+      var a;
       const e = JSON.stringify(
-        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+        ((a = n.value) == null ? void 0 : a.map((l) => l.reportId ?? l._id)) ?? []
       ), t = {
         excludeId: e,
         excludeIds: e,
-        status: '["Missing", "Reported Disposal", "On Disposal Process"]',
+        ...s
+      }, { data: o } = await D.getAllAssets(t);
+      return o;
+    }, j = async (s) => p.from === "damage" ? V(s) : p.from === "missing" ? z(s) : W(s), H = async (s) => {
+      var a;
+      const e = JSON.stringify(
+        ((a = n.value) == null ? void 0 : a.map((l) => l.reportId)) ?? []
+      ), t = {
+        excludeId: e,
+        excludeIds: e,
+        status: '["Damaged", "Reported Disposal", "On Disposal Process"]',
         reportedByOptions: "true",
         [s]: !0
-      }, { data: o } = await O.getDataOptions(t);
+      }, { data: o } = await T.getDamageReportListFilterOptions(t);
       return o.data[s] ?? [];
-    }, J = async (s) => {
-      var r;
+    }, K = async (s) => {
+      var a;
       const e = JSON.stringify(
-        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+        ((a = n.value) == null ? void 0 : a.map((l) => l.reportId)) ?? []
       ), t = {
         excludeId: e,
         excludeIds: e,
         status: '["Missing", "Reported Disposal", "On Disposal Process"]',
         reportedByOptions: "true",
         [s]: !0
-      }, { data: o } = await B.getDamageReportListFilterOptions(t);
+      }, { data: o } = await N.getDataOptions(t);
+      return o.data[s] ?? [];
+    }, Q = async (s) => {
+      var a;
+      const e = JSON.stringify(
+        ((a = n.value) == null ? void 0 : a.map((l) => l.reportId)) ?? []
+      ), t = {
+        excludeId: e,
+        excludeIds: e,
+        [s]: !0
+      }, { data: o } = await D.getAllAssetsOptions(t);
       return o.data[s] ?? [];
-    };
-    return (s, e) => (H(), j(K, null, [
-      g("div", ue, [
-        g("div", me, [
-          l(ie, {
+    }, X = async (s) => p.from === "damage" ? H(s) : p.from === "missing" ? K(s) : Q(s);
+    return (s, e) => (se(), te(ae, null, [
+      g("div", be, [
+        g("div", he, [
+          i(ge, {
             "assets-to-report": n.value,
             "onUpdate:assetsToReport": e[0] || (e[0] = (t) => n.value = t),
-            "selected-data": x.value,
-            "onUpdate:selectedData": e[1] || (e[1] = (t) => x.value = t),
-            onNoted: P,
-            onRemoved: e[2] || (e[2] = (t) => I(t)),
+            "selected-data": w.value,
+            "onUpdate:selectedData": e[1] || (e[1] = (t) => w.value = t),
+            onNoted: J,
+            onRemoved: e[2] || (e[2] = (t) => R(t)),
             "table-name": "disposal-report-page-table"
           }, null, 8, ["assets-to-report", "selected-data"]),
-          l(oe, {
+          i(ue, {
             class: "ml-auto",
             "table-name": "disposal-report-page-table"
           }),
-          l(ae, { "table-name": "disposal-report-page-table" }),
-          l(w, {
+          i(pe, { "table-name": "disposal-report-page-table" }),
+          i(x, {
             onClick: e[3] || (e[3] = (t) => y.value = !0),
             icon: "add",
             label: "Asset"
           })
         ]),
-        l(pe, { "table-name": "disposal-report-page-table" }),
-        l(re, Q(s.$props, {
-          columns: k,
+        i(ve, { "table-name": "disposal-report-page-table" }),
+        i(me, oe(s.$props, {
+          columns: P,
           data: n.value,
           lazy: !1,
-          options: N,
+          options: q,
           rows: 10,
           onToggleOption: e[4] || (e[4] = (t) => h.value = t),
           "data-key": "_id",
@@ -386,48 +403,49 @@ const ue = {
           "use-paginator": ""
         }), null, 16, ["data"])
       ]),
-      l(de, {
+      i(ye, {
         visible: y.value,
         "onUpdate:visible": e[5] || (e[5] = (t) => y.value = t),
-        "fetch-function": u.from === "damage" ? q : U,
-        "fetch-option-function": u.from === "damage" ? J : G,
-        onSelect: F
-      }, null, 8, ["visible", "fetch-function", "fetch-option-function"]),
-      l(M, {
+        "fetch-function": j,
+        "fetch-option-function": X,
+        from: s.from,
+        onSelect: G
+      }, null, 8, ["visible", "from"]),
+      i($, {
         visible: v.value,
         "onUpdate:visible": e[6] || (e[6] = (t) => v.value = t),
-        body: d(a)("Are you sure you want to remove it?"),
-        "confirm-label": d(a)("Remove"),
-        header: d(a)("Remove from List"),
+        body: d(r)("Are you sure you want to remove it?"),
+        "confirm-label": d(r)("Remove"),
+        header: d(r)("Remove from List"),
         lists: [h.value],
-        onConfirm: e[7] || (e[7] = (t) => I([h.value])),
+        onConfirm: e[7] || (e[7] = (t) => R([h.value])),
         "list-label": "name.nameWithSequence",
         severity: "danger"
       }, null, 8, ["visible", "body", "confirm-label", "header", "lists"]),
-      l(M, {
+      i($, {
         visible: b.value,
         "onUpdate:visible": e[8] || (e[8] = (t) => b.value = t),
-        "confirm-label": d(a)("Continue"),
-        header: d(a)("Cancel Report"),
+        "confirm-label": d(r)("Continue"),
+        header: d(r)("Cancel Report"),
         onConfirm: _,
         severity: "danger"
       }, {
-        body: X(() => [
-          g("p", null, C(d(a)("This action will cancel the disposal report.")), 1),
-          g("p", null, C(d(a)("Are you sure you want to continue?")), 1)
+        body: re(() => [
+          g("p", null, M(d(r)("This action will cancel the disposal report.")), 1),
+          g("p", null, M(d(r)("Are you sure you want to continue?")), 1)
         ]),
         _: 1
       }, 8, ["visible", "confirm-label", "header"]),
-      g("div", ce, [
-        l(w, {
-          label: d(a)("Cancel"),
+      g("div", _e, [
+        i(x, {
+          label: d(r)("Cancel"),
           onClick: e[9] || (e[9] = (t) => b.value = !0),
           severity: "dark",
           text: ""
         }, null, 8, ["label"]),
-        l(w, {
-          label: d(a)("Submit"),
-          onClick: L,
+        i(x, {
+          label: d(r)("Submit"),
+          onClick: U,
           severity: "success"
         }, null, 8, ["label"])
       ])
@@ -435,5 +453,5 @@ const ue = {
   }
 });
 export {
-  Me as _
+  Le as _
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.56",
+  "version": "1.0.1-alpha.58",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",