@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/summaryaccordion/index.es.js

@@ -1,365 +0,0 @@
-import { defineComponent as Z, onMounted as ee, onUnmounted as se, ref as te, shallowRef as ae, computed as h, watch as I, createElementBlock as n, openBlock as l, normalizeClass as D, Fragment as f, createBlock as P, createCommentVNode as w, createElementVNode as m, withDirectives as z, createVNode as u, createTextVNode as k, toDisplayString as p, unref as v, withModifiers as S, vShow as V, renderList as F } from "vue";
-import { g as C } from "../utils/statusSeverity.util.es.js";
-import { s as M } from "../vendor/primevue/skeleton/skeleton.esm.es.js";
-import { _ as E } from "../button/index.es.js";
-import { _ as oe } from "../icon/index.es.js";
-import { _ as le } from "../imagecompressor/index.es.js";
-import { _ as B } from "../progressbar/index.es.js";
-import { a as N } from "../badge/index.es.js";
-const re = { class: "flex flex-col gap-2" }, ie = { class: "flex items-center gap-2" }, me = {
-  class: "font-semibold text-base leading-4",
-  "data-wv-section": "projectname"
-}, ne = { class: "font-normal" }, ue = {
-  key: 1,
-  class: "flex items-center gap-1"
-}, pe = {
-  id: "editedEmail",
-  class: "content-box text-wrap"
-}, ye = { class: "flex items-center gap-2" }, de = {
-  key: 0,
-  class: "flex gap-3 items-center"
-}, ce = { class: "grid grid-cols-[max-content,150px,max-content,max-content] items-center gap-2" }, ve = { class: "font-medium text-[14px] leading-4" }, fe = { class: "grid grid-cols-[max-content,150px,max-content,max-content] items-center gap-2" }, ge = { class: "font-medium text-[14px] leading-4" }, be = {
-  class: "grid grid-flow-col justify-stretch gap-3",
-  "data-wv-section": "summary"
-}, he = {
-  key: 1,
-  class: "grid grid-cols-[3fr,2fr,5fr,1fr,auto,30px] gap-[10px] max-w-[600px]"
-}, Ee = /* @__PURE__ */ Z({
-  __name: "SummaryAccordion",
-  props: {
-    summary: {},
-    fieldName: { default: "imageInput" }
-  },
-  emits: ["edit", "cancelEditEmail", "apply", "applyProp", "delete"],
-  setup(H, { expose: L }) {
-    const t = H;
-    ee(() => {
-      g(), window.addEventListener("resize", g);
-    }), se(() => {
-      window.removeEventListener("resize", g);
-    });
-    const j = te(), y = ae(!1), $ = h(() => {
-      var e, s, a;
-      switch ((e = t.summary) == null ? void 0 : e.type) {
-        case "module":
-          return "Modul " + t.summary.name;
-        case "submodule":
-          return "Sub Modul " + t.summary.name;
-        case "profile":
-          return (s = t.summary) == null ? void 0 : s.fullName;
-        default:
-          return (a = t.summary) == null ? void 0 : a.name;
-      }
-    }), d = h(() => {
-      var i;
-      const { statusWeb: e, progressWeb: s, statusMobile: a, progressMobile: o } = ((i = t.summary) == null ? void 0 : i.type) === "submodule" ? t.summary : {};
-      if (!(s == null || o == null))
-        return {
-          statusWeb: e,
-          progressWeb: s,
-          statusMobile: a,
-          progressMobile: o
-        };
-    }), x = h(() => {
-      if (!t.summary) return {};
-      const { totalCompletedTask: e, totalSprintTask: s, totalBacklogTask: a } = t.summary, { totalModule: o, totalCompletedModule: i } = t.summary.type === "project" ? t.summary : {}, r = e + s + a, b = Math.floor(e / (r || 1) * 100), c = Math.floor(i / (o || 1) * 100);
-      return {
-        task: b,
-        module: c
-      };
-    }), W = h(() => {
-      if (!t.summary) return [];
-      const {
-        totalCompletedTask: e,
-        totalSprintTask: s,
-        totalBacklogTask: a,
-        totalSprintPoint: o = 0,
-        totalBugHistories: i
-      } = t.summary, { totalModule: r, totalCompletedModule: b } = t.summary.type === "project" ? t.summary : {}, { totalSubModule: c } = t.summary.type === "module" ? t.summary : {}, { moduleName: G } = t.summary.type === "submodule" ? t.summary : {}, {
-        phoneNumber: J,
-        teams: T,
-        email: K,
-        totalSprintTaskDuration: O,
-        sprintPoint: A = 0
-      } = t.summary.type === "profile" ? t.summary : {}, Q = e + s + a, X = _(O);
-      return [
-        {
-          icon: "whatsapp",
-          severity: "primary",
-          label: "Telepon (WA)",
-          value: J,
-          show: t.summary.type === "profile" && t.summary.completeProfile
-        },
-        {
-          icon: "team",
-          severity: "primary",
-          label: "Tim",
-          value: T == null ? void 0 : T.join(", "),
-          show: t.summary.type === "profile" && t.summary.completeProfile
-        },
-        {
-          icon: "mail",
-          severity: "primary",
-          label: "Email",
-          value: K,
-          show: t.summary.type === "profile" && t.summary.completeProfile
-        },
-        {
-          icon: "star",
-          severity: "primary",
-          label: "Progress Poin",
-          value: `${Math.floor(A / (o || 1) * 100)}% (${A}/${o})`,
-          show: t.summary.type == "profile"
-        },
-        {
-          icon: "check-double-fill",
-          severity: "primary",
-          label: "Progress Modul",
-          value: `${x.value.module}% (${b}/${r})`,
-          show: t.summary.type === "project"
-        },
-        {
-          icon: "check-double-fill",
-          severity: "primary",
-          label: "Sub Modul",
-          value: c,
-          show: t.summary.type === "module"
-        },
-        {
-          icon: "file-copy-2-line",
-          severity: "primary",
-          label: "Modul",
-          value: G,
-          show: t.summary.type === "submodule"
-        },
-        {
-          icon: "check-double-fill",
-          severity: "primary",
-          label: "Progress Task",
-          value: `${x.value.task}% (${e}/${Q})`,
-          show: !0
-        },
-        {
-          icon: "timer",
-          severity: "primary",
-          label: "Durasi Task Aktif",
-          value: X,
-          show: t.summary.type === "profile"
-        },
-        {
-          icon: "star",
-          severity: "primary",
-          label: "Total Poin",
-          value: o,
-          show: t.summary.type != "profile"
-        },
-        {
-          icon: "list-check",
-          severity: "warning",
-          label: "Task Sprint",
-          value: s,
-          show: !0
-        },
-        {
-          icon: "list-check",
-          severity: "success",
-          label: "Task Selesai",
-          value: e,
-          show: !0
-        },
-        {
-          icon: "list-check",
-          severity: "danger",
-          label: "Histori Bug",
-          value: i,
-          show: !0
-        }
-      ].filter((Y) => Y.show);
-    }), R = h(() => {
-      const e = [...W.value], s = [];
-      for (let a = Math.ceil(e.length) / 3; a > 0; a--)
-        s.push(e.splice(0, Math.ceil(e.length / a)));
-      return s[0].map((a, o) => s.map((i) => i[o]));
-    }), g = () => {
-      setTimeout(() => {
-        const e = document.getElementById("editedEmail");
-        if (!e) return;
-        const { firstChild: s, lastChild: a } = e;
-        if (!s || !a) return;
-        e.style.width = "";
-        const o = document.createRange();
-        o.setStartBefore(s), o.setEndAfter(a);
-        const { width: i } = o.getBoundingClientRect();
-        e.style.width = i + "px";
-      }, 0);
-    }, U = (e) => e.isActive ? "Aktif" : "Nonaktif", _ = (e) => {
-      const s = Math.floor(e / 86400), a = Math.floor(e % 86400 / 3600), o = Math.floor(e % 3600 / 60);
-      return `${s}h ${a}j ${o}m`;
-    }, q = async (e = !1) => {
-      var s;
-      (s = j.value) == null || s.assignPreviewImagesFromProp(e);
-    };
-    return I(
-      () => W,
-      () => {
-        g();
-      }
-    ), I(
-      () => y.value,
-      () => {
-        g();
-      }
-    ), L({ assignPreviewImagesFromProp: q }), (e, s) => {
-      var a, o, i;
-      return l(), n("div", {
-        class: D([
-          {
-            "grid grid-rows-[max-content,auto] grid-cols-[max-content,1fr] gap-x-3": ((a = e.summary) == null ? void 0 : a.type) === "profile" && y.value
-          },
-          "bg-primary-50 rounded-lg p-3 w-full text-grayscale-900"
-        ]),
-        "data-wv-name": "projectsummary",
-        "data-wv-section": "root"
-      }, [
-        e.summary ? (l(), n(f, { key: 0 }, [
-          ((o = e.summary) == null ? void 0 : o.type) === "profile" && y.value ? (l(), P(le, {
-            key: 0,
-            ref_key: "imageCompressor",
-            ref: j,
-            disabled: !e.summary.completeProfile,
-            "field-name": e.fieldName,
-            "image-preview-url": e.summary.useInitial ? void 0 : e.summary.profilePicture,
-            "initial-name": e.summary.useInitial ? e.summary.initial : void 0,
-            "show-info": !1,
-            onApply: s[0] || (s[0] = (r) => e.$emit("apply", r)),
-            onApplyProp: s[1] || (s[1] = (r) => e.$emit("applyProp")),
-            onDelete: s[2] || (s[2] = (r) => e.$emit("delete", r)),
-            "emit-delete-fn": "",
-            "image-preview-size": "medium",
-            rounded: "",
-            "use-validator": ""
-          }, null, 8, ["disabled", "field-name", "image-preview-url", "initial-name"])) : w("", !0),
-          m("div", re, [
-            m("div", {
-              onClick: s[6] || (s[6] = (r) => y.value = !y.value),
-              class: "flex justify-between gap-2 cursor-pointer",
-              "data-wv-section": "projectmeta"
-            }, [
-              m("div", ie, [
-                m("h2", me, [
-                  e.summary.type === "profile" ? (l(), n(f, { key: 0 }, [
-                    k(p($.value) + " ", 1),
-                    m("span", ne, " (" + p(e.summary.position) + ", " + p(e.summary.division) + ") ", 1)
-                  ], 64)) : e.summary.type != "submodule" ? (l(), n(f, { key: 1 }, [
-                    k(p($.value) + " (" + p(e.summary.initialName) + ") ", 1)
-                  ], 64)) : (l(), n(f, { key: 2 }, [
-                    k(p($.value), 1)
-                  ], 64))
-                ]),
-                e.summary.type !== "profile" ? (l(), P(B, {
-                  key: 0,
-                  severity: v(C)(e.summary.status),
-                  value: x.value.task,
-                  class: "w-[20vw] max-w-[200px]"
-                }, null, 8, ["severity", "value"])) : w("", !0),
-                u(N, {
-                  label: e.summary.type === "profile" ? U(e.summary) : e.summary.status,
-                  format: "nowrap"
-                }, null, 8, ["label"]),
-                e.summary.type === "profile" && e.summary.editable && e.summary.editedEmail ? (l(), n("span", ue, [
-                  m("p", pe, " Menunggu perubahan email: " + p(e.summary.editedEmail), 1),
-                  u(E, {
-                    onClick: s[3] || (s[3] = S((r) => e.$emit("cancelEditEmail"), ["stop"])),
-                    class: "!p-0 !m-0 !w-auto !h-auto",
-                    icon: "close",
-                    "icon-class": "w-6 h-6 text-danger-500",
-                    text: ""
-                  })
-                ])) : w("", !0)
-              ]),
-              m("div", ye, [
-                ((i = e.summary) == null ? void 0 : i.type) === "profile" && e.summary.editable ? (l(), P(E, {
-                  key: 0,
-                  onClick: s[4] || (s[4] = S((r) => e.$emit("edit"), ["stop"])),
-                  class: "!py-0.5",
-                  label: "Edit",
-                  outlined: "",
-                  severity: "secondary"
-                })) : w("", !0),
-                u(E, {
-                  class: D([
-                    "!p-0 !m-0 !w-auto !h-auto",
-                    {
-                      "rotate-180": y.value
-                    }
-                  ]),
-                  onClick: s[5] || (s[5] = S((r) => y.value = !y.value, ["stop"])),
-                  icon: "arrow-down",
-                  "icon-class": "w-6 h-6 text-general-800",
-                  text: ""
-                }, null, 8, ["class"])
-              ])
-            ]),
-            e.summary.type === "submodule" && d.value ? z((l(), n("div", de, [
-              m("div", ce, [
-                s[7] || (s[7] = k(" Web ")),
-                u(B, {
-                  severity: v(C)(d.value.statusWeb ?? "Backlog"),
-                  "show-value": !1,
-                  value: d.value.progressWeb
-                }, null, 8, ["severity", "value"]),
-                m("span", ve, p(Math.round(d.value.progressWeb ?? 0)) + "% ", 1),
-                u(N, {
-                  label: d.value.statusWeb ?? "Backlog",
-                  format: "nowrap"
-                }, null, 8, ["label"])
-              ]),
-              m("div", fe, [
-                s[8] || (s[8] = k(" Mobile ")),
-                u(B, {
-                  severity: v(C)(d.value.statusMobile ?? "Backlog"),
-                  "show-value": !1,
-                  value: d.value.progressMobile
-                }, null, 8, ["severity", "value"]),
-                m("span", ge, p(Math.round(d.value.progressMobile ?? 0)) + "% ", 1),
-                u(N, {
-                  label: d.value.statusMobile ?? "Backlog",
-                  format: "nowrap"
-                }, null, 8, ["label"])
-              ])
-            ], 512)), [
-              [V, y.value]
-            ]) : w("", !0),
-            z(m("div", be, [
-              (l(!0), n(f, null, F(R.value, (r, b) => (l(), n("div", {
-                key: `print${b}`,
-                class: "flex flex-col gap-3"
-              }, [
-                (l(!0), n(f, null, F(r, (c) => (l(), n("span", {
-                  key: c.label,
-                  class: "flex items-center gap-1 text-xs font-normal"
-                }, [
-                  u(oe, {
-                    icon: c.icon,
-                    severity: c.severity
-                  }, null, 8, ["icon", "severity"]),
-                  m("span", null, p(c.label) + ": " + p(c.value), 1)
-                ]))), 128))
-              ]))), 128))
-            ], 512), [
-              [V, y.value]
-            ])
-          ])
-        ], 64)) : (l(), n("div", he, [
-          u(v(M), { class: "!h-[30px]" }),
-          u(v(M), { class: "!h-[30px]" }),
-          u(v(M), { class: "!h-[30px]" }),
-          u(v(M), { class: "!h-[30px]" })
-        ]))
-      ], 2);
-    };
-  }
-});
-export {
-  Ee as _
-};