@feedmepos/mf-hrm-portal 2.3.2-dev.4 → 2.3.2-dev.6

package/dist/TimesheetList-BULw75oo.js

@@ -0,0 +1,401 @@
+import { ref as d, computed as p, defineComponent as fe, onMounted as he, watch as Z, resolveComponent as u, createElementBlock as P, openBlock as E, Fragment as ee, createVNode as l, createElementVNode as i, unref as n, withCtx as y, createCommentVNode as ge, toDisplayString as O, createTextVNode as we, isRef as ye, renderList as be, createBlock as te, nextTick as _e } from "vue";
+import { d as f } from "./dayjs.min-AoirQCgL.js";
+import { useI18n as xe } from "@feedmepos/mf-common";
+import { useSnackbar as De, components as Se } from "@feedmepos/ui-library";
+import { S as Ve } from "./SelectFilter-CBp1qxLd.js";
+import { _ as Ce, a as ke } from "./app-DOFDND9j.js";
+import { _ as Fe } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { u as Me } from "./useLoading-Dmlm4oSU.js";
+import { g as Ye, s as Le } from "./iteration-DmuDXP8U.js";
+import { f as Te } from "./utils-BZkjJbju.js";
+import { n as Ie } from "./string-DZQ1uNjn.js";
+import { u as Re } from "./employee-VB6YmuSS.js";
+import { u as $e } from "./restaurant-DH2Fxzi7.js";
+import { u as Ee } from "./TimesheetList.vue_vue_type_style_index_0_scoped_c98b0b84_lang-VlnjH9aQ.js";
+function Oe(b, a) {
+  return ["years", "months"].find((x) => {
+    const D = b.startOf(x), v = b.endOf(x);
+    return b.isSame(D, "day") && a.isSame(v, "day");
+  }) || "days";
+}
+function Ae() {
+  const b = {
+    startDate: f().format("YYYY-MM-DD"),
+    endDate: f().format("YYYY-MM-DD")
+  }, a = d(b), _ = p(() => {
+    if (!a.value) return "No dates selected.";
+    const v = a.value.startDate ?? "Start", w = a.value.endDate ?? "End";
+    return `${v} - ${w}`;
+  }), x = p(() => ({
+    startDate: new Date(a.value.startDate),
+    endDate: new Date(a.value.endDate)
+  }));
+  function D(v) {
+    const w = f(a.value.startDate), c = f(a.value.endDate), h = Oe(w, c), S = h === "days" ? c.diff(w, "days") + 1 : 1, V = v === "subtract" ? (C) => C.subtract(S, h) : (C) => C.add(S, h);
+    a.value = {
+      startDate: V(w).startOf(h).format("YYYY-MM-DD"),
+      endDate: V(c).endOf(h).format("YYYY-MM-DD")
+    };
+  }
+  return { dateRange: a, parsedDateRange: x, dateRangeLabel: _, setRange: D };
+}
+const Ke = {
+  class: "my-16 flex w-[350px] flex-col gap-40"
+}, ze = {
+  class: "flex gap-16"
+}, Be = {
+  class: "flex flex-col gap-4"
+}, Ne = {
+  class: "fm-typo-body-md-400 text-fm-color-typo-secondary"
+}, Ue = {
+  class: "fm-typo-body-md-700 text-fm-color-typo-primary"
+}, Pe = {
+  class: "flex flex-col gap-8"
+}, je = {
+  class: "fm-typo-body-xl-700"
+}, He = {
+  class: "flex flex-col gap-24"
+}, Ge = {
+  class: "flex flex-col gap-8"
+}, qe = {
+  class: "fm-typo-body-xl-700"
+}, Je = {
+  class: "flex flex-col gap-24"
+}, Qe = {
+  key: 0,
+  class: "fm-typo-body-sm-400 text-fm-color-typo-error mt-1 flex items-center gap-4"
+}, We = {
+  class: "flex items-center justify-start gap-8"
+}, Xe = {
+  class: "space-y-8"
+}, Ze = {
+  class: "flex items-start gap-8 flex-wrap xs:px-16"
+}, et = {
+  class: "flex items-center gap-8"
+}, tt = {
+  class: "flex h-full flex-col overflow-auto"
+}, at = /* @__PURE__ */ fe({
+  __name: "TimesheetList",
+  setup(b) {
+    const {
+      t: a
+    } = xe(), _ = De(), x = Me(_), D = [{
+      label: a("hr.timesheet.listView"),
+      value: "listView"
+    }, {
+      label: a("hr.timesheet.userView"),
+      value: "userView"
+    }], v = d("listView"), w = p(() => {
+      var e;
+      return (e = D.find((t) => t.value === v.value)) == null ? void 0 : e.label;
+    }), c = d(""), h = Ee(), S = Re(), V = $e(), C = p(() => S.employees.value), ae = p(() => new Map(C.value.map((e) => [e._id, e]))), oe = p(() => new Map(V.restaurants.value.map((e) => [e._id, e.profile.code]))), j = p(() => h.timesheets.value.filter((s) => !A.value || A.value.includes(s.restaurantId)).map((s) => {
+      const r = oe.value.get(s.restaurantId), g = ae.value.get(s.user.id);
+      return {
+        ...s,
+        restaurantCode: r,
+        user: {
+          ...s.user,
+          code: g ? g.code : ""
+        }
+      };
+    })), z = p(() => j.value.filter((e) => {
+      var t, s;
+      return e.user.name.toLowerCase().includes(c.value.toLowerCase()) || e.restaurantName.toLowerCase().includes(c.value.toLowerCase()) || ((t = e.restaurantCode) == null ? void 0 : t.toLowerCase().includes(c.value.toLowerCase())) || ((s = e.user.code) == null ? void 0 : s.toLowerCase().includes(c.value.toLowerCase()));
+    })), H = p(() => {
+      const e = Ye(j.value, (s) => s.user.name), t = Object.entries(e).map(([s, r]) => {
+        const g = C.value.find(($) => $._id === r[0].user.id);
+        return {
+          key: s,
+          user: r[0].user.name,
+          code: g ? g.code : r[0].user.code || "",
+          timesheets: r,
+          total: Te(r.reduce(($, k) => $ + k.totalMin, 0))
+        };
+      });
+      return Le(t, {
+        selector: "user"
+      });
+    }), B = p(() => H.value.filter((e) => {
+      var t;
+      return e.user.toLowerCase().includes(c.value.toLowerCase()) || ((t = e.code) == null ? void 0 : t.toLowerCase().includes(c.value.toLowerCase()));
+    })), F = d(!1), N = async () => {
+      const {
+        startDate: e,
+        endDate: t
+      } = M.value;
+      F.value = !0;
+      try {
+        await h.readTimesheet(new Date(e), new Date(t)), await _e(), U.value = Object.fromEntries(Object.entries(new Array(H.value.length).fill(!0)));
+      } catch (s) {
+        _.open({
+          title: s instanceof Error ? s.message : `${s}`,
+          type: "error"
+        });
+      } finally {
+        F.value = !1;
+      }
+    };
+    he(async () => {
+      N();
+      try {
+        await V.readRestaurants(), S.employees.value.length === 0 && await S.readEmployees();
+      } catch (e) {
+        console.error("Failed to load timesheet dependencies:", e), _.open({
+          message: e instanceof Error ? e.message : String(e),
+          type: "error"
+        });
+      }
+    });
+    const A = d(), se = p(() => V.restaurants.value.filter((e) => e.managable).map((e) => ({
+      label: `${e.profile.code ? `${e.profile.code} - ` : ""}${e.profile.name}`,
+      value: e._id
+    }))), {
+      dateRange: M,
+      dateRangeLabel: le,
+      setRange: G
+    } = Ae();
+    Z(M, async () => {
+      N();
+    });
+    const ne = [{
+      accessorKey: "user.code",
+      size: 100,
+      header: () => a("hr.employee.columns.code"),
+      cell: (e) => e.row.original.user.code || "--",
+      enableSorting: !0
+    }, {
+      accessorKey: "user",
+      header: () => a("hr.timesheet.columns.name"),
+      cell: (e) => e.row.original.user.name,
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurantName",
+      header: () => a("hr.timesheet.columns.restaurant"),
+      cell: (e) => {
+        const t = e.row.original.restaurantCode, s = e.row.original.restaurantName;
+        return `${t ? t + " - " : ""}${s}`;
+      },
+      enableSorting: !0
+    }, {
+      accessorKey: "start",
+      header: () => a("hr.timesheet.columns.start"),
+      cell: (e) => e.row.original.start || "--",
+      enableSorting: !0
+    }, {
+      accessorKey: "end",
+      header: () => a("hr.timesheet.columns.end"),
+      cell: (e) => e.row.original.end || "--",
+      enableSorting: !0
+    }, {
+      name: "duration",
+      accessorKey: "duration",
+      header: () => a("hr.timesheet.columns.duration"),
+      cell: (e) => e.row.original.duration || "--",
+      enableSorting: !0
+    }], U = d({}), re = [{
+      accessorKey: "code",
+      size: 100,
+      header: () => a("hr.employee.columns.code"),
+      cell: (e) => e.row.original.code,
+      enableSorting: !1
+    }, {
+      accessorKey: "user",
+      header: () => a("hr.timesheet.columns.name"),
+      cell: (e) => {
+        const t = e.row.original;
+        if (typeof t.user == "string") {
+          const s = e.row.getIsExpanded();
+          return l("div", {
+            class: "flex items-center gap-8"
+          }, [l("div", {
+            onClick: (r) => {
+              r.stopPropagation(), e.row.getToggleExpandedHandler()(r);
+            }
+          }, [l(Se.FmButton, {
+            variant: "tertiary",
+            icon: s ? "keyboard_arrow_up" : "keyboard_arrow_down"
+          }, null)]), t.user]);
+        }
+      },
+      enableSorting: !1
+    }, {
+      accessorKey: "start",
+      header: () => a("hr.timesheet.columns.start"),
+      cell: (e) => {
+        const t = e.row.original;
+        return (t == null ? void 0 : t.start) || "--";
+      },
+      enableSorting: !1
+    }, {
+      accessorKey: "end",
+      header: () => a("hr.timesheet.columns.end"),
+      cell: (e) => {
+        const t = e.row.original;
+        return (t == null ? void 0 : t.end) || "--";
+      },
+      enableSorting: !1
+    }, {
+      name: "duration",
+      accessorKey: "duration",
+      header: () => a("hr.timesheet.columns.hourMinute"),
+      cell: (e) => {
+        const t = e.row.original;
+        return t.total ? `Total: ${t.total}` : t.duration;
+      },
+      enableSorting: !1
+    }], Y = d(!1);
+    function q(e) {
+      m.value = e, L.value = f(m.value.startedAt).format("YYYY-MM-DD"), I.value = f(m.value.endedAt || m.value.startedAt).format("YYYY-MM-DD"), T.value = f(m.value.startedAt).format("HH:mm"), R.value = f(m.value.endedAt || m.value.startedAt).format("HH:mm"), Y.value = !0;
+    }
+    const L = d(), T = d(), I = d(), R = d(), m = d(), K = d("");
+    async function ie() {
+      const e = J(L.value, T.value), t = J(I.value, R.value);
+      if (f(e).isAfter(t)) {
+        K.value = a("hr.timesheet.checkOutMustBeforeCheckIn");
+        return;
+      }
+      x.minor(async () => {
+        await h.updateTimesheet(m.value, e, t);
+      }, {
+        successMessage: a("hr.timesheet.update.successMessage")
+      }), N(), Y.value = !1;
+    }
+    const J = (e, t) => f(e).set("h", parseInt(t.split(":")[0])).set("m", parseInt(t.split(":")[1])).toISOString();
+    return Z([L, I, T, R], ([e, t, s, r]) => {
+      (e || t || s || r) && (K.value = "");
+    }), (e, t) => {
+      const s = u("FmAvatar"), r = u("FmDatePicker"), g = u("FmTimePicker"), $ = u("FmIcon"), k = u("FmButton"), ue = u("FmSideSheet"), Q = u("FmChip"), de = u("FmDateRangePicker"), ce = u("FmMenuItem"), me = u("FmMenu"), pe = u("FmSpacer"), ve = u("FmSearch"), W = u("FmTable");
+      return E(), P(ee, null, [l(ue, {
+        modelValue: Y.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (o) => Y.value = o),
+        "dismiss-away": "",
+        header: n(a)("hr.timesheet.update.title")
+      }, {
+        "side-sheet-footer": y(() => [i("div", We, [l(k, {
+          label: n(a)("common.update"),
+          size: "md",
+          variant: "primary",
+          onClick: ie
+        }, null, 8, ["label"]), l(k, {
+          label: n(a)("common.cancel"),
+          size: "md",
+          variant: "secondary",
+          onClick: t[4] || (t[4] = (o) => Y.value = !1)
+        }, null, 8, ["label"])])]),
+        default: y(() => [i("div", Ke, [i("div", ze, [l(s, {
+          name: m.value.user.name,
+          initials: n(Ie)(m.value.user.name),
+          size: "lg"
+        }, null, 8, ["name", "initials"]), i("div", Be, [i("div", Ne, O(n(a)("hr.timesheet.employeeName")), 1), i("div", Ue, O(m.value.user.name), 1)])]), i("div", Pe, [i("div", je, O(n(a)("hr.timesheet.update.checkIn")), 1), i("div", He, [l(r, {
+          modelValue: L.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => L.value = o),
+          disabled: !1,
+          label: n(a)("hr.timesheet.update.date")
+        }, null, 8, ["modelValue", "label"]), l(g, {
+          modelValue: T.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => T.value = o),
+          label: n(a)("hr.timesheet.update.time")
+        }, null, 8, ["modelValue", "label"])])]), i("div", Ge, [i("div", qe, O(n(a)("hr.timesheet.update.checkOut")), 1), i("div", Je, [l(r, {
+          modelValue: I.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (o) => I.value = o),
+          disabled: !1,
+          label: n(a)("hr.timesheet.update.date")
+        }, null, 8, ["modelValue", "label"]), l(g, {
+          modelValue: R.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (o) => R.value = o),
+          label: n(a)("hr.timesheet.update.time")
+        }, null, 8, ["modelValue", "label"])])]), K.value ? (E(), P("div", Qe, [l($, {
+          color: "#FF3B30",
+          name: "error",
+          size: "sm"
+        }), we(" " + O(K.value), 1)])) : ge("", !0)])]),
+        _: 1
+      }, 8, ["modelValue", "header"]), i("div", Xe, [i("div", Ze, [l(Ve, {
+        modelValue: A.value,
+        "onUpdate:modelValue": t[6] || (t[6] = (o) => A.value = o),
+        multiple: "",
+        items: se.value,
+        variant: "dark",
+        "selected-prefix": n(a)("hr.role.columns.restaurants"),
+        placeholder: n(a)("hr.role.columns.restaurants"),
+        class: "!w-auto pt-[3px]"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i("div", et, [l(de, {
+        modelValue: n(M),
+        "onUpdate:modelValue": t[7] || (t[7] = (o) => ye(M) ? M.value = o : null),
+        "show-predefined-range": ""
+      }, {
+        "trigger-button": y(() => [l(Q, {
+          label: n(le)
+        }, null, 8, ["label"])]),
+        _: 1
+      }, 8, ["modelValue"]), l(k, {
+        icon: "chevron_left",
+        variant: "tertiary",
+        onClick: t[8] || (t[8] = (o) => n(G)("subtract"))
+      }), l(k, {
+        icon: "chevron_right",
+        variant: "tertiary",
+        onClick: t[9] || (t[9] = (o) => n(G)("add"))
+      })]), l(me, {
+        class: "pt-[3px]"
+      }, {
+        "menu-button": y(() => [l(Q, {
+          label: w.value,
+          "right-icon": "keyboard_arrow_down"
+        }, null, 8, ["label"])]),
+        default: y(() => [(E(), P(ee, null, be(D, (o) => l(ce, {
+          key: o.value,
+          label: o.label,
+          onClick: (X) => v.value = o.value
+        }, null, 8, ["label", "onClick"])), 64))]),
+        _: 1
+      }), l(pe), l(ve, {
+        modelValue: c.value,
+        "onUpdate:modelValue": t[10] || (t[10] = (o) => c.value = o),
+        class: "w-[320px]",
+        placeholder: n(a)("hr.timesheet.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), l(Ce, {
+        class: "w-full xs:px-16"
+      }, {
+        default: y(() => [i("div", tt, [l(Fe, {
+          "is-loading": F.value,
+          "is-empty": v.value === "listView" ? z.value.length === 0 : B.value.length === 0,
+          "collapse-at": !1,
+          title: n(a)("hr.timesheet.noData.title"),
+          subtitle: ""
+        }, {
+          default: y(() => [v.value === "listView" ? (E(), te(W, {
+            key: 0,
+            class: "min-w-[640px]",
+            "column-defs": ne,
+            "row-data": z.value,
+            "page-size": z.value.length,
+            loading: F.value,
+            "pin-header-row": "",
+            "hide-footer": "",
+            "shrink-at": !1,
+            onRowClick: t[11] || (t[11] = (o) => q(o.original))
+          }, null, 8, ["row-data", "page-size", "loading"])) : (E(), te(W, {
+            key: 1,
+            class: "min-w-[640px] timesheet-user-view",
+            "column-defs": re,
+            "row-data": B.value,
+            "page-size": B.value.reduce((o, X) => o + 1 + X.timesheets.length, 0),
+            loading: F.value,
+            "pin-header-row": "",
+            "shrink-at": !1,
+            "expanded-state": U.value,
+            "get-sub-row": (o) => o.timesheets,
+            "onUpdate:expandedState": t[12] || (t[12] = (o) => U.value = o),
+            onRowClick: t[13] || (t[13] = (o) => q(o.original))
+          }, null, 8, ["row-data", "page-size", "loading", "expanded-state", "get-sub-row"]))]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title"])])]),
+        _: 1
+      })])], 64);
+    };
+  }
+}), gt = /* @__PURE__ */ ke(at, [["__scopeId", "data-v-c98b0b84"]]);
+export {
+  gt as default
+};

package/dist/{TimesheetList.vue_vue_type_style_index_0_scoped_63294af2_lang-DIQ7kjG8.js → TimesheetList.vue_vue_type_style_index_0_scoped_c98b0b84_lang-VlnjH9aQ.js}

@@ -1,8 +1,8 @@
-import { d as i } from "./dayjs.min-C4H4diN8.js";
+import { d as i } from "./dayjs.min-AoirQCgL.js";
 import { defineStore as p, storeToRefs as T } from "pinia";
 import { ref as l } from "vue";
-import { b as c, g as y } from "./app-BHQJX4L4.js";
-import { s as S } from "./iteration-DBHifssn.js";
+import { b as c, g as y } from "./app-DOFDND9j.js";
+import { s as S } from "./iteration-DmuDXP8U.js";
 import { i as f, f as g } from "./utils-BZkjJbju.js";
 const u = {
   async readTimesheets(t, e) {