@feedmepos/mf-hrm-portal 2.2.5-dev.7 → 2.2.5-dev.8

package/dist/ScheduleGeneralPage-CmR4BZAp.js

@@ -0,0 +1,323 @@
+import { ref as w, reactive as B, computed as R, defineComponent as M, onMounted as D, createElementBlock as c, openBlock as b, createElementVNode as s, createVNode as f, withCtx as k, unref as o, createTextVNode as p, toDisplayString as y, Fragment as E, renderList as L, normalizeClass as N, withDirectives as v, vModelText as m, createCommentVNode as F } from "vue";
+import { useRouter as H } from "vue-router";
+import { R as U } from "./app-Dmmpy4k-.js";
+import { b as i, z as V, Q as A, B as J, D as I, _ as C } from "./ScheduleButton.vue_vue_type_script_setup_true_lang-DX5JR7bi.js";
+import { _ as z } from "./ScheduleSelect.vue_vue_type_script_setup_true_lang-Buu8NEQf.js";
+const $ = [
+  { key: "overtime", label: "Overtime" }
+];
+function g() {
+  return JSON.parse(
+    JSON.stringify({
+      salesForecast: i.salesForecast,
+      labourTarget: i.labourTarget,
+      budgetFromSales: i.budgetFromSales,
+      budget: i.budget,
+      payRate: i.payRate,
+      otCapHours: i.otCapHours,
+      otBudget: i.otBudget,
+      notify: i.notify
+    })
+  );
+}
+function P() {
+  const d = w(!1), u = w("overtime"), l = B(g());
+  function h(S) {
+    Object.assign(l, g()), u.value = S ?? "overtime", d.value = !0;
+  }
+  const t = R(() => JSON.stringify(l) !== JSON.stringify(g()));
+  function r() {
+    return t.value ? !1 : (d.value = !1, !0);
+  }
+  function n() {
+    Object.assign(l, g()), d.value = !1;
+  }
+  function O() {
+    i.salesForecast = l.salesForecast, i.labourTarget = l.labourTarget, i.budgetFromSales = l.budgetFromSales, i.budget = l.budget, i.payRate = JSON.parse(JSON.stringify(l.payRate)), i.otCapHours = l.otCapHours, i.otBudget = l.otBudget, i.notify = JSON.parse(JSON.stringify(l.notify)), d.value = !1;
+  }
+  return { isOpen: d, activeSection: u, draft: l, dirty: t, open: h, close: r, discard: n, save: O };
+}
+const Y = { class: "main" }, j = {
+  id: "viewSettings",
+  class: "view"
+}, G = { class: "sp-head" }, W = { class: "outlet-bar" }, Q = { class: "outlet-note" }, q = { class: "sp-body" }, K = { class: "sp-tabs" }, X = ["onClick"], Z = { class: "sp-content" }, ss = { class: "sp-panel" }, es = {
+  id: "sp-overtime",
+  class: "sp-sec"
+}, ts = { class: "sp-card" }, as = { class: "sp-row" }, os = { class: "sp-field" }, is = { class: "sp-row" }, ls = { class: "sp-field" }, ns = { class: "sp-row" }, rs = { class: "sp-field" }, ds = { class: "sp-card" }, us = { class: "sp-row" }, ps = { class: "sp-card" }, vs = { class: "sp-row" }, ms = { class: "sp-field" }, cs = { class: "sp-save-txt" }, bs = { key: 0 }, Ss = /* @__PURE__ */ M({
+  __name: "ScheduleGeneralPage",
+  setup(d) {
+    const u = w(null);
+    V(u);
+    const l = R(() => A.name || "No outlet selected"), h = H(), t = P(), r = J(), n = w(!1), O = R(
+      () => r.options.value.length ? r.options.value : [{ value: "", label: "No outlet selected", disabled: !0 }]
+    );
+    function S(T) {
+      r.switchTo(T, /* @__PURE__ */ new Date());
+    }
+    D(async () => {
+      await r.resolve() && await I(/* @__PURE__ */ new Date()), t.open();
+    });
+    function _() {
+      t.close() && h.push({ name: U.SCHEDULE });
+    }
+    function x() {
+      if (!n.value) {
+        n.value = !0;
+        return;
+      }
+      n.value = !1, t.discard();
+    }
+    return (T, e) => (b(), c("div", {
+      ref_key: "rootEl",
+      ref: u,
+      class: "sch"
+    }, [
+      s("div", Y, [
+        s("div", j, [
+          s("div", G, [
+            f(C, {
+              hierarchy: "ghost",
+              size: "sm",
+              class: "sp-back",
+              type: "button",
+              onClick: _
+            }, {
+              default: k(() => [...e[7] || (e[7] = [
+                s("svg", {
+                  width: "12",
+                  height: "12",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  "aria-hidden": "true"
+                }, [
+                  s("path", {
+                    d: "M10 3.5L5.5 8l4.5 4.5",
+                    stroke: "currentColor",
+                    "stroke-width": "1.7",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1),
+                s("span", null, "Back to schedule", -1)
+              ])]),
+              _: 1
+            }),
+            e[11] || (e[11] = s("div", { class: "sp-title" }, "General", -1)),
+            e[12] || (e[12] = s("div", { class: "sp-sub" }, "Overtime rates for this outlet.", -1)),
+            s("div", W, [
+              e[10] || (e[10] = s("span", { class: "outlet-bar-lbl" }, "Outlet", -1)),
+              f(z, {
+                class: "outlet-sel",
+                "aria-label": "Outlet these rules apply to",
+                "model-value": o(r).outletId.value,
+                options: O.value,
+                "onUpdate:modelValue": S
+              }, null, 8, ["model-value", "options"]),
+              s("span", Q, [
+                e[8] || (e[8] = p("This setup applies to ", -1)),
+                s("b", null, y(l.value), 1),
+                e[9] || (e[9] = p(".", -1))
+              ])
+            ])
+          ]),
+          s("div", q, [
+            s("nav", K, [
+              (b(!0), c(E, null, L(o($), (a) => (b(), c("button", {
+                key: a.key,
+                type: "button",
+                class: N(["rebus-tab sp-tab", { active: o(t).activeSection.value === a.key }]),
+                "data-active": "false",
+                onClick: (fs) => o(t).activeSection.value = a.key
+              }, y(a.label), 11, X))), 128))
+            ]),
+            s("div", Z, [
+              s("div", ss, [
+                s("section", es, [
+                  e[25] || (e[25] = s("div", { class: "sp-sec-head" }, [
+                    s("div", { class: "sp-panel-title" }, "Overtime")
+                  ], -1)),
+                  e[26] || (e[26] = s("div", { class: "sp-panel-desc" }, "Overtime rates, and the monthly statutory cap.", -1)),
+                  s("div", ts, [
+                    e[19] || (e[19] = s("div", { class: "sp-card-head" }, [
+                      s("div", { class: "sp-card-title" }, "Rate"),
+                      s("div", { class: "sp-card-note" }, "Multiplier every OT hour")
+                    ], -1)),
+                    s("div", as, [
+                      e[14] || (e[14] = s("div", { class: "sp-row-main" }, [
+                        s("div", { class: "sp-row-label" }, "Normal operations day"),
+                        s("div", { class: "sp-row-hint" }, " Multiplier on their rate for hours past the weekly contract. ")
+                      ], -1)),
+                      s("div", os, [
+                        v(s("input", {
+                          "onUpdate:modelValue": e[0] || (e[0] = (a) => o(t).draft.payRate.NORMAL.overtime = a),
+                          class: "rebus-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on a normal day"
+                        }, null, 512), [
+                          [
+                            m,
+                            o(t).draft.payRate.NORMAL.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        e[13] || (e[13] = s("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    s("div", is, [
+                      e[16] || (e[16] = s("div", { class: "sp-row-main" }, [
+                        s("div", { class: "sp-row-label" }, "Rest day"),
+                        s("div", { class: "sp-row-hint" }, " For a shift on the person's rest day, weekly or booked. Check the rate with HR. ")
+                      ], -1)),
+                      s("div", ls, [
+                        v(s("input", {
+                          "onUpdate:modelValue": e[1] || (e[1] = (a) => o(t).draft.payRate.REST_DAY.overtime = a),
+                          class: "rebus-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on a rest day"
+                        }, null, 512), [
+                          [
+                            m,
+                            o(t).draft.payRate.REST_DAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        e[15] || (e[15] = s("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    s("div", ns, [
+                      e[18] || (e[18] = s("div", { class: "sp-row-main" }, [
+                        s("div", { class: "sp-row-label" }, "Public holiday"),
+                        s("div", { class: "sp-row-hint" }, " For dates on the holiday calendar. Wins over a rest day on the same date. ")
+                      ], -1)),
+                      s("div", rs, [
+                        v(s("input", {
+                          "onUpdate:modelValue": e[2] || (e[2] = (a) => o(t).draft.payRate.PUBLIC_HOLIDAY.overtime = a),
+                          class: "rebus-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on a public holiday"
+                        }, null, 512), [
+                          [
+                            m,
+                            o(t).draft.payRate.PUBLIC_HOLIDAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        e[17] || (e[17] = s("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ])
+                  ]),
+                  s("div", ds, [
+                    e[21] || (e[21] = s("div", { class: "sp-card-head" }, [
+                      s("div", { class: "sp-card-title" }, "Maximum OT Hours"),
+                      s("div", { class: "sp-card-note" }, "Enforced")
+                    ], -1)),
+                    s("div", us, [
+                      e[20] || (e[20] = s("div", { class: "sp-row-main" }, [
+                        s("div", { class: "sp-row-label" }, "Monthly OT cap"),
+                        s("div", { class: "sp-row-hint" }, " Hours per person per month. Auto-Schedule never exceeds it. ")
+                      ], -1)),
+                      v(s("input", {
+                        "onUpdate:modelValue": e[3] || (e[3] = (a) => o(t).draft.otCapHours = a),
+                        class: "rebus-input sp-num",
+                        type: "number",
+                        min: "0",
+                        max: "300",
+                        step: "1",
+                        "aria-label": "Monthly OT cap in hours"
+                      }, null, 512), [
+                        [
+                          m,
+                          o(t).draft.otCapHours,
+                          void 0,
+                          { number: !0 }
+                        ]
+                      ])
+                    ])
+                  ]),
+                  s("div", ps, [
+                    e[24] || (e[24] = s("div", { class: "sp-card-head" }, [
+                      s("div", { class: "sp-card-title" }, "Cost · whole outlet"),
+                      s("div", { class: "sp-card-note" }, "Advisory")
+                    ], -1)),
+                    s("div", vs, [
+                      e[23] || (e[23] = s("div", { class: "sp-row-main" }, [
+                        s("div", { class: "sp-row-label" }, "Monthly OT budget"),
+                        s("div", { class: "sp-row-hint" }, "Monthly overtime spend.")
+                      ], -1)),
+                      s("div", ms, [
+                        e[22] || (e[22] = s("span", { class: "sp-unit" }, "RM", -1)),
+                        v(s("input", {
+                          "onUpdate:modelValue": e[4] || (e[4] = (a) => o(t).draft.otBudget = a),
+                          class: "rebus-input sp-num sp-num-wide",
+                          type: "number",
+                          min: "0",
+                          max: "99999",
+                          step: "100",
+                          "aria-label": "Monthly OT budget"
+                        }, null, 512), [
+                          [
+                            m,
+                            o(t).draft.otBudget,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ])
+                      ])
+                    ])
+                  ])
+                ])
+              ])
+            ]),
+            s("div", {
+              class: N(["sp-save", { dirty: o(t).dirty.value, arming: n.value }])
+            }, [
+              s("div", cs, [
+                p(y(n.value ? "Discard unsaved changes?" : "Unsaved changes") + " ", 1),
+                n.value ? F("", !0) : (b(), c("span", bs, "— save or discard before leaving."))
+              ]),
+              f(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "am-btn am-btn-sec",
+                type: "button",
+                onClick: e[5] || (e[5] = (a) => x())
+              }, {
+                default: k(() => [
+                  p(y(n.value ? "Confirm discard" : "Discard"), 1)
+                ]),
+                _: 1
+              }),
+              f(C, {
+                hierarchy: "primary",
+                size: "sm",
+                class: "am-btn am-btn-primary",
+                type: "button",
+                onClick: e[6] || (e[6] = (a) => o(t).save())
+              }, {
+                default: k(() => [...e[27] || (e[27] = [
+                  p(" Save changes ", -1)
+                ])]),
+                _: 1
+              })
+            ], 2)
+          ])
+        ])
+      ])
+    ], 512));
+  }
+});
+export {
+  Ss as default
+};