@fewangsit/wangsvue 1.5.217-alpha.1 → 1.5.218-alpha.0

package/dependencycol/index.es.js

@@ -0,0 +1,32 @@
+import { defineComponent as l, createElementBlock as r, openBlock as i, createElementVNode as e, createVNode as c, toDisplayString as n } from "vue";
+import { _ as t } from "../icon/index.es.js";
+const a = { class: "flex gap-2.5" }, p = { class: "flex items-center gap-1" }, d = { class: "flex items-center gap-1" }, h = /* @__PURE__ */ l({
+  __name: "DependencyCol",
+  props: {
+    dependency: {}
+  },
+  setup(o) {
+    const s = o;
+    return (_, m) => (i(), r("div", a, [
+      e("div", p, [
+        e("span", null, n(s.dependency.done), 1),
+        c(t, {
+          class: "w-5 h-5 text-xl",
+          icon: "checkbox-circle-fill",
+          severity: "success"
+        })
+      ]),
+      e("div", d, [
+        e("span", null, n(s.dependency.onProgress), 1),
+        c(t, {
+          class: "w-5 h-5 text-xl",
+          icon: "close-circle-fill",
+          severity: "danger"
+        })
+      ])
+    ]));
+  }
+});
+export {
+  h as _
+};

package/description/index.es.js

