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

package/tasktable/index.es.js

@@ -0,0 +1,832 @@
+import { defineComponent as Fe, shallowRef as c, ref as q, computed as k, createElementBlock as De, openBlock as w, Fragment as Ae, createElementVNode as se, createVNode as d, createBlock as V, createCommentVNode as W, normalizeClass as Ue } from "vue";
+import { TaskServices as y, TaskChecklistServices as $e } from "@fewangsit/workspace-api-services";
+import { F as Le } from "../dialogdetailchecklisttemplate/index.es.js";
+import { u as Ne } from "../apiitem/index.es.js";
+import { e as oe } from "../event-bus/index.es.js";
+import { b as Re } from "../utils/date.util.es.js";
+import { g as re } from "../utils/getUser.util.es.js";
+import { g as xe } from "../utils/getProjectPermission.util.es.js";
+import { i as de } from "../utils/isIntersect.es.js";
+import { u as He } from "../utils/toast.util.es.js";
+import { _ as ne } from "../button/index.es.js";
+import { _ as Je } from "../buttonbulkaction/index.es.js";
+import { _ as qe } from "../buttonfilter/index.es.js";
+import { _ as Ve } from "../buttonsearch/index.es.js";
+import { D as We } from "../datatable/index.es.js";
+import { _ as ze } from "../filtercontainer/index.es.js";
+import { _ as Ee } from "../quickfilter/index.es.js";
+import { _ as Ke } from "../usergroup/index.es.js";
+import { a as Ge } from "../badge/index.es.js";
+import { _ as Qe } from "../dialogreportbug/index.es.js";
+import { _ as ue } from "../dialogassignmember/index.es.js";
+import { _ as pe } from "../dialogconfirmdeletetask/index.es.js";
+import { _ as Xe } from "../dialogconfirmfinishtask/index.es.js";
+import { _ as Ye } from "../dialogfinishreview/index.es.js";
+import { _ as Ze } from "../dialogreviewleader/index.es.js";
+import { _ as ce } from "../taskdetail/index.es.js";
+import { _ as ea } from "../dependencycol/index.es.js";
+import { _ as me } from "../dialogconfirmdeletetaskpermanently/index.es.js";
+import { _ as be } from "../dialogconfirmrestoretask/index.es.js";
+import { _ as aa } from "../dialogselectproject/index.es.js";
+const ta = { class: "flex flex-col gap-2" }, Da = /* @__PURE__ */ Fe({
+  __name: "TaskTable",
+  props: {
+    page: {},
+    tab: {},
+    subTab: {},
+    projectId: {},
+    moduleId: {},
+    moduleInitial: {},
+    subModuleId: {},
+    selectedPbi: {},
+    assignedPbiMembers: {},
+    project: {},
+    editablePbi: { type: Boolean },
+    userId: {}
+  },
+  emits: ["showUnassignedTask", "reloadTable"],
+  setup(ve, { emit: ge }) {
+    const h = He(), { setLoading: S } = Ne(), a = ve, fe = ge, m = re(), z = [
+      "Selesai",
+      "Pending Review Leader",
+      "Sprint",
+      "Fixing Bug",
+      "Reported Bug",
+      "Penyesuaian"
+    ], E = c(!1), C = c(!1), M = c(!1), F = c(!1), D = c(!1), A = c(!1), U = c(!1), $ = c(!1), K = c(!1), L = c(!1), N = c(!1), R = c(!1), x = c(!1), H = c(!1), J = c(!1), O = c(!1), o = q(), b = q([]), G = c(), ke = q({
+      global: { value: void 0, matchMode: Le.CONTAINS }
+    }), T = k(
+      () => a.subTab ? `task-table-${a.tab}-${a.subTab}` : a.tab
+    ), ye = k(() => {
+      var t;
+      return [
+        {
+          field: "project.name",
+          header: "Proyek",
+          sortable: !0,
+          fixed: !0,
+          visible: ["task", "member-detail", "my-profile"].includes(a.page)
+        },
+        {
+          field: "module.name",
+          header: "Modul",
+          sortable: !0,
+          fixed: !0,
+          visible: [
+            "task",
+            "member-detail",
+            "my-profile",
+            "project-task",
+            "project-productBacklogItem",
+            "subModule-apiSpec"
+          ].includes(a.page)
+        },
+        {
+          field: "subModule.name",
+          header: "Sub Modul",
+          sortable: !0,
+          fixed: a.page === "project-productBacklogItem",
+          visible: [
+            "task",
+            "member-detail",
+            "my-profile",
+            "project-task",
+            "project-module",
+            "project-productBacklogItem",
+            "subModule-apiSpec"
+          ].includes(a.page)
+        },
+        {
+          field: "process.name",
+          header: "Proses",
+          sortable: !0,
+          fixed: a.page === "project-productBacklogItem",
+          visible: !0
+        },
+        {
+          field: "name",
+          header: "Task",
+          sortable: !0,
+          fixed: !0,
+          visible: !0
+        },
+        {
+          field: "status",
+          header: "Status",
+          sortable: !0,
+          fixed: a.page !== "project-productBacklogItem",
+          bodyComponent: (e) => ({
+            component: Ge,
+            props: {
+              label: e.status,
+              format: "nowrap"
+            }
+          }),
+          visible: !0
+        },
+        {
+          field: "priority",
+          header: "Nilai Prioritas",
+          sortable: !0,
+          visible: a.page !== "project-productBacklogItem"
+        },
+        {
+          field: "team",
+          header: "Tim",
+          sortable: !0,
+          bodyTemplate: (e) => e.team.map((i) => i).join(", "),
+          visible: a.page !== "project-productBacklogItem"
+        },
+        {
+          field: "assignedTo",
+          header: "Assign",
+          sortable: !0,
+          fixed: !0,
+          arrayValueField: "nickName",
+          exportField: "assignedTo",
+          bodyComponent: (e) => ({
+            component: Ke,
+            props: {
+              users: e.assignedTo,
+              profilePictureField: "profilePictureBig",
+              withDialogDetail: !0,
+              dialogHeaderLabel: "Assigned To"
+            }
+          }),
+          visible: !0
+        },
+        {
+          field: "duration",
+          header: "Durasi",
+          sortable: !0,
+          bodyTemplate: (e) => {
+            var v;
+            const s = [
+              "Pengonsepan",
+              "Diagram",
+              "Wireframe",
+              "API Spec"
+            ].includes((v = e == null ? void 0 : e.process) == null ? void 0 : v.name) ? 24 : 9, n = e.duration / 6e4, u = n > 0 ? n : 0;
+            return Ie(u, s);
+          },
+          visible: (((t = a.project) == null ? void 0 : t.method) ?? "") !== "Sprint"
+        },
+        {
+          field: "childTask",
+          header: "Child Task",
+          sortable: !0,
+          bodyTemplate: (e) => e.childTask ? e.childTask.toString() : "-",
+          visible: a.page !== "project-productBacklogItem"
+        },
+        {
+          field: "dependency",
+          header: "Dependensi",
+          sortable: !0,
+          exportField: "exportDependencyField",
+          bodyComponent: (e) => ({
+            component: ea,
+            props: {
+              dependency: e.dependency
+            }
+          }),
+          visible: a.page !== "project-productBacklogItem"
+        },
+        {
+          field: "timeReportedBug",
+          header: "Reported Bug",
+          sortable: !0,
+          bodyTemplate: (e) => e.timeReportedBug ? e.timeReportedBug.toString() + " Kali" : "-",
+          visible: a.page !== "project-productBacklogItem"
+        },
+        {
+          field: "lastUpdatedAt",
+          header: "Last Modified Status",
+          sortable: !0,
+          bodyTemplate: (e) => a.page !== "project-productBacklogItem" ? e.lastUpdatedAt : Re(e.lastUpdatedAt),
+          visible: !0
+        }
+      ];
+    }), Te = k(() => [
+      {
+        fields: ["minPriority", "maxPriority"],
+        type: "rangenumber",
+        placeholder: "0",
+        tooltip: "Nilai Prioritas",
+        visible: !0
+      },
+      {
+        field: "member",
+        type: "multiselect",
+        placeholder: "Pilih member",
+        fetchOptionFn: () => f("memberOptions"),
+        visible: (
+          /*
+           * Conditions for member filter be visible :
+           * - The sub tab is 'myTask' and the user is a team leader
+           * - The tab is 'backlog' or 'deleted' and the user is a team leader
+           * - The sub tab is 'relatedTask'
+           *
+           * The member filter will be hidden if the user is not a team leader and
+           * (the sub tab is 'myTask' or the tab is 'backlog' | 'deleted')
+           */
+          (a.subTab === "myTask" || ["backlog", "deleted"].includes(a.tab)) && m.isTeamLeader || a.subTab === "relatedTask"
+        )
+      },
+      {
+        field: "project",
+        type: "multiselect",
+        placeholder: "Pilih proyek",
+        fetchOptionFn: () => f("projectOptions"),
+        visible: ["task", "member-detail", "my-profile"].includes(a.page)
+      },
+      {
+        field: "module",
+        type: "multiselect",
+        placeholder: "Pilih modul",
+        fetchOptionFn: () => f("moduleOptions"),
+        visible: ["task", "member-detail", "my-profile", "project-task"].includes(a.page)
+      },
+      {
+        field: "task",
+        type: "multiselect",
+        placeholder: "Pilih task",
+        fetchOptionFn: () => f("taskOptions"),
+        visible: !0
+      },
+      {
+        field: "status",
+        type: "multiselect",
+        placeholder: "Pilih status",
+        fetchOptionFn: () => z.map((t) => ({
+          label: t,
+          value: t
+        })),
+        visible: ["all", "active", "deleted"].includes(
+          a.tab
+        )
+      }
+    ]), je = k(() => [
+      {
+        label: "Modul",
+        field: "module",
+        type: "multiselect",
+        placeholder: "Pilih modul",
+        fetchOptionFn: () => f("moduleOptions"),
+        visible: a.page === "project-productBacklogItem" || a.page === "subModule-apiSpec"
+      },
+      {
+        label: "Sub Modul",
+        field: "subModule",
+        type: "multiselect",
+        placeholder: "Pilih sub modul",
+        fetchOptionFn: () => f("subModuleOptions"),
+        visible: [
+          "task",
+          "member-detail",
+          "my-profile",
+          "project-task",
+          "project-module",
+          "project-productBacklogItem",
+          "subModule-apiSpec"
+        ].includes(a.page)
+      },
+      {
+        label: "Proses",
+        field: "process",
+        type: "multiselect",
+        placeholder: "Pilih proses",
+        fetchOptionFn: () => f("processOptions"),
+        visible: a.page !== "subModule-apiSpec"
+      },
+      {
+        label: "Task",
+        field: "task",
+        type: "multiselect",
+        placeholder: "Pilih task",
+        fetchOptionFn: () => f("taskOptions"),
+        visible: a.page === "project-productBacklogItem"
+      },
+      {
+        label: "Assign",
+        field: "member",
+        type: "multiselect",
+        placeholder: "Pilih member",
+        fetchOptionFn: () => f("memberOptions"),
+        visible: a.page === "project-productBacklogItem" || a.page === "subModule-apiSpec"
+      },
+      {
+        label: "Status",
+        field: "status",
+        type: "multiselect",
+        placeholder: "Pilih Status",
+        fetchOptionFn: () => [...z, "Backlog", "Waiting for Approval"].map((t) => ({
+          label: t,
+          value: t
+        })),
+        visible: a.page === "project-productBacklogItem" || a.page === "subModule-apiSpec"
+      },
+      {
+        label: "Dependensi",
+        field: "dependencyStatus",
+        type: "multiselect",
+        placeholder: "Pilih dependensi status",
+        fetchOptionFn: () => [
+          {
+            label: "Tidak Ada",
+            value: "Tidak Ada"
+          },
+          {
+            label: "Belum Selesai",
+            value: "Belum Selesai"
+          },
+          {
+            label: "Selesai",
+            value: "Selesai"
+          }
+        ],
+        visible: a.page !== "project-productBacklogItem"
+      },
+      {
+        label: "Reported Bug (Kali)",
+        fields: ["minTimeReportedBug", "maxTimeReportedBug"],
+        type: "rangenumber",
+        placeholder: "0",
+        visible: a.page !== "project-productBacklogItem"
+      },
+      {
+        label: "Last Modified Status",
+        type: "calendar",
+        field: "lastUpdatedAt",
+        placeholder: "Pilih tanggal",
+        visible: !0
+      }
+    ]), he = k(() => {
+      var s, n, u, v, r, g, j, B, I;
+      const t = [
+        {
+          label: "Detail Task",
+          icon: "file-copy-2-line",
+          visible: ["parent", "dependency"].includes((s = o.value) == null ? void 0 : s.taskType),
+          command: () => {
+            F.value = !0;
+          }
+        }
+      ], e = [
+        {
+          label: "Assign Member",
+          icon: "user-received-2-line",
+          visible: ((n = o.value) == null ? void 0 : n.status) === "Backlog" && ((u = o.value) == null ? void 0 : u.taskType) === "parent" && de(["admin", "pm", "teamLeader"], _.value),
+          command: () => {
+            D.value = !0;
+          }
+        },
+        {
+          label: "Review",
+          icon: "chat-check",
+          visible: ((v = o.value) == null ? void 0 : v.status) === "Pending Review Leader" && ((r = o.value) == null ? void 0 : r.taskType) === "parent" && _.value.includes("teamLeader"),
+          command: Oe
+        },
+        ...t,
+        {
+          label: "Hapus",
+          icon: "delete-bin",
+          danger: !0,
+          visible: ["Backlog", "Sprint", "Waiting for Approval"].includes((g = o.value) == null ? void 0 : g.status) && ((j = o.value) == null ? void 0 : j.taskType) === "parent" && de(["admin", "pm", "teamLeader", "member"], _.value),
+          command: () => {
+            U.value = !0;
+          }
+        }
+      ], i = [
+        ...t,
+        {
+          label: "Pulihkan",
+          icon: "history",
+          visible: ((B = o.value) == null ? void 0 : B.taskType) === "parent" && a.tab === "deleted",
+          command: () => {
+            R.value = !0;
+          }
+        },
+        {
+          label: "Hapus Permanen",
+          icon: "delete-bin",
+          danger: !0,
+          visible: ((I = o.value) == null ? void 0 : I.taskType) === "parent" && a.tab === "deleted",
+          command: () => {
+            H.value = !0;
+          }
+        }
+      ];
+      return a.tab === "deleted" ? i : e;
+    }), Pe = k(() => {
+      var i, s, n, u, v;
+      const t = [
+        {
+          label: "Assign Member",
+          icon: "user-received-2-line",
+          visible: (((i = b.value) == null ? void 0 : i.every(
+            (r) => r.isProjectManager || r.isTeamLeader
+          )) || ((s = m == null ? void 0 : m.permission) == null ? void 0 : s.manageProject)) && ((n = b.value) == null ? void 0 : n.every(
+            (r) => {
+              var g, j;
+              return ((g = b.value) == null ? void 0 : g[0].project._id) === r.project._id && JSON.stringify((j = b.value) == null ? void 0 : j[0].team) === JSON.stringify(r.team);
+            }
+          )),
+          command: () => {
+            A.value = !0;
+          }
+        },
+        {
+          label: "Hapus",
+          icon: "delete-bin",
+          danger: !0,
+          visible: ((u = b.value) == null ? void 0 : u.every(
+            (r) => r.isProjectManager || r.isTeamLeader
+          )) || _.value.includes("admin") || ((v = b.value) == null ? void 0 : v.every(
+            (r) => r.assignedTo.some(
+              (g) => g._id === (m == null ? void 0 : m._id)
+            )
+          )),
+          command: () => {
+            $.value = !0;
+          }
+        }
+      ], e = [
+        {
+          label: "Pulihkan",
+          icon: "history",
+          visible: !0,
+          command: () => {
+            x.value = !0;
+          }
+        },
+        {
+          label: "Hapus Permanen",
+          icon: "delete-bin",
+          danger: !0,
+          visible: !0,
+          command: () => {
+            J.value = !0;
+          }
+        }
+      ];
+      return a.tab === "deleted" ? e : t;
+    }), Q = k(
+      () => {
+        var t, e, i;
+        return ((t = a.assignedPbiMembers) == null ? void 0 : t.length) && !["Selesai", "Pending Testing"].includes(((e = a.selectedPbi) == null ? void 0 : e.status) ?? "") && (xe(a.project).create || ((i = a.assignedPbiMembers) == null ? void 0 : i.map((s) => s._id).includes(re()._id))) && a.editablePbi;
+      }
+    ), _ = k(() => {
+      var s, n, u, v;
+      const t = [], e = Object.values(
+        ((s = m == null ? void 0 : m.permission) == null ? void 0 : s.manageProject) || {}
+      ).every((r) => r === !0), i = (n = o.value) != null && n.assignedTo.find(
+        (r) => r._id === (m == null ? void 0 : m._id)
+      ) ? "member" : "guest";
+      return e && t.push("admin"), (u = o.value) != null && u.isProjectManager && t.push("pm"), (v = o.value) != null && v.isTeamLeader && t.push("teamLeader"), [i, ...t];
+    }), P = k(() => {
+      var t;
+      return {
+        project: a.page.includes("project") || a.page.toLowerCase().includes("apispec") ? JSON.stringify([a.projectId]) : void 0,
+        module: a.page.toLowerCase().includes("module") && !a.page.toLowerCase().includes("apispec") ? JSON.stringify([a.moduleInitial]) : void 0,
+        subModule: a.page.includes("subModule") && !a.page.toLowerCase().includes("apispec") ? JSON.stringify([a.subModuleId]) : void 0,
+        pbi: a.page.includes("productBacklogItem") ? JSON.stringify([(t = a.selectedPbi) == null ? void 0 : t._id]) : void 0,
+        status: a.page === "dashboard-reviewLeader" ? JSON.stringify(["Pending Review Leader"]) : void 0
+      };
+    }), Be = () => {
+      a.page === "task" ? C.value = !0 : M.value = !0;
+    }, Ie = (t, e) => {
+      const s = (e || 9) * 60, n = Math.floor(t / s), u = Math.floor(t % s / 60), v = Math.floor(t % 60);
+      return `${n}h ${u}j ${v}m`;
+    }, Se = async (t) => {
+      var e;
+      try {
+        let i;
+        return ["member-detail", "my-profile"].includes(a.page) ? i = (await y.getTasksByUser({
+          userId: a.page === "my-profile" ? m._id : a.userId,
+          tab: a.tab,
+          query: t
+        })).data : a.page === "project-productBacklogItem" ? i = (await y.getTasks({
+          ...P.value,
+          ...t
+        })).data : a.page === "subModule-apiSpec" ? i = (await y.getTasks({
+          ...P.value,
+          ...t,
+          process: JSON.stringify(["API Spec"])
+        })).data : i = (await y.getTasksByTab({
+          tab: a.tab,
+          subTab: a.subTab,
+          query: {
+            ...P.value,
+            ...t
+          }
+        })).data, {
+          ...i,
+          data: {
+            ...i.data,
+            data: (e = i.data) == null ? void 0 : e.data.map((s) => {
+              var n;
+              return {
+                ...s,
+                isProjectManager: s.isProjectManager ?? ((n = a.project) == null ? void 0 : n.managers.map((u) => u.id).includes(m._id)),
+                hasChildren: s.childTask > 0 || Object.values(s.dependency).some((u) => u > 0),
+                taskType: "parent",
+                exportDependencyField: `${s.dependency.done} selesai, ${s.dependency.onProgress} tidak selesai`
+              };
+            })
+          }
+        };
+      } catch (i) {
+        console.error(i), h.add({
+          message: "Data Task gagal dimuat.",
+          error: i
+        });
+      }
+    }, f = async (t) => {
+      try {
+        let e;
+        return ["member-detail", "my-profile"].includes(a.page) ? e = (await y.getTaskOptionsByUser({
+          userId: a.page === "my-profile" ? m._id : a.userId,
+          tab: a.tab,
+          query: { ...P.value, [t]: !0 }
+        })).data : a.page === "project-productBacklogItem" || a.page === "subModule-apiSpec" ? e = (await y.getTaskOptions({
+          ...P.value,
+          [t]: !0
+        })).data : e = (await y.getTaskOptionsByTab({
+          tab: a.tab,
+          subTab: a.subTab,
+          query: { ...P.value, [t]: !0 }
+        })).data, e.data[t];
+      } catch (e) {
+        h.add({
+          message: "Data options gagal dimuat.",
+          error: e
+        });
+      }
+    }, Me = async (t) => {
+      try {
+        const { data: e } = await y.getTaskFamily(t._id);
+        return {
+          status: e.status,
+          message: e.message,
+          data: [
+            {
+              groupHeader: "Task Dependensi",
+              groupItems: e.data.dependencies.map((s) => ({
+                ...s,
+                taskType: "dependency"
+              }))
+            },
+            {
+              groupHeader: "Child Task",
+              groupItems: e.data.children.map((s) => ({
+                ...s,
+                taskType: "child"
+              }))
+            }
+          ]
+        };
+      } catch (e) {
+        h.add({
+          message: "Data Task gagal dimuat.",
+          error: e
+        });
+      }
+    }, p = () => {
+      b.value = [], fe("reloadTable"), oe.emit("data-table:update", { tableName: T.value }), oe.emit("data-table:clear-selected-data", {
+        tableName: T.value
+      });
+    }, Oe = async () => {
+      (await _e()).flatMap((i) => i.checklistItems).length ? L.value = !0 : N.value = !0;
+    }, _e = async () => {
+      var t;
+      try {
+        S(!0);
+        const { data: e } = await $e.getTaskChecklists(
+          (t = o.value) == null ? void 0 : t._id
+        );
+        return e == null ? void 0 : e.data;
+      } catch (e) {
+        return h.add({
+          message: "Gagal memuat data ceklis.",
+          error: e
+        }), [];
+      } finally {
+        S(!1);
+      }
+    }, we = async (t) => {
+      try {
+        S(!0);
+        const { data: e } = await y.reportTaskToFixingBug(
+          o.value._id,
+          {
+            note: t
+          }
+        );
+        e && (h.add({
+          message: "Task telah direport bug.",
+          severity: "success"
+        }), O.value = !1, p());
+      } catch (e) {
+        h.add({
+          message: "Task gagal direport bug.",
+          error: e
+        });
+      } finally {
+        S(!1);
+      }
+    }, Ce = (t) => {
+      G.value = t, M.value = !0;
+    };
+    return (t, e) => {
+      var i, s, n, u, v, r, g, j, B, I, X, Y, Z, ee, ae, te, le, ie;
+      return w(), De(Ae, null, [
+        se("div", ta, [
+          se("div", {
+            class: Ue([[{ "!gap-2": t.page === "project-productBacklogItem" }], "flex justify-end gap-4"])
+          }, [
+            d(Je, {
+              "selected-data": b.value,
+              "onUpdate:selectedData": e[0] || (e[0] = (l) => b.value = l),
+              options: Pe.value,
+              "table-name": T.value,
+              "show-select-all-button": ""
+            }, null, 8, ["selected-data", "options", "table-name"]),
+            d(Ve, {
+              "table-name": T.value,
+              onSearch: e[1] || (e[1] = (l) => ke.value.global.value = l),
+              class: "ml-auto"
+            }, null, 8, ["table-name"]),
+            d(qe, {
+              "show-filter": E.value,
+              "onUpdate:showFilter": e[2] || (e[2] = (l) => E.value = l),
+              "table-name": T.value
+            }, null, 8, ["show-filter", "table-name"]),
+            t.page === "project-productBacklogItem" && Q.value ? (w(), V(ne, {
+              key: 0,
+              onClick: e[3] || (e[3] = (l) => t.$emit("showUnassignedTask")),
+              label: "Ambil Task",
+              severity: "secondary"
+            })) : W("", !0),
+            a.tab === "all" && [
+              "task",
+              "project-task",
+              "project-module",
+              "project-subModule"
+            ].includes(a.page) || t.page === "project-productBacklogItem" && Q.value ? (w(), V(ne, {
+              key: 1,
+              label: t.page === "project-productBacklogItem" ? "Task Baru" : "Task",
+              onClick: Be,
+              icon: "add",
+              severity: "secondary"
+            }, null, 8, ["label"])) : W("", !0)
+          ], 2),
+          t.page !== "project-productBacklogItem" && t.page !== "subModule-apiSpec" ? (w(), V(Ee, {
+            key: 0,
+            fields: Te.value.filter((l) => l.visible),
+            "table-name": T.value
+          }, null, 8, ["fields", "table-name"])) : W("", !0),
+          d(ze, {
+            fields: je.value.filter((l) => l.visible),
+            "table-name": T.value
+          }, null, 8, ["fields", "table-name"]),
+          d(We, {
+            "selected-data": b.value,
+            "onUpdate:selectedData": e[4] || (e[4] = (l) => b.value = l),
+            "child-table-props": {
+              useColumnsHeader: !1,
+              useOption: !0,
+              fetchFunction: Me
+            },
+            columns: ye.value,
+            "fetch-function": Se,
+            options: he.value,
+            "selection-type": ["backlog", "deleted"].includes(a.tab) ? "checkbox" : "none",
+            "table-name": T.value,
+            "tree-table": t.page !== "project-productBacklogItem",
+            onToggleOption: e[5] || (e[5] = (l) => {
+              o.value = l;
+            }),
+            "data-key": "_id",
+            "excel-toast-error-message": "Data task gagal diunduh.",
+            lazy: "",
+            "use-option": "",
+            "use-paginator": ""
+          }, null, 8, ["selected-data", "child-table-props", "columns", "options", "selection-type", "table-name", "tree-table"])
+        ]),
+        d(ce, {
+          visible: M.value,
+          "onUpdate:visible": e[6] || (e[6] = (l) => M.value = l),
+          "initial-module": a.moduleId ? { _id: a.moduleId } : void 0,
+          "initial-sub-module": a.subModuleId ? { _id: a.subModuleId } : void 0,
+          "product-backlog-item-id": (i = a.selectedPbi) == null ? void 0 : i._id,
+          "project-id": a.page === "task" ? G.value : a.projectId,
+          onCreate: p,
+          onDelete: p,
+          onUpdate: p
+        }, null, 8, ["visible", "initial-module", "initial-sub-module", "product-backlog-item-id", "project-id"]),
+        d(ce, {
+          visible: F.value,
+          "onUpdate:visible": e[7] || (e[7] = (l) => F.value = l),
+          "initial-module": a.moduleId ? { _id: a.moduleId } : void 0,
+          "initial-sub-module": a.subModuleId ? { _id: a.subModuleId } : void 0,
+          "product-backlog-item-id": (s = a.selectedPbi) == null ? void 0 : s._id,
+          "project-id": (u = (n = o.value) == null ? void 0 : n.project) == null ? void 0 : u._id,
+          "task-id": (v = o.value) == null ? void 0 : v._id,
+          onCreate: p,
+          onDelete: p,
+          onUpdate: p
+        }, null, 8, ["visible", "initial-module", "initial-sub-module", "product-backlog-item-id", "project-id", "task-id"]),
+        d(aa, {
+          visible: C.value,
+          "onUpdate:visible": e[8] || (e[8] = (l) => C.value = l),
+          onSaved: Ce
+        }, null, 8, ["visible"]),
+        d(ue, {
+          visible: D.value,
+          "onUpdate:visible": e[9] || (e[9] = (l) => D.value = l),
+          "project-id-prop": (g = (r = o.value) == null ? void 0 : r.project) == null ? void 0 : g._id,
+          "task-id-prop": [(j = o.value) == null ? void 0 : j._id],
+          onSaved: p
+        }, null, 8, ["visible", "project-id-prop", "task-id-prop"]),
+        d(ue, {
+          visible: A.value,
+          "onUpdate:visible": e[10] || (e[10] = (l) => A.value = l),
+          "project-id-prop": (X = (I = (B = b.value) == null ? void 0 : B[0]) == null ? void 0 : I.project) == null ? void 0 : X._id,
+          "task-id-prop": (Y = b.value) == null ? void 0 : Y.map((l) => l._id),
+          onSaved: p
+        }, null, 8, ["visible", "project-id-prop", "task-id-prop"]),
+        d(Ze, {
+          visible: L.value,
+          "onUpdate:visible": e[11] || (e[11] = (l) => L.value = l),
+          "task-detail-prop": o.value,
+          "task-id-prop": (Z = o.value) == null ? void 0 : Z._id,
+          onSaved: p
+        }, null, 8, ["visible", "task-detail-prop", "task-id-prop"]),
+        d(Ye, {
+          visible: N.value,
+          "onUpdate:visible": e[12] || (e[12] = (l) => N.value = l),
+          "process-name": (ae = (ee = o.value) == null ? void 0 : ee.process) == null ? void 0 : ae.name,
+          "task-id-prop": (te = o.value) == null ? void 0 : te._id,
+          onReportBug: e[13] || (e[13] = (l) => O.value = !0),
+          onSaved: p
+        }, null, 8, ["visible", "process-name", "task-id-prop"]),
+        d(Xe, {
+          visible: K.value,
+          "onUpdate:visible": e[14] || (e[14] = (l) => K.value = l),
+          "task-detail": o.value,
+          onSaved: p
+        }, null, 8, ["visible", "task-detail"]),
+        d(pe, {
+          visible: U.value,
+          "onUpdate:visible": e[15] || (e[15] = (l) => U.value = l),
+          page: t.page,
+          "project-id": t.projectId,
+          "selected-pbi-id": (le = t.selectedPbi) == null ? void 0 : le._id,
+          tasks: [o.value],
+          onSaved: p
+        }, null, 8, ["visible", "page", "project-id", "selected-pbi-id", "tasks"]),
+        d(pe, {
+          visible: $.value,
+          "onUpdate:visible": e[16] || (e[16] = (l) => $.value = l),
+          page: t.page,
+          "project-id": t.projectId,
+          "selected-pbi-id": (ie = t.selectedPbi) == null ? void 0 : ie._id,
+          tasks: b.value,
+          onSaved: p
+        }, null, 8, ["visible", "page", "project-id", "selected-pbi-id", "tasks"]),
+        d(be, {
+          visible: R.value,
+          "onUpdate:visible": e[17] || (e[17] = (l) => R.value = l),
+          tasks: [o.value],
+          onSaved: p
+        }, null, 8, ["visible", "tasks"]),
+        d(be, {
+          visible: x.value,
+          "onUpdate:visible": e[18] || (e[18] = (l) => x.value = l),
+          tasks: b.value,
+          onSaved: p
+        }, null, 8, ["visible", "tasks"]),
+        d(me, {
+          visible: H.value,
+          "onUpdate:visible": e[19] || (e[19] = (l) => H.value = l),
+          tasks: [o.value],
+          onSaved: p
+        }, null, 8, ["visible", "tasks"]),
+        d(me, {
+          visible: J.value,
+          "onUpdate:visible": e[20] || (e[20] = (l) => J.value = l),
+          tasks: b.value,
+          onSaved: p
+        }, null, 8, ["visible", "tasks"]),
+        d(Qe, {
+          visible: O.value,
+          "onUpdate:visible": e[21] || (e[21] = (l) => O.value = l),
+          onSubmit: we
+        }, null, 8, ["visible"])
+      ], 64);
+    };
+  }
+});
+export {
+  Da as _
+};