@fewangsit/wangsvue-fats 1.0.1-rc.8 → 2.0.0-alpha.0

package/disposalreportdialogselectasset/index.es.js

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

package/disposalreportdialogselectasset/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/disposalreport/DisposalReportDialogSelectAsset.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { QueryParams } from '@fewangsit/workspace-api-services/src/types/FetchListResponse.type';\nimport { AssetServices } from '@tagsamurai/fats-api-services';\nimport { computed, ref, shallowRef } from 'vue';\n\nimport Badge from 'lib/components/badge/Badge.vue';\nimport Button from 'lib/components/button/Button.vue';\nimport ButtonFilter from 'lib/components/buttonfilter/ButtonFilter.vue';\nimport ButtonSearch from 'lib/components/buttonsearch/ButtonSearch.vue';\nimport DataTable from 'lib/components/datatable/DataTable.vue';\nimport {\n  FetchListResponse,\n  TableCellComponent,\n  TableColumn,\n} from 'lib/components/datatable/DataTable.vue.d';\nimport Dialog from 'lib/components/dialog/Dialog.vue';\nimport { Option } from 'lib/components/dropdown/Dropdown.vue.d';\nimport Image from 'lib/components/image/Image.vue';\nimport eventBus from 'lib/event-bus';\n\nimport { Asset } from './DisposalReport.vue.d';\nimport { useToast } from '../../utils';\nimport FilterContainer from '../filtercontainer/FilterContainer.vue';\nimport { FilterField } from '../filtercontainer/FilterContainer.vue.d';\n\ntype AssetOptionField = 'nameOptions' | 'brandOptions' | 'modelOptions';\n\ntype FieldKey = 'name' | 'brand' | 'model' | 'group';\n\ntype AssetStatus =\n  | 'Assigned'\n  | 'Available'\n  | 'Borrowed'\n  | 'Damaged'\n  | 'Missing'\n  | 'Non-Transactionable'\n  | 'Not Paired Yet'\n  | 'On Assign Process'\n  | 'On Audit Process'\n  | 'On Borrowing Process'\n  | 'On Transfer'\n  | 'TAG Reported';\n\ntype DialogSelectAssetProps = {\n  from: 'damage' | 'missing' | 'all';\n  /**\n   * The already selected assets to be exculuded on fetch request.\n   *\n   * The list of asset _id\n   */\n  selectedAssets?: string[];\n  /**\n   *\n   * The list of asset name key to be excluded in fetch list\n   */\n  excludedKey?: string[];\n  /**\n   * The header of the dialog.\n   *\n   * @default 'Select Asset' | 'Select Child Asset';\n   */\n  header?: string;\n  /**\n   * The size of the dialog.\n   *\n   * '600 px' | '800 px' | '1000 px'\n   *\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Specify the asset status filter to be included\n   *\n   * @default [\"Available\"]\n   */\n  assetStatus?: AssetStatus[];\n  /**\n   * The function to fetch data on DataTable mounted and on queryParams dependencies updated.\n   *\n   * @param params this is required\n   */\n  fetchFunction?: (\n    params: QueryParams,\n  ) => Promise<FetchListResponse | undefined>;\n  /**\n   * The function to fetch data on DataTable mounted and on queryParams dependencies updated.\n   *\n   * @param params this is required\n   */\n  fetchOptionFunction?: (params: string) => Promise<Option[]>;\n};\n\nconst props = defineProps<DialogSelectAssetProps>();\n\nconst emit = defineEmits<{\n  /**\n   * Emits when the button select clicked.\n   */\n  select: [payload: Asset[]];\n}>();\n\nconst visible = defineModel<boolean>('visible', { default: false });\n\nconst toast = useToast();\n\nconst tableName = shallowRef('select-asset-table');\n\nconst showValidator = shallowRef<boolean>(false);\n\nconst selectedData = ref<Asset[]>([]);\n\nconst columns = computed<TableColumn[]>(() => [\n  {\n    field: 'assetImage',\n    header: 'Photo',\n    style: 'min-width: 72px',\n    bodyComponent: (data: Asset): TableCellComponent => {\n      return {\n        component: Image,\n        props: {\n          src: data.assetImage ?? data.damageImage,\n          size: 'small',\n        },\n      };\n    },\n  },\n  {\n    field: `${getField('name')}.nameWithSequence`,\n    header: 'Name',\n    sortable: true,\n  },\n  {\n    field: 'assetId',\n    header: 'Asset ID',\n    sortable: true,\n  },\n  {\n    field: `${getField('brand')}.name`,\n    header: 'Brand',\n    sortable: true,\n    bodyComponent: (data: Asset): TableCellComponent => {\n      return {\n        component: Badge,\n        props: {\n          label: data[getField('brand')]?.name,\n          severity: 'dark',\n        },\n      };\n    },\n  },\n  {\n    field: `${getField('model')}.name`,\n    header: 'Model/Type',\n    sortable: true,\n    bodyComponent: (data: Asset): TableCellComponent => {\n      return {\n        component: Badge,\n        props: {\n          label: data[getField('model')]?.name,\n          severity: 'dark',\n        },\n      };\n    },\n  },\n  {\n    field: `${getField('group')}.name`,\n    header: 'Group',\n    sortable: true,\n    bodyComponent: (data: Asset): TableCellComponent => {\n      return {\n        component: Badge,\n        props: {\n          label: data[getField('group')]?.name,\n        },\n      };\n    },\n  },\n]);\n\nconst filterLists = computed<FilterField[]>(() => [\n  {\n    label: 'Name',\n    field: getField('name'),\n    placeholder: 'Select name',\n    type: 'multiselect',\n    fetchOptionFn: (): Promise<Option[]> =>\n      props.fetchOptionFunction\n        ? props.fetchOptionFunction(getFieldOptions('name'))\n        : fetchFilterOptions('nameOptions'),\n  },\n  {\n    label: 'Brand',\n    field: getField('brand'),\n    placeholder: 'Select brand',\n    type: 'multiselect',\n    fetchOptionFn: (): Promise<Option[]> =>\n      props.fetchOptionFunction\n        ? props.fetchOptionFunction(getFieldOptions('brand'))\n        : fetchFilterOptions('brandOptions'),\n  },\n  {\n    label: 'Model/Type',\n    field: getField('model'),\n    placeholder: 'Select model/type',\n    type: 'multiselect',\n    fetchOptionFn: (): Promise<Option[]> =>\n      props.fetchOptionFunction\n        ? props.fetchOptionFunction(getFieldOptions('model'))\n        : fetchFilterOptions('modelOptions'),\n  },\n  {\n    label: 'Group',\n    field: getField('group'),\n    type: 'group',\n  },\n]);\n\nconst dialogSize = computed(() => {\n  switch (props.size) {\n    case 'large':\n      return '1000px';\n    case 'small':\n      return '600px';\n    default:\n      return '800px';\n  }\n});\n\nconst header = computed(() => {\n  return props.header ?? 'Select Asset';\n});\n\nconst getField = (field: FieldKey): string => {\n  return props.from === 'all'\n    ? field\n    : `asset${field.charAt(0).toUpperCase()}${field.slice(1)}`;\n};\n\nconst getFieldOptions = (field: FieldKey): string => {\n  return props.from === 'all'\n    ? `${field}Options`\n    : `asset${field.charAt(0).toUpperCase()}${field.slice(1)}Options`;\n};\n\nconst fetchFilterOptions = async (\n  field: AssetOptionField,\n): Promise<Option[]> => {\n  const excludeId = JSON.stringify(props.selectedAssets ?? []);\n  const optionParams = {\n    [field]: true,\n    excludeId,\n    status: JSON.stringify(props.assetStatus ?? ['Available']),\n  };\n\n  const { data } = await AssetServices.getAllAssetsOptions(optionParams);\n\n  return data.data?.[field] ?? [];\n};\n\nconst getTableData = async (\n  params: QueryParams,\n): Promise<FetchListResponse | undefined> => {\n  const excludeId = JSON.stringify(props.selectedAssets ?? []);\n\n  try {\n    const { data } = await AssetServices.getAllAssets({\n      excludeId,\n      status: JSON.stringify(props.assetStatus ?? ['Available']),\n      ...params,\n    });\n\n    return data as FetchListResponse;\n  } catch (error) {\n    console.error(error);\n    toast.add({\n      error,\n      message: 'Error, failed to get asset list.',\n    });\n  }\n};\n\nconst selectAssets = (): void => {\n  if (selectedData.value.length === 0) {\n    showValidator.value = true;\n  } else {\n    closeDialog();\n  }\n};\n\nconst closeDialog = (): void => {\n  emit('select', selectedData.value);\n\n  showValidator.value = false;\n  visible.value = false;\n};\n\n/**\n * Reset the component state on Dialog hidden\n */\nconst resetState = (): void => {\n  selectedData.value = [];\n  eventBus.emit('data-table:clear-selected-data', {\n    tableName: tableName.value,\n  });\n};\n</script>\n\n<template>\n  <Dialog\n    v-model:visible=\"visible\"\n    :header=\"header\"\n    :pt=\"{ root: { style: { width: dialogSize } } }\"\n    @hide=\"resetState\"\n    closable\n    data-ts-section=\"dialogselectasset\"\n    modal\n  >\n    <div class=\"flex justify-between items-center\">\n      <span>Select asset(s) to be disposed.</span>\n\n      <div\n        class=\"flex gap-1 items-center justify-end\"\n        data-ts-section=\"button-group\"\n      >\n        <ButtonSearch :table-name />\n\n        <ButtonFilter :table-name />\n      </div>\n    </div>\n\n    <FilterContainer :fields=\"filterLists\" :table-name />\n\n    <DataTable\n      v-model:selected-data=\"selectedData\"\n      :columns=\"columns\"\n      :fetch-function=\"props.fetchFunction ?? getTableData\"\n      :rows=\"10\"\n      :table-name\n      :use-option=\"false\"\n      @row-select=\"showValidator = false\"\n      data-key=\"_id\"\n      data-ts-section=\"dialog-select-asset-table\"\n      lazy\n      selection-type=\"checkbox\"\n      use-paginator\n    />\n\n    <template #footer>\n      <div class=\"flex flex-col gap-1\">\n        <small\n          v-show=\"showValidator\"\n          class=\"text-xs text-red-600\"\n          data-ts-section=\"message-validator\"\n        >\n          You must pick an asset\n        </small>\n\n        <div class=\"flex items-center justify-end gap-1\">\n          <Button\n            @click=\"visible = false\"\n            data-ts-section=\"button-cancel\"\n            label=\"Cancel\"\n            severity=\"secondary\"\n            text\n          />\n\n          <Button\n            @click=\"selectAssets\"\n            data-ts-section=\"button-select\"\n            label=\"Select\"\n            severity=\"success\"\n          />\n        </div>\n      </div>\n    </template>\n  </Dialog>\n</template>\n"],"names":["props","__props","emit","__emit","visible","_useModel","toast","useToast","tableName","shallowRef","showValidator","selectedData","ref","columns","computed","data","Image","getField","Badge","_a","filterLists","getFieldOptions","fetchFilterOptions","dialogSize","header","field","excludeId","optionParams","AssetServices","getTableData","params","error","selectAssets","closeDialog","resetState","eventBus"],"mappings":"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"}