@fewangsit/wangsvue-fats 1.0.1-alpha.67 → 1.0.1-alpha.69

package/dialogfulltransferlog/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as G, mergeModels as M, useModel as O, onMounted as S, inject as K, ref as m, computed as p, watch as C, createBlock as x, openBlock as o, withCtx as b, createElementBlock as v, createCommentVNode as q, createElementVNode as a, createVNode as i, toDisplayString as y } from "vue";
+import { defineComponent as G, mergeModels as M, useModel as O, onMounted as S, inject as K, ref as v, computed as _, watch as C, createBlock as x, openBlock as o, withCtx as y, createElementBlock as p, createCommentVNode as q, createElementVNode as a, createVNode as i, toDisplayString as c } from "vue";
 import { TransferServices as E } from "@tagsamurai/fats-api-services";
 import { u as H } from "../utils/baseToast.util.es.js";
-import { _ as f } from "../badge/index.es.js";
+import { _ as m } from "../badge/index.es.js";
 import { _ as L } from "../button/index.es.js";
 import { _ as V } from "../buttoncopy/index.es.js";
 import { _ as R } from "../dialog/index.es.js";
@@ -10,22 +10,22 @@ import { _ as W } from "../tabmenu/index.es.js";
 import { _ as Z } from "../timeline/index.es.js";
 import { _ as z } from "../assetinfo/index.es.js";
 import { _ as J } from "../userwithicon/index.es.js";
