@feedmepos/mf-hrm-portal 2.3.2-dev.5 → 2.3.2-dev.7

package/dist/TimesheetList-DYoglTi8.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 s, createElementVNode as i, unref as n, withCtx as y, createCommentVNode as ge, toDisplayString as O, createTextVNode as we, isRef as ye, renderList as _e, createBlock as te, nextTick as be } from "vue";
+import { d as f } from "./dayjs.min-CtULWW1N.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-R7ry_GEg.js";
+import { _ as Ce, a as ke } from "./app-DKUCzcrc.js";
+import { _ as Fe } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { u as Me } from "./useLoading-BS1bnZg1.js";
+import { g as Ye, s as Le } from "./iteration-DpHBtiyr.js";
+import { f as Te } from "./utils-BZkjJbju.js";
+import { n as Ie } from "./string-DZQ1uNjn.js";
+import { u as Re } from "./employee-DlsSqR3i.js";
+import { u as $e } from "./restaurant-CDFKqEFm.js";
+import { u as Ee } from "./TimesheetList.vue_vue_type_style_index_0_scoped_d0c6fd51_lang-DBpzyQ17.js";
+function Oe(_, a) {
+  return ["years", "months"].find((x) => {
+    const D = _.startOf(x), v = _.endOf(x);
+    return _.isSame(D, "day") && a.isSame(v, "day");
+  }) || "days";
+}
+function Ae() {
+  const _ = {
+    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: b, 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(_) {
+    const {
+      t: a
+    } = xe(), b = De(), x = Me(b), 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.map((l) => {
+      const r = oe.value.get(l.restaurantId), g = ae.value.get(l.user.id);
+      return {
+        ...l,
+        restaurantCode: r,
+        user: {
+          ...l.user,
+          code: g ? g.code : ""
+        }
+      };
+    })), z = p(() => j.value.filter((e) => {
+      var t, l;
+      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())) || ((l = e.user.code) == null ? void 0 : l.toLowerCase().includes(c.value.toLowerCase()));
+    })), H = p(() => {
+      const e = Ye(j.value, (l) => l.user.name), t = Object.entries(e).map(([l, r]) => {
+        const g = C.value.find(($) => $._id === r[0].user.id);
+        return {
+          key: l,
+          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), A.value), await be(), U.value = Object.fromEntries(Object.entries(new Array(H.value.length).fill(!0)));
+      } catch (l) {
+        b.open({
+          title: l instanceof Error ? l.message : `${l}`,
+          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), b.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, A], 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, l = e.row.original.restaurantName;
+        return `${t ? t + " - " : ""}${l}`;
+      },
+      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 l = e.row.getIsExpanded();
+          return s("div", {
+            class: "flex items-center gap-8"
+          }, [s("div", {
+            onClick: (r) => {
+              r.stopPropagation(), e.row.getToggleExpandedHandler()(r);
+            }
+          }, [s(Se.FmButton, {
+            variant: "tertiary",
+            icon: l ? "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, l, r]) => {
+      (e || t || l || r) && (K.value = "");
+    }), (e, t) => {
+      const l = 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, [s(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, [s(k, {
+          label: n(a)("common.update"),
+          size: "md",
+          variant: "primary",
+          onClick: ie
+        }, null, 8, ["label"]), s(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, [s(l, {
+          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, [s(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"]), s(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, [s(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"]), s(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, [s($, {
+          color: "#FF3B30",
+          name: "error",
+          size: "sm"
+        }), we(" " + O(K.value), 1)])) : ge("", !0)])]),
+        _: 1
+      }, 8, ["modelValue", "header"]), i("div", Xe, [i("div", Ze, [s(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, [s(de, {
+        modelValue: n(M),
+        "onUpdate:modelValue": t[7] || (t[7] = (o) => ye(M) ? M.value = o : null),
+        "show-predefined-range": ""
+      }, {
+        "trigger-button": y(() => [s(Q, {
+          label: n(le)
+        }, null, 8, ["label"])]),
+        _: 1
+      }, 8, ["modelValue"]), s(k, {
+        icon: "chevron_left",
+        variant: "tertiary",
+        onClick: t[8] || (t[8] = (o) => n(G)("subtract"))
+      }), s(k, {
+        icon: "chevron_right",
+        variant: "tertiary",
+        onClick: t[9] || (t[9] = (o) => n(G)("add"))
+      })]), s(me, {
+        class: "pt-[3px]"
+      }, {
+        "menu-button": y(() => [s(Q, {
+          label: w.value,
+          "right-icon": "keyboard_arrow_down"
+        }, null, 8, ["label"])]),
+        default: y(() => [(E(), P(ee, null, _e(D, (o) => s(ce, {
+          key: o.value,
+          label: o.label,
+          onClick: (X) => v.value = o.value
+        }, null, 8, ["label", "onClick"])), 64))]),
+        _: 1
+      }), s(pe), s(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"])]), s(Ce, {
+        class: "w-full xs:px-16"
+      }, {
+        default: y(() => [i("div", tt, [s(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-d0c6fd51"]]);
+export {
+  gt as default
+};

package/dist/TimesheetList.vue_vue_type_style_index_0_scoped_d0c6fd51_lang-DBpzyQ17.js

@@ -0,0 +1,63 @@
+import { d as i } from "./dayjs.min-CtULWW1N.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-DKUCzcrc.js";
+import { s as S } from "./iteration-DpHBtiyr.js";
+import { i as f, f as g } from "./utils-BZkjJbju.js";
+const u = {
+  async readTimesheets(t, s, r) {
+    return y(
+      await c().get("timesheet", {
+        params: { start: t, end: s, restaurantIds: r }
+      })
+    );
+  },
+  async updateTimesheet(t, s) {
+    await c().put(`timesheet/${t}`, s);
+  }
+};
+function A(t) {
+  const s = t.map((r) => {
+    const { startedAt: a, endedAt: o } = r, n = i(f(a)), e = o ? i(f(o)) : null, m = (e == null ? void 0 : e.diff(n, "minute", !1)) || 0, h = e ? g(m) : "", d = "YYYY-MM-DD hh:mm a";
+    return {
+      ...r,
+      start: n.format(d),
+      end: e ? e.format(d) : "",
+      totalMin: m,
+      duration: h
+    };
+  });
+  return S(s, { selector: "start" });
+}
+const D = p("timesheet", () => {
+  const t = l([]);
+  async function s(a, o, n) {
+    const e = await u.readTimesheets(
+      i(a).startOf("day").toISOString(),
+      i(o).endOf("day").toISOString(),
+      n
+    );
+    t.value = A(e);
+  }
+  async function r(a, o, n) {
+    await u.updateTimesheet(a.restaurantId, {
+      id: a._id,
+      startAt: o,
+      endAt: n
+    });
+  }
+  return {
+    timesheets: t,
+    readTimesheet: s,
+    updateTimesheet: r
+  };
+}), x = () => {
+  const t = D();
+  return {
+    ...t,
+    ...T(t)
+  };
+};
+export {
+  x as u
+};