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

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/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 _
+};