@@ -0,0 +1,135 @@
+import { defineComponent as $, onMounted as E, inject as r, ref as d, shallowRef as I, computed as p, watch as J, createElementBlock as i, openBlock as o, createElementVNode as c, createVNode as u, createCommentVNode as h, createBlock as U, toDisplayString as M, unref as q, toRaw as C } from "vue";
+import { TaskServices as S } from "@fewangsit/workspace-api-services";
+import { f as z } from "../utils/date.util.es.js";
+import { u as G } from "../utils/toast.util.es.js";
+import { _ as O } from "../button/index.es.js";
+import { _ as V } from "../editor/index.es.js";
+import { _ as K } from "../icon/index.es.js";
+import { _ as L } from "../username/index.es.js";
+const P = {
+  class: "flex flex-col gap-2",
+  "data-wv-section": "detailtask-task-description"
+}, Q = { class: "flex items-center justify-between" }, W = { class: "flex items-center gap-2" }, X = { class: "flex items-center gap-2" }, Y = { key: 0 }, Z = { class: "pl-8 flex flex-col gap-2" }, ee = {
+  key: 1,
+  class: ""
+}, te = {
+  key: 2,
+  class: "flex items-center gap-1"
+}, de = /* @__PURE__ */ $({
+  __name: "Description",
+  setup(se) {
+    const g = G();
+    E(async () => {
+      n.value && await w();
+    });
+    const B = r(
+      "userType"
+    ), b = r("taskDetail"), n = r("taskId"), A = r("isApproverHasAccess"), N = r(
+      "refreshTaskHandler"
+    ), l = d(), v = d("readonly"), m = I(!1), a = d(), f = d(), D = p(() => {
+      var t;
+      return ["Reported Bug"].includes(
+        (t = b.value) == null ? void 0 : t.status
+      ) || B.value === "guest" && !A.value;
+    }), y = p(() => {
+      var e;
+      return ((e = a.value) == null ? void 0 : e.content) ?? [];
+    }), j = p(() => y.value.length ? Object.hasOwn(y.value[0], "content") || Object.hasOwn(y.value[0], "attrs") : !1), F = p(() => D.value ? "readonly" : j.value ? v.value : "editable"), w = async () => {
+      var e, t;
+      try {
+        const { data: s } = await S.getTaskDescription(n.value);
+        (e = s == null ? void 0 : s.data) != null && e.description && (a.value = JSON.parse((t = s == null ? void 0 : s.data) == null ? void 0 : t.description), l.value = s.data);
+      } catch (s) {
+        g.add({
+          message: "Data Task Description gagal dimuat.",
+          severity: "error",
+          error: s
+        });
+      }
+    }, _ = () => {
+      D.value || (v.value = "editable", m.value = !0, f.value = C(a.value));
+    }, x = () => {
+      v.value = "readonly", m.value = !1, f.value = void 0;
+    }, H = async () => {
+      try {
+        const e = {
+          description: JSON.stringify(a.value)
+        };
+        await S.putTaskDescription(n.value, e), N("update", n.value), x();
+      } catch (e) {
+        console.error(e), g.add({
+          message: "Deskripsi Task gagal disimpan.",
+          severity: "error",
+          error: e
+        });
+      }
+    }, R = () => {
+      a.value = C(f.value), x();
+    };
+    return J(b, async () => {
+      n.value && await w();
+    }), (e, t) => {
+      var s, T;
+      return o(), i("div", P, [
+        c("div", Q, [
+          c("div", W, [
+            u(K, {
+              class: "w-6 h-6",
+              icon: "file-list-2"
+            }),
+            t[2] || (t[2] = c("div", { class: "text-xs font-semibold" }, "Deskripsi", -1))
+          ]),
+          c("div", X, [
+            (s = l.value) != null && s.updatedAt ? (o(), i("span", Y, M(q(z)(new Date(l.value.updatedAt), 86400)), 1)) : h("", !0),
+            (T = l.value) != null && T.updatedBy ? (o(), U(L, {
+              key: 1,
+              user: l.value.updatedBy,
+              type: "icon"
+            }, null, 8, ["user"])) : h("", !0)
+          ])
+        ]),
+        c("div", Z, [
+          F.value === "readonly" ? (o(), i("div", {
+            key: 0,
+            onClick: _,
+            class: "cursor-pointer"
+          }, [
+            u(V, {
+              modelValue: a.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (k) => a.value = k),
+              onFocus: _,
+              "border-less": "",
+              "editor-state": "readonly",
+              placeholder: "Tulis deskripsi"
+            }, null, 8, ["modelValue"])
+          ])) : (o(), i("div", ee, [
+            u(V, {
+              modelValue: a.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (k) => a.value = k),
+              onFocus: _,
+              "editor-state": "editable",
+              "is-image-upload-base64": "",
+              placeholder: "Tulis deskripsi"
+            }, null, 8, ["modelValue"])
+          ])),
+          m.value ? (o(), i("div", te, [
+            u(O, {
+              onClick: H,
+              label: "Simpan",
+              severity: "success"
+            }),
+            u(O, {
+              onClick: R,
+              label: "Batal",
+              severity: "secondary",
+              text: ""
+            })
+          ])) : h("", !0)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  de as _
+};

package/descriptiontab/index.es.js

@@ -0,0 +1,30 @@
+import { defineComponent as _, inject as n, computed as r, createElementBlock as s, openBlock as o, createElementVNode as m, createVNode as e, createBlock as p, Fragment as f } from "vue";
+import { _ as l } from "../api/index.es.js";
+import { _ as d } from "../attachment/index.es.js";
+import { _ as k } from "../checklist/index.es.js";
+import { _ as u } from "../description/index.es.js";
+import { _ as v } from "../tasklink/index.es.js";
+const $ = { "data-wv-section": "detailtask-description-tab" }, x = { class: "flex flex-col gap-6" }, g = /* @__PURE__ */ _({
+  __name: "DescriptionTab",
+  setup(h) {
+    const c = n("taskDetail"), i = r(
+      () => {
+        var t, a;
+        return ["Create API", "API Spec"].includes((a = (t = c.value) == null ? void 0 : t.process) == null ? void 0 : a.name);
+      }
+    );
+    return (t, a) => (o(), s("div", $, [
+      m("div", x, [
+        e(u),
+        e(d),
+        i.value ? (o(), p(l, { key: 0 })) : (o(), s(f, { key: 1 }, [
+          e(v),
+          e(k)
+        ], 64))
+      ])
+    ]));
+  }
+});
+export {
+  g as _
+};

package/{components/detailmember/DetailMember.vue.d.ts → detailmember/index.d.ts}

@@ -1,6 +1,4 @@
-import { ClassComponent } from '../../components/ts-helpers.d';
-
-import { User } from '../../types/user.type';
+import { ClassComponent } from '../ts-helpers.d';
 
 export type Role = {
   _id: string;

package/detailmember/index.es.js

@@ -0,0 +1,32 @@
+import { defineComponent as n, createElementBlock as i, openBlock as m, Fragment as o, createBlock as r, createCommentVNode as a } from "vue";
+import { _ as s } from "../detailmemberadmin/index.es.js";
+import { _ as c } from "../detailmemberleader/index.es.js";
+import { _ as t } from "../detailmemberlog/index.es.js";
+const f = /* @__PURE__ */ n({
+  __name: "DetailMember",
+  props: {
+    activeIndex: {},
+    memberId: {},
+    access: {}
+  },
+  setup(d) {
+    return (e, l) => (m(), i(o, null, [
+      e.activeIndex === 1 ? (m(), r(c, {
+        key: 0,
+        "member-id": e.memberId
+      }, null, 8, ["member-id"])) : a("", !0),
+      e.activeIndex === 2 ? (m(), r(s, {
+        key: 1,
+        access: e.access,
+        "member-id": e.memberId
+      }, null, 8, ["access", "member-id"])) : a("", !0),
+      e.activeIndex === 3 ? (m(), r(t, {
+        key: 2,
+        "member-id": e.memberId
+      }, null, 8, ["member-id"])) : a("", !0)
+    ], 64));
+  }
+});
+export {
+  f as _
+};

package/detailmemberadmin/index.es.js

@@ -0,0 +1,210 @@
+import { defineComponent as $, shallowRef as o, createElementBlock as C, openBlock as k, Fragment as U, createElementVNode as v, createVNode as t, createBlock as D, createCommentVNode as N } from "vue";
+import { MemberAdminServices as d } from "@fewangsit/workspace-api-services";
+import { e as y } from "../event-bus/index.es.js";
+import { u as T } from "../utils/toast.util.es.js";
+import { _ as B } from "../button/index.es.js";
+import { _ as O } from "../buttonbulkaction/index.es.js";
+import { _ as x } from "../buttonfilter/index.es.js";
+import { _ as S } from "../buttonsearch/index.es.js";
+import { D as V } from "../datatable/index.es.js";
+import { _ as E } from "../dialogconfirm/index.es.js";
+import { _ as P } from "../filtercontainer/index.es.js";
+import { _ as j } from "../dialogmemberadmin/index.es.js";
+const z = {
+  class: "flex justify-between",
+  "data-wv-section": "tabletoolbars"
+}, F = { class: "flex gap-4" }, ae = /* @__PURE__ */ $({
+  __name: "DetailMemberAdmin",
+  props: {
+    memberId: {},
+    access: {}
+  },
+  setup(_) {
+    const r = T(), s = _, A = [
+      {
+        label: "Unassign Role",
+        icon: "user-unfollow-line",
+        command: () => {
+          m.value = !0, n.value = !0;
+        }
+      }
+    ], R = [
+      {
+        label: "Aktifkan",
+        icon: "check",
+        command: () => {
+          p(!0);
+        }
+      },
+      {
+        label: "Nonaktifkan",
+        icon: "close",
+        command: () => {
+          p(!1);
+        }
+      },
+      {
+        label: "Unassign Role",
+        icon: "user-unfollow-line",
+        command: () => {
+          m.value = !1, n.value = !0;
+        }
+      }
+    ], h = [
+      {
+        field: "isActive",
+        header: "Aktif",
+        sortable: !0,
+        bodyClass: "w-16",
+        preset: {
+          type: "toggle",
+          disabled: !s.access.update,
+          onToggle: async (a, e, l) => {
+            p(a, e.role._id, l);
+          }
+        }
+      },
+      {
+        field: "role.name",
+        header: "Role",
+        sortable: !0
+      }
+    ], w = [
+      {
+        label: "Aktif",
+        field: "isActive",
+        type: "multiselect",
+        placeholder: "Pilih status",
+        fetchOptionFn: () => [
+          { label: "Aktif", value: !0 },
+          { label: "Tidak Aktif", value: !1 }
+        ]
+      },
+      {
+        label: "Role",
+        field: "roleId",
+        type: "multiselect",
+        placeholder: "Pilih role",
+        fetchOptionFn: async () => {
+          try {
+            const { data: a } = await d.getMemberRolesOptions(
+              s.memberId
+            );
+            return a.data.roles;
+          } catch (a) {
+            return console.error(a), [];
+          }
+        }
+      }
+    ], u = o(), b = o(), i = o([]), f = o(!1), n = o(!1), m = o(!1), g = () => {
+      y.emit("data-table:clear-selected-data", {
+        tableName: "member-roles"
+      }), y.emit("data-table:update", {
+        tableName: "member-roles"
+      });
+    }, p = async (a, e, l) => {
+      try {
+        await d.activateRoles(s.memberId, {
+          roleIds: e ? [e] : i.value.map((c) => c.role._id),
+          isActive: a
+        }), e || g(), r.add({
+          severity: "success",
+          message: a ? "Role telah diaktifkan." : "Role telah dinonaktifkan."
+        });
+      } catch (c) {
+        console.error(c), r.add({
+          error: c,
+          message: a ? "Role gagal diaktifkan." : "Role gagal dinonaktifkan."
+        }), l == null || l();
+      }
+    }, M = async () => {
+      try {
+        const a = m.value ? [b.value.role._id] : i.value.map((e) => e.role._id);
+        await d.updateMemberAdmin(s.memberId, {
+          roleId: u.value.map((e) => e.role._id).filter((e) => !a.includes(e))
+        }), g(), n.value = !1, r.add({
+          message: "Role telah di-unassign.",
+          severity: "success"
+        });
+      } catch (a) {
+        console.error(a), r.add({
+          error: a,
+          message: "Role gagal di-unassign."
+        });
+      }
+    }, I = async (a) => {
+      try {
+        const { data: e } = await d.getMemberRoles(
+          s.memberId,
+          a
+        );
+        return u.value = e.data.data, e;
+      } catch (e) {
+        console.error(e);
+      }
+    };
+    return (a, e) => (k(), C(U, null, [
+      v("div", z, [
+        v("div", null, [
+          t(O, {
+            "selected-data": i.value,
+            "onUpdate:selectedData": e[0] || (e[0] = (l) => i.value = l),
+            options: R,
+            "table-name": "member-roles"
+          }, null, 8, ["selected-data"])
+        ]),
+        v("div", F, [
+          t(S, {
+            class: "ml-auto",
+            "table-name": "member-roles"
+          }),
+          t(x, { "table-name": "member-roles" }),
+          a.access.create || a.access.update ? (k(), D(B, {
+            key: 0,
+            onClick: e[1] || (e[1] = (l) => f.value = !0),
+            label: "+ Admin Role",
+            severity: "secondary"
+          })) : N("", !0)
+        ])
+      ]),
+      t(P, {
+        fields: w,
+        "table-name": "member-roles"
+      }),
+      t(V, {
+        columns: h,
+        "custom-column": !1,
+        "fetch-function": I,
+        options: A,
+        "selection-type": s.access.update ? "checkbox" : "none",
+        "use-option": s.access.update,
+        onToggleOption: e[2] || (e[2] = (l) => b.value = l),
+        "data-key": "_id",
+        lazy: "",
+        "table-name": "member-roles"
+      }, null, 8, ["selection-type", "use-option"]),
+      t(j, {
+        visible: f.value,
+        "onUpdate:visible": e[3] || (e[3] = (l) => f.value = l),
+        "member-admin": u.value,
+        "member-id": s.memberId
+      }, null, 8, ["visible", "member-admin", "member-id"]),
+      t(E, {
+        visible: n.value,
+        "onUpdate:visible": e[4] || (e[4] = (l) => n.value = l),
+        "close-after-confirm": !1,
+        list: m.value ? [b.value] : i.value,
+        onConfirm: M,
+        actionable: "",
+        "confirm-label": "Unassign",
+        header: "Unassign Role",
+        "list-label": "role.name",
+        message: "Apakah kamu yakin ingin menghapusnya dari member?",
+        severity: "danger"
+      }, null, 8, ["visible", "list"])
+    ], 64));
+  }
+});
+export {
+  ae as _
+};

package/detailmemberleader/index.es.js

@@ -0,0 +1,164 @@
+import { defineComponent as u, shallowRef as b, computed as g, createElementBlock as f, openBlock as y, Fragment as P, createElementVNode as M, createVNode as t } from "vue";
+import { t as h } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
+import { ProjectServices as l } from "@fewangsit/workspace-api-services";
+import { g as k } from "../utils/getProjectPermission.util.es.js";
+import "../event-bus/index.es.js";
+import { _ } from "../badgegroup/index.es.js";
+import { _ as j } from "../buttonfilter/index.es.js";
+import { _ as T } from "../buttonsearch/index.es.js";
+import { D as x } from "../datatable/index.es.js";
+import { _ as I } from "../filtercontainer/index.es.js";
+const $ = {
+  class: "flex justify-between gap-4",
+  "data-wv-section": "tabletoolbars"
+}, E = /* @__PURE__ */ u({
+  __name: "DetailMemberLeader",
+  props: {
+    memberId: {}
+  },
+  setup(n) {
+    const a = n, m = [
+      {
+        field: "name",
+        header: "Proyek",
+        sortable: !0,
+        fixed: !0
+      },
+      {
+        field: "projectManager",
+        header: "Proyek Manager",
+        sortable: !0,
+        bodyComponent: (e) => ({
+          component: _,
+          props: {
+            headerLabel: "Proyek Manager",
+            labels: e.projectManager.map((r) => r.nickName),
+            limit: 2,
+            emptyable: !0
+          }
+        })
+      },
+      {
+        field: "totalTeams",
+        header: "Jml Tim",
+        sortable: !0
+      },
+      {
+        field: "totalMembers",
+        header: "Jml Member",
+        sortable: !0
+      },
+      {
+        field: "moduleProgress.percentage",
+        header: "Progress Modul",
+        sortable: !0,
+        fixed: !0,
+        bodyTemplate: (e) => `${Math.round(e.moduleProgress.percentage)}% (${e.moduleProgress.completedModules}/${e.moduleProgress.totalModules})`
+      },
+      {
+        field: "taskProgress.percentage",
+        header: "Progress Task",
+        sortable: !0,
+        fixed: !0,
+        bodyTemplate: (e) => `${Math.round(e.taskProgress.percentage)}% (${e.taskProgress.completedTasks}/${e.taskProgress.totalTasks})`
+      }
+    ], i = [
+      {
+        label: "Proyek",
+        field: "projectIds",
+        type: "multiselect",
+        placeholder: "Pilih proyek",
+        fetchOptionFn: async () => await s("projectOptions")
+      },
+      {
+        label: "Proyek Manager",
+        field: "projectManagerIds",
+        type: "multiselect",
+        placeholder: "Pilih member",
+        fetchOptionFn: async () => await s("projectManagerOptions")
+      },
+      {
+        label: "Jml Tim",
+        fields: ["totalTeamsMin", "totalTeamsMax"],
+        type: "rangenumber",
+        placeholder: "0"
+      },
+      {
+        label: "Jml Member",
+        fields: ["totalMembersMin", "totalMembersMax"],
+        type: "rangenumber",
+        placeholder: "0"
+      },
+      {
+        label: "Progress Modul (%)",
+        fields: ["moduleProgressMin", "moduleProgressMax"],
+        type: "rangenumber",
+        placeholder: "0"
+      },
+      {
+        label: "Progress Task (%)",
+        fields: ["taskProgressMin", "taskProgressMax"],
+        type: "rangenumber",
+        placeholder: "0"
+      }
+    ], o = b(), d = g(() => {
+      var e;
+      return [
+        {
+          label: "Detail Proyek",
+          icon: "file-copy-2-line",
+          visible: k().read || ((e = o.value) == null ? void 0 : e.projectManager.map((r) => r._id).includes(a.memberId)),
+          command: () => {
+            sessionStorage.setItem("projectId", o.value._id), h("/proyek/detail-proyek/tim");
+          }
+        }
+      ];
+    }), s = async (e) => {
+      try {
+        const { data: r } = await l.getProjectLeadersOptions({
+          leaderId: a.memberId
+        });
+        return r.data[e] ?? [];
+      } catch (r) {
+        return console.error(r), [];
+      }
+    }, c = async (e) => {
+      try {
+        const { data: r } = await l.getProjectLeaders({
+          ...e,
+          leaderId: a.memberId
+        });
+        return r;
+      } catch (r) {
+        console.error(r);
+      }
+    };
+    return (e, r) => (y(), f(P, null, [
+      M("div", $, [
+        t(T, {
+          class: "ml-auto",
+          "table-name": "member-leaders"
+        }),
+        t(j, { "table-name": "member-leaders" })
+      ]),
+      t(I, {
+        fields: i,
+        "table-name": "member-leaders"
+      }),
+      t(x, {
+        columns: m,
+        "fetch-function": c,
+        options: d.value,
+        onToggleOption: r[0] || (r[0] = (p) => o.value = p),
+        "data-key": "_id",
+        lazy: "",
+        "selection-type": "none",
+        "table-name": "member-leaders",
+        "use-paginator": ""
+      }, null, 8, ["options"])
+    ], 64));
+  }
+});
+export {
+  E as _
+};