@fewangsit/wangsvue-fats 1.0.1-alpha.51 → 1.0.1-alpha.53

package/disposalreport/index.d.ts

@@ -3,11 +3,73 @@ import { DisposalReason } from '@tagsamurai/fats-api-services/src/types/disposal
 
 import { ClassComponent } from '../ts-helpers';
 
+type Option = {
+  label?: string;
+  value?: string;
+};
+
 export interface DisposalReportProps {
   router: Router;
   reason: DisposalReason;
+  from: 'damage' | 'missing';
+}
+
+/**
+ * Type of the selected data, it refers to data response from Asset API.
+ */
+export interface Asset {
+  _id?: string;
+  asset?: string;
+  name?: {
+    _id: string;
+    nameWithSequence: string;
+    name: string;
+    key: number;
+  };
+  assetName?: {
+    _id: string;
+    nameWithSequence: string;
+    name: string;
+    key: number;
+  };
+  tagType?: string;
+  status?: string;
+  category?: {
+    _id?: string;
+    name?: string;
+    key?: number;
+  };
+  group?: {
+    _id?: string;
+    name?: string;
+    key?: number;
+  };
+  assetGroup?: {
+    _id?: string;
+    name?: string;
+    key?: number;
+  };
+  assetBrand?: {
+    _id: string;
+    name: string;
+    key: number;
+  };
+  assetModel?: {
+    _id: string;
+    name: string;
+    key: number;
+  };
+  assetImage?: string;
+  damageImage?: string;
 }
 
+export type FilterOptions = {
+  assetNameOptions?: Option[];
+  assetBrandOptions?: Option[];
+  assetModelOptions?: Option[];
+  assetGroupOptions?: Option[];
+};
+
 export default class DisposalReport extends ClassComponent<
   DisposalReportProps,
   unknown,

package/disposalreport/index.es.js

@@ -1,26 +1,29 @@
-import { defineComponent as s, createBlock as a, openBlock as r, withCtx as n, createElementVNode as e, createVNode as p, toDisplayString as i, unref as c, normalizeProps as l, guardReactiveProps as _ } from "vue";
-import { u as m } from "../plugins/basei18n.es.js";
+import { defineComponent as r, createBlock as a, openBlock as n, withCtx as p, createElementVNode as o, createVNode as i, toDisplayString as l, unref as e, normalizeProps as c, guardReactiveProps as m } from "vue";
+import { u as _ } from "../plugins/basei18n.es.js";
+import { a as f } from "../utils/role.util.es.js";
+import "../event-bus/index.es.js";
 import { _ as d } from "../card/index.es.js";
