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

package/assetinfo/index.d.ts

@@ -16,7 +16,6 @@ export type AssetGeneralInfo = Partial<AssetDetailDataType> & {
   assetGroup?: AssetBrandModelValue;
   asset?: string;
   assetImage?: string;
-  assetImageBig?: string;
 };
 
 export interface AssetInfoProps {

package/assetinfo/index.es.js

@@ -1,4 +1,4 @@
-import { shallowRef as J, ref as X, defineComponent as Y, onMounted as Z, computed as f, watch as ee, createElementBlock as c, openBlock as p, createVNode as m, createElementVNode as l, createCommentVNode as v, toDisplayString as k, Fragment as se, unref as W, normalizeClass as b } from "vue";
+import { shallowRef as J, ref as X, defineComponent as Y, onMounted as Z, computed as p, watch as ee, createElementBlock as d, openBlock as c, createVNode as f, createElementVNode as l, createCommentVNode as m, toDisplayString as k, Fragment as se, unref as W, normalizeClass as b } from "vue";
 import { AssetServices as ae } from "@tagsamurai/fats-api-services";
 import "../utils/role.util.es.js";
 import { g as te } from "../utils/getStatusSeverity.util.es.js";
@@ -24,7 +24,7 @@ const q = J(!1), z = X(), ie = () => ({
 }, be = {
   key: 3,
   class: "flex gap-3"
-}, Se = /* @__PURE__ */ Y({
+}, Be = /* @__PURE__ */ Y({
   __name: "AssetInfo",
   props: {
     id: {},
@@ -33,48 +33,47 @@ const q = J(!1), z = X(), ie = () => ({
     useNfc: { type: Boolean, default: !0 },
     useTagType: { type: Boolean, default: !0 }
   },
-  setup(I, { expose: y }) {
-    const t = I;
+  setup(T, { expose: y }) {
+    const t = T;
     Z(async () => {
       t.transactionDetail ? e.value = t.transactionDetail : await U();
     });
-    const O = le(), { setLoading: T } = ie(), R = JSON.parse(localStorage.getItem("user") ?? "{}"), e = J(), w = f(() => {
+    const O = le(), { setLoading: w } = ie(), R = JSON.parse(localStorage.getItem("user") ?? "{}"), e = J(), D = p(() => {
       var s;
       return (s = t.fields) == null ? void 0 : s.includes("status");
-    }), H = f(() => {
+    }), H = p(() => {
       const {
         setDefault: s,
         firstImageBig: a,
         secondImageBig: n,
-        assetImageBig: o,
-        assetImage: i,
-        firstImage: r,
-        secondImage: u
-      } = e.value ?? {}, d = s === "firstImage";
-      return t.transactionDetail ? i ?? o : d ? r ?? a : u ?? n;
-    }), K = f(() => {
-      var s, a, n, o, i, r, u, d, g, _;
-      return t.transactionDetail ? (n = (a = (s = e.value) == null ? void 0 : s.assetName) == null ? void 0 : a.aliasCode) != null && n.length ? `(${(i = (o = e.value) == null ? void 0 : o.assetName) == null ? void 0 : i.aliasCode})` : "" : (d = (u = (r = e.value) == null ? void 0 : r.name) == null ? void 0 : u.aliasCode) != null && d.length ? `(${(_ = (g = e.value) == null ? void 0 : g.name) == null ? void 0 : _.aliasCode})` : "";
-    }), P = f(() => {
+        assetImage: o,
+        firstImage: i,
+        secondImage: r
+      } = e.value ?? {}, u = s === "firstImage";
+      return t.transactionDetail ? o : u ? i ?? a : r ?? n;
+    }), K = p(() => {
+      var s, a, n, o, i, r, u, v, g, _;
+      return t.transactionDetail ? (n = (a = (s = e.value) == null ? void 0 : s.assetName) == null ? void 0 : a.aliasCode) != null && n.length ? `(${(i = (o = e.value) == null ? void 0 : o.assetName) == null ? void 0 : i.aliasCode})` : "" : (v = (u = (r = e.value) == null ? void 0 : r.name) == null ? void 0 : u.aliasCode) != null && v.length ? `(${(_ = (g = e.value) == null ? void 0 : g.name) == null ? void 0 : _.aliasCode})` : "";
+    }), P = p(() => {
       var s, a;
       return ((s = e.value) == null ? void 0 : s.assetTagType) ?? ((a = e.value) == null ? void 0 : a.tagType);
-    }), Q = f(() => {
+    }), Q = p(() => {
       var s, a;
       return ((s = e.value) == null ? void 0 : s.assetName) ?? ((a = e.value) == null ? void 0 : a.name);
-    }), x = f(() => [
+    }), x = p(() => [
       {
-        "w-[69px]": !w.value,
-        "w-[76px]": w.value
+        "w-[69px]": !D.value,
+        "w-[76px]": D.value
       }
     ]), U = async () => {
       try {
-        T(!0);
+        w(!0);
         const { data: s } = await ae.getAssetDetail(t.id);
         s && (e.value = s.data);
       } catch (s) {
         O.add({ error: s, message: "Error, failed to load asset details." });
       } finally {
-        T(!1);
+        w(!1);
       }
     };
     return ee(
@@ -84,72 +83,72 @@ const q = J(!1), z = X(), ie = () => ({
       },
       { deep: !0 }
     ), y({ asset: e }), (s, a) => {
-      var n, o, i, r, u, d, g, _, D, B, N, S, C, A, $, L, E, F, M, V, j, G;
-      return p(), c("div", re, [
-        m(ne, { src: H.value }, null, 8, ["src"]),
+      var n, o, i, r, u, v, g, _, I, N, S, B, C, A, $, L, E, F, M, V, j, G;
+      return c(), d("div", re, [
+        f(ne, { src: H.value }, null, 8, ["src"]),
         l("div", ue, [
           l("div", de, [
             l("div", ce, [
               l("div", pe, k(((n = Q.value) == null ? void 0 : n.nameWithSequence) ?? "-"), 1),
               l("div", fe, [
                 l("span", me, k(((o = e.value) == null ? void 0 : o.assetId) ?? "-") + " " + k(K.value), 1),
-                s.useTagType ? (p(), c(se, { key: 0 }, [
+                s.useTagType ? (c(), d(se, { key: 0 }, [
                   a[0] || (a[0] = l("div", { class: "w-[6px] h-[6px] rounded-full bg-general-100" }, null, -1)),
-                  m(oe, {
+                  f(oe, {
                     type: P.value,
                     "use-nfc": s.useNfc
                   }, null, 8, ["type", "use-nfc"])
-                ], 64)) : v("", !0)
+                ], 64)) : m("", !0)
               ])
             ]),
-            W(R).userType !== "Basic" ? (p(), c("a", {
+            W(R).userType !== "Basic" ? (c(), d("a", {
               key: 0,
               href: `/assets/detail/${((i = e.value) == null ? void 0 : i.asset) ?? ((r = e.value) == null ? void 0 : r._id)}`,
               class: "text-primary-500",
               target: "_blank"
-            }, " Asset Detail > ", 8, ve)) : v("", !0)
+            }, " Asset Detail > ", 8, ve)) : m("", !0)
           ]),
           l("div", ge, [
-            !t.fields || (u = t.fields) != null && u.includes("brand") ? (p(), c("div", _e, [
+            !t.fields || (u = t.fields) != null && u.includes("brand") ? (c(), d("div", _e, [
               l("span", {
                 class: b(x.value)
               }, " Brand ", 2),
               a[1] || (a[1] = l("span", null, ":", -1)),
-              m(h, {
-                label: ((g = (d = e.value) == null ? void 0 : d.assetBrand) == null ? void 0 : g.name) ?? ((D = (_ = e.value) == null ? void 0 : _.brand) == null ? void 0 : D.name) ?? "-",
+              f(h, {
+                label: ((g = (v = e.value) == null ? void 0 : v.assetBrand) == null ? void 0 : g.name) ?? ((I = (_ = e.value) == null ? void 0 : _.brand) == null ? void 0 : I.name) ?? "-",
                 severity: "dark"
               }, null, 8, ["label"])
-            ])) : v("", !0),
-            !t.fields || (B = t.fields) != null && B.includes("model") ? (p(), c("div", ye, [
+            ])) : m("", !0),
+            !t.fields || (N = t.fields) != null && N.includes("model") ? (c(), d("div", ye, [
               l("span", {
                 class: b(x.value)
               }, " Model/Type ", 2),
               a[2] || (a[2] = l("span", null, ":", -1)),
-              m(h, {
-                label: ((S = (N = e.value) == null ? void 0 : N.assetModel) == null ? void 0 : S.name) ?? ((A = (C = e.value) == null ? void 0 : C.model) == null ? void 0 : A.name) ?? "-",
+              f(h, {
+                label: ((B = (S = e.value) == null ? void 0 : S.assetModel) == null ? void 0 : B.name) ?? ((A = (C = e.value) == null ? void 0 : C.model) == null ? void 0 : A.name) ?? "-",
                 severity: "dark"
               }, null, 8, ["label"])
-            ])) : v("", !0),
-            !t.fields || ($ = t.fields) != null && $.includes("group") ? (p(), c("div", xe, [
+            ])) : m("", !0),
+            !t.fields || ($ = t.fields) != null && $.includes("group") ? (c(), d("div", xe, [
               l("span", {
                 class: b(x.value)
               }, " Group ", 2),
               a[3] || (a[3] = l("span", null, ":", -1)),
-              m(h, {
+              f(h, {
                 label: ((E = (L = e.value) == null ? void 0 : L.assetGroup) == null ? void 0 : E.name) ?? ((M = (F = e.value) == null ? void 0 : F.group) == null ? void 0 : M.name) ?? "-"
               }, null, 8, ["label"])
-            ])) : v("", !0),
-            (V = t.fields) != null && V.includes("status") ? (p(), c("div", be, [
+            ])) : m("", !0),
+            (V = t.fields) != null && V.includes("status") ? (c(), d("div", be, [
               l("span", {
                 class: b(x.value)
               }, " Asset Status ", 2),
               a[4] || (a[4] = l("span", null, ":", -1)),
-              m(h, {
+              f(h, {
                 label: ((j = e.value) == null ? void 0 : j.status) ?? "-",
                 severity: W(te)((G = e.value) == null ? void 0 : G.status),
                 format: "nowrap"
               }, null, 8, ["label", "severity"])
-            ])) : v("", !0)
+            ])) : m("", !0)
           ])
         ])
       ]);
@@ -157,6 +156,6 @@ const q = J(!1), z = X(), ie = () => ({
   }
 });
 export {
-  Se as _,
+  Be as _,
   ie as u
 };

package/dialogdamagelog/index.es.js

@@ -11,7 +11,7 @@ import { _ as oe } from "../image/index.es.js";
 import { _ as Ce } from "../tabmenu/index.es.js";
 import { _ as Le } from "../tagtype/index.es.js";
 import { _ as Se } from "../timeline/index.es.js";
-const $e = { class: "w-full flex items-center justify-between" }, Be = { class: "flex items-center gap-2" }, Te = ["disabled"], Me = ["disabled"], Pe = { class: "flex items-start gap-[18px]" }, Ve = { class: "flex flex-col w-full" }, Ae = { class: "w-full flex items-center justify-between" }, je = { class: "text-body-medium !font-bold" }, Ee = { class: "flex items-center gap-[6px] text-general-400" }, ze = { class: "flex gap-3 w-full mt-[6px]" }, Fe = { class: "flex flex-col gap-1 items-start self-stretch" }, Ge = { class: "flex gap-2" }, Ue = ["data-wv-section"], Ke = {
+const $e = { class: "w-full flex items-center justify-between" }, Te = { class: "flex items-center gap-2" }, Be = ["disabled"], Me = ["disabled"], Pe = { class: "flex items-start gap-[18px]" }, Ve = { class: "flex flex-col w-full" }, Ae = { class: "w-full flex items-center justify-between" }, je = { class: "text-body-medium !font-bold" }, Ee = { class: "flex items-center gap-[6px] text-general-400" }, ze = { class: "flex gap-3 w-full mt-[6px]" }, Fe = { class: "flex flex-col gap-1 items-start self-stretch" }, Ge = { class: "flex gap-2" }, Ue = ["data-wv-section"], Ke = {
   class: "text-body-medium text-general-400",
   "data-wv-section": "key"
 }, We = {
@@ -123,13 +123,13 @@ const $e = { class: "w-full flex items-center justify-between" }, Be = { class:
       header: v(() => [
         t("div", $e, [
           e[2] || (e[2] = t("h1", { class: "!text-base font-bold" }, "Damage Log", -1)),
-          t("div", Be, [
+          t("div", Te, [
             t("button", {
               class: b([l.value === 0 ? "text-general-100" : "text-primary", "text-xs font-medium"]),
               disabled: l.value === 0,
               onClick: fe,
               "data-wv-section": "prev-button"
-            }, " <Prev ", 10, Te),
+            }, " <Prev ", 10, Be),
             t("button", {
               class: b([
                 l.value === d.value.length - 1 || d.value.length === 1 ? "text-general-100" : "text-primary",
@@ -143,11 +143,11 @@ const $e = { class: "w-full flex items-center justify-between" }, Be = { class:
         ])
       ]),
       default: v(() => {
-        var o, m, q, R, N, C, L, S, $, B, T, M, P, V, A, j, E, z, F, G, U, K, W, H, J, O, Q, X, Y;
+        var o, m, q, R, N, C, L, S, $, T, B, M, P, V, A, j, E, z, F, G, U, K, W, H, J, O, Q, X, Y;
         return [
           t("div", Pe, [
             i(oe, {
-              src: (m = (o = a.value) == null ? void 0 : o.request) == null ? void 0 : m.assetImageBig,
+              src: (m = (o = a.value) == null ? void 0 : o.request) == null ? void 0 : m.assetImage,
               size: "big"
             }, null, 8, ["src"]),
             t("div", Ve, [
@@ -160,7 +160,7 @@ const $e = { class: "w-full flex items-center justify-between" }, Be = { class:
                 }, " Asset Detail > ")
               ]),
               t("div", Ee, [
-                t("p", null, u(((L = (C = a.value) == null ? void 0 : C.request) == null ? void 0 : L.assetId) ?? "-") + " " + u((T = (B = ($ = (S = a.value) == null ? void 0 : S.request) == null ? void 0 : $.assetName) == null ? void 0 : B.aliasCode) != null && T.length ? `(${(V = (P = (M = a.value) == null ? void 0 : M.request) == null ? void 0 : P.assetName) == null ? void 0 : V.aliasCode})` : ""), 1),
+                t("p", null, u(((L = (C = a.value) == null ? void 0 : C.request) == null ? void 0 : L.assetId) ?? "-") + " " + u((B = (T = ($ = (S = a.value) == null ? void 0 : S.request) == null ? void 0 : $.assetName) == null ? void 0 : T.aliasCode) != null && B.length ? `(${(V = (P = (M = a.value) == null ? void 0 : M.request) == null ? void 0 : P.assetName) == null ? void 0 : V.aliasCode})` : ""), 1),
                 ae(ke)() === "Enterprise" ? (n(), se(ye, { key: 0 }, [
                   e[3] || (e[3] = t("div", { class: "w-[6px] h-[6px] bg-general-100 rounded" }, null, -1)),
                   (j = (A = a.value) == null ? void 0 : A.request) != null && j.tagType ? (n(), p(Le, {

package/dialogselectuser/index.es.js

@@ -1,22 +1,21 @@
-import { ref as u, defineComponent as S, computed as U, watch as $, createBlock as C, openBlock as c, withCtx as v, createElementVNode as i, createElementBlock as f, createCommentVNode as y, createVNode as n, Fragment as N, renderList as B, toDisplayString as h, unref as D, renderSlot as P } from "vue";
-import { getImageURL as E } from "@tagsamurai/fats-api-services";
-import { _ as I } from "../image/index.es.js";
+import { ref as u, defineComponent as S, computed as $, watch as C, createBlock as N, openBlock as c, withCtx as v, createElementVNode as i, createElementBlock as f, createCommentVNode as y, createVNode as n, Fragment as U, renderList as D, toDisplayString as h, unref as B, renderSlot as P } from "vue";
+import { _ as E } from "../image/index.es.js";
 import { _ } from "../button/index.es.js";
-import { _ as L } from "../buttonfilter/index.es.js";
-import { _ as O } from "../buttonsearch/index.es.js";
-import { D as j } from "../datatable/index.es.js";
-import { _ as V } from "../dialog/index.es.js";
-import { _ as z } from "../dialogselectuserfilter/index.es.js";
-const R = () => u([
+import { _ as O } from "../buttonfilter/index.es.js";
+import { _ as j } from "../buttonsearch/index.es.js";
+import { D as I } from "../datatable/index.es.js";
+import { _ as L } from "../dialog/index.es.js";
+import { _ as V } from "../dialogselectuserfilter/index.es.js";
+const z = () => u([
   {
     field: "profilePictureSmall",
     header: "Photo",
     sortable: !1,
     bodyComponent(e) {
       return {
-        component: I,
+        component: E,
         props: {
-          src: E(e.profilePictureBig),
+          src: e.profilePicture,
           size: "small"
         }
       };
@@ -70,17 +69,17 @@ const R = () => u([
       return (e == null ? void 0 : e.division) ?? "-";
     }
   }
-]), W = { class: "flex flex-col gap-2" }, Y = {
+]), R = { class: "flex flex-col gap-2" }, W = {
   key: 0,
   class: "overflow-auto max-h-20 list-inside list-disc h-auto ml-2"
-}, q = {
+}, Y = {
   class: "flex justify-between items-center gap-1",
   "data-ts-section": "dialog-asset-name-detail-action-group"
-}, A = { class: "" }, G = { class: "flex justify-end items-center gap-1" }, H = { class: "flex flex-col justify-end gap-1" }, J = {
+}, q = { class: "" }, A = { class: "flex justify-end items-center gap-1" }, G = { class: "flex flex-col justify-end gap-1" }, H = {
   key: 0,
   class: "text-danger-500 text-[12px] font-light",
   "data-ts-section": "warning-message"
-}, oe = /* @__PURE__ */ S({
+}, le = /* @__PURE__ */ S({
   __name: "DialogSelectUser",
   props: {
     header: { default: "Select User" },
@@ -94,7 +93,7 @@ const R = () => u([
   },
   emits: ["update:visible", "selected"],
   setup(e, { emit: g }) {
-    const t = e, m = g, p = U(() => t.visible), d = u(!1), b = u(), r = u([]), a = u(), k = R(), x = () => {
+    const t = e, m = g, p = $(() => t.visible), d = u(!1), b = u(), r = u([]), a = u(), k = z(), x = () => {
       !r.value.length && !a.value ? d.value = !0 : (t.selectionType === "checkbox" ? m("selected", r.value) : m("selected", a.value), m("update:visible", !1));
     }, w = () => {
       r.value = [], a.value = void 0, d.value = !1;
@@ -102,13 +101,13 @@ const R = () => u([
       if (t.fetchFunction)
         return await t.fetchFunction(o);
     };
-    return $(
+    return C(
       p,
       async (o) => {
         w(), o && t.fetchOptionFunction && (b.value = await t.fetchOptionFunction());
       },
       { immediate: !0 }
-    ), (o, l) => (c(), C(V, {
+    ), (o, l) => (c(), N(L, {
       visible: p.value,
       "onUpdate:visible": [
         l[3] || (l[3] = (s) => p.value = s),
@@ -123,8 +122,8 @@ const R = () => u([
     }, {
       footer: v(() => [
         P(o.$slots, "footer", {}, () => [
-          i("div", H, [
-            d.value ? (c(), f("span", J, " You must pick a user ")) : y("", !0),
+          i("div", G, [
+            d.value ? (c(), f("span", H, " You must pick a user ")) : y("", !0),
             i("div", null, [
               n(_, {
                 onClick: l[2] || (l[2] = (s) => o.$emit("update:visible", !1)),
@@ -143,25 +142,25 @@ const R = () => u([
         ])
       ]),
       default: v(() => [
-        i("div", W, [
-          t.list && t.list.length ? (c(), f("ul", Y, [
-            (c(!0), f(N, null, B(t.list, (s, F) => (c(), f("li", { key: F }, h(s), 1))), 128))
+        i("div", R, [
+          t.list && t.list.length ? (c(), f("ul", W, [
+            (c(!0), f(U, null, D(t.list, (s, F) => (c(), f("li", { key: F }, h(s), 1))), 128))
           ])) : y("", !0),
-          i("div", q, [
-            i("div", A, h(o.description), 1),
-            i("div", G, [
-              n(O, { "table-name": "dialog-select-user-table" }),
-              n(L, { "table-name": "dialog-select-user-table" })
+          i("div", Y, [
+            i("div", q, h(o.description), 1),
+            i("div", A, [
+              n(j, { "table-name": "dialog-select-user-table" }),
+              n(O, { "table-name": "dialog-select-user-table" })
             ])
           ]),
-          n(z, {
+          n(V, {
             "filter-options": b.value,
             "table-name": "dialog-select-user-table"
           }, null, 8, ["filter-options"]),
-          n(j, {
+          n(I, {
             "selected-data": r.value,
             "onUpdate:selectedData": l[0] || (l[0] = (s) => r.value = s),
-            columns: D(k),
+            columns: B(k),
             "fetch-function": T,
             rows: 10,
             "selection-type": t.selectionType,
@@ -182,5 +181,5 @@ const R = () => u([
   }
 });
 export {
-  oe as _
+  le as _
 };

package/disposalreporttable/index.es.js

@@ -76,7 +76,7 @@ const Y = {
         bodyComponent: (o) => ({
           component: G,
           props: {
-            src: o.assetImageBig,
+            src: o.assetImage,
             description: "asset-report-photo",
             size: "small"
           }
@@ -183,7 +183,7 @@ const Y = {
       } finally {
         m(!1);
       }
-    }, B = [
+    }, T = [
       {
         label: s("Remove from List"),
         icon: "delete-bin",
@@ -195,8 +195,8 @@ const Y = {
     ], h = (o) => {
       r.value = r.value.filter(
         (e) => !o.some((t) => e._id === t._id)
-      ), T(o);
-    }, T = (o) => {
+      ), B(o);
+    }, B = (o) => {
       o.forEach((e) => {
         n.value.delete(e._id ?? "");
       }), r.value.length || v(), p.add({
@@ -262,7 +262,7 @@ const Y = {
           columns: C,
           data: r.value,
           lazy: !1,
-          options: B,
+          options: T,
           rows: 10,
           onToggleOption: e[3] || (e[3] = (t) => b.value = t),
           "data-key": "_id",

package/package.json

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