@feedmepos/mf-hrm-portal 2.2.5-dev → 2.2.5-dev.10

package/dist/SchedulePositionPage-n1wUShIM.js

@@ -0,0 +1,293 @@
+import { defineComponent as $, ref as D, onMounted as N, createElementBlock as l, openBlock as d, createElementVNode as i, createVNode as o, withCtx as r, toDisplayString as v, unref as e, createTextVNode as u, normalizeClass as g, createCommentVNode as E, withDirectives as b, withKeys as m, vModelText as h, Fragment as p, renderList as z, withModifiers as f } from "vue";
+import { useRouter as M } from "vue-router";
+import { R as x } from "./app-SCXGJ95F.js";
+import { H as A, I as S, y as P, _ as c } from "./ScheduleButton.vue_vue_type_script_setup_true_lang-CrWfo-zF.js";
+import { u as V, a as F, _ as B } from "./ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-SFqxftRx.js";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const K = { class: "main" }, L = {
+  id: "viewPositions",
+  class: "view"
+}, R = { class: "sp-head" }, U = { class: "sp-body" }, j = { class: "sp-content" }, H = { class: "sp-panel" }, T = { class: "cfg-head" }, W = { class: "cfg-count" }, q = { id: "skList" }, O = {
+  key: 0,
+  class: "cfg-empty"
+}, G = {
+  key: 1,
+  class: "cfg-list"
+}, J = {
+  key: 0,
+  class: "cfg-row"
+}, Q = { class: "cfg-main" }, X = {
+  key: 0,
+  class: "cfg-row"
+}, Y = { class: "cfg-main" }, Z = ["onKeyup"], ee = ["onClick"], se = { class: "cfg-main" }, te = { class: "cfg-name" }, ie = {
+  key: 0,
+  class: "cfg-confirm"
+}, ne = { class: "q" }, oe = /* @__PURE__ */ $({
+  __name: "SchedulePositionPage",
+  setup(ae) {
+    const y = D(null);
+    A(y);
+    const C = M(), s = V(), _ = S(), k = F();
+    N(async () => {
+      await _.resolve() && await P(/* @__PURE__ */ new Date());
+    });
+    function w() {
+      C.push({ name: x.SCHEDULE });
+    }
+    return (le, t) => (d(), l("div", {
+      ref_key: "rootEl",
+      ref: y,
+      class: "sch"
+    }, [
+      i("div", K, [
+        i("div", L, [
+          i("div", R, [
+            o(c, {
+              hierarchy: "ghost",
+              size: "sm",
+              class: "sp-back",
+              type: "button",
+              onClick: w
+            }, {
+              default: r(() => [...t[10] || (t[10] = [
+                i("svg", {
+                  width: "12",
+                  height: "12",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  "aria-hidden": "true"
+                }, [
+                  i("path", {
+                    d: "M10 3.5L5.5 8l4.5 4.5",
+                    stroke: "currentColor",
+                    "stroke-width": "1.7",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1),
+                i("span", null, "Back to schedule", -1)
+              ])]),
+              _: 1
+            }),
+            t[11] || (t[11] = i("div", { class: "sp-title" }, "Position", -1)),
+            t[12] || (t[12] = i("div", { class: "sp-sub" }, "What your staff can do — the same catalogue across every outlet.", -1))
+          ]),
+          i("div", U, [
+            i("div", j, [
+              i("div", H, [
+                i("div", T, [
+                  t[14] || (t[14] = i("div", { class: "cfg-title" }, "Configured positions", -1)),
+                  i("span", W, v(e(s).count.value), 1),
+                  t[15] || (t[15] = i("span", { class: "cfg-spacer" }, null, -1)),
+                  o(c, {
+                    hierarchy: "primary",
+                    size: "sm",
+                    class: "am-btn am-btn-primary",
+                    type: "button",
+                    onClick: t[0] || (t[0] = (n) => e(k).openNew())
+                  }, {
+                    default: r(() => [...t[13] || (t[13] = [
+                      u(" + Add position ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                i("div", {
+                  class: g(["ce-err", { show: e(s).error.value }])
+                }, v(e(s).error.value), 3),
+                i("div", q, [
+                  !e(s).positions.value.length && !e(s).isAdding.value ? (d(), l("div", O, [...t[16] || (t[16] = [
+                    u(" No positions yet.", -1),
+                    i("br", null, null, -1),
+                    u(" Add one and it becomes assignable on every employee. ", -1)
+                  ])])) : (d(), l("div", G, [
+                    e(s).isAdding.value ? (d(), l("div", J, [
+                      i("div", Q, [
+                        b(i("input", {
+                          "onUpdate:modelValue": t[1] || (t[1] = (n) => e(s).newName.value = n),
+                          type: "text",
+                          class: "cfg-name-input",
+                          placeholder: "New position name",
+                          autofocus: "",
+                          onKeyup: [
+                            t[2] || (t[2] = m((n) => e(s).confirmAdd(), ["enter"])),
+                            t[3] || (t[3] = m((n) => e(s).cancelAdd(), ["esc"]))
+                          ]
+                        }, null, 544), [
+                          [h, e(s).newName.value]
+                        ])
+                      ]),
+                      o(c, {
+                        hierarchy: "secondary",
+                        size: "sm",
+                        class: "cfg-btn",
+                        type: "button",
+                        disabled: !e(s).newName.value.trim() || e(s).saving.value,
+                        onClick: t[4] || (t[4] = (n) => e(s).confirmAdd())
+                      }, {
+                        default: r(() => [
+                          u(v(e(s).saving.value ? "Adding…" : "Add"), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"]),
+                      o(c, {
+                        hierarchy: "secondary",
+                        size: "sm",
+                        class: "cfg-btn",
+                        type: "button",
+                        disabled: e(s).saving.value,
+                        onClick: t[5] || (t[5] = (n) => e(s).cancelAdd())
+                      }, {
+                        default: r(() => [...t[17] || (t[17] = [
+                          u(" Cancel ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ])) : E("", !0),
+                    (d(!0), l(p, null, z(e(s).positions.value, (n) => (d(), l(p, {
+                      key: n.id
+                    }, [
+                      e(s).editingId.value === n.id ? (d(), l("div", X, [
+                        i("div", Y, [
+                          b(i("input", {
+                            "onUpdate:modelValue": t[6] || (t[6] = (a) => e(s).editingName.value = a),
+                            type: "text",
+                            class: "cfg-name-input",
+                            autofocus: "",
+                            onKeyup: [
+                              m((a) => e(s).saveEdit(n.id), ["enter"]),
+                              t[7] || (t[7] = m((a) => e(s).cancelEdit(), ["esc"]))
+                            ]
+                          }, null, 40, Z), [
+                            [h, e(s).editingName.value]
+                          ])
+                        ]),
+                        o(c, {
+                          hierarchy: "secondary",
+                          size: "sm",
+                          class: "cfg-btn",
+                          type: "button",
+                          disabled: !e(s).editingName.value.trim() || e(s).saving.value,
+                          onClick: (a) => e(s).saveEdit(n.id)
+                        }, {
+                          default: r(() => [
+                            u(v(e(s).saving.value ? "Saving…" : "Save"), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["disabled", "onClick"]),
+                        o(c, {
+                          hierarchy: "secondary",
+                          size: "sm",
+                          class: "cfg-btn",
+                          type: "button",
+                          disabled: e(s).saving.value,
+                          onClick: t[8] || (t[8] = (a) => e(s).cancelEdit())
+                        }, {
+                          default: r(() => [...t[18] || (t[18] = [
+                            u(" Cancel ", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ])) : (d(), l("div", {
+                        key: 1,
+                        class: g(["cfg-row", { "is-clickable": e(s).pendingDeleteId.value !== n.id }]),
+                        onClick: (a) => e(s).pendingDeleteId.value !== n.id && e(s).startEdit(n.id)
+                      }, [
+                        i("div", se, [
+                          i("div", te, v(n.name), 1)
+                        ]),
+                        e(s).pendingDeleteId.value === n.id ? (d(), l("div", ie, [
+                          i("span", ne, v(e(s).usageCountFor(n.name) ? `Remove from ${e(s).usageCountFor(n.name)} staff?` : "Delete?"), 1),
+                          o(c, {
+                            hierarchy: "danger",
+                            size: "sm",
+                            class: "cfg-yes",
+                            type: "button",
+                            disabled: e(s).saving.value,
+                            onClick: f((a) => e(s).confirmDelete(n.id), ["stop"])
+                          }, {
+                            default: r(() => [
+                              u(v(e(s).saving.value ? "Deleting…" : "Delete"), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["disabled", "onClick"]),
+                          o(c, {
+                            hierarchy: "secondary",
+                            size: "sm",
+                            class: "cfg-no",
+                            type: "button",
+                            disabled: e(s).saving.value,
+                            onClick: t[9] || (t[9] = f((a) => e(s).cancelDelete(), ["stop"]))
+                          }, {
+                            default: r(() => [...t[19] || (t[19] = [
+                              u(" Keep ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["disabled"])
+                        ])) : (d(), l(p, { key: 1 }, [
+                          i("span", {
+                            class: g(["cfg-used", { none: !e(s).usageCountFor(n.name) }])
+                          }, v(e(s).usageCountFor(n.name) ? `${e(s).usageCountFor(n.name)} staff` : "unused"), 3),
+                          o(c, {
+                            hierarchy: "secondary",
+                            size: "sm",
+                            class: "cfg-btn",
+                            type: "button",
+                            onClick: f((a) => e(s).startEdit(n.id), ["stop"])
+                          }, {
+                            default: r(() => [...t[20] || (t[20] = [
+                              u(" Edit ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          o(c, {
+                            hierarchy: "ghost",
+                            size: "sm",
+                            "icon-only": "",
+                            class: "cfg-del",
+                            type: "button",
+                            "aria-label": `Delete ${n.name}`,
+                            onClick: f((a) => e(s).askDelete(n.id), ["stop"])
+                          }, {
+                            default: r(() => [...t[21] || (t[21] = [
+                              i("svg", {
+                                width: "14",
+                                height: "14",
+                                viewBox: "0 0 16 16",
+                                fill: "none",
+                                "aria-hidden": "true"
+                              }, [
+                                i("path", {
+                                  d: "M2.5 4.5h11M6 4.5V3a.8.8 0 0 1 .8-.8h2.4a.8.8 0 0 1 .8.8v1.5M4 4.5l.6 8.2a1 1 0 0 0 1 .93h4.8a1 1 0 0 0 1-.93l.6-8.2",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.4",
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round"
+                                }),
+                                i("path", {
+                                  d: "M6.6 7v4M9.4 7v4",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.3",
+                                  "stroke-linecap": "round"
+                                })
+                              ], -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["aria-label", "onClick"])
+                        ], 64))
+                      ], 10, ee))
+                    ], 64))), 128))
+                  ]))
+                ])
+              ])
+            ])
+          ])
+        ])
+      ]),
+      o(B, { modal: e(k) }, null, 8, ["modal"])
+    ], 512));
+  }
+}), fe = /* @__PURE__ */ I(oe, [["__scopeId", "data-v-5285df68"]]);
+export {
+  fe as default
+};

package/dist/ScheduleSelect.vue_vue_type_script_setup_true_lang-B8W4sTsA.js

@@ -0,0 +1,242 @@
+import { defineComponent as Z, useAttrs as ee, computed as m, ref as h, watch as te, nextTick as z, onBeforeUnmount as ne, createElementBlock as a, openBlock as i, normalizeClass as D, createElementVNode as p, createBlock as oe, mergeProps as le, toDisplayString as v, Teleport as ie, createCommentVNode as g, withDirectives as ae, vModelText as se, Fragment as _, renderList as ue, createTextVNode as re } from "vue";
+const ce = ["disabled", "aria-expanded"], de = { class: "sch" }, pe = ["aria-multiselectable"], fe = {
+  key: 0,
+  class: "fx-pop-head"
+}, me = {
+  key: 1,
+  class: "fx-pop-search"
+}, he = {
+  key: 2,
+  class: "fx-opt is-off"
+}, ve = {
+  key: 0,
+  class: "fx-grp"
+}, ye = ["aria-selected", "onClick"], be = {
+  key: 0,
+  class: "fx-opt-text"
+}, ke = { key: 0 }, ge = /* @__PURE__ */ Z({
+  inheritAttrs: !1,
+  __name: "ScheduleSelect",
+  props: {
+    modelValue: {},
+    options: {},
+    multiple: { type: Boolean },
+    selected: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    menuTitle: {},
+    searchable: { type: Boolean }
+  },
+  emits: ["update:modelValue", "toggle"],
+  setup(d, { emit: P }) {
+    const o = d, E = P, U = ee(), I = m(() => U.class ?? ""), u = h(!1), $ = h(null), y = h(null), b = h(null), O = m(() => {
+      var e, n;
+      if (o.multiple) {
+        const t = ((e = o.selected) == null ? void 0 : e.length) ?? 0;
+        return t ? `${t} selected` : o.placeholder ?? "";
+      }
+      return ((n = o.options.find((t) => t.value === o.modelValue)) == null ? void 0 : n.label) ?? "";
+    });
+    function B(e) {
+      var n;
+      return o.multiple ? !!((n = o.selected) != null && n.includes(e.value)) : e.value === o.modelValue;
+    }
+    const L = m(() => !!o.menuTitle || o.options.some((e) => e.hint)), f = h(""), H = h(null), S = m(() => {
+      const e = f.value.trim().toLowerCase();
+      return !o.searchable || !e ? o.options : o.options.filter((n) => `${n.label} ${n.hint ?? ""}`.toLowerCase().includes(e));
+    }), T = m(() => {
+      const e = [];
+      let n;
+      for (const t of S.value)
+        t.group !== n && (n = t.group, n && e.push({ heading: n })), e.push({ option: t });
+      return e;
+    }), k = 5, r = 8;
+    function M() {
+      const e = b.value, n = y.value;
+      if (!e || !n) return;
+      const t = n.getBoundingClientRect(), l = window.innerWidth || document.documentElement.clientWidth, s = window.innerHeight || document.documentElement.clientHeight;
+      e.style.minWidth = `${Math.round(t.width)}px`, e.style.maxWidth = `${Math.max(180, Math.round(l - r * 2))}px`;
+      const x = s - t.bottom - k - r, Q = t.top - k - r;
+      e.style.maxHeight = `${Math.max(120, Math.min(320, Math.max(x, Q)))}px`;
+      const w = e.offsetHeight, X = e.offsetWidth;
+      let C = t.bottom + k;
+      C + w > s - r && (C = t.top - k - w >= r ? t.top - k - w : Math.max(r, s - w - r));
+      const Y = Math.min(Math.max(r, t.left), Math.max(r, l - X - r));
+      e.style.top = `${Math.round(C)}px`, e.style.left = `${Math.round(Y)}px`, e.style.visibility = "visible";
+    }
+    function A(e) {
+      var t, l;
+      const n = e.target;
+      n && ((t = $.value) != null && t.contains(n) || (l = b.value) != null && l.contains(n)) || c();
+    }
+    function W(e) {
+      const n = b.value, t = e.target;
+      if (n && t && t !== document && n.contains(t)) return;
+      const l = y.value;
+      if (!l) return;
+      const s = l.getBoundingClientRect(), x = window.innerHeight || document.documentElement.clientHeight;
+      if (s.bottom < 0 || s.top > x) {
+        c();
+        return;
+      }
+      M();
+    }
+    function R() {
+      document.addEventListener("click", A), document.addEventListener("scroll", W, !0), window.addEventListener("resize", c);
+    }
+    function q() {
+      document.removeEventListener("click", A), document.removeEventListener("scroll", W, !0), window.removeEventListener("resize", c);
+    }
+    async function V() {
+      var e, n, t;
+      o.disabled || u.value || (f.value = "", u.value = !0, await z(), M(), (e = H.value) == null || e.focus(), (t = (n = b.value) == null ? void 0 : n.querySelector(".fx-opt.is-on")) == null || t.scrollIntoView({ block: "nearest" }), R());
+    }
+    function c() {
+      u.value && (u.value = !1, f.value = "", q());
+    }
+    te(f, async () => {
+      u.value && (await z(), M());
+    });
+    function j(e) {
+      var n;
+      if (e.key === "Escape")
+        e.preventDefault(), c(), (n = y.value) == null || n.focus();
+      else if (e.key === "Enter") {
+        e.preventDefault();
+        const t = S.value.find((l) => !l.disabled);
+        t && N(t);
+      }
+    }
+    function K() {
+      u.value ? c() : V();
+    }
+    function N(e) {
+      if (!e.disabled) {
+        if (o.multiple && !e.command) {
+          E("toggle", e.value);
+          return;
+        }
+        if (c(), o.multiple) {
+          E("update:modelValue", e.value);
+          return;
+        }
+        e.value !== o.modelValue && E("update:modelValue", e.value);
+      }
+    }
+    const F = m(() => o.options.filter((e) => !e.disabled));
+    function G(e) {
+      const n = F.value;
+      if (o.multiple || !n.length) {
+        V();
+        return;
+      }
+      const t = n.findIndex((x) => x.value === o.modelValue), l = e === "Home" ? 0 : e === "End" ? n.length - 1 : e === "ArrowDown" ? Math.min(n.length - 1, (t < 0 ? -1 : t) + 1) : Math.max(0, (t < 0 ? 1 : t) - 1), s = n[l];
+      s && s.value !== o.modelValue ? E("update:modelValue", s.value) : V();
+    }
+    function J(e) {
+      var n;
+      if (e.key === "Escape") {
+        if (!u.value) return;
+        e.preventDefault(), c(), (n = y.value) == null || n.focus();
+        return;
+      }
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault(), K();
+        return;
+      }
+      e.key !== "ArrowDown" && e.key !== "ArrowUp" && e.key !== "Home" && e.key !== "End" || (e.preventDefault(), G(e.key));
+    }
+    return ne(q), (e, n) => (i(), a("div", {
+      ref_key: "rootEl",
+      ref: $,
+      class: D(["fx-sel", I.value])
+    }, [
+      p("button", le({
+        ref_key: "btnEl",
+        ref: y
+      }, e.$attrs, {
+        type: "button",
+        class: ["sch-input fx-btn", { "is-open": u.value }],
+        disabled: d.disabled,
+        "aria-haspopup": "listbox",
+        "aria-expanded": u.value,
+        onClick: n[0] || (n[0] = (t) => K()),
+        onKeydown: J
+      }), v(O.value), 17, ce),
+      (i(), oe(ie, { to: "body" }, [
+        p("div", de, [
+          u.value ? (i(), a("div", {
+            key: 0,
+            ref_key: "popEl",
+            ref: b,
+            class: D(["fx-pop", { "fx-pop-rich": L.value }]),
+            role: "listbox",
+            "aria-multiselectable": d.multiple || void 0,
+            style: { visibility: "hidden" }
+          }, [
+            d.menuTitle ? (i(), a("div", fe, v(d.menuTitle), 1)) : g("", !0),
+            d.searchable ? (i(), a("div", me, [
+              ae(p("input", {
+                ref_key: "searchEl",
+                ref: H,
+                "onUpdate:modelValue": n[1] || (n[1] = (t) => f.value = t),
+                class: "sch-input fx-pop-q",
+                type: "search",
+                placeholder: "Search",
+                autocomplete: "off",
+                spellcheck: "false",
+                "aria-label": "Search",
+                onKeydown: j
+              }, null, 544), [
+                [se, f.value]
+              ])
+            ])) : g("", !0),
+            d.searchable && !T.value.length ? (i(), a("div", he, "No matches")) : g("", !0),
+            (i(!0), a(_, null, ue(T.value, (t, l) => (i(), a(_, { key: l }, [
+              "heading" in t ? (i(), a("div", ve, v(t.heading), 1)) : (i(), a("div", {
+                key: 1,
+                class: D(["fx-opt", {
+                  "is-on": B(t.option),
+                  "is-off": t.option.disabled,
+                  "is-new": t.option.command
+                }]),
+                role: "option",
+                "aria-selected": B(t.option),
+                onClick: (s) => N(t.option)
+              }, [
+                n[2] || (n[2] = p("span", {
+                  class: "fx-tick",
+                  "aria-hidden": "true"
+                }, [
+                  p("svg", {
+                    width: "11",
+                    height: "11",
+                    viewBox: "0 0 16 16",
+                    fill: "none"
+                  }, [
+                    p("path", {
+                      d: "m3.5 8.4 3 3 6-7",
+                      stroke: "currentColor",
+                      "stroke-width": "2.2",
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round"
+                    })
+                  ])
+                ], -1)),
+                L.value ? (i(), a("span", be, [
+                  p("b", null, v(t.option.label), 1),
+                  t.option.hint ? (i(), a("small", ke, v(t.option.hint), 1)) : g("", !0)
+                ])) : (i(), a(_, { key: 1 }, [
+                  re(v(t.option.label), 1)
+                ], 64))
+              ], 10, ye))
+            ], 64))), 128))
+          ], 10, pe)) : g("", !0)
+        ])
+      ]))
+    ], 2));
+  }
+});
+export {
+  ge as _
+};