-import { _ as f } from "../disposalreporttable/index.es.js";
-const u = {
+import { _ as u } from "../disposalreporttable/index.es.js";
+const g = {
   class: "flex flex-col gap-3",
   "data-ts-name": "disposalreport"
-}, g = {
+}, x = {
   class: "text-general-800 font-bold text-base leading-[21.86px] tracking-[0.02em]",
   "data-ts-section": "pagetitle"
-}, v = /* @__PURE__ */ s({
+}, v = /* @__PURE__ */ r({
   __name: "DisposalReport",
   props: {
     router: {},
-    reason: {}
+    reason: {},
+    from: {}
   },
-  setup(x) {
-    const { t } = m();
-    return (o, h) => (r(), a(d, null, {
-      content: n(() => [
-        e("div", u, [
-          e("h2", g, i(c(t)("Asset Disposal")), 1),
-          p(f, l(_(o.$props)), null, 16)
+  setup(h) {
+    const { t } = _();
+    return (s, D) => (n(), a(d, null, {
+      content: p(() => [
+        o("div", g, [
+          o("h2", x, l(e(f)() === "Basic" ? e(t)("Report Disposal") : e(t)("Asset Disposal")), 1),
+          i(u, c(m(s.$props)), null, 16)
         ])
       ]),
       _: 1

package/disposalreportbulkaction/index.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as _, ref as w, shallowRef as u, createElementBlock as R, openBlock as d, Fragment as k, createVNode as v, mergeProps as x, withCtx as B, createBlock as V, createCommentVNode as h, unref as l } from "vue";
-import { e as c } from "../event-bus/index.es.js";
+import { defineComponent as _, ref as x, shallowRef as u, createElementBlock as h, openBlock as d, Fragment as w, createVNode as v, mergeProps as R, withCtx as k, createBlock as B, createCommentVNode as V, unref as l } from "vue";
+import { e as p } from "../event-bus/index.es.js";
 import { u as y } from "../plugins/basei18n.es.js";
 import { _ as A } from "../buttonbulkaction/index.es.js";
 import { _ as C } from "../dialogconfirm/index.es.js";
@@ -10,14 +10,14 @@ const S = /* @__PURE__ */ _({
     tableName: {}
   },
   emits: ["noted", "removed"],
-  setup(p, { emit: b }) {
-    const { t: e } = y(), r = p, s = b, o = w([]), n = u(!1), m = u(), f = [
+  setup(c, { emit: b }) {
+    const { t: e } = y(), r = c, s = b, o = x([]), n = u(!1), m = u(), f = [
       {
         label: e("Note"),
         icon: "note",
         useAdditionSlot: !0,
         command: () => {
-          s("noted", o.value, m.value), c.emit("data-table:clear-selected-data", {
+          s("noted", o.value, m.value), p.emit("data-table:clear-selected-data", {
             tableName: r.tableName
           }), m.value = void 0;
         }
@@ -30,13 +30,13 @@ const S = /* @__PURE__ */ _({
           n.value = !0;
         }
       }
-    ], N = () => {
-      s("removed", o.value), c.emit("data-table:clear-selected-data", {
+    ], g = () => {
+      s("removed", o.value), p.emit("data-table:clear-selected-data", {
         tableName: r.tableName
       });
     };
-    return (i, t) => (d(), R(k, null, [
-      v(A, x({
+    return (i, t) => (d(), h(w, null, [
+      v(A, R({
         "selected-data": o.value,
         "onUpdate:selectedData": t[1] || (t[1] = (a) => o.value = a)
       }, i.$attrs, {
@@ -44,11 +44,13 @@ const S = /* @__PURE__ */ _({
         "table-name": i.tableName,
         naming: "Asset(s)"
       }), {
-        addition: B(({ selectedOption: a }) => [
-          (a == null ? void 0 : a.label) === l(e)("Note") ? (d(), V(D, {
+        addition: k(({ selectedOption: a }) => [
+          (a == null ? void 0 : a.label) === l(e)("Note") ? (d(), B(D, {
             key: 0,
             modelValue: m.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (g) => m.value = g),
+            "onUpdate:modelValue": t[0] || (t[0] = (N) => m.value = N),
+            "max-input": 30,
+            maxlength: 30,
             placeholder: l(e)("Enter note"),
             rows: 1,
             "textarea-pt": {
@@ -56,8 +58,9 @@ const S = /* @__PURE__ */ _({
                 maxlength: 30
               }
             },
-            class: "!max-w-[250px]"
-          }, null, 8, ["modelValue", "placeholder"])) : h("", !0)
+            class: "!max-w-[250px]",
+            "prevent-input-on-max-length": ""
+          }, null, 8, ["modelValue", "placeholder"])) : V("", !0)
         ]),
         _: 1
       }, 16, ["selected-data", "table-name"]),
@@ -68,7 +71,7 @@ const S = /* @__PURE__ */ _({
         header: l(e)("Remove from List"),
         list: o.value,
         message: l(e)("Are you sure you want to remove it?"),
-        onConfirm: N,
+        onConfirm: g,
         "list-label": "name.nameWithSequence",
         severity: "danger"
       }, null, 8, ["visible", "confirm-label", "header", "list", "message"])

package/disposalreportdialogselectasset/index.es.js

@@ -0,0 +1,238 @@
+import { defineComponent as M, mergeModels as b, useModel as $, shallowRef as v, ref as I, computed as d, createBlock as z, openBlock as G, withCtx as h, createElementVNode as l, createVNode as o, toDisplayString as T, withDirectives as J, vShow as j } from "vue";
+import { AssetServices as y } from "@tagsamurai/fats-api-services";
+import { e as R } from "../event-bus/index.es.js";
+import "../utils/role.util.es.js";
+import { u as V } from "../utils/toast.util.es.js";
+import { _ as m } from "../badge/index.es.js";
+import { _ as g } from "../button/index.es.js";
+import { _ as E } from "../buttonfilter/index.es.js";
+import { _ as P } from "../buttonsearch/index.es.js";
+import { D as U } from "../datatable/index.es.js";
+import { _ as q } from "../dialog/index.es.js";
+import { _ as H } from "../image/index.es.js";
+import { _ as K } from "../filtercontainer/index.es.js";
+const L = { class: "flex justify-between items-center" }, W = {
+  class: "flex gap-1 items-center justify-end",
+  "data-ts-section": "button-group"
+}, Y = { class: "flex flex-col gap-1" }, Q = {
+  class: "text-xs text-red-600",
+  "data-ts-section": "message-validator"
+}, X = { class: "flex items-center justify-end gap-1" }, me = /* @__PURE__ */ M({
+  __name: "DisposalReportDialogSelectAsset",
+  props: /* @__PURE__ */ b({
+    selectedAssets: {},
+    excludedKey: {},
+    header: {},
+    size: {},
+    assetStatus: {},
+    fetchFunction: { type: Function },
+    fetchOptionFunction: { type: Function }
+  }, {
+    visible: { type: Boolean, default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: /* @__PURE__ */ b(["select"], ["update:visible"]),
+  setup(p, { emit: _ }) {
+    const t = p, O = _, r = $(p, "visible"), S = V(), n = v("select-asset-table"), c = v(!1), i = I([]), x = d(() => [
+      {
+        field: "assetImage",
+        header: "Photo",
+        style: "min-width: 72px",
+        bodyComponent: (s) => ({
+          component: H,
+          props: {
+            src: s.assetImage ?? s.damageImage,
+            size: "small"
+          }
+        })
+      },
+      {
+        field: "assetName.nameWithSequence",
+        header: "Name",
+        sortable: !0
+      },
+      {
+        field: "assetId",
+        header: "Asset ID",
+        sortable: !0
+      },
+      {
+        field: "assetBrand.name",
+        header: "Brand",
+        sortable: !0,
+        bodyComponent: (s) => {
+          var e;
+          return {
+            component: m,
+            props: {
+              label: (e = s.assetBrand) == null ? void 0 : e.name,
+              severity: "dark"
+            }
+          };
+        }
+      },
+      {
+        field: "assetModel.name",
+        header: "Model/Type",
+        sortable: !0,
+        bodyComponent: (s) => {
+          var e;
+          return {
+            component: m,
+            props: {
+              label: (e = s.assetModel) == null ? void 0 : e.name,
+              severity: "dark"
+            }
+          };
+        }
+      },
+      {
+        field: "assetGroup.name",
+        header: "Group",
+        sortable: !0,
+        bodyComponent: (s) => {
+          var e;
+          return {
+            component: m,
+            props: {
+              label: (e = s.assetGroup) == null ? void 0 : e.name
+            }
+          };
+        }
+      }
+    ]), A = d(() => [
+      {
+        label: "Name",
+        field: "assetName",
+        placeholder: "Select name",
+        type: "multiselect",
+        fetchOptionFn: () => t.fetchOptionFunction ? t.fetchOptionFunction("assetNameOptions") : u("nameOptions")
+      },
+      {
+        label: "Brand",
+        field: "assetBrand",
+        placeholder: "Select brand",
+        type: "multiselect",
+        fetchOptionFn: () => t.fetchOptionFunction ? t.fetchOptionFunction("assetBrandOptions") : u("brandOptions")
+      },
+      {
+        label: "Model/Type",
+        field: "assetModel",
+        placeholder: "Select model/type",
+        type: "multiselect",
+        fetchOptionFn: () => t.fetchOptionFunction ? t.fetchOptionFunction("assetModelOptions") : u("modelOptions")
+      },
+      {
+        label: "Group",
+        field: "assetGroup",
+        type: "group"
+      }
+    ]), F = d(() => {
+      switch (t.size) {
+        case "large":
+          return "1000px";
+        case "small":
+          return "600px";
+        default:
+          return "800px";
+      }
+    }), w = d(() => t.header ?? "Select Asset"), u = async (s) => {
+      var f;
+      const e = JSON.stringify(t.selectedAssets ?? []), a = {
+        [s]: !0,
+        excludeId: e,
+        status: JSON.stringify(t.assetStatus ?? ["Available"])
+      }, { data: C } = await y.getAllAssetsOptions(a);
+      return ((f = C.data) == null ? void 0 : f[s]) ?? [];
+    }, N = async (s) => {
+      const e = JSON.stringify(t.selectedAssets ?? []);
+      try {
+        const { data: a } = await y.getAllAssets({
+          excludeId: e,
+          status: JSON.stringify(t.assetStatus ?? ["Available"]),
+          ...s
+        });
+        return a;
+      } catch (a) {
+        console.error(a), S.add({
+          error: a,
+          message: "Error, failed to get asset list."
+        });
+      }
+    }, D = () => {
+      i.value.length === 0 ? c.value = !0 : B();
+    }, B = () => {
+      O("select", i.value), c.value = !1, r.value = !1;
+    }, k = () => {
+      i.value = [], R.emit("data-table:clear-selected-data", {
+        tableName: n.value
+      });
+    };
+    return (s, e) => (G(), z(q, {
+      visible: r.value,
+      "onUpdate:visible": e[3] || (e[3] = (a) => r.value = a),
+      header: w.value,
+      pt: { root: { style: { width: F.value } } },
+      onHide: k,
+      closable: "",
+      "data-ts-section": "dialogselectasset",
+      modal: ""
+    }, {
+      footer: h(() => [
+        l("div", Y, [
+          J(l("small", Q, " You must pick an asset ", 512), [
+            [j, c.value]
+          ]),
+          l("div", X, [
+            o(g, {
+              onClick: e[2] || (e[2] = (a) => r.value = !1),
+              "data-ts-section": "button-cancel",
+              label: "Cancel",
+              severity: "secondary",
+              text: ""
+            }),
+            o(g, {
+              onClick: D,
+              "data-ts-section": "button-select",
+              label: "Select",
+              severity: "success"
+            })
+          ])
+        ])
+      ]),
+      default: h(() => [
+        l("div", L, [
+          e[4] || (e[4] = l("span", null, "Select asset(s) to be disposed.", -1)),
+          l("div", W, [
+            o(P, { "table-name": n.value }, null, 8, ["table-name"]),
+            o(E, { "table-name": n.value }, null, 8, ["table-name"])
+          ])
+        ]),
+        o(K, {
+          fields: A.value,
+          "table-name": n.value
+        }, null, 8, ["fields", "table-name"]),
+        o(U, {
+          "selected-data": i.value,
+          "onUpdate:selectedData": e[0] || (e[0] = (a) => i.value = a),
+          columns: x.value,
+          "fetch-function": t.fetchFunction ?? N,
+          rows: 10,
+          "table-name": n.value,
+          "use-option": !1,
+          onRowSelect: e[1] || (e[1] = (a) => c.value = !1),
+          "data-key": "_id",
+          "data-ts-section": "dialog-select-asset-table",
+          lazy: "",
+          "selection-type": "checkbox",
+          "use-paginator": ""
+        }, null, 8, ["selected-data", "columns", "fetch-function", "table-name"]),
+        l("pre", null, T(t.selectedAssets), 1)
+      ]),
+      _: 1
+    }, 8, ["visible", "header", "pt"]));
+  }
+});
+export {
+  me as _
+};