@ozdao/martyrs 0.2.602 → 0.2.604

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

@@ -0,0 +1 @@
+{"version":3,"file":"Task.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/Task.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute } from 'vue-router';\nimport TaskStatusBadge from '../partials/TaskStatusBadge.vue';\nimport { tasksActions, tasksState } from '../../store/tasks';\nimport { initiativesActions, initiativesState } from '../../store/initiatives';\nimport { sprintsActions, sprintsState } from '../../store/sprints';\nimport { votingsActions, votingsState } from '../../store/votings';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\nimport { IconArrow, IconCheckmark, IconCross, IconProfile, IconCalendar, IconAttach, IconGroups, IconTime, IconLock, IconSend } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst { formatDate } = useGlobalMixins();\n\nconst route = useRoute();\nconst showAssignForm = ref(false);\n\nconst task = computed(() => tasksState.current);\nconst initiative = computed(() => initiativesState.current);\nconst sprint = computed(() => sprintsState.current);\nconst startVoting = computed(() => {\n  if (!task.value?.proposedByVoting) return null;\n  return votingsState.all.find(v => v._id === task.value.proposedByVoting);\n});\nconst approvalVoting = computed(() => {\n  if (!task.value?.completionVoting) return null;\n  return votingsState.all.find(v => v._id === task.value.completionVoting);\n});\n\nconst priorityConfig = {\n  low: { label: 'Low', color: 't-green-nice', bg: 'bg-green-small' },\n  medium: { label: 'Medium', color: 't-yellow-nice', bg: 'bg-yellow-small' },\n  high: { label: 'High', color: 't-red-nice', bg: 'bg-red-small' },\n};\n\nconst priority = computed(() => task.value ? priorityConfig[task.value.priority] : null);\n\nconst handleAssignToMe = () => console.log('Assigning task to current user');\nconst handleSubmitForReview = () => console.log('Submitting task for review');\nconst handleCompleteTask = () => console.log('Completing task');\nconst handleAssignTask = (userId) => {\n  console.log('Assigning task to user:', userId);\n  showAssignForm.value = false;\n};\nconst handleMerge = () => console.log('Merging changes');\nconst handleApproveBudget = () => console.log('Approving budget');\nconst handleDeploy = () => console.log('Deploying changes');\nconst handleVeto = () => console.log('Vetoing task');\n\nonMounted(async () => {\n  await tasksActions.getTaskById(route.params.taskId);\n  await votingsActions.getAllVotings();\n  if (tasksState.current?.initiative) {\n    await initiativesActions.getInitiativeById(tasksState.current.initiative);\n  }\n  if (tasksState.current?.sprint) {\n    await sprintsActions.getSprintById(tasksState.current.sprint);\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"!task || !task._id\" class=\"min-h-100vh flex flex-center flex\">\n    <div class=\"t-center\">\n      <h2 class=\"h2 fw-medium mn-b-small\">Task not found</h2>\n      <router-link to=\"/governance\" class=\"t-main hover:t-main-semi\">\n        Back to initiatives\n      </router-link>\n    </div>\n  </div>\n\n  <div v-else class=\"min-h-100vh\">\n    <div class=\"pd-medium pd-y-semi\">\n      <div class=\"bg-light radius-semi o-hidden mn-b-semi\">\n        <div class=\"pd-semi\">\n          <div class=\"flex flex-justify-between flex-align-start mn-b-semi\">\n            <div class=\"flex-child-1\">\n              <div class=\"flex flex-v-center gap-small mn-b-small\">\n                <TaskStatusBadge :status=\"task.status\" />\n                <span v-if=\"priority\" :class=\"`pd-micro pd-x-small radius-extra p-micro fw-medium ${priority.bg} ${priority.color} flex flex-v-center gap-micro`\">\n                  <svg class=\"i-medium\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <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\"/>\n                    <line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"/>\n                  </svg>\n                  {{ priority.label }} Priority\n                </span>\n                <span v-if=\"task.passed\" class=\"pd-micro pd-x-small radius-extra p-micro fw-medium bg-green-small t-green-nice flex flex-v-center gap-micro\">\n                  <IconCheckmark class=\"i-regular\" :fill=\"'currentColor'\" />\n                  Passed\n                </span>\n              </div>\n              <h1 class=\"h1 fw-medium mn-b-medium\">{{ task.title }}</h1>\n              <p class=\"p-semi t-dark t-line-relaxed\" style=\"white-space: pre-wrap;\">{{ task.description }}</p>\n            </div>\n          </div>\n\n          <div>\n            <div class=\"cols-2 mobile:cols-1 gap-small\">\n              <div class=\"flex flex-column gap-regular\">\n                <div class=\"flex flex-align-start gap-small\">\n                  <IconProfile class=\"i-medium mn-t-micro\" :fill=\"'rgb(var(--grey))'\" />\n                  <div class=\"flex-child-1\">\n                    <div class=\"p-small t-dark mn-b-small\">Assignee</div>\n                    <div v-if=\"task.assignee\" class=\"flex flex-v-center gap-thin\">\n                      <img :src=\"task.assignee.avatar\" :alt=\"task.assignee.name\" class=\"i-medium radius-extra\" />\n                      <span class=\"fw-medium\">{{ task.assignee.name }}</span>\n                    </div>\n                    <div v-else-if=\"task.assignedTo\" class=\"fw-medium\">{{ task.assignedTo }}</div>\n                    <div v-else class=\"flex flex-column gap-thin\">\n                      <span class=\"t-dark\">Unassigned</span>\n                      <div v-if=\"task.status === 'not_started'\" class=\"flex gap-thin\">\n                        <button @click=\"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\">\n                          Assign to Me\n                        </button>\n                        <button @click=\"showAssignForm = 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\">\n                          Assign to User\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n\n                <div class=\"flex flex-align-start gap-small\">\n                  <IconCalendar class=\"i-medium mn-t-micro\" :fill=\"'rgb(var(--grey))'\" />\n                  <div>\n                    <div class=\"p-small t-dark mn-b-micro\">Created / Due Date</div>\n                    <div class=\"fw-medium\">{{ formatDate(task.createdAt, { dateOnly: true }) }} → {{ formatDate(task.dueDate, { dateOnly: true }) }}</div>\n                  </div>\n                </div>\n              </div>\n\n              <div>\n                <div class=\"flex flex-align-start gap-small\">\n                  <svg class=\"i-medium t-dark mn-t-micro\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <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\"/>\n                    <line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"/>\n                  </svg>\n                  <div>\n                    <div class=\"p-small t-dark mn-b-small\">Tags</div>\n                    <div class=\"flex flex-wrap gap-thin\">\n                      <span v-for=\"tag in task.tags\" :key=\"tag\" class=\"pd-micro pd-x-small bg-white t-dark p-small radius-extra\">\n                        {{ tag }}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div v-if=\"task.project || task.repository\" class=\"mn-t-semi\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <svg class=\"i-medium t-dark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/>\n                <polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>\n              </svg>\n              <h3 class=\"p-regular fw-medium\">Repository Information</h3>\n            </div>\n            <div class=\"cols-3 gap-regular mn-b-medium\">\n              <div v-if=\"task.project || (initiative && initiative._id)\" class=\"pd-small br-black-transp-10 br-1px radius-medium\">\n                <div class=\"p-micro t-dark mn-b-micro\">Project</div>\n                <div class=\"fw-medium\">{{ task.project || initiative?.title }}</div>\n              </div>\n              <div v-if=\"task.repository\" class=\"pd-small br-black-transp-10 br-1px radius-medium\">\n                <div class=\"p-micro t-dark mn-b-micro\">Repository</div>\n                <div class=\"fw-medium\">{{ task.repository }}</div>\n              </div>\n              <div v-if=\"task.branch !== undefined\" class=\"pd-small br-black-transp-10 br-1px radius-medium\">\n                <div class=\"p-micro t-dark mn-b-micro\">Branch</div>\n                <div class=\"fw-medium\">{{ task.branch || 'Not created' }}</div>\n              </div>\n            </div>\n            <div class=\"flex flex-justify-between flex-v-center\">\n              <div v-if=\"task.mergeRequests && task.mergeRequests.length > 0\">\n                <div class=\"p-micro t-dark mn-b-small\">Merge Requests</div>\n                <div class=\"flex flex-wrap gap-thin\">\n                  <span v-for=\"mr in task.mergeRequests\" :key=\"mr\" class=\"pd-micro pd-x-small bg-main-small t-main p-small radius-extra flex flex-v-center gap-micro\">\n                    <svg class=\"i-medium\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                      <circle cx=\"18\" cy=\"18\" r=\"3\"/>\n                      <circle cx=\"6\" cy=\"6\" r=\"3\"/>\n                      <path d=\"M6 21V9a9 9 0 0 0 9 9\"/>\n                    </svg>\n                    {{ mr }}\n                  </span>\n                </div>\n              </div>\n              <div v-if=\"task.permissions\" class=\"flex gap-thin\">\n                <button v-if=\"task.permissions.merge\" @click=\"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\">\n                  <svg class=\"i-medium\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <circle cx=\"18\" cy=\"18\" r=\"3\"/>\n                    <circle cx=\"6\" cy=\"6\" r=\"3\"/>\n                    <path d=\"M6 21V9a9 9 0 0 0 9 9\"/>\n                  </svg>\n                  Merge\n                </button>\n                <button v-if=\"task.permissions.deploy\" @click=\"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\">\n                  <svg class=\"i-medium\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                    <path d=\"M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"/>\n                    <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"/>\n                    <path d=\"M16 10a4 4 0 0 1-8 0\"/>\n                  </svg>\n                  Deploy\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div v-if=\"(initiative && initiative._id) || (sprint && sprint._id)\" class=\"bg-light radius-semi pd-semi mn-b-semi\">\n        <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n          <IconAttach class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n          <h3 class=\"p-regular fw-medium\">Part Of</h3>\n        </div>\n        <div class=\"cols-2 mobile:cols-1 gap-small\">\n          <router-link v-if=\"initiative && initiative._id\" :to=\"`/governance/initiatives/${initiative._id}`\" class=\"d-block pd-medium bg-main-small br-1px br-main-semi radius-medium hover:bg-main-tiny ease-cubic-in-out\">\n            <div class=\"p-micro t-main fw-medium mn-b-micro\">Initiative</div>\n            <div class=\"fw-medium\">{{ initiative.title }}</div>\n          </router-link>\n          <router-link v-if=\"sprint && sprint._id\" :to=\"`/governance/initiatives/${route.params.id}/sprints/${sprint._id}`\" class=\"d-block pd-medium bg-green-small br-1px br-green-semi radius-medium hover:bg-green-tiny ease-cubic-in-out\">\n            <div class=\"p-micro t-green-nice fw-medium mn-b-micro\">Sprint</div>\n            <div class=\"fw-medium\">{{ sprint.name }}</div>\n          </router-link>\n        </div>\n      </div>\n\n      <div class=\"bg-light radius-semi pd-semi mn-b-semi\">\n        <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n          <IconGroups class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n          <h3 class=\"p-semi fw-medium\">Task Governance & Budget</h3>\n        </div>\n\n        <div class=\"cols-2 mobile:cols-1 gap-small\">\n          <div class=\"flex flex-column gap-regular\">\n            <div class=\"pd-medium br-black-transp-10 br-1px radius-medium\">\n              <h4 class=\"p-small fw-medium mn-b-small\">Task Acceptance</h4>\n              <p class=\"p-small t-dark\">\n                <span v-if=\"task.proposedByVoting\">This task requires <span class=\"fw-medium t-main\">public voting</span> to start work.</span>\n                <span v-else>Team members can start working on this task directly.</span>\n              </p>\n            </div>\n\n            <div class=\"pd-medium br-black-transp-10 br-1px radius-medium\">\n              <h4 class=\"p-small fw-medium mn-b-small\">Approval Process</h4>\n              <p class=\"p-small t-dark\">\n                <span v-if=\"task.completionVoting\">Task completion requires <span class=\"fw-medium t-main\">public voting approval</span>.</span>\n                <span v-else>Task completion is approved by team members.</span>\n              </p>\n            </div>\n\n            <div v-if=\"task.visibility\" class=\"pd-medium br-black-transp-10 br-1px radius-medium\">\n              <h4 class=\"p-small fw-medium mn-b-small\">Decision Making</h4>\n              <div class=\"flex flex-column gap-thin p-small\">\n                <div class=\"flex flex-justify-between\">\n                  <span class=\"t-dark\">Governance Type:</span>\n                  <span class=\"fw-medium\">{{ task.visibility.type === 'public' ? 'Community-based' : 'Team-based' }}</span>\n                </div>\n                <div class=\"flex flex-justify-between\">\n                  <span class=\"t-dark\">Visibility:</span>\n                  <span class=\"fw-medium t-capitalize\">{{ task.visibility.type }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"flex flex-column gap-regular\">\n            <div v-if=\"task.budget\" class=\"pd-medium bg-grad-[to-br_green-10_main-10] br-1px br-green-semi radius-medium\">\n              <div class=\"flex flex-v-center gap-thin mn-b-small\">\n                <svg class=\"i-semi t-dark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"/>\n                  <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"/>\n                </svg>\n                <h4 class=\"p-small fw-medium\">Budget</h4>\n              </div>\n              <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n                <div class=\"h2 fw-medium\">{{ task.budget.amount }} {{ task.budget.currency }}</div>\n                <div>\n                  <span v-if=\"task.budget.approved\" class=\"flex flex-v-center gap-micro t-green-nice fw-medium p-small\">\n                    <IconCheckmark class=\"i-regular\" :fill=\"'currentColor'\" />\n                    Approved\n                  </span>\n                  <span v-else class=\"flex flex-v-center gap-micro t-yellow-nice fw-medium p-small\">\n                    <IconTime class=\"i-regular\" :fill=\"'currentColor'\" />\n                    Pending\n                  </span>\n                </div>\n              </div>\n              <button v-if=\"task.permissions && task.permissions.budget && !task.budget.approved\" @click=\"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\">\n                <svg class=\"i-medium\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                  <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"/>\n                  <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"/>\n                </svg>\n                Approve Budget\n              </button>\n            </div>\n\n            <div v-if=\"task.permissions\" class=\"pd-medium br-black-transp-10 br-1px radius-medium\">\n              <h4 class=\"p-small fw-medium mn-b-small\">Permissions</h4>\n              <div class=\"flex flex-column gap-thin\">\n                <div class=\"flex flex-justify-between flex-v-center p-small\">\n                  <span class=\"t-dark\">Merge Rights</span>\n                  <IconCheckmark v-if=\"task.permissions.merge\" class=\"i-regular\" :fill=\"'rgb(var(--green-nice))'\" />\n                  <IconCross v-else class=\"i-regular\" :fill=\"'rgb(var(--grey))'\" />\n                </div>\n                <div class=\"flex flex-justify-between flex-v-center p-small\">\n                  <span class=\"t-dark\">Budget Approval</span>\n                  <IconCheckmark v-if=\"task.permissions.budget\" class=\"i-regular\" :fill=\"'rgb(var(--green-nice))'\" />\n                  <IconCross v-else class=\"i-regular\" :fill=\"'rgb(var(--grey))'\" />\n                </div>\n                <div class=\"flex flex-justify-between flex-v-center p-small\">\n                  <span class=\"t-dark\">Deploy Rights</span>\n                  <IconCheckmark v-if=\"task.permissions.deploy\" class=\"i-regular\" :fill=\"'rgb(var(--green-nice))'\" />\n                  <IconCross v-else class=\"i-regular\" :fill=\"'rgb(var(--grey))'\" />\n                </div>\n                <div class=\"flex flex-justify-between flex-v-center p-small\">\n                  <span class=\"t-dark\">Veto Power</span>\n                  <IconCheckmark v-if=\"task.permissions.veto\" class=\"i-regular\" :fill=\"'rgb(var(--green-nice))'\" />\n                  <IconCross v-else class=\"i-regular\" :fill=\"'rgb(var(--grey))'\" />\n                </div>\n              </div>\n              <button v-if=\"task.permissions.veto\" @click=\"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\">\n                <IconLock class=\"i-regular\" :fill=\"'currentColor'\" />\n                Veto Task\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"bg-light radius-semi pd-semi\">\n        <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n          <IconSend class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n          <h3 class=\"p-semi fw-medium\">Governance & Voting</h3>\n        </div>\n        <div class=\"cols-2 mobile:cols-1 gap-regular\">\n          <div class=\"br-2px br-main-semi radius-medium pd-medium bg-main-small\">\n            <div class=\"p-micro t-main fw-medium t-uppercase mn-b-small\">Start Voting</div>\n            <template v-if=\"startVoting\">\n              <router-link :to=\"`/governance/initiatives/${route.params.id}/votings/${startVoting._id}`\" class=\"d-block hover:bg-main-tiny radius-medium ease-cubic-in-out\" style=\"margin: -1rem; padding: 1rem;\">\n                <h4 class=\"fw-medium mn-b-small\">{{ startVoting.title }}</h4>\n                <div class=\"flex flex-v-center gap-thin mn-b-small\">\n                  <TaskStatusBadge :status=\"startVoting.result || startVoting.status\" />\n                </div>\n                <div class=\"p-small t-dark flex flex-justify-between\">\n                  <span>Yes: {{ startVoting.yesVotes || 0 }}</span>\n                  <span>No: {{ startVoting.noVotes || 0 }}</span>\n                  <span>Abstain: {{ startVoting.abstainVotes || 0 }}</span>\n                </div>\n              </router-link>\n              <div v-if=\"(startVoting.result || startVoting.status) === 'approved' && task.status === 'not_started' && (task.assignee || task.assignedTo)\" class=\"mn-t-small pd-t-small br-t-1px br-main-semi\">\n                <button @click=\"handleSubmitForReview\" class=\"w-100 bg-main hover:bg-main-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out\">\n                  Begin Work\n                </button>\n              </div>\n            </template>\n            <template v-else>\n              <p class=\"p-small t-dark mn-b-small\">No start voting required. Team members can begin work directly.</p>\n              <button v-if=\"task.status === 'proposed'\" class=\"w-100 bg-main hover:bg-main-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out\">\n                Create Start Voting\n              </button>\n            </template>\n          </div>\n\n          <div class=\"br-2px br-green-semi radius-medium pd-medium bg-green-small\">\n            <div class=\"p-micro t-green-nice fw-medium t-uppercase mn-b-small\">Approval Voting</div>\n            <template v-if=\"approvalVoting\">\n              <router-link :to=\"`/governance/initiatives/${route.params.id}/votings/${approvalVoting._id}`\" class=\"d-block hover:bg-green-tiny radius-medium ease-cubic-in-out\" style=\"margin: -1rem; padding: 1rem;\">\n                <h4 class=\"fw-medium mn-b-small\">{{ approvalVoting.title }}</h4>\n                <div class=\"flex flex-v-center gap-thin mn-b-small\">\n                  <TaskStatusBadge :status=\"approvalVoting.result || approvalVoting.status\" />\n                </div>\n                <div class=\"p-small t-dark flex flex-justify-between\">\n                  <span>Yes: {{ approvalVoting.yesVotes || 0 }}</span>\n                  <span>No: {{ approvalVoting.noVotes || 0 }}</span>\n                  <span>Abstain: {{ approvalVoting.abstainVotes || 0 }}</span>\n                </div>\n              </router-link>\n              <div v-if=\"(approvalVoting.result || approvalVoting.status) === 'approved' && task.status === 'review'\" class=\"mn-t-small pd-t-small br-t-1px br-green-semi\">\n                <button @click=\"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\">\n                  Complete Task\n                </button>\n              </div>\n            </template>\n            <template v-else>\n              <p class=\"p-small t-dark mn-b-small\">Not submitted for approval yet.</p>\n              <button v-if=\"task.status === 'in_progress' && (task.assignee || task.assignedTo)\" @click=\"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\">\n                Submit for Review\n              </button>\n              <button v-if=\"task.status === 'review'\" class=\"w-100 bg-green-nice hover:bg-green-semi t-white p-small fw-medium pd-small radius-medium ease-cubic-in-out\">\n                Create Approval Voting\n              </button>\n            </template>\n          </div>\n        </div>\n      </div>\n\n      <div v-if=\"showAssignForm\" class=\"fixed inset-0 bg-dark-overlay flex flex-center flex z-50\" @click.self=\"showAssignForm = false\">\n        <div class=\"bg-light radius-medium pd-semi w-max-30r\">\n          <div class=\"flex flex-justify-between flex-v-center mn-b-medium\">\n            <h3 class=\"h3 fw-medium\">Assign Task</h3>\n            <button @click=\"showAssignForm = false\" class=\"t-dark hover:t-dark ease-cubic-in-out\">\n              <IconCross class=\"i-medium\" :fill=\"'currentColor'\" />\n            </button>\n          </div>\n          <p class=\"p-regular t-dark t-center\">Task assignment form coming soon...</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,UAAM,EAAE,WAAU,IAAK,gBAAe;AAEtC,UAAM,QAAQ,SAAQ;AACtB,UAAM,iBAAiB,IAAI,KAAK;AAEhC,UAAM,OAAO,SAAS,MAAM,WAAW,OAAO;AAC9C,UAAM,aAAa,SAAS,MAAM,iBAAiB,OAAO;AAC1D,UAAM,SAAS,SAAS,MAAM,aAAa,OAAO;AAClD,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,CAAC,KAAK,OAAO,iBAAkB,QAAO;AAC1C,aAAO,aAAa,IAAI,KAAK,OAAK,EAAE,QAAQ,KAAK,MAAM,gBAAgB;AAAA,IACzE,CAAC;AACD,UAAM,iBAAiB,SAAS,MAAM;AACpC,UAAI,CAAC,KAAK,OAAO,iBAAkB,QAAO;AAC1C,aAAO,aAAa,IAAI,KAAK,OAAK,EAAE,QAAQ,KAAK,MAAM,gBAAgB;AAAA,IACzE,CAAC;AAED,UAAM,iBAAiB;AAAA,MACrB,KAAK,EAAE,OAAO,OAAO,OAAO,gBAAgB,IAAI,iBAAgB;AAAA,MAChE,QAAQ,EAAE,OAAO,UAAU,OAAO,iBAAiB,IAAI,kBAAiB;AAAA,MACxE,MAAM,EAAE,OAAO,QAAQ,OAAO,cAAc,IAAI,eAAc;AAAA,IAChE;AAEA,UAAM,WAAW,SAAS,MAAM,KAAK,QAAQ,eAAe,KAAK,MAAM,QAAQ,IAAI,IAAI;AAEvF,UAAM,mBAAmB,MAAM,QAAQ,IAAI,gCAAgC;AAC3E,UAAM,wBAAwB,MAAM,QAAQ,IAAI,4BAA4B;AAC5E,UAAM,qBAAqB,MAAM,QAAQ,IAAI,iBAAiB;AAK9D,UAAM,cAAc,MAAM,QAAQ,IAAI,iBAAiB;AACvD,UAAM,sBAAsB,MAAM,QAAQ,IAAI,kBAAkB;AAChE,UAAM,eAAe,MAAM,QAAQ,IAAI,mBAAmB;AAC1D,UAAM,aAAa,MAAM,QAAQ,IAAI,cAAc;AAEnD,cAAU,YAAY;AACpB,YAAM,aAAa,YAAY,MAAM,OAAO,MAAM;AAClD,YAAM,eAAe,cAAa;AAClC,UAAI,WAAW,SAAS,YAAY;AAClC,cAAM,mBAAmB,kBAAkB,WAAW,QAAQ,UAAU;AAAA,MAC1E;AACA,UAAI,WAAW,SAAS,QAAQ;AAC9B,cAAM,eAAe,cAAc,WAAW,QAAQ,MAAM;AAAA,MAC9D;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,88 @@
+import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, unref, withCtx, createTextVNode, normalizeClass, toDisplayString } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { tasksActions } from "../../store/tasks.js";
+import _sfc_main$2 from "../sections/FormTaskDetails.vue.js";
+/* empty css                                           */
+import _sfc_main$1 from "../../../../icons/navigation/IconArrow.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 = { class: "pd-medium pd-y-semi" };
+const _hoisted_2 = { class: "flex flex-justify-end mn-t-semi" };
+const _hoisted_3 = ["disabled"];
+const _sfc_main = {
+  __name: "TaskCreate",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const newTask = ref({
+      title: "",
+      description: "",
+      status: "not_started",
+      assignedTo: "",
+      dueDate: null,
+      sprint: "",
+      initiative: "",
+      priority: "medium",
+      tags: []
+    });
+    const creating = ref(false);
+    const createTask = async () => {
+      if (!newTask.value.title) return;
+      creating.value = true;
+      try {
+        const response = await tasksActions.createTask(newTask.value);
+        router.push(`/governance/initiatives/${route.params.id}/tasks/${response._id || response.id}`);
+      } catch (e) {
+        creating.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_router_link, {
+          to: `/governance/initiatives/${unref(route).params.id}/tasks`,
+          class: "flex flex-v-center t-dark hover:t-dark mn-b-semi ease-cubic-in-out",
+          style: { "text-decoration": "none", "width": "fit-content" }
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$1), {
+              class: "i-medium mn-r-thin",
+              rotation: 180,
+              fill: "currentColor"
+            }),
+            _cache[1] || (_cache[1] = createTextVNode(" Back to tasks "))
+          ]),
+          _: 1
+        }, 8, ["to"]),
+        _cache[2] || (_cache[2] = createElementVNode("h1", { class: "h2 fw-medium mn-b-semi" }, "Create New Task", -1)),
+        createVNode(_sfc_main$2, {
+          modelValue: newTask.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => newTask.value = $event)
+        }, null, 8, ["modelValue"]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("button", {
+            onClick: createTask,
+            disabled: !newTask.value.title || creating.value,
+            class: normalizeClass(["bg-main hover:bg-main-semi t-white fw-medium pd-medium pd-x-semi radius-medium p-regular ease-cubic-in-out", { "o-50": !newTask.value.title || creating.value }])
+          }, toDisplayString(creating.value ? "Creating..." : "Create Task"), 11, _hoisted_3)
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TaskCreate.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskCreate.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/TaskCreate.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { tasksActions } from '../../store/tasks';\nimport FormTaskDetails from '../sections/FormTaskDetails.vue';\nimport { IconArrow } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst newTask = ref({\n  title: '',\n  description: '',\n  status: 'not_started',\n  assignedTo: '',\n  dueDate: null,\n  sprint: '',\n  initiative: '',\n  priority: 'medium',\n  tags: [],\n});\n\nconst creating = ref(false);\n\nconst createTask = async () => {\n  if (!newTask.value.title) return;\n  creating.value = true;\n  try {\n    const response = await tasksActions.createTask(newTask.value);\n    router.push(`/governance/initiatives/${route.params.id}/tasks/${response._id || response.id}`);\n  } catch (e) {\n    creating.value = false;\n  }\n};\n</script>\n\n<template>\n  <div class=\"pd-medium pd-y-semi\">\n    <router-link\n      :to=\"`/governance/initiatives/${route.params.id}/tasks`\"\n      class=\"flex flex-v-center t-dark hover:t-dark mn-b-semi ease-cubic-in-out\"\n      style=\"text-decoration: none; width: fit-content;\"\n    >\n      <IconArrow class=\"i-medium mn-r-thin\" :rotation=\"180\" :fill=\"'currentColor'\" />\n      Back to tasks\n    </router-link>\n\n    <h1 class=\"h2 fw-medium mn-b-semi\">Create New Task</h1>\n\n    <FormTaskDetails v-model=\"newTask\" />\n\n    <div class=\"flex flex-justify-end mn-t-semi\">\n      <button\n        @click=\"createTask\"\n        :disabled=\"!newTask.title || creating\"\n        class=\"bg-main hover:bg-main-semi t-white fw-medium pd-medium pd-x-semi radius-medium p-regular ease-cubic-in-out\"\n        :class=\"{ 'o-50': !newTask.title || creating }\"\n      >\n        {{ creating ? 'Creating...' : 'Create Task' }}\n      </button>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,UAAU,IAAI;AAAA,MAClB,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,MAAM,CAAA;AAAA,IACR,CAAC;AAED,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,aAAa,YAAY;AAC7B,UAAI,CAAC,QAAQ,MAAM,MAAO;AAC1B,eAAS,QAAQ;AACjB,UAAI;AACF,cAAM,WAAW,MAAM,aAAa,WAAW,QAAQ,KAAK;AAC5D,eAAO,KAAK,2BAA2B,MAAM,OAAO,EAAE,UAAU,SAAS,OAAO,SAAS,EAAE,EAAE;AAAA,MAC/F,SAAS,GAAG;AACV,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,291 @@
+import { computed, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, unref, createElementVNode, createVNode, withCtx, createTextVNode, createCommentVNode, toDisplayString, Fragment, renderList } from "vue";
+import { useRoute } from "vue-router";
+import _sfc_main$3 from "../blocks/CardTaskItem.vue.js";
+import _sfc_main$2 from "../partials/EmptyState.vue.js";
+import { tasksState, tasksActions } from "../../store/tasks.js";
+/* empty css                                           */
+import _sfc_main$5 from "../../../../icons/entities/IconInfo.vue.js";
+import IconTime from "../../../../icons/entities/IconTime.vue.js";
+import _sfc_main$4 from "../../../../icons/actions/IconShow.vue.js";
+import _sfc_main$1 from "../../../../icons/navigation/IconPlus.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"
+};
+const _hoisted_2 = { class: "pd-medium pd-y-semi" };
+const _hoisted_3 = { class: "flex flex-justify-between flex-v-center mn-b-semi" };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = {
+  key: 1,
+  class: "flex flex-column gap-small"
+};
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_8 = { class: "p-small t-dark" };
+const _hoisted_9 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _hoisted_10 = { key: 1 };
+const _hoisted_11 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_12 = { class: "p-small t-dark" };
+const _hoisted_13 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _hoisted_14 = { key: 2 };
+const _hoisted_15 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_16 = { class: "p-small t-dark" };
+const _hoisted_17 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _hoisted_18 = { key: 3 };
+const _hoisted_19 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_20 = { class: "p-small t-dark" };
+const _hoisted_21 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _hoisted_22 = { key: 4 };
+const _hoisted_23 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_24 = { class: "p-small t-dark" };
+const _hoisted_25 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _hoisted_26 = { key: 5 };
+const _hoisted_27 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_28 = { class: "p-small t-dark" };
+const _hoisted_29 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _hoisted_30 = { key: 6 };
+const _hoisted_31 = { class: "flex flex-v-center gap-thin mn-b-medium" };
+const _hoisted_32 = { class: "p-small t-dark" };
+const _hoisted_33 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _sfc_main = {
+  __name: "Tasks",
+  setup(__props) {
+    const route = useRoute();
+    const tasks = computed(() => tasksState.all);
+    const completedTasks = computed(() => tasks.value.filter((t) => t.status === "completed"));
+    const inProgressTasks = computed(() => tasks.value.filter((t) => t.status === "in_progress"));
+    const reviewTasks = computed(() => tasks.value.filter((t) => t.status === "review"));
+    const votingTasks = computed(() => tasks.value.filter((t) => t.status === "voting"));
+    const proposedTasks = computed(() => tasks.value.filter((t) => t.status === "proposed"));
+    const notStartedTasks = computed(() => tasks.value.filter((t) => t.status === "not_started"));
+    const blockedTasks = computed(() => tasks.value.filter((t) => t.status === "blocked"));
+    onMounted(() => {
+      tasksActions.getAllTasks();
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createElementBlock("div", null, [
+        !unref(route).params.taskId ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              _cache[2] || (_cache[2] = createElementVNode("div", null, [
+                createElementVNode("h1", { class: "h1 fw-medium" }, "Tasks"),
+                createElementVNode("p", { class: "p-regular t-dark mn-t-thin" }, "View and manage all tasks across initiatives")
+              ], -1)),
+              createVNode(_component_router_link, {
+                to: `/governance/initiatives/${unref(route).params.id}/tasks/create`,
+                class: "bg-main hover:bg-main-semi t-white fw-medium pd-small pd-x-semi radius-medium flex flex-v-center gap-thin ease-cubic-in-out cursor-pointer",
+                style: { "text-decoration": "none" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$1), {
+                    class: "i-medium",
+                    fill: "currentColor"
+                  }),
+                  _cache[1] || (_cache[1] = createTextVNode(" Create Task "))
+                ]),
+                _: 1
+              }, 8, ["to"])
+            ]),
+            tasks.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createVNode(_sfc_main$2, {
+                title: "No tasks yet",
+                message: "Get started by creating your first task.",
+                actionText: "Create Task",
+                onAction: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push(`/governance/initiatives/${unref(route).params.id}/tasks/create`))
+              }, {
+                icon: withCtx(() => _cache[3] || (_cache[3] = [
+                  createElementVNode("svg", {
+                    class: "w-12r h-12r t-dark",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    createElementVNode("path", { d: "M9 11l3 3L22 4" }),
+                    createElementVNode("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
+                  ], -1)
+                ])),
+                _: 1
+              })
+            ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+              completedTasks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_7, [
+                  _cache[4] || (_cache[4] = createElementVNode("svg", {
+                    class: "i-semi fill-green-nice",
+                    viewBox: "0 0 24 24",
+                    fill: "currentColor"
+                  }, [
+                    createElementVNode("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+                  ], -1)),
+                  _cache[5] || (_cache[5] = createElementVNode("h3", { class: "h4 fw-medium" }, "Completed", -1)),
+                  createElementVNode("span", _hoisted_8, "(" + toDisplayString(completedTasks.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_9, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(completedTasks.value, (task) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              inProgressTasks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                createElementVNode("div", _hoisted_11, [
+                  createVNode(unref(IconTime), {
+                    class: "i-medium",
+                    fill: "rgb(var(--second))"
+                  }),
+                  _cache[6] || (_cache[6] = createElementVNode("h3", { class: "h4 fw-medium" }, "In Progress", -1)),
+                  createElementVNode("span", _hoisted_12, "(" + toDisplayString(inProgressTasks.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_13, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(inProgressTasks.value, (task) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              reviewTasks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                createElementVNode("div", _hoisted_15, [
+                  createVNode(unref(_sfc_main$4), {
+                    class: "i-medium",
+                    fill: "rgb(var(--fifth))"
+                  }),
+                  _cache[7] || (_cache[7] = createElementVNode("h3", { class: "h4 fw-medium" }, "Review", -1)),
+                  createElementVNode("span", _hoisted_16, "(" + toDisplayString(reviewTasks.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_17, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(reviewTasks.value, (task) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              votingTasks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                createElementVNode("div", _hoisted_19, [
+                  createVNode(unref(IconSend), {
+                    class: "i-medium",
+                    fill: "rgb(var(--main))"
+                  }),
+                  _cache[8] || (_cache[8] = createElementVNode("h3", { class: "h4 fw-medium" }, "Voting", -1)),
+                  createElementVNode("span", _hoisted_20, "(" + toDisplayString(votingTasks.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_21, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(votingTasks.value, (task) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              proposedTasks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                createElementVNode("div", _hoisted_23, [
+                  createVNode(unref(_sfc_main$5), {
+                    class: "i-medium",
+                    fill: "rgb(var(--grey))"
+                  }),
+                  _cache[9] || (_cache[9] = createElementVNode("h3", { class: "h4 fw-medium" }, "Proposed", -1)),
+                  createElementVNode("span", _hoisted_24, "(" + toDisplayString(proposedTasks.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_25, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(proposedTasks.value, (task) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              notStartedTasks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                createElementVNode("div", _hoisted_27, [
+                  _cache[10] || (_cache[10] = createElementVNode("svg", {
+                    class: "i-semi fill-grey",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    createElementVNode("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    })
+                  ], -1)),
+                  _cache[11] || (_cache[11] = createElementVNode("h3", { class: "h4 fw-medium" }, "Not Started", -1)),
+                  createElementVNode("span", _hoisted_28, "(" + toDisplayString(notStartedTasks.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_29, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(notStartedTasks.value, (task) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true),
+              blockedTasks.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_30, [
+                createElementVNode("div", _hoisted_31, [
+                  _cache[12] || (_cache[12] = createElementVNode("svg", {
+                    class: "i-semi fill-red-nice",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    createElementVNode("circle", {
+                      cx: "12",
+                      cy: "12",
+                      r: "10"
+                    }),
+                    createElementVNode("line", {
+                      x1: "4.93",
+                      y1: "4.93",
+                      x2: "19.07",
+                      y2: "19.07"
+                    })
+                  ], -1)),
+                  _cache[13] || (_cache[13] = createElementVNode("h3", { class: "h4 fw-medium" }, "Blocked", -1)),
+                  createElementVNode("span", _hoisted_32, "(" + toDisplayString(blockedTasks.value.length) + ")", 1)
+                ]),
+                createElementVNode("div", _hoisted_33, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(blockedTasks.value, (task) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ])) : createCommentVNode("", true)
+            ]))
+          ])
+        ])) : (openBlock(), createBlock(_component_router_view, { key: 1 }))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Tasks.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tasks.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/Tasks.vue"],"sourcesContent":["<script setup>\nimport { onMounted, ref, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport CardTaskItem from '../blocks/CardTaskItem.vue';\nimport EmptyState from '../partials/EmptyState.vue';\nimport { tasksActions, tasksState } from '../../store/tasks';\nimport { IconPlus, IconCheckmark, IconTime, IconShow, IconSend, IconEntityInfo } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst route = useRoute();\nconst tasks = computed(() => tasksState.all);\n\nconst completedTasks = computed(() => tasks.value.filter(t => t.status === 'completed'));\nconst inProgressTasks = computed(() => tasks.value.filter(t => t.status === 'in_progress'));\nconst reviewTasks = computed(() => tasks.value.filter(t => t.status === 'review'));\nconst votingTasks = computed(() => tasks.value.filter(t => t.status === 'voting'));\nconst proposedTasks = computed(() => tasks.value.filter(t => t.status === 'proposed'));\nconst notStartedTasks = computed(() => tasks.value.filter(t => t.status === 'not_started'));\nconst blockedTasks = computed(() => tasks.value.filter(t => t.status === 'blocked'));\n\nonMounted(() => {\n  tasksActions.getAllTasks();\n});\n</script>\n\n<template>\n  <div>\n    <div v-if=\"!route.params.taskId\" class=\"min-h-100vh\">\n      <div class=\"pd-medium pd-y-semi\">\n        <div class=\"flex flex-justify-between flex-v-center mn-b-semi\">\n          <div>\n            <h1 class=\"h1 fw-medium\">Tasks</h1>\n            <p class=\"p-regular t-dark mn-t-thin\">View and manage all tasks across initiatives</p>\n          </div>\n          <router-link\n            :to=\"`/governance/initiatives/${route.params.id}/tasks/create`\"\n            class=\"bg-main hover:bg-main-semi t-white fw-medium pd-small pd-x-semi radius-medium flex flex-v-center gap-thin ease-cubic-in-out cursor-pointer\"\n            style=\"text-decoration: none;\"\n          >\n            <IconPlus class=\"i-medium\" :fill=\"'currentColor'\" />\n            Create Task\n          </router-link>\n        </div>\n\n        <div v-if=\"tasks.length === 0\">\n          <EmptyState\n            title=\"No tasks yet\"\n            message=\"Get started by creating your first task.\"\n            actionText=\"Create Task\"\n            @action=\"$router.push(`/governance/initiatives/${route.params.id}/tasks/create`)\"\n          >\n            <template #icon>\n              <svg class=\"w-12r h-12r t-dark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M9 11l3 3L22 4\"/>\n                <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"/>\n              </svg>\n            </template>\n          </EmptyState>\n        </div>\n\n        <div v-else class=\"flex flex-column gap-small\">\n          <div v-if=\"completedTasks.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <svg class=\"i-semi fill-green-nice\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/>\n              </svg>\n              <h3 class=\"h4 fw-medium\">Completed</h3>\n              <span class=\"p-small t-dark\">({{ completedTasks.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n              <CardTaskItem\n                v-for=\"task in completedTasks\"\n                :key=\"task._id\"\n                :task=\"task\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"inProgressTasks.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <IconTime class=\"i-medium\" :fill=\"'rgb(var(--second))'\" />\n              <h3 class=\"h4 fw-medium\">In Progress</h3>\n              <span class=\"p-small t-dark\">({{ inProgressTasks.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n              <CardTaskItem\n                v-for=\"task in inProgressTasks\"\n                :key=\"task._id\"\n                :task=\"task\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"reviewTasks.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <IconShow class=\"i-medium\" :fill=\"'rgb(var(--fifth))'\" />\n              <h3 class=\"h4 fw-medium\">Review</h3>\n              <span class=\"p-small t-dark\">({{ reviewTasks.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n              <CardTaskItem\n                v-for=\"task in reviewTasks\"\n                :key=\"task._id\"\n                :task=\"task\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"votingTasks.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <IconSend class=\"i-medium\" :fill=\"'rgb(var(--main))'\" />\n              <h3 class=\"h4 fw-medium\">Voting</h3>\n              <span class=\"p-small t-dark\">({{ votingTasks.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n              <CardTaskItem\n                v-for=\"task in votingTasks\"\n                :key=\"task._id\"\n                :task=\"task\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"proposedTasks.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <IconEntityInfo class=\"i-medium\" :fill=\"'rgb(var(--grey))'\" />\n              <h3 class=\"h4 fw-medium\">Proposed</h3>\n              <span class=\"p-small t-dark\">({{ proposedTasks.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n              <CardTaskItem\n                v-for=\"task in proposedTasks\"\n                :key=\"task._id\"\n                :task=\"task\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"notStartedTasks.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <svg class=\"i-semi fill-grey\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n              </svg>\n              <h3 class=\"h4 fw-medium\">Not Started</h3>\n              <span class=\"p-small t-dark\">({{ notStartedTasks.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n              <CardTaskItem\n                v-for=\"task in notStartedTasks\"\n                :key=\"task._id\"\n                :task=\"task\"\n              />\n            </div>\n          </div>\n\n          <div v-if=\"blockedTasks.length > 0\">\n            <div class=\"flex flex-v-center gap-thin mn-b-medium\">\n              <svg class=\"i-semi fill-red-nice\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n                <line x1=\"4.93\" y1=\"4.93\" x2=\"19.07\" y2=\"19.07\"/>\n              </svg>\n              <h3 class=\"h4 fw-medium\">Blocked</h3>\n              <span class=\"p-small t-dark\">({{ blockedTasks.length }})</span>\n            </div>\n            <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n              <CardTaskItem\n                v-for=\"task in blockedTasks\"\n                :key=\"task._id\"\n                :task=\"task\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <router-view v-else />\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ,SAAQ;AACtB,UAAM,QAAQ,SAAS,MAAM,WAAW,GAAG;AAE3C,UAAM,iBAAiB,SAAS,MAAM,MAAM,MAAM,OAAO,OAAK,EAAE,WAAW,WAAW,CAAC;AACvF,UAAM,kBAAkB,SAAS,MAAM,MAAM,MAAM,OAAO,OAAK,EAAE,WAAW,aAAa,CAAC;AAC1F,UAAM,cAAc,SAAS,MAAM,MAAM,MAAM,OAAO,OAAK,EAAE,WAAW,QAAQ,CAAC;AACjF,UAAM,cAAc,SAAS,MAAM,MAAM,MAAM,OAAO,OAAK,EAAE,WAAW,QAAQ,CAAC;AACjF,UAAM,gBAAgB,SAAS,MAAM,MAAM,MAAM,OAAO,OAAK,EAAE,WAAW,UAAU,CAAC;AACrF,UAAM,kBAAkB,SAAS,MAAM,MAAM,MAAM,OAAO,OAAK,EAAE,WAAW,aAAa,CAAC;AAC1F,UAAM,eAAe,SAAS,MAAM,MAAM,MAAM,OAAO,OAAK,EAAE,WAAW,SAAS,CAAC;AAEnF,cAAU,MAAM;AACd,mBAAa,YAAW;AAAA,IAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}