@feedmepos/mf-hrm-portal 2.2.5-dev.9 → 2.3.0-dev

package/dist/SchedulePositionPage-C0hrO11d.js

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