@ozdao/martyrs 0.2.602 → 0.2.604

package/dist/martyrs/src/modules/governance/views/components/pages/Task.vue.js

@@ -0,0 +1,769 @@
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode, createCommentVNode, normalizeClass, toDisplayString, unref, Fragment, renderList, createStaticVNode, createBlock, withModifiers } from "vue";
+import { useRoute } from "vue-router";
+import _sfc_main$1 from "../partials/TaskStatusBadge.vue.js";
+import { tasksState, tasksActions } from "../../store/tasks.js";
+import { initiativesState, initiativesActions } from "../../store/initiatives.js";
+import { sprintsState, sprintsActions } from "../../store/sprints.js";
+import { votingsState, votingsActions } from "../../store/votings.js";
+import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
+import _sfc_main$4 from "../../../../icons/entities/IconCalendar.vue.js";
+import _sfc_main$6 from "../../../../icons/entities/IconGroups.vue.js";
+import _sfc_main$3 from "../../../../icons/entities/IconProfile.vue.js";
+import IconTime from "../../../../icons/entities/IconTime.vue.js";
+import _sfc_main$8 from "../../../../icons/entities/IconLock.vue.js";
+import _sfc_main$5 from "../../../../icons/navigation/IconAttach.vue.js";
+import _sfc_main$2 from "../../../../icons/navigation/IconCheckmark.vue.js";
+import _sfc_main$7 from "../../../../icons/navigation/IconCross.vue.js";
+import IconSend from "../../../../icons/navigation/IconSend.vue.js";
+/* empty css                                         */
+/* empty css                                           */
+/* empty css                                              */
+/* empty css                                               */
+/* empty css                                              */
+/* empty css                                         */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                     */
+/* empty css                                       */
+/* empty css                                                */
+/* empty css                                    */
+/* empty css                                               */
+/* empty css                                     */
+const _hoisted_1 = {
+  key: 0,
+  class: "min-h-100vh flex flex-center flex"
+};
+const _hoisted_2 = { class: "t-center" };
+const _hoisted_3 = {
+  key: 1,
+  class: "min-h-100vh"
+};
+const _hoisted_4 = { class: "pd-medium pd-y-semi" };
+const _hoisted_5 = { class: "bg-light radius-semi o-hidden mn-b-semi" };
+const _hoisted_6 = { class: "pd-semi" };
+const _hoisted_7 = { class: "flex flex-justify-between flex-align-start mn-b-semi" };
+const _hoisted_8 = { class: "flex-child-1" };
+const _hoisted_9 = { class: "flex flex-v-center gap-small mn-b-small" };
+const _hoisted_10 = {
+  key: 1,
+  class: "pd-micro pd-x-small radius-extra p-micro fw-medium bg-green-small t-green-nice flex flex-v-center gap-micro"
+};
+const _hoisted_11 = { class: "h1 fw-medium mn-b-medium" };
+const _hoisted_12 = {
+  class: "p-semi t-dark t-line-relaxed",
+  style: { "white-space": "pre-wrap" }
+};
+const _hoisted_13 = { class: "cols-2 mobile:cols-1 gap-small" };
+const _hoisted_14 = { class: "flex flex-column gap-regular" };
+const _hoisted_15 = { class: "flex flex-align-start gap-small" };
+const _hoisted_16 = { class: "flex-child-1" };
+const _hoisted_17 = {
+  key: 0,
+  class: "flex flex-v-center gap-thin"
+};
+const _hoisted_18 = ["src", "alt"];
+const _hoisted_19 = { class: "fw-medium" };
+const _hoisted_20 = {
+  key: 1,
+  class: "fw-medium"
+};
+const _hoisted_21 = {
+  key: 2,
+  class: "flex flex-column gap-thin"
+};
+const _hoisted_22 = {
+  key: 0,
+  class: "flex gap-thin"
+};
+const _hoisted_23 = { class: "flex flex-align-start gap-small" };
+const _hoisted_24 = { class: "fw-medium" };
+const _hoisted_25 = { class: "flex flex-align-start gap-small" };
+const _hoisted_26 = { class: "flex flex-wrap gap-thin" };
+const _hoisted_27 = {
+  key: 0,
+  class: "mn-t-semi"
+};
+const _hoisted_28 = { class: "cols-3 gap-regular mn-b-medium" };
+const _hoisted_29 = {
+  key: 0,
+  class: "pd-small br-black-transp-10 br-1px radius-medium"
+};
+const _hoisted_30 = { class: "fw-medium" };
+const _hoisted_31 = {
+  key: 1,
+  class: "pd-small br-black-transp-10 br-1px radius-medium"
+};
+const _hoisted_32 = { class: "fw-medium" };
+const _hoisted_33 = {
+  key: 2,
+  class: "pd-small br-black-transp-10 br-1px radius-medium"
+};
+const _hoisted_34 = { class: "fw-medium" };
+const _hoisted_35 = { class: "flex flex-justify-between flex-v-center" };
+const _hoisted_36 = { key: 0 };
+const _hoisted_37 = { class: "flex flex-wrap gap-thin" };
+const _hoisted_38 = {
+  key: 1,
+  class: "flex gap-thin"
+};
+const _hoisted_39 = {
+  key: 0,
+  class: "bg-light radius-semi pd-semi mn-b-semi"
+};
+const _hoisted_40 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_41 = { class: "cols-2 mobile:cols-1 gap-small" };
+const _hoisted_42 = { class: "fw-medium" };
+const _hoisted_43 = { class: "fw-medium" };
+const _hoisted_44 = { class: "bg-light radius-semi pd-semi mn-b-semi" };
+const _hoisted_45 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_46 = { class: "cols-2 mobile:cols-1 gap-small" };
+const _hoisted_47 = { class: "flex flex-column gap-regular" };
+const _hoisted_48 = { class: "pd-medium br-black-transp-10 br-1px radius-medium" };
+const _hoisted_49 = { class: "p-small t-dark" };
+const _hoisted_50 = { key: 0 };
+const _hoisted_51 = { key: 1 };
+const _hoisted_52 = { class: "pd-medium br-black-transp-10 br-1px radius-medium" };
+const _hoisted_53 = { class: "p-small t-dark" };
+const _hoisted_54 = { key: 0 };
+const _hoisted_55 = { key: 1 };
+const _hoisted_56 = {
+  key: 0,
+  class: "pd-medium br-black-transp-10 br-1px radius-medium"
+};
+const _hoisted_57 = { class: "flex flex-column gap-thin p-small" };
+const _hoisted_58 = { class: "flex flex-justify-between" };
+const _hoisted_59 = { class: "fw-medium" };
+const _hoisted_60 = { class: "flex flex-justify-between" };
+const _hoisted_61 = { class: "fw-medium t-capitalize" };
+const _hoisted_62 = { class: "flex flex-column gap-regular" };
+const _hoisted_63 = {
+  key: 0,
+  class: "pd-medium bg-grad-[to-br_green-10_main-10] br-1px br-green-semi radius-medium"
+};
+const _hoisted_64 = { class: "flex flex-justify-between flex-v-center mn-b-small" };
+const _hoisted_65 = { class: "h2 fw-medium" };
+const _hoisted_66 = {
+  key: 0,
+  class: "flex flex-v-center gap-micro t-green-nice fw-medium p-small"
+};
+const _hoisted_67 = {
+  key: 1,
+  class: "flex flex-v-center gap-micro t-yellow-nice fw-medium p-small"
+};
+const _hoisted_68 = {
+  key: 1,
+  class: "pd-medium br-black-transp-10 br-1px radius-medium"
+};
+const _hoisted_69 = { class: "flex flex-column gap-thin" };
+const _hoisted_70 = { class: "flex flex-justify-between flex-v-center p-small" };
+const _hoisted_71 = { class: "flex flex-justify-between flex-v-center p-small" };
+const _hoisted_72 = { class: "flex flex-justify-between flex-v-center p-small" };
+const _hoisted_73 = { class: "flex flex-justify-between flex-v-center p-small" };
+const _hoisted_74 = { class: "bg-light radius-semi pd-semi" };
+const _hoisted_75 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_76 = { class: "cols-2 mobile:cols-1 gap-regular" };
+const _hoisted_77 = { class: "br-2px br-main-semi radius-medium pd-medium bg-main-small" };
+const _hoisted_78 = { class: "fw-medium mn-b-small" };
+const _hoisted_79 = { class: "flex flex-v-center gap-thin mn-b-small" };
+const _hoisted_80 = { class: "p-small t-dark flex flex-justify-between" };
+const _hoisted_81 = {
+  key: 0,
+  class: "mn-t-small pd-t-small br-t-1px br-main-semi"
+};
+const _hoisted_82 = {
+  key: 0,
+  class: "w-100 bg-main hover:bg-main-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out"
+};
+const _hoisted_83 = { class: "br-2px br-green-semi radius-medium pd-medium bg-green-small" };
+const _hoisted_84 = { class: "fw-medium mn-b-small" };
+const _hoisted_85 = { class: "flex flex-v-center gap-thin mn-b-small" };
+const _hoisted_86 = { class: "p-small t-dark flex flex-justify-between" };
+const _hoisted_87 = {
+  key: 0,
+  class: "mn-t-small pd-t-small br-t-1px br-green-semi"
+};
+const _hoisted_88 = {
+  key: 1,
+  class: "w-100 bg-green-nice hover:bg-green-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out"
+};
+const _hoisted_89 = { class: "bg-light radius-medium pd-semi w-max-30r" };
+const _hoisted_90 = { class: "flex flex-justify-between flex-v-center mn-b-medium" };
+const _sfc_main = {
+  __name: "Task",
+  setup(__props) {
+    const { formatDate } = useGlobalMixins();
+    const route = useRoute();
+    const showAssignForm = ref(false);
+    const task = computed(() => tasksState.current);
+    const initiative = computed(() => initiativesState.current);
+    const sprint = computed(() => sprintsState.current);
+    const startVoting = computed(() => {
+      if (!task.value?.proposedByVoting) return null;
+      return votingsState.all.find((v) => v._id === task.value.proposedByVoting);
+    });
+    const approvalVoting = computed(() => {
+      if (!task.value?.completionVoting) return null;
+      return votingsState.all.find((v) => v._id === task.value.completionVoting);
+    });
+    const priorityConfig = {
+      low: { label: "Low", color: "t-green-nice", bg: "bg-green-small" },
+      medium: { label: "Medium", color: "t-yellow-nice", bg: "bg-yellow-small" },
+      high: { label: "High", color: "t-red-nice", bg: "bg-red-small" }
+    };
+    const priority = computed(() => task.value ? priorityConfig[task.value.priority] : null);
+    const handleAssignToMe = () => console.log("Assigning task to current user");
+    const handleSubmitForReview = () => console.log("Submitting task for review");
+    const handleCompleteTask = () => console.log("Completing task");
+    const handleMerge = () => console.log("Merging changes");
+    const handleApproveBudget = () => console.log("Approving budget");
+    const handleDeploy = () => console.log("Deploying changes");
+    const handleVeto = () => console.log("Vetoing task");
+    onMounted(async () => {
+      await tasksActions.getTaskById(route.params.taskId);
+      await votingsActions.getAllVotings();
+      if (tasksState.current?.initiative) {
+        await initiativesActions.getInitiativeById(tasksState.current.initiative);
+      }
+      if (tasksState.current?.sprint) {
+        await sprintsActions.getSprintById(tasksState.current.sprint);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return !task.value || !task.value._id ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[4] || (_cache[4] = createElementVNode("h2", { class: "h2 fw-medium mn-b-small" }, "Task not found", -1)),
+          createVNode(_component_router_link, {
+            to: "/governance",
+            class: "t-main hover:t-main-semi"
+          }, {
+            default: withCtx(() => _cache[3] || (_cache[3] = [
+              createTextVNode(" Back to initiatives ")
+            ])),
+            _: 1
+          })
+        ])
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("div", _hoisted_9, [
+                    createVNode(_sfc_main$1, {
+                      status: task.value.status
+                    }, null, 8, ["status"]),
+                    priority.value ? (openBlock(), createElementBlock("span", {
+                      key: 0,
+                      class: normalizeClass(`pd-micro pd-x-small radius-extra p-micro fw-medium ${priority.value.bg} ${priority.value.color} flex flex-v-center gap-micro`)
+                    }, [
+                      _cache[5] || (_cache[5] = createElementVNode("svg", {
+                        class: "i-medium",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        createElementVNode("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
+                        createElementVNode("line", {
+                          x1: "4",
+                          y1: "22",
+                          x2: "4",
+                          y2: "15"
+                        })
+                      ], -1)),
+                      createTextVNode(" " + toDisplayString(priority.value.label) + " Priority ", 1)
+                    ], 2)) : createCommentVNode("", true),
+                    task.value.passed ? (openBlock(), createElementBlock("span", _hoisted_10, [
+                      createVNode(unref(_sfc_main$2), {
+                        class: "i-regular",
+                        fill: "currentColor"
+                      }),
+                      _cache[6] || (_cache[6] = createTextVNode(" Passed "))
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("h1", _hoisted_11, toDisplayString(task.value.title), 1),
+                  createElementVNode("p", _hoisted_12, toDisplayString(task.value.description), 1)
+                ])
+              ]),
+              createElementVNode("div", null, [
+                createElementVNode("div", _hoisted_13, [
+                  createElementVNode("div", _hoisted_14, [
+                    createElementVNode("div", _hoisted_15, [
+                      createVNode(unref(_sfc_main$3), {
+                        class: "i-medium mn-t-micro",
+                        fill: "rgb(var(--grey))"
+                      }),
+                      createElementVNode("div", _hoisted_16, [
+                        _cache[8] || (_cache[8] = createElementVNode("div", { class: "p-small t-dark mn-b-small" }, "Assignee", -1)),
+                        task.value.assignee ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                          createElementVNode("img", {
+                            src: task.value.assignee.avatar,
+                            alt: task.value.assignee.name,
+                            class: "i-medium radius-extra"
+                          }, null, 8, _hoisted_18),
+                          createElementVNode("span", _hoisted_19, toDisplayString(task.value.assignee.name), 1)
+                        ])) : task.value.assignedTo ? (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString(task.value.assignedTo), 1)) : (openBlock(), createElementBlock("div", _hoisted_21, [
+                          _cache[7] || (_cache[7] = createElementVNode("span", { class: "t-dark" }, "Unassigned", -1)),
+                          task.value.status === "not_started" ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                            createElementVNode("button", {
+                              onClick: handleAssignToMe,
+                              class: "bg-main hover:bg-main-semi t-white p-small fw-medium pd-micro pd-x-small radius-medium ease-cubic-in-out"
+                            }, " Assign to Me "),
+                            createElementVNode("button", {
+                              onClick: _cache[0] || (_cache[0] = ($event) => showAssignForm.value = true),
+                              class: "bg-light hover:bg-white t-dark br-1px br-light p-small fw-medium pd-micro pd-x-small radius-medium ease-cubic-in-out"
+                            }, " Assign to User ")
+                          ])) : createCommentVNode("", true)
+                        ]))
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_23, [
+                      createVNode(unref(_sfc_main$4), {
+                        class: "i-medium mn-t-micro",
+                        fill: "rgb(var(--grey))"
+                      }),
+                      createElementVNode("div", null, [
+                        _cache[9] || (_cache[9] = createElementVNode("div", { class: "p-small t-dark mn-b-micro" }, "Created / Due Date", -1)),
+                        createElementVNode("div", _hoisted_24, toDisplayString(unref(formatDate)(task.value.createdAt, { dateOnly: true })) + " → " + toDisplayString(unref(formatDate)(task.value.dueDate, { dateOnly: true })), 1)
+                      ])
+                    ])
+                  ]),
+                  createElementVNode("div", null, [
+                    createElementVNode("div", _hoisted_25, [
+                      _cache[11] || (_cache[11] = createElementVNode("svg", {
+                        class: "i-medium t-dark mn-t-micro",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        createElementVNode("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }),
+                        createElementVNode("line", {
+                          x1: "7",
+                          y1: "7",
+                          x2: "7.01",
+                          y2: "7"
+                        })
+                      ], -1)),
+                      createElementVNode("div", null, [
+                        _cache[10] || (_cache[10] = createElementVNode("div", { class: "p-small t-dark mn-b-small" }, "Tags", -1)),
+                        createElementVNode("div", _hoisted_26, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(task.value.tags, (tag) => {
+                            return openBlock(), createElementBlock("span", {
+                              key: tag,
+                              class: "pd-micro pd-x-small bg-white t-dark p-small radius-extra"
+                            }, toDisplayString(tag), 1);
+                          }), 128))
+                        ])
+                      ])
+                    ])
+                  ])
+                ])
+              ]),
+              task.value.project || task.value.repository ? (openBlock(), createElementBlock("div", _hoisted_27, [
+                _cache[19] || (_cache[19] = createStaticVNode('<div class="flex flex-v-center gap-thin mn-b-medium"><svg class="i-medium t-dark" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg><h3 class="p-regular fw-medium">Repository Information</h3></div>', 1)),
+                createElementVNode("div", _hoisted_28, [
+                  task.value.project || initiative.value && initiative.value._id ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                    _cache[12] || (_cache[12] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Project", -1)),
+                    createElementVNode("div", _hoisted_30, toDisplayString(task.value.project || initiative.value?.title), 1)
+                  ])) : createCommentVNode("", true),
+                  task.value.repository ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                    _cache[13] || (_cache[13] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Repository", -1)),
+                    createElementVNode("div", _hoisted_32, toDisplayString(task.value.repository), 1)
+                  ])) : createCommentVNode("", true),
+                  task.value.branch !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_33, [
+                    _cache[14] || (_cache[14] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Branch", -1)),
+                    createElementVNode("div", _hoisted_34, toDisplayString(task.value.branch || "Not created"), 1)
+                  ])) : createCommentVNode("", true)
+                ]),
+                createElementVNode("div", _hoisted_35, [
+                  task.value.mergeRequests && task.value.mergeRequests.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_36, [
+                    _cache[16] || (_cache[16] = createElementVNode("div", { class: "p-micro t-dark mn-b-small" }, "Merge Requests", -1)),
+                    createElementVNode("div", _hoisted_37, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(task.value.mergeRequests, (mr) => {
+                        return openBlock(), createElementBlock("span", {
+                          key: mr,
+                          class: "pd-micro pd-x-small bg-main-small t-main p-small radius-extra flex flex-v-center gap-micro"
+                        }, [
+                          _cache[15] || (_cache[15] = createElementVNode("svg", {
+                            class: "i-medium",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            "stroke-width": "2"
+                          }, [
+                            createElementVNode("circle", {
+                              cx: "18",
+                              cy: "18",
+                              r: "3"
+                            }),
+                            createElementVNode("circle", {
+                              cx: "6",
+                              cy: "6",
+                              r: "3"
+                            }),
+                            createElementVNode("path", { d: "M6 21V9a9 9 0 0 0 9 9" })
+                          ], -1)),
+                          createTextVNode(" " + toDisplayString(mr), 1)
+                        ]);
+                      }), 128))
+                    ])
+                  ])) : createCommentVNode("", true),
+                  task.value.permissions ? (openBlock(), createElementBlock("div", _hoisted_38, [
+                    task.value.permissions.merge ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      onClick: handleMerge,
+                      class: "bg-fifth hover:bg-fifth-semi t-white p-small fw-medium pd-small pd-x-medium radius-medium ease-cubic-in-out flex flex-v-center gap-thin"
+                    }, _cache[17] || (_cache[17] = [
+                      createElementVNode("svg", {
+                        class: "i-medium",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        createElementVNode("circle", {
+                          cx: "18",
+                          cy: "18",
+                          r: "3"
+                        }),
+                        createElementVNode("circle", {
+                          cx: "6",
+                          cy: "6",
+                          r: "3"
+                        }),
+                        createElementVNode("path", { d: "M6 21V9a9 9 0 0 0 9 9" })
+                      ], -1),
+                      createTextVNode(" Merge ")
+                    ]))) : createCommentVNode("", true),
+                    task.value.permissions.deploy ? (openBlock(), createElementBlock("button", {
+                      key: 1,
+                      onClick: handleDeploy,
+                      class: "bg-orange-nice hover:bg-orange-semi t-white p-small fw-medium pd-small pd-x-medium radius-medium ease-cubic-in-out flex flex-v-center gap-thin"
+                    }, _cache[18] || (_cache[18] = [
+                      createElementVNode("svg", {
+                        class: "i-medium",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        createElementVNode("path", { d: "M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" }),
+                        createElementVNode("line", {
+                          x1: "3",
+                          y1: "6",
+                          x2: "21",
+                          y2: "6"
+                        }),
+                        createElementVNode("path", { d: "M16 10a4 4 0 0 1-8 0" })
+                      ], -1),
+                      createTextVNode(" Deploy ")
+                    ]))) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true)
+                ])
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          initiative.value && initiative.value._id || sprint.value && sprint.value._id ? (openBlock(), createElementBlock("div", _hoisted_39, [
+            createElementVNode("div", _hoisted_40, [
+              createVNode(unref(_sfc_main$5), {
+                class: "i-medium",
+                fill: "rgb(var(--grey))"
+              }),
+              _cache[20] || (_cache[20] = createElementVNode("h3", { class: "p-regular fw-medium" }, "Part Of", -1))
+            ]),
+            createElementVNode("div", _hoisted_41, [
+              initiative.value && initiative.value._id ? (openBlock(), createBlock(_component_router_link, {
+                key: 0,
+                to: `/governance/initiatives/${initiative.value._id}`,
+                class: "d-block pd-medium bg-main-small br-1px br-main-semi radius-medium hover:bg-main-tiny ease-cubic-in-out"
+              }, {
+                default: withCtx(() => [
+                  _cache[21] || (_cache[21] = createElementVNode("div", { class: "p-micro t-main fw-medium mn-b-micro" }, "Initiative", -1)),
+                  createElementVNode("div", _hoisted_42, toDisplayString(initiative.value.title), 1)
+                ]),
+                _: 1
+              }, 8, ["to"])) : createCommentVNode("", true),
+              sprint.value && sprint.value._id ? (openBlock(), createBlock(_component_router_link, {
+                key: 1,
+                to: `/governance/initiatives/${unref(route).params.id}/sprints/${sprint.value._id}`,
+                class: "d-block pd-medium bg-green-small br-1px br-green-semi radius-medium hover:bg-green-tiny ease-cubic-in-out"
+              }, {
+                default: withCtx(() => [
+                  _cache[22] || (_cache[22] = createElementVNode("div", { class: "p-micro t-green-nice fw-medium mn-b-micro" }, "Sprint", -1)),
+                  createElementVNode("div", _hoisted_43, toDisplayString(sprint.value.name), 1)
+                ]),
+                _: 1
+              }, 8, ["to"])) : createCommentVNode("", true)
+            ])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_44, [
+            createElementVNode("div", _hoisted_45, [
+              createVNode(unref(_sfc_main$6), {
+                class: "i-medium",
+                fill: "rgb(var(--grey))"
+              }),
+              _cache[23] || (_cache[23] = createElementVNode("h3", { class: "p-semi fw-medium" }, "Task Governance & Budget", -1))
+            ]),
+            createElementVNode("div", _hoisted_46, [
+              createElementVNode("div", _hoisted_47, [
+                createElementVNode("div", _hoisted_48, [
+                  _cache[25] || (_cache[25] = createElementVNode("h4", { class: "p-small fw-medium mn-b-small" }, "Task Acceptance", -1)),
+                  createElementVNode("p", _hoisted_49, [
+                    task.value.proposedByVoting ? (openBlock(), createElementBlock("span", _hoisted_50, _cache[24] || (_cache[24] = [
+                      createTextVNode("This task requires "),
+                      createElementVNode("span", { class: "fw-medium t-main" }, "public voting", -1),
+                      createTextVNode(" to start work.")
+                    ]))) : (openBlock(), createElementBlock("span", _hoisted_51, "Team members can start working on this task directly."))
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_52, [
+                  _cache[27] || (_cache[27] = createElementVNode("h4", { class: "p-small fw-medium mn-b-small" }, "Approval Process", -1)),
+                  createElementVNode("p", _hoisted_53, [
+                    task.value.completionVoting ? (openBlock(), createElementBlock("span", _hoisted_54, _cache[26] || (_cache[26] = [
+                      createTextVNode("Task completion requires "),
+                      createElementVNode("span", { class: "fw-medium t-main" }, "public voting approval", -1),
+                      createTextVNode(".")
+                    ]))) : (openBlock(), createElementBlock("span", _hoisted_55, "Task completion is approved by team members."))
+                  ])
+                ]),
+                task.value.visibility ? (openBlock(), createElementBlock("div", _hoisted_56, [
+                  _cache[30] || (_cache[30] = createElementVNode("h4", { class: "p-small fw-medium mn-b-small" }, "Decision Making", -1)),
+                  createElementVNode("div", _hoisted_57, [
+                    createElementVNode("div", _hoisted_58, [
+                      _cache[28] || (_cache[28] = createElementVNode("span", { class: "t-dark" }, "Governance Type:", -1)),
+                      createElementVNode("span", _hoisted_59, toDisplayString(task.value.visibility.type === "public" ? "Community-based" : "Team-based"), 1)
+                    ]),
+                    createElementVNode("div", _hoisted_60, [
+                      _cache[29] || (_cache[29] = createElementVNode("span", { class: "t-dark" }, "Visibility:", -1)),
+                      createElementVNode("span", _hoisted_61, toDisplayString(task.value.visibility.type), 1)
+                    ])
+                  ])
+                ])) : createCommentVNode("", true)
+              ]),
+              createElementVNode("div", _hoisted_62, [
+                task.value.budget ? (openBlock(), createElementBlock("div", _hoisted_63, [
+                  _cache[34] || (_cache[34] = createStaticVNode('<div class="flex flex-v-center gap-thin mn-b-small"><svg class="i-semi t-dark" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><h4 class="p-small fw-medium">Budget</h4></div>', 1)),
+                  createElementVNode("div", _hoisted_64, [
+                    createElementVNode("div", _hoisted_65, toDisplayString(task.value.budget.amount) + " " + toDisplayString(task.value.budget.currency), 1),
+                    createElementVNode("div", null, [
+                      task.value.budget.approved ? (openBlock(), createElementBlock("span", _hoisted_66, [
+                        createVNode(unref(_sfc_main$2), {
+                          class: "i-regular",
+                          fill: "currentColor"
+                        }),
+                        _cache[31] || (_cache[31] = createTextVNode(" Approved "))
+                      ])) : (openBlock(), createElementBlock("span", _hoisted_67, [
+                        createVNode(unref(IconTime), {
+                          class: "i-regular",
+                          fill: "currentColor"
+                        }),
+                        _cache[32] || (_cache[32] = createTextVNode(" Pending "))
+                      ]))
+                    ])
+                  ]),
+                  task.value.permissions && task.value.permissions.budget && !task.value.budget.approved ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    onClick: handleApproveBudget,
+                    class: "w-100 bg-green-nice hover:bg-green-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out flex flex-center flex gap-thin"
+                  }, _cache[33] || (_cache[33] = [
+                    createElementVNode("svg", {
+                      class: "i-medium",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      createElementVNode("line", {
+                        x1: "12",
+                        y1: "1",
+                        x2: "12",
+                        y2: "23"
+                      }),
+                      createElementVNode("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
+                    ], -1),
+                    createTextVNode(" Approve Budget ")
+                  ]))) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                task.value.permissions ? (openBlock(), createElementBlock("div", _hoisted_68, [
+                  _cache[40] || (_cache[40] = createElementVNode("h4", { class: "p-small fw-medium mn-b-small" }, "Permissions", -1)),
+                  createElementVNode("div", _hoisted_69, [
+                    createElementVNode("div", _hoisted_70, [
+                      _cache[35] || (_cache[35] = createElementVNode("span", { class: "t-dark" }, "Merge Rights", -1)),
+                      task.value.permissions.merge ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        key: 0,
+                        class: "i-regular",
+                        fill: "rgb(var(--green-nice))"
+                      })) : (openBlock(), createBlock(unref(_sfc_main$7), {
+                        key: 1,
+                        class: "i-regular",
+                        fill: "rgb(var(--grey))"
+                      }))
+                    ]),
+                    createElementVNode("div", _hoisted_71, [
+                      _cache[36] || (_cache[36] = createElementVNode("span", { class: "t-dark" }, "Budget Approval", -1)),
+                      task.value.permissions.budget ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        key: 0,
+                        class: "i-regular",
+                        fill: "rgb(var(--green-nice))"
+                      })) : (openBlock(), createBlock(unref(_sfc_main$7), {
+                        key: 1,
+                        class: "i-regular",
+                        fill: "rgb(var(--grey))"
+                      }))
+                    ]),
+                    createElementVNode("div", _hoisted_72, [
+                      _cache[37] || (_cache[37] = createElementVNode("span", { class: "t-dark" }, "Deploy Rights", -1)),
+                      task.value.permissions.deploy ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        key: 0,
+                        class: "i-regular",
+                        fill: "rgb(var(--green-nice))"
+                      })) : (openBlock(), createBlock(unref(_sfc_main$7), {
+                        key: 1,
+                        class: "i-regular",
+                        fill: "rgb(var(--grey))"
+                      }))
+                    ]),
+                    createElementVNode("div", _hoisted_73, [
+                      _cache[38] || (_cache[38] = createElementVNode("span", { class: "t-dark" }, "Veto Power", -1)),
+                      task.value.permissions.veto ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                        key: 0,
+                        class: "i-regular",
+                        fill: "rgb(var(--green-nice))"
+                      })) : (openBlock(), createBlock(unref(_sfc_main$7), {
+                        key: 1,
+                        class: "i-regular",
+                        fill: "rgb(var(--grey))"
+                      }))
+                    ])
+                  ]),
+                  task.value.permissions.veto ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    onClick: handleVeto,
+                    class: "w-100 mn-t-small bg-red-nice hover:bg-red-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out flex flex-center flex gap-thin"
+                  }, [
+                    createVNode(unref(_sfc_main$8), {
+                      class: "i-regular",
+                      fill: "currentColor"
+                    }),
+                    _cache[39] || (_cache[39] = createTextVNode(" Veto Task "))
+                  ])) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true)
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_74, [
+            createElementVNode("div", _hoisted_75, [
+              createVNode(unref(IconSend), {
+                class: "i-medium",
+                fill: "rgb(var(--grey))"
+              }),
+              _cache[41] || (_cache[41] = createElementVNode("h3", { class: "p-semi fw-medium" }, "Governance & Voting", -1))
+            ]),
+            createElementVNode("div", _hoisted_76, [
+              createElementVNode("div", _hoisted_77, [
+                _cache[43] || (_cache[43] = createElementVNode("div", { class: "p-micro t-main fw-medium t-uppercase mn-b-small" }, "Start Voting", -1)),
+                startVoting.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createVNode(_component_router_link, {
+                    to: `/governance/initiatives/${unref(route).params.id}/votings/${startVoting.value._id}`,
+                    class: "d-block hover:bg-main-tiny radius-medium ease-cubic-in-out",
+                    style: { "margin": "-1rem", "padding": "1rem" }
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("h4", _hoisted_78, toDisplayString(startVoting.value.title), 1),
+                      createElementVNode("div", _hoisted_79, [
+                        createVNode(_sfc_main$1, {
+                          status: startVoting.value.result || startVoting.value.status
+                        }, null, 8, ["status"])
+                      ]),
+                      createElementVNode("div", _hoisted_80, [
+                        createElementVNode("span", null, "Yes: " + toDisplayString(startVoting.value.yesVotes || 0), 1),
+                        createElementVNode("span", null, "No: " + toDisplayString(startVoting.value.noVotes || 0), 1),
+                        createElementVNode("span", null, "Abstain: " + toDisplayString(startVoting.value.abstainVotes || 0), 1)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["to"]),
+                  (startVoting.value.result || startVoting.value.status) === "approved" && task.value.status === "not_started" && (task.value.assignee || task.value.assignedTo) ? (openBlock(), createElementBlock("div", _hoisted_81, [
+                    createElementVNode("button", {
+                      onClick: handleSubmitForReview,
+                      class: "w-100 bg-main hover:bg-main-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out"
+                    }, " Begin Work ")
+                  ])) : createCommentVNode("", true)
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  _cache[42] || (_cache[42] = createElementVNode("p", { class: "p-small t-dark mn-b-small" }, "No start voting required. Team members can begin work directly.", -1)),
+                  task.value.status === "proposed" ? (openBlock(), createElementBlock("button", _hoisted_82, " Create Start Voting ")) : createCommentVNode("", true)
+                ], 64))
+              ]),
+              createElementVNode("div", _hoisted_83, [
+                _cache[45] || (_cache[45] = createElementVNode("div", { class: "p-micro t-green-nice fw-medium t-uppercase mn-b-small" }, "Approval Voting", -1)),
+                approvalVoting.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createVNode(_component_router_link, {
+                    to: `/governance/initiatives/${unref(route).params.id}/votings/${approvalVoting.value._id}`,
+                    class: "d-block hover:bg-green-tiny radius-medium ease-cubic-in-out",
+                    style: { "margin": "-1rem", "padding": "1rem" }
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("h4", _hoisted_84, toDisplayString(approvalVoting.value.title), 1),
+                      createElementVNode("div", _hoisted_85, [
+                        createVNode(_sfc_main$1, {
+                          status: approvalVoting.value.result || approvalVoting.value.status
+                        }, null, 8, ["status"])
+                      ]),
+                      createElementVNode("div", _hoisted_86, [
+                        createElementVNode("span", null, "Yes: " + toDisplayString(approvalVoting.value.yesVotes || 0), 1),
+                        createElementVNode("span", null, "No: " + toDisplayString(approvalVoting.value.noVotes || 0), 1),
+                        createElementVNode("span", null, "Abstain: " + toDisplayString(approvalVoting.value.abstainVotes || 0), 1)
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["to"]),
+                  (approvalVoting.value.result || approvalVoting.value.status) === "approved" && task.value.status === "review" ? (openBlock(), createElementBlock("div", _hoisted_87, [
+                    createElementVNode("button", {
+                      onClick: handleCompleteTask,
+                      class: "w-100 bg-green-nice hover:bg-green-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out"
+                    }, " Complete Task ")
+                  ])) : createCommentVNode("", true)
+                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  _cache[44] || (_cache[44] = createElementVNode("p", { class: "p-small t-dark mn-b-small" }, "Not submitted for approval yet.", -1)),
+                  task.value.status === "in_progress" && (task.value.assignee || task.value.assignedTo) ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    onClick: handleSubmitForReview,
+                    class: "w-100 bg-green-nice hover:bg-green-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out"
+                  }, " Submit for Review ")) : createCommentVNode("", true),
+                  task.value.status === "review" ? (openBlock(), createElementBlock("button", _hoisted_88, " Create Approval Voting ")) : createCommentVNode("", true)
+                ], 64))
+              ])
+            ])
+          ]),
+          showAssignForm.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "fixed inset-0 bg-dark-overlay flex flex-center flex z-50",
+            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => showAssignForm.value = false, ["self"]))
+          }, [
+            createElementVNode("div", _hoisted_89, [
+              createElementVNode("div", _hoisted_90, [
+                _cache[46] || (_cache[46] = createElementVNode("h3", { class: "h3 fw-medium" }, "Assign Task", -1)),
+                createElementVNode("button", {
+                  onClick: _cache[1] || (_cache[1] = ($event) => showAssignForm.value = false),
+                  class: "t-dark hover:t-dark ease-cubic-in-out"
+                }, [
+                  createVNode(unref(_sfc_main$7), {
+                    class: "i-medium",
+                    fill: "currentColor"
+                  })
+                ])
+              ]),
+              _cache[47] || (_cache[47] = createElementVNode("p", { class: "p-regular t-dark t-center" }, "Task assignment form coming soon...", -1))
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]));
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Task.vue.js.map