-const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { class: "flex gap-3 items-center" }, Y = { class: "flex gap-1 items-center" }, P = { class: "text-xs font-medium" }, ee = { class: "flex items-center gap-2" }, te = {
+const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { class: "flex gap-3 items-center" }, Y = { class: "text-sm font-bold" }, P = { class: "flex gap-1 items-center" }, ee = { class: "text-xs font-medium" }, te = { class: "flex items-center gap-2" }, ae = {
   key: 0,
   class: "flex flex-col gap-3"
-}, ae = { class: "flex justify-between items-center" }, se = { class: "flex items-center gap-1" }, le = { class: "flex items-center gap-0.5" }, ne = { class: "flex items-center gap-0.5" }, ie = { class: "flex items-center gap-2" }, re = {
+}, se = { class: "flex justify-between items-center" }, ne = { class: "flex items-center gap-1" }, le = { class: "flex items-center gap-0.5" }, ie = { class: "flex items-center gap-0.5" }, re = { class: "flex items-center gap-2" }, oe = {
   key: 0,
   class: "flex flex-row items-center gap-1"
-}, oe = {
+}, ce = { class: "text-xs font-medium text-general-400 dark:text-general-200" }, ue = {
   key: 1,
   class: "flex flex-col gap-1"
-}, ue = { class: "flex flex-row items-center gap-1" }, de = {
+}, de = { class: "flex flex-row items-center gap-1" }, fe = { class: "text-xs font-medium text-general-400 dark:text-general-200" }, me = {
   key: 2,
   class: "flex flex-row items-center gap-1"
-}, ce = { class: "text-xs font-medium text-general-400" }, fe = {
+}, ve = { class: "text-xs font-medium text-general-400 dark:text-general-200" }, pe = {
   key: 1,
   class: "text-xs font-medium"
-}, je = /* @__PURE__ */ G({
+}, Ce = /* @__PURE__ */ G({
   __name: "DialogFullTransferLog",
   props: /* @__PURE__ */ M({
     id: {}
@@ -34,36 +34,36 @@ const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { clas
     visibleModifiers: {}
   }),
   emits: ["update:visible"],
-  setup(k) {
-    const A = k, _ = O(k, "visible"), I = H();
+  setup(h) {
+    const A = h, g = O(h, "visible"), I = H();
     S(() => {
       window.Cypress && (r.value = ["66406b090d664c625212ac1a", "66406b090d664c625212ac22"]);
     });
-    const s = m(), w = m(), u = m(), h = m(0), r = K("requestIds") ?? m([]), g = p(() => {
-      var t;
-      return (t = r.value) != null && t.length ? r.value.findIndex((e) => u.value === e) : -1;
-    }), $ = p(() => {
-      var t, e;
-      return (t = r.value) != null && t.length ? u.value === ((e = r.value) == null ? void 0 : e[0]) : !1;
-    }), j = p(() => {
-      var t, e, l;
-      return (t = r.value) != null && t.length ? u.value === ((l = r.value) == null ? void 0 : l[((e = r.value) == null ? void 0 : e.length) - 1]) : !1;
-    }), D = p(
+    const s = v(), k = v(), u = v(), $ = v(0), r = K("requestIds") ?? v([]), b = _(() => {
+      var e;
+      return (e = r.value) != null && e.length ? r.value.findIndex((t) => u.value === t) : -1;
+    }), w = _(() => {
+      var e, t;
+      return (e = r.value) != null && e.length ? u.value === ((t = r.value) == null ? void 0 : t[0]) : !1;
+    }), j = _(() => {
+      var e, t, n;
+      return (e = r.value) != null && e.length ? u.value === ((n = r.value) == null ? void 0 : n[((t = r.value) == null ? void 0 : t.length) - 1]) : !1;
+    }), D = _(
       () => {
-        var t;
-        return (t = w.value) == null ? void 0 : t.map((e) => ({
-          _id: e._id,
-          action: e.action,
-          createdAt: e.updatedAt,
-          title: e.action + " by",
-          date: e.updatedAt,
-          username: e.userFullName,
-          body: e.action === "Handed over" ? void 0 : N(e.detail),
-          detail: e.action === "Handed over" ? void 0 : N(e.detail)
+        var e;
+        return (e = k.value) == null ? void 0 : e.map((t) => ({
+          _id: t._id,
+          action: t.action,
+          createdAt: t.updatedAt,
+          title: t.action + " by",
+          date: t.updatedAt,
+          username: t.userFullName,
+          body: t.action === "Handed over" ? void 0 : N(t.detail),
+          detail: t.action === "Handed over" ? void 0 : N(t.detail)
         }));
       }
-    ), B = (t) => {
-      switch (t) {
+    ), B = (e) => {
+      switch (e) {
         case "Rejected":
         case "Reported Missing":
           return "danger";
@@ -76,72 +76,72 @@ const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { clas
         default:
           return "primary";
       }
-    }, N = (t) => {
-      if (!t || !Object.keys(t).length)
+    }, N = (e) => {
+      if (!e || !Object.keys(e).length)
         return;
-      const e = {}, l = Object.keys(t);
-      for (const d of l) {
-        const c = d.replace(/([A-Z])/g, " $1"), n = c.charAt(0).toUpperCase() + c.slice(1);
-        e[n === "Notes" ? "Note" : n] = t[d] ?? "-";
+      const t = {}, n = Object.keys(e);
+      for (const d of n) {
+        const f = d.replace(/([A-Z])/g, " $1"), l = f.charAt(0).toUpperCase() + f.slice(1);
+        t[l === "Notes" ? "Note" : l] = e[d] ?? "-";
       }
-      return e;
+      return t;
     }, F = async () => {
-      var t;
-      if ((t = u.value) != null && t.length)
+      var e;
+      if ((e = u.value) != null && e.length)
         try {
-          const { data: e } = await E.getTransactionLog(
+          const { data: t } = await E.getTransactionLog(
             u.value
           );
-          e && (s.value = e.data.request, w.value = e.data.logs, h.value++);
-        } catch (e) {
+          t && (s.value = t.data.request, k.value = t.data.logs, $.value++);
+        } catch (t) {
           I.add({
-            error: e,
+            error: t,
             message: "Error, failed to load transfer transaction log"
           });
         }
-    }, T = (t) => {
-      if (g.value === -1 || t === "prev" && $.value || t === "next" && j.value)
+    }, T = (e) => {
+      if (b.value === -1 || e === "prev" && w.value || e === "next" && j.value)
         return;
-      const e = t === "prev" ? g.value - 1 : g.value + 1;
-      u.value = r.value[e];
+      const t = e === "prev" ? b.value - 1 : b.value + 1;
+      u.value = r.value[t];
     };
-    return C(_, (t) => {
-      t && (u.value = A.id);
-    }), C(u, (t) => {
-      t && F();
-    }), (t, e) => (o(), x(R, {
-      visible: _.value,
-      "onUpdate:visible": e[2] || (e[2] = (l) => _.value = l),
+    return C(g, (e) => {
+      e && (u.value = A.id);
+    }), C(u, (e) => {
+      e && F();
+    }), (e, t) => (o(), x(R, {
+      visible: g.value,
+      "onUpdate:visible": t[2] || (t[2] = (n) => g.value = n),
       draggable: !1,
       class: "!w-[600px]",
       "footer-class": "flex items-end justify-end gap-1",
       header: "Transfer Log",
       modal: ""
     }, {
-      header: b(() => {
-        var l, d;
+      header: y(() => {
+        var n, d;
         return [
           a("div", Q, [
             a("div", X, [
-              e[3] || (e[3] = a("span", { class: "text-sm font-bold" }, "Transfer Log", -1)),
-              a("div", Y, [
-                a("span", P, y(((l = s.value) == null ? void 0 : l.transactionId) ?? "-"), 1),
+              a("span", Y, c(e.$t("Transfer Log")), 1),
+              a("div", P, [
+                a("span", ee, c(((n = s.value) == null ? void 0 : n.transactionId) ?? "-"), 1),
                 i(V, {
                   text: ((d = s.value) == null ? void 0 : d.transactionId) ?? ""
                 }, null, 8, ["text"])
               ])
             ]),
-            a("div", ee, [
+            a("div", te, [
               i(L, {
-                disabled: $.value,
-                onClick: e[0] || (e[0] = (c) => T("prev")),
+                disabled: w.value,
+                onClick: t[0] || (t[0] = (f) => T("prev")),
                 class: "!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0",
                 label: "<Prev",
                 text: ""
               }, null, 8, ["disabled"]),
               i(L, {
                 disabled: j.value,
-                onClick: e[1] || (e[1] = (c) => T("next")),
+                onClick: t[1] || (t[1] = (f) => T("next")),
                 class: "!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0",
                 label: "Next>",
                 text: ""
@@ -150,21 +150,21 @@ const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { clas
           ])
         ];
       }),
-      default: b(() => {
-        var l, d, c;
+      default: y(() => {
+        var n, d, f;
         return [
-          s.value ? (o(), v("div", te, [
+          s.value ? (o(), p("div", ae, [
             (o(), x(z, {
               id: s.value.asset,
               key: s.value.asset,
               fields: ["brand", "model"]
             }, null, 8, ["id"])),
-            a("div", ae, [
-              a("div", se, [
+            a("div", se, [
+              a("div", ne, [
                 a("div", le, [
-                  e[4] || (e[4] = a("span", null, "Origin:", -1)),
-                  i(f, {
-                    label: (l = s.value.originGroup) == null ? void 0 : l.name
+                  a("span", null, c(e.$t("Origin")) + ":", 1),
+                  i(m, {
+                    label: (n = s.value.originGroup) == null ? void 0 : n.name
                   }, null, 8, ["label"])
                 ]),
                 i(J, {
@@ -174,16 +174,16 @@ const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { clas
                   }
                 }, null, 8, ["user"])
               ]),
-              a("div", ne, [
-                e[5] || (e[5] = a("span", null, "Destination:", -1)),
-                i(f, {
-                  label: (c = s.value.destinationGroup) == null ? void 0 : c.name
+              a("div", ie, [
+                a("span", null, c(e.$t("Destination")) + ":", 1),
+                i(m, {
+                  label: (f = s.value.destinationGroup) == null ? void 0 : f.name
                 }, null, 8, ["label"])
               ])
             ]),
-            a("div", ie, [
-              e[6] || (e[6] = a("span", null, "Status:", -1)),
-              i(f, {
+            a("div", re, [
+              a("span", null, c(e.$t("Status")) + ":", 1),
+              i(m, {
                 label: s.value.status,
                 severity: B(s.value.status),
                 format: "nowrap"
@@ -195,32 +195,32 @@ const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { clas
               type: "tab"
             }),
             (o(), x(Z, {
-              key: h.value,
+              key: $.value,
               value: D.value
             }, {
-              detail: b((n) => [
-                n.key === "To" ? (o(), v("div", re, [
-                  e[7] || (e[7] = a("span", { class: "text-xs font-medium text-general-400" }, " Destination Group: ", -1)),
-                  i(f, {
-                    label: n.value
+              detail: y((l) => [
+                l.key === "To" ? (o(), p("div", oe, [
+                  a("span", ce, c(e.$t("Destination Group")) + ": ", 1),
+                  i(m, {
+                    label: l.value
                   }, null, 8, ["label"])
-                ])) : n.key === "From" ? (o(), v("div", oe, [
-                  a("div", ue, [
-                    e[8] || (e[8] = a("span", { class: "text-xs font-medium text-general-400" }, " Destination Group: ", -1)),
-                    i(f, {
-                      label: n.value
+                ])) : l.key === "From" ? (o(), p("div", ue, [
+                  a("div", de, [
+                    a("span", fe, c(e.$t("Destination Group")) + ": ", 1),
+                    i(m, {
+                      label: l.value
                     }, null, 8, ["label"])
                   ]),
                   i(U, {
-                    class: "!text-general-800 !text-xs -rotate-90",
+                    class: "!text-general-800 dark:!text-general-400 !text-xs -rotate-90",
                     icon: "arrow-left"
                   })
-                ])) : (o(), v("div", de, [
-                  a("span", ce, y(n.key) + ": ", 1),
-                  n.key.includes("Group") ? (o(), x(f, {
+                ])) : (o(), p("div", me, [
+                  a("span", ve, c(e.$t(l.key)) + ": ", 1),
+                  l.key.includes("Group") ? (o(), x(m, {
                     key: 0,
-                    label: n.value
-                  }, null, 8, ["label"])) : (o(), v("span", fe, y(n.value), 1))
+                    label: l.value
+                  }, null, 8, ["label"])) : (o(), p("span", pe, c(l.value), 1))
                 ]))
               ]),
               _: 1
@@ -233,5 +233,5 @@ const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { clas
   }
 });
 export {
-  je as _
+  Ce as _
 };

package/dialoglinkedasset/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as W, computed as b, ref as k, watch as T, createBlock as L, openBlock as n, mergeProps as j, createSlots as G, withCtx as C, createElementVNode as m, createVNode as S, createElementBlock as i, createCommentVNode as $, Fragment as u, renderList as w, toDisplayString as p } from "vue";
+import { defineComponent as W, computed as _, ref as b, watch as T, createBlock as L, openBlock as o, mergeProps as j, createSlots as G, withCtx as $, createElementVNode as d, createVNode as C, createElementBlock as i, createCommentVNode as S, Fragment as p, renderList as x, toDisplayString as m } from "vue";
 import { AssetServices as J } from "@tagsamurai/fats-api-services";
 import "../utils/role.util.es.js";
 import { u as O } from "../utils/toast.util.es.js";
@@ -6,17 +6,17 @@ import { _ as P } from "../button/index.es.js";
 import { _ as R } from "../dialogconfirm/index.es.js";
 import { _ as U } from "../icon/index.es.js";
 import { _ as z } from "../toast/index.es.js";
-const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex flex-col max-h-20 overflow-y-auto" }, K = {
-  class: "text-general-800 font-medium",
+const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex flex-col max-h-20 overflow-y-auto" }, K = { class: "text-general-800 dark:text-general-100 font-medium" }, M = {
+  class: "text-general-800 dark:text-general-100 font-medium",
   "data-ts-section": "assetparent"
-}, M = {
+}, Q = {
   class: "flex flex-col max-h-20",
   "data-ts-section": "linked-asset-family"
-}, Q = {
+}, X = {
   key: 3,
-  class: "text-general-800 font-medium",
+  class: "text-general-800 dark:text-general-100 font-medium",
   "data-ts-section": "confirmbody"
-}, ae = /* @__PURE__ */ W({
+}, ie = /* @__PURE__ */ W({
   __name: "DialogLinkedAsset",
   props: {
     header: {},
@@ -42,107 +42,107 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
   },
   emits: ["confirm", "update:visible"],
   setup(E) {
-    var x;
-    const B = O(), t = E, I = b(() => t.confirmLabel ? t.confirmLabel : t.severity === "danger" ? "Remove" : "Submit"), N = b(() => t.confirmBody ? t.confirmBody : t.severity === "success" ? "All related data will be transacted. Are you sure want to submit?" : "All related data will be removed from the list. Are you want to remove it?"), F = b(() => !!t.headerIcon || t.severity === "danger"), y = k(!1), v = k([]), h = k(!!((x = t.list) != null && x.length));
+    var B;
+    const w = O(), e = E, I = _(() => e.confirmLabel ? e.confirmLabel : e.severity === "danger" ? "Remove" : "Submit"), N = _(() => e.confirmBody ? e.confirmBody : e.severity === "success" ? "All related data will be transacted. Are you sure want to submit?" : "All related data will be removed from the list. Are you want to remove it?"), F = _(() => !!e.headerIcon || e.severity === "danger"), y = b(!1), v = b([]), g = b(!!((B = e.list) != null && B.length));
     T(
-      () => t.list,
+      () => e.list,
       () => {
-        h.value = !0;
+        g.value = !0;
       }
     );
     const q = async () => {
-      var o;
+      var t;
       try {
-        if (!h.value) return;
+        if (!g.value) return;
         y.value = !0;
-        const e = [], s = (r) => r.family.length > 1, d = ({ parent: r, children: a, family: c }, l) => {
-          const g = (_) => _.map((A) => ({ _id: A._id, name: A.name })), { _id: f, name: V } = r ?? l;
+        const s = [], n = (r) => r.family.length > 1, c = ({ parent: r, children: a, family: f }, l) => {
+          const h = (k) => k.map((A) => ({ _id: A._id, name: A.name })), { _id: u, name: V } = r ?? l;
           return {
-            parent: { _id: f, name: V },
+            parent: { _id: u, name: V },
             // If parent null | undefined, it means the current asset is parent
-            children: a.length ? g(a) : g(c.filter((_) => _._id !== f))
+            children: a.length ? h(a) : h(f.filter((k) => k._id !== u))
             // Parent will always exist if children is empty
           };
         };
-        if ((o = t.list) != null && o.length) {
+        if ((t = e.list) != null && t.length) {
           const { data: r } = await J.getLinkedAssetFamily(
-            JSON.stringify(t.list.map((a) => a._id))
+            JSON.stringify(e.list.map((a) => a._id))
           );
           r.data && r.data.forEach((a) => {
-            const c = a.family.find(
+            const f = a.family.find(
               (l) => l._id === a._id
             );
-            if (s(a) && c) {
-              const l = d(
+            if (n(a) && f) {
+              const l = c(
                 a,
-                c
+                f
               );
-              e.some(
-                (f) => f.parent._id === l.parent._id
-              ) || e.push(l);
+              s.some(
+                (u) => u.parent._id === l.parent._id
+              ) || s.push(l);
             }
           });
         }
-        v.value = e;
-      } catch (e) {
-        B.removeGroup("linkedasset"), B.add({
-          error: e,
+        v.value = s;
+      } catch (s) {
+        w.removeGroup("linkedasset"), w.add({
+          error: s,
           message: "Error, failed to fetch linked assets.",
           group: "linkedasset"
         });
       } finally {
-        y.value = !1, h.value = !1;
+        y.value = !1, g.value = !1;
       }
     };
-    return (o, e) => (n(), L(R, j(o.$props, {
+    return (t, s) => (o(), L(R, j(t.$props, {
       "confirm-label": I.value,
       list: void 0,
       "show-icon": F.value,
-      onConfirm: e[1] || (e[1] = (s) => o.$emit("confirm", v.value)),
+      onConfirm: s[1] || (s[1] = (n) => t.$emit("confirm", v.value)),
       onShow: q,
-      "onUpdate:visible": e[2] || (e[2] = (s) => o.$emit("update:visible", s)),
+      "onUpdate:visible": s[2] || (s[2] = (n) => t.$emit("update:visible", n)),
       "data-ts-name": "dialoglinkedasset"
     }), G({
-      body: C(() => [
-        m("div", D, [
-          o.type === "confirmation" ? (n(), i(u, { key: 0 }, [
-            m("ul", H, [
-              (n(!0), i(u, null, w(o.list, (s) => (n(), i("li", {
-                key: s._id,
-                class: "text-general-800 font-medium",
+      body: $(() => [
+        d("div", D, [
+          t.type === "confirmation" ? (o(), i(p, { key: 0 }, [
+            d("ul", H, [
+              (o(!0), i(p, null, x(t.list, (n) => (o(), i("li", {
+                key: n._id,
+                class: "text-general-800 dark:text-general-100 font-medium",
                 "data-ts-section": "assetlistitem"
-              }, p(s.name.nameWithSequence), 1))), 128))
+              }, m(n.name.nameWithSequence), 1))), 128))
             ]),
-            e[3] || (e[3] = m("p", { class: "text-general-800 font-medium" }, " The following assets have other assets linked to them: ", -1))
-          ], 64)) : $("", !0),
-          y.value ? (n(), L(U, {
+            d("p", K, m(t.$t("The following assets have other assets linked to them:")), 1)
+          ], 64)) : S("", !0),
+          y.value ? (o(), L(U, {
             key: 1,
-            class: "animate-spin h-6 w-6 self-center cursor-default !text-general-200 py-4",
+            class: "animate-spin h-6 w-6 self-center cursor-default !text-general-200 dark:!text-general-500 py-4",
             icon: "loader-4"
-          })) : (n(!0), i(u, { key: 2 }, w(v.value, (s) => (n(), i("div", {
-            key: s.parent._id,
+          })) : (o(!0), i(p, { key: 2 }, x(v.value, (n) => (o(), i("div", {
+            key: n.parent._id,
             class: "flex flex-col gap-0.5"
           }, [
-            m("span", K, p(s.parent.name.nameWithSequence) + ": ", 1),
-            m("ul", M, [
-              (n(!0), i(u, null, w(s.children, (d) => (n(), i("li", {
-                key: d._id,
-                class: "text-general-800 font-medium",
+            d("span", M, m(n.parent.name.nameWithSequence) + ": ", 1),
+            d("ul", Q, [
+              (o(!0), i(p, null, x(n.children, (c) => (o(), i("li", {
+                key: c._id,
+                class: "text-general-800 dark:text-general-100 font-medium",
                 "data-ts-section": "assetchild"
-              }, p(d.name.nameWithSequence), 1))), 128))
+              }, m(c.name.nameWithSequence), 1))), 128))
             ])
           ]))), 128)),
-          o.type === "confirmation" ? (n(), i("p", Q, p(N.value), 1)) : $("", !0)
+          t.type === "confirmation" ? (o(), i("p", X, m(t.$t(N.value)), 1)) : S("", !0)
         ]),
-        S(z, { group: "linkedasset" })
+        C(z, { group: "linkedasset" })
       ]),
       _: 2
     }, [
-      t.type === "detail" ? {
+      e.type === "detail" ? {
         name: "footer",
-        fn: C(() => [
-          S(P, {
-            onClick: e[0] || (e[0] = (s) => o.$emit("update:visible", !1)),
+        fn: $(() => [
+          C(P, {
+            onClick: s[0] || (s[0] = (n) => t.$emit("update:visible", !1)),
             "data-ts-section": "closebutton",
             label: "Close",
             outlined: ""
@@ -154,5 +154,5 @@ const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex f
   }
 });
 export {
-  ae as _
+  ie as _
 };