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

package/disposalreportbulkaction/index.es.js

@@ -0,0 +1,80 @@
+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 { u as y } from "../plugins/basei18n.es.js";
+import { _ as A } from "../buttonbulkaction/index.es.js";
+import { _ as C } from "../dialogconfirm/index.es.js";
+import { _ as D } from "../textarea/index.es.js";
+const S = /* @__PURE__ */ _({
+  __name: "DisposalReportBulkAction",
+  props: {
+    tableName: {}
+  },
+  emits: ["noted", "removed"],
+  setup(p, { emit: b }) {
+    const { t: e } = y(), r = p, s = b, o = w([]), 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", {
+            tableName: r.tableName
+          }), m.value = void 0;
+        }
+      },
+      {
+        label: e("Remove from List"),
+        icon: "delete-bin",
+        danger: !0,
+        command: () => {
+          n.value = !0;
+        }
+      }
+    ], N = () => {
+      s("removed", o.value), c.emit("data-table:clear-selected-data", {
+        tableName: r.tableName
+      });
+    };
+    return (i, t) => (d(), R(k, null, [
+      v(A, x({
+        "selected-data": o.value,
+        "onUpdate:selectedData": t[1] || (t[1] = (a) => o.value = a)
+      }, i.$attrs, {
+        options: f,
+        "table-name": i.tableName,
+        naming: "Asset(s)"
+      }), {
+        addition: B(({ selectedOption: a }) => [
+          (a == null ? void 0 : a.label) === l(e)("Note") ? (d(), V(D, {
+            key: 0,
+            modelValue: m.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (g) => m.value = g),
+            placeholder: l(e)("Enter note"),
+            rows: 1,
+            "textarea-pt": {
+              root: {
+                maxlength: 30
+              }
+            },
+            class: "!max-w-[250px]"
+          }, null, 8, ["modelValue", "placeholder"])) : h("", !0)
+        ]),
+        _: 1
+      }, 16, ["selected-data", "table-name"]),
+      v(C, {
+        visible: n.value,
+        "onUpdate:visible": t[2] || (t[2] = (a) => n.value = a),
+        "confirm-label": l(e)("Remove"),
+        header: l(e)("Remove from List"),
+        list: o.value,
+        message: l(e)("Are you sure you want to remove it?"),
+        onConfirm: N,
+        "list-label": "name.nameWithSequence",
+        severity: "danger"
+      }, null, 8, ["visible", "confirm-label", "header", "list", "message"])
+    ], 64));
+  }
+});
+export {
+  S as _
+};

package/disposalreporttable/index.es.js

