@fewangsit/wangsvue-fats 1.0.1-alpha.50 → 1.0.1-alpha.52

package/disposalreporttable/index.es.js

@@ -1,23 +1,24 @@
-import { defineComponent as E, onMounted as I, shallowRef as i, ref as M, createElementBlock as N, openBlock as F, Fragment as L, createElementVNode as d, createVNode as a, mergeProps as P, unref as l, withCtx as U, toDisplayString as _ } from "vue";
-import { AssetServices as V, DisposalServices as q } from "@tagsamurai/fats-api-services";
-import { u as z } from "../assetinfo/index.es.js";
-import { u as O } from "../plugins/basei18n.es.js";
+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 "../utils/role.util.es.js";
-import { u as W } from "../utils/toast.util.es.js";
-import { _ as g } from "../badge/index.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 j } from "../buttonfilter/index.es.js";
-import { _ as H } from "../buttonsearch/index.es.js";
-import { D as K } from "../datatable/index.es.js";
-import { _ as R } from "../dialogconfirm/index.es.js";
-import { _ as G } from "../image/index.es.js";
-import { _ as Q } from "../textarea/index.es.js";
-import { _ as J } from "../disposalreportbulkaction/index.es.js";
-import { _ as X } from "../disposalreporttablefilter/index.es.js";
-const Y = {
+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 = {
   class: "flex flex-col gap-2",
   "data-ts-section": "disposalreporttablewrapper"
-}, Z = { class: "flex gap-1 justify-end" }, ee = { class: "flex gap-1 justify-end" }, ge = /* @__PURE__ */ E({
+}, me = { class: "flex gap-1 justify-end" }, ce = { class: "flex gap-1 justify-end" }, Me = /* @__PURE__ */ V({
   __name: "DisposalReportTable",
   props: {
     treeTable: { type: Boolean },
@@ -56,16 +57,19 @@ const Y = {
     emptyTableMessage: {},
     singleSelection: {},
     router: {},
-    reason: {}
+    reason: {},
+    from: {}
   },
-  setup(x) {
-    const u = x;
-    I(() => {
-      S();
+  setup(T) {
+    const u = T;
+    z(() => {
+      $();
     });
-    const p = W(), { t: s } = O(), { setLoading: m } = z(), c = i(!1), f = i(!1), D = i(0), y = i([]), b = i(), r = i([]), n = M(
+    const m = se(), { t: a } = te(), { setLoading: c } = ee(), y = f(!1), b = f(!1), v = f(!1), x = f([]), h = f(), n = f(
+      []
+    ), p = W(
       /* @__PURE__ */ new Map()
-    ), C = [
+    ), k = [
       {
         field: "assetImageSmall",
         header: "Photo",
@@ -73,10 +77,10 @@ const Y = {
         fixed: !0,
         sortable: !1,
         excluded: !0,
-        bodyComponent: (o) => ({
-          component: G,
+        bodyComponent: (s) => ({
+          component: ne,
           props: {
-            src: o.assetImage,
+            src: s.assetImage,
             description: "asset-report-photo",
             size: "small"
           }
@@ -87,22 +91,28 @@ const Y = {
         field: "name.nameWithSequence",
         sortable: !0,
         fixed: !0,
-        bodyTemplate: (o) => {
+        bodyTemplate: (s) => {
           var e;
-          return ((e = o.name) == null ? void 0 : e.nameWithSequence) ?? "-";
+          return ((e = s.name) == null ? void 0 : e.nameWithSequence) ?? "-";
         }
       },
+      {
+        header: "Asset ID",
+        field: "assetId",
+        sortable: !0,
+        fixed: !0
+      },
       {
         header: "Brand",
         field: "brand.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (s) => {
           var e;
           return {
-            component: g,
+            component: D,
             props: {
-              label: (e = o.brand) == null ? void 0 : e.name,
+              label: (e = s.brand) == null ? void 0 : e.name,
               severity: "dark",
               format: "nowrap"
             }
@@ -114,12 +124,12 @@ const Y = {
         field: "model.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (s) => {
           var e;
           return {
-            component: g,
+            component: D,
             props: {
-              label: (e = o.model) == null ? void 0 : e.name,
+              label: (e = s.model) == null ? void 0 : e.name,
               severity: "dark",
               format: "nowrap"
             }
@@ -131,12 +141,12 @@ const Y = {
         field: "group.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (s) => {
           var e;
           return {
-            component: g,
+            component: D,
             props: {
-              label: (e = o.group) == null ? void 0 : e.name,
+              label: (e = s.group) == null ? void 0 : e.name,
               format: "nowrap"
             }
           };
@@ -146,125 +156,227 @@ const Y = {
         header: "Note",
         field: "note",
         fixed: !0,
-        bodyComponent: (o) => ({
-          component: Q,
-          props: {
-            modelValue: n.value.get(o._id ?? "assetId").notes,
-            placeholder: s("Enter note"),
-            rows: 1,
-            maxlength: 30
-          },
-          events: {
-            "update:modelValue": (e) => {
-              const t = n.value.get(o._id ?? "assetId");
-              n.value.set(o._id ?? "assetId", {
-                ...t,
-                notes: e
-              }), o.note = e;
+        bodyComponent: (s) => {
+          var e;
+          return {
+            component: le,
+            props: {
+              modelValue: (e = p.value.get(s._id ?? "assetId")) == null ? void 0 : e.notes,
+              placeholder: a("Enter note"),
+              rows: 1,
+              maxlength: 30
+            },
+            events: {
+              "update:modelValue": (t) => {
+                const o = p.value.get(s._id ?? "assetId");
+                p.value.set(s._id ?? "assetId", {
+                  ...o,
+                  notes: t
+                }), s.note = t;
+              }
             }
-          }
-        })
+          };
+        }
+      }
+    ], $ = async () => {
+      const s = sessionStorage.getItem("assetsDisposalReport");
+      if (!s) {
+        m.add({
+          message: a("Error, no assets found for disposal report."),
+          severity: "error"
+        });
+        return;
       }
-    ], S = async () => {
       try {
-        m(!0);
-        const o = sessionStorage.getItem("assetsDisposalReport") ?? "[]", { data: e } = await V.getAllAssets({ _id: o });
+        c(!0);
+        const { data: e } = await Y.getAllAssets({ _id: s });
         e.data.data.forEach((t) => {
-          n.value.set(t._id ?? "", {
+          p.value.set(t._id ?? "", {
             notes: null,
             reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
           });
-        }), r.value = e.data.data, D.value = e.data.totalRecords;
-      } catch (o) {
-        console.error(o), p.add({
-          error: o,
+        }), n.value = e.data.data;
+      } catch (e) {
+        console.error(e), m.add({
+          error: e,
           message: "Error, failed to get assets. "
         });
       } finally {
-        m(!1);
+        c(!1);
       }
-    }, T = [
+    }, N = [
       {
-        label: s("Remove from List"),
+        label: a("Remove from List"),
         icon: "delete-bin",
         danger: !0,
         command: () => {
-          c.value = !0;
+          b.value = !0;
         }
       }
-    ], h = (o) => {
-      r.value = r.value.filter(
-        (e) => !o.some((t) => e._id === t._id)
-      ), B(o);
-    }, B = (o) => {
-      o.forEach((e) => {
-        n.value.delete(e._id ?? "");
-      }), r.value.length || v(), p.add({
-        message: s("Success, asset has been removed from the list."),
+    ], R = (s) => {
+      n.value = n.value.filter(
+        (e) => !s.some((t) => e._id === t._id)
+      ), E(s);
+    }, E = (s) => {
+      s.forEach((e) => {
+        p.value.delete(e._id ?? "");
+      }), n.value.length || _(), m.add({
+        message: a("Success, asset has been removed from the list."),
         severity: "success"
       });
-    }, $ = (o, e) => {
-      o.forEach((t) => {
-        n.value.set(t._id ?? "", {
+    }, P = (s, e) => {
+      s.forEach((t) => {
+        p.value.set(t._id ?? "", {
           notes: e ?? null,
           reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
         });
       });
-    }, v = () => {
-      const o = window.location.pathname, e = o.slice(0, o.lastIndexOf("/"));
+    }, _ = () => {
+      const s = window.location.pathname, e = s.slice(0, s.lastIndexOf("/"));
       u.router.replace(e), sessionStorage.removeItem("assetsDisposalReport");
-    }, A = async () => {
-      const o = [];
-      n.value.forEach((e, t) => {
-        const k = {
+    }, F = async () => {
+      const s = [];
+      p.value.forEach((e, t) => {
+        const o = {
           asset: t,
           notes: e.notes,
           reason: e.reason
         };
-        o.push(k);
+        s.push(o);
       });
       try {
-        m(!0), await q.postReportDisposal({ data: o }), p.add({
-          message: s("Success, disposal report has been submitted.")
-        }), v();
+        c(!0), await Z.postReportDisposal({ data: s }), m.add({
+          message: a("Success, disposal report has been submitted.")
+        }), _();
+      } catch (e) {
+        console.error(e), m.add({
+          error: e,
+          message: a("Error, failed to submit disposal report.")
+        });
+      } finally {
+        c(!1);
+      }
+    }, L = async (s) => {
+      try {
+        c(!0);
+        const e = s.map((t) => {
+          var o, r, i, I, S, A;
+          return p.value.set(t.asset ?? "", {
+            notes: null,
+            reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+          }), {
+            ...t,
+            reportId: t._id,
+            _id: t.asset,
+            name: t.assetName,
+            assetImage: t.assetImage ?? t.damageImage,
+            brand: t.assetBrand,
+            model: t.assetModel,
+            rfid: !1,
+            qr: !1,
+            transactions: null,
+            manager: null,
+            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
+            },
+            group: {
+              _id: (I = t.assetGroup) == null ? void 0 : I._id,
+              name: (S = t.assetGroup) == null ? void 0 : S.name,
+              key: (A = t.assetGroup) == null ? void 0 : A.key
+            }
+          };
+        });
+        n.value = n.value.concat(e);
       } catch (e) {
-        console.error(e), p.add({
+        console.error(e), m.add({
           error: e,
-          message: s("Error, failed to submit disposal report.")
+          message: "Error, failed to add asset.",
+          severity: "error"
         });
       } finally {
-        m(!1);
+        c(!1);
       }
+    }, q = async (s) => {
+      var r;
+      const e = JSON.stringify(
+        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+      ), t = {
+        excludeId: e,
+        excludeIds: e,
+        status: '["Damaged", "Reported Disposal", "On Disposal Process"]',
+        ...s
+      }, { data: o } = await B.getDamageReportList(t);
+      return o;
+    }, U = async (s) => {
+      var r;
+      const e = JSON.stringify(
+        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+      ), t = {
+        excludeId: e,
+        excludeIds: e,
+        status: '["Missing", "Reported Disposal", "On Disposal Process"]',
+        ...s
+      }, { data: o } = await O.getData(t);
+      return o;
+    }, G = async (s) => {
+      var r;
+      const e = JSON.stringify(
+        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+      ), t = {
+        excludeId: e,
+        excludeIds: e,
+        status: '["Missing", "Reported Disposal", "On Disposal Process"]',
+        reportedByOptions: "true",
+        [s]: !0
+      }, { data: o } = await O.getDataOptions(t);
+      return o.data[s] ?? [];
+    }, J = async (s) => {
+      var r;
+      const e = JSON.stringify(
+        ((r = n.value) == null ? void 0 : r.map((i) => i.reportId)) ?? []
+      ), t = {
+        excludeId: e,
+        excludeIds: e,
+        status: '["Missing", "Reported Disposal", "On Disposal Process"]',
+        reportedByOptions: "true",
+        [s]: !0
+      }, { data: o } = await B.getDamageReportListFilterOptions(t);
+      return o.data[s] ?? [];
     };
-    return (o, e) => (F(), N(L, null, [
-      d("div", Y, [
-        d("div", Z, [
-          a(J, {
-            "assets-to-report": r.value,
-            "onUpdate:assetsToReport": e[0] || (e[0] = (t) => r.value = t),
-            "selected-data": y.value,
-            "onUpdate:selectedData": e[1] || (e[1] = (t) => y.value = t),
-            onNoted: $,
-            onRemoved: e[2] || (e[2] = (t) => h(t)),
+    return (s, e) => (H(), j(K, null, [
+      g("div", ue, [
+        g("div", me, [
+          l(ie, {
+            "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) => R(t)),
             "table-name": "disposal-report-page-table"
           }, null, 8, ["assets-to-report", "selected-data"]),
-          a(H, {
+          l(oe, {
             class: "ml-auto",
             "table-name": "disposal-report-page-table"
           }),
-          a(j, { "table-name": "disposal-report-page-table" })
+          l(ae, { "table-name": "disposal-report-page-table" }),
+          l(w, {
+            onClick: e[3] || (e[3] = (t) => y.value = !0),
+            icon: "add",
+            label: "Asset"
+          })
         ]),
-        a(X, {
-          assets: r.value,
-          "table-name": "disposal-report-page-table"
-        }, null, 8, ["assets"]),
-        a(K, P(o.$props, {
-          columns: C,
-          data: r.value,
+        l(pe, { "table-name": "disposal-report-page-table" }),
+        l(re, Q(s.$props, {
+          columns: k,
+          data: n.value,
           lazy: !1,
-          options: T,
+          options: N,
           rows: 10,
-          onToggleOption: e[3] || (e[3] = (t) => b.value = t),
+          onToggleOption: e[4] || (e[4] = (t) => h.value = t),
           "data-key": "_id",
           "rounded-header": "",
           "selection-type": "checkbox",
@@ -273,41 +385,48 @@ const Y = {
           "use-paginator": ""
         }), null, 16, ["data"])
       ]),
-      a(R, {
-        visible: c.value,
-        "onUpdate:visible": e[4] || (e[4] = (t) => c.value = t),
-        body: l(s)("Are you sure you want to remove it?"),
-        "confirm-label": l(s)("Remove"),
-        header: l(s)("Remove from List"),
-        lists: [b.value],
-        onConfirm: e[5] || (e[5] = (t) => h([b.value])),
+      l(de, {
+        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: L
+      }, null, 8, ["visible", "fetch-function", "fetch-option-function"]),
+      l(M, {
+        visible: b.value,
+        "onUpdate:visible": e[6] || (e[6] = (t) => b.value = t),
+        body: d(a)("Are you sure you want to remove it?"),
+        "confirm-label": d(a)("Remove"),
+        header: d(a)("Remove from List"),
+        lists: [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"]),
-      a(R, {
-        visible: f.value,
-        "onUpdate:visible": e[6] || (e[6] = (t) => f.value = t),
-        "confirm-label": l(s)("Continue"),
-        header: l(s)("Cancel Report"),
-        onConfirm: v,
+      l(M, {
+        visible: v.value,
+        "onUpdate:visible": e[8] || (e[8] = (t) => v.value = t),
+        "confirm-label": d(a)("Continue"),
+        header: d(a)("Cancel Report"),
+        onConfirm: _,
         severity: "danger"
       }, {
-        body: U(() => [
-          d("p", null, _(l(s)("This action will cancel the disposal report.")), 1),
-          d("p", null, _(l(s)("Are you sure you want to continue?")), 1)
+        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)
         ]),
         _: 1
       }, 8, ["visible", "confirm-label", "header"]),
-      d("div", ee, [
-        a(w, {
-          label: l(s)("Cancel"),
-          onClick: e[7] || (e[7] = (t) => f.value = !0),
+      g("div", ce, [
+        l(w, {
+          label: d(a)("Cancel"),
+          onClick: e[9] || (e[9] = (t) => v.value = !0),
           severity: "dark",
           text: ""
         }, null, 8, ["label"]),
-        a(w, {
-          label: l(s)("Submit"),
-          onClick: A,
+        l(w, {
+          label: d(a)("Submit"),
+          onClick: F,
           severity: "success"
         }, null, 8, ["label"])
       ])
@@ -315,5 +434,5 @@ const Y = {
   }
 });
 export {
-  ge as _
+  Me as _
 };

package/disposalreporttablefilter/index.es.js

@@ -1,68 +1,40 @@
-import { defineComponent as y, shallowRef as r, ref as g, createBlock as b, openBlock as h } from "vue";
-import { AssetServices as _ } from "@tagsamurai/fats-api-services";
-import { u as O } from "../plugins/basei18n.es.js";
-import "../utils/role.util.es.js";
-import { u as k } from "../utils/toast.util.es.js";
-import { _ as v } from "../filtercontainer/index.es.js";
-const x = /* @__PURE__ */ y({
+import { defineComponent as t, shallowRef as o, createBlock as p, openBlock as r } from "vue";
+import { u as s } from "../plugins/basei18n.es.js";
+import { _ as m } from "../filtercontainer/index.es.js";
+const u = /* @__PURE__ */ t({
   __name: "DisposalReportTableFilter",
   props: {
-    assets: {},
     tableName: {}
   },
-  setup(p) {
-    const o = p, c = k(), { t: e } = O(), i = r([
+  setup(n) {
+    const { t: e } = s(), l = o([
       {
         label: e("Name"),
         placeholder: e("Select asset name"),
-        field: "name.key",
-        type: "multiselect",
-        fetchOptionFn: async () => s("nameOptions")
+        field: "name.name",
+        type: "multiselect"
       },
       {
         label: e("Brand"),
         placeholder: e("Select brand"),
-        field: "brand.key",
-        type: "multiselect",
-        fetchOptionFn: async () => s("brandOptions")
+        field: "brand.name",
+        type: "multiselect"
       },
       {
         label: e("Model/Type"),
         placeholder: e("Select model/type"),
-        field: "model.key",
-        type: "multiselect",
-        fetchOptionFn: async () => s("modelOptions")
+        field: "model.name",
+        type: "multiselect"
       },
       {
         label: e("Group"),
         field: "group.key",
         type: "group"
       }
-    ]), m = r(o.assets.length), n = g(
-      {}
-    ), s = async (t) => {
-      var l;
-      try {
-        n.value[t] = !0;
-        const a = o.assets.map((u) => u._id ?? "");
-        m.value = a.length;
-        const d = {
-          _id: JSON.stringify(a),
-          [t]: !0
-        }, { data: f } = await _.getAllAssetsOptions(d);
-        return (l = f.data) == null ? void 0 : l[t];
-      } catch (a) {
-        return console.error(a), c.add({
-          error: a,
-          message: "Error, failed to get filter option."
-        }), [];
-      } finally {
-        n.value[t] = !1;
-      }
-    };
-    return (t, l) => (h(), b(v, {
-      fields: i.value,
-      "table-name": t.tableName,
+    ]);
+    return (a, c) => (r(), p(m, {
+      fields: l.value,
+      "table-name": a.tableName,
       class: "!gap-x-3 !gap-y-4 !p-3",
       "data-ts-name": "diposalreportfilter",
       static: ""
@@ -70,5 +42,5 @@ const x = /* @__PURE__ */ y({
   }
 });
 export {
-  x as _
+  u as _
 };

package/icon/index.d.ts

@@ -144,6 +144,7 @@ export type WangsIcons =
   | 'node-tree'
   | 'note'
   | 'notification'
+  | 'organization-chart'
   | 'pdf'
   | 'pair-tag'
   | 'pencil'

package/package.json

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