@@ -0,0 +1,319 @@
+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 "../utils/role.util.es.js";
+import { u as W } from "../utils/toast.util.es.js";
+import { _ as g } 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 = {
+  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({
+  __name: "DisposalReportTable",
+  props: {
+    treeTable: { type: Boolean },
+    childTableProps: {},
+    tableName: {},
+    tableTitle: {},
+    useOption: { type: Boolean },
+    data: {},
+    disableKey: {},
+    includeCheckDisabledRows: { type: Boolean },
+    highlightKey: {},
+    disableAllRows: { type: Boolean },
+    search: {},
+    tag: {},
+    defaultQueryParams: {},
+    fetchFunction: { type: Function },
+    rows: {},
+    isSelectedAll: { type: Boolean },
+    filters: {},
+    lazy: { type: Boolean },
+    loading: { type: Boolean },
+    selectionType: {},
+    useSelection: { type: Boolean },
+    selectedData: {},
+    expandedRows: {},
+    usePaginator: { type: Boolean },
+    options: {},
+    singleSelect: { type: Boolean },
+    customColumn: { type: Boolean },
+    scrollHeight: {},
+    rowHeight: {},
+    reorderable: { type: Boolean },
+    globalFilterFields: {},
+    totalDisabledRows: {},
+    excelToastErrorMessage: {},
+    emptyTableMessage: {},
+    singleSelection: {},
+    router: {},
+    reason: {}
+  },
+  setup(x) {
+    const u = x;
+    I(() => {
+      S();
+    });
+    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(
+      /* @__PURE__ */ new Map()
+    ), C = [
+      {
+        field: "assetImageSmall",
+        header: "Photo",
+        style: "min-width: 72px",
+        fixed: !0,
+        sortable: !1,
+        excluded: !0,
+        bodyComponent: (o) => ({
+          component: G,
+          props: {
+            src: o.assetImage,
+            description: "asset-report-photo",
+            size: "small"
+          }
+        })
+      },
+      {
+        header: "Name",
+        field: "name.nameWithSequence",
+        sortable: !0,
+        fixed: !0,
+        bodyTemplate: (o) => {
+          var e;
+          return ((e = o.name) == null ? void 0 : e.nameWithSequence) ?? "-";
+        }
+      },
+      {
+        header: "Brand",
+        field: "brand.name",
+        sortable: !0,
+        fixed: !1,
+        bodyComponent: (o) => {
+          var e;
+          return {
+            component: g,
+            props: {
+              label: (e = o.brand) == null ? void 0 : e.name,
+              severity: "dark",
+              format: "nowrap"
+            }
+          };
+        }
+      },
+      {
+        header: "Model/Type",
+        field: "model.name",
+        sortable: !0,
+        fixed: !1,
+        bodyComponent: (o) => {
+          var e;
+          return {
+            component: g,
+            props: {
+              label: (e = o.model) == null ? void 0 : e.name,
+              severity: "dark",
+              format: "nowrap"
+            }
+          };
+        }
+      },
+      {
+        header: "Group",
+        field: "group.name",
+        sortable: !0,
+        fixed: !1,
+        bodyComponent: (o) => {
+          var e;
+          return {
+            component: g,
+            props: {
+              label: (e = o.group) == null ? void 0 : e.name,
+              format: "nowrap"
+            }
+          };
+        }
+      },
+      {
+        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;
+            }
+          }
+        })
+      }
+    ], S = async () => {
+      try {
+        m(!0);
+        const o = sessionStorage.getItem("assetsDisposalReport") ?? "[]", { data: e } = await V.getAllAssets({ _id: o });
+        e.data.data.forEach((t) => {
+          n.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,
+          message: "Error, failed to get assets. "
+        });
+      } finally {
+        m(!1);
+      }
+    }, T = [
+      {
+        label: s("Remove from List"),
+        icon: "delete-bin",
+        danger: !0,
+        command: () => {
+          c.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."),
+        severity: "success"
+      });
+    }, $ = (o, e) => {
+      o.forEach((t) => {
+        n.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("/"));
+      u.router.replace(e), sessionStorage.removeItem("assetsDisposalReport");
+    }, A = async () => {
+      const o = [];
+      n.value.forEach((e, t) => {
+        const k = {
+          asset: t,
+          notes: e.notes,
+          reason: e.reason
+        };
+        o.push(k);
+      });
+      try {
+        m(!0), await q.postReportDisposal({ data: o }), p.add({
+          message: s("Success, disposal report has been submitted.")
+        }), v();
+      } catch (e) {
+        console.error(e), p.add({
+          error: e,
+          message: s("Error, failed to submit disposal report.")
+        });
+      } finally {
+        m(!1);
+      }
+    };
+    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)),
+            "table-name": "disposal-report-page-table"
+          }, null, 8, ["assets-to-report", "selected-data"]),
+          a(H, {
+            class: "ml-auto",
+            "table-name": "disposal-report-page-table"
+          }),
+          a(j, { "table-name": "disposal-report-page-table" })
+        ]),
+        a(X, {
+          assets: r.value,
+          "table-name": "disposal-report-page-table"
+        }, null, 8, ["assets"]),
+        a(K, P(o.$props, {
+          columns: C,
+          data: r.value,
+          lazy: !1,
+          options: T,
+          rows: 10,
+          onToggleOption: e[3] || (e[3] = (t) => b.value = t),
+          "data-key": "_id",
+          "rounded-header": "",
+          "selection-type": "checkbox",
+          "table-name": "disposal-report-page-table",
+          "use-option": "",
+          "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])),
+        "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,
+        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)
+        ]),
+        _: 1
+      }, 8, ["visible", "confirm-label", "header"]),
+      d("div", ee, [
+        a(w, {
+          label: l(s)("Cancel"),
+          onClick: e[7] || (e[7] = (t) => f.value = !0),
+          severity: "dark",
+          text: ""
+        }, null, 8, ["label"]),
+        a(w, {
+          label: l(s)("Submit"),
+          onClick: A,
+          severity: "success"
+        }, null, 8, ["label"])
+      ])
+    ], 64));
+  }
+});
+export {
+  ge as _
+};

package/disposalreporttablefilter/index.es.js

@@ -0,0 +1,74 @@
+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({
+  __name: "DisposalReportTableFilter",
+  props: {
+    assets: {},
+    tableName: {}
+  },
+  setup(p) {
+    const o = p, c = k(), { t: e } = O(), i = r([
+      {
+        label: e("Name"),
+        placeholder: e("Select asset name"),
+        field: "name.key",
+        type: "multiselect",
+        fetchOptionFn: async () => s("nameOptions")
+      },
+      {
+        label: e("Brand"),
+        placeholder: e("Select brand"),
+        field: "brand.key",
+        type: "multiselect",
+        fetchOptionFn: async () => s("brandOptions")
+      },
+      {
+        label: e("Model/Type"),
+        placeholder: e("Select model/type"),
+        field: "model.key",
+        type: "multiselect",
+        fetchOptionFn: async () => s("modelOptions")
+      },
+      {
+        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,
+      class: "!gap-x-3 !gap-y-4 !p-3",
+      "data-ts-name": "diposalreportfilter",
+      static: ""
+    }, null, 8, ["fields", "table-name"]));
+  }
+});
+export {
+  x as _
+};

package/{components/dropdown/Dropdown.vue.d.ts → dropdown/index.d.ts}

@@ -1,9 +1,9 @@
 import { Slot } from 'vue';
 
-import { BadgeProps } from '../../components/badge/Badge.vue.d';
-import { WangsIcons } from '../../components/icon/Icon.vue.d';
+import { BadgeProps } from '../badge';
+import { WangsIcons } from '../icon';
 
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type OptionValue = string | number | boolean | Record<string, any>;
@@ -237,6 +237,7 @@ export interface DropdownProps {
 export interface DropdownSlots {
   'value': Slot<{ value: string; originalValue: any }>;
   'option': Slot<{ option: Option }>;
+  'footer': Slot<{ options: Option[]; value: OptionValue }>;
   'addon-left': Slot;
   'addon-right': Slot;
 }