@ozdao/martyrs 0.2.602 → 0.2.604

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

@@ -0,0 +1,145 @@
+import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode, unref, withDirectives, vModelText, Fragment, renderList, createBlock } from "vue";
+import { initiativesActions, initiativesState } from "../../store/initiatives.js";
+import _sfc_main$4 from "../blocks/CardInitiativeItem.vue.js";
+import _sfc_main$3 from "../partials/EmptyState.vue.js";
+/* empty css                                           */
+import _sfc_main$1 from "../../../../icons/navigation/IconPlus.vue.js";
+import _sfc_main$2 from "../../../../icons/navigation/IconSearch.vue.js";
+import "vue-router";
+/* 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 mobile:pd-thin" };
+const _hoisted_2 = { class: "flex flex-justify-between flex-v-center mn-b-semi" };
+const _hoisted_3 = { class: "bg-light radius-medium pd-medium mn-b-semi" };
+const _hoisted_4 = { class: "flex-child-1 pos-relative" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { key: 2 };
+const _hoisted_8 = { class: "cols-3 gap-small mobile:cols-1 tablet:cols-2" };
+const _sfc_main = {
+  __name: "Initiatives",
+  setup(__props) {
+    const initiatives = ref([]);
+    const searchQuery = ref("");
+    onMounted(async () => {
+      await initiativesActions.getAllInitiatives();
+      initiatives.value = initiativesState.all;
+    });
+    const filteredInitiatives = computed(() => {
+      if (searchQuery.value === "") return initiatives.value;
+      const q = searchQuery.value.toLowerCase();
+      return initiatives.value.filter(
+        (initiative) => initiative.title && initiative.title.toLowerCase().includes(q) || initiative.description && initiative.description.toLowerCase().includes(q) || initiative.name && initiative.name.toLowerCase().includes(q)
+      );
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createElementVNode("div", null, [
+            createElementVNode("h1", { class: "h1 fw-medium" }, "Initiatives"),
+            createElementVNode("p", { class: "p-small t-transp mn-t-thin" }, "Manage and track all your initiatives")
+          ], -1)),
+          createVNode(_component_router_link, {
+            to: "/governance/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[2] || (_cache[2] = createTextVNode(" Create Initiative "))
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(unref(_sfc_main$2), {
+              class: "i-medium pos-absolute pos-l-small pos-t-regular",
+              fill: "rgb(var(--grey))"
+            }),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+              type: "text",
+              placeholder: "Search initiatives by name, description...",
+              class: "w-100 pd-small pd-l-extra radius-medium bg-white",
+              style: { "outline": "none" }
+            }, null, 512), [
+              [vModelText, searchQuery.value]
+            ])
+          ])
+        ]),
+        filteredInitiatives.value.length === 0 && searchQuery.value ? (openBlock(), createElementBlock("div", _hoisted_5, _cache[4] || (_cache[4] = [
+          createElementVNode("div", { class: "br-black-transp-10 br-1px radius-medium pd-semi t-center" }, [
+            createElementVNode("p", { class: "p-small t-transp mn-b-small" }, "No initiatives match your search")
+          ], -1)
+        ]))) : filteredInitiatives.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(_sfc_main$3, {
+            title: "No initiatives yet",
+            message: "Get started by creating your first initiative to organize your work.",
+            actionText: "Create Initiative",
+            onAction: _cache[1] || (_cache[1] = ($event) => _ctx.$router.push("/governance/create"))
+          }, {
+            icon: withCtx(() => _cache[5] || (_cache[5] = [
+              createElementVNode("svg", {
+                class: "i-big t-transp",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                createElementVNode("circle", {
+                  cx: "12",
+                  cy: "12",
+                  r: "10"
+                }),
+                createElementVNode("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+                createElementVNode("line", {
+                  x1: "9",
+                  y1: "9",
+                  x2: "9.01",
+                  y2: "9"
+                }),
+                createElementVNode("line", {
+                  x1: "15",
+                  y1: "9",
+                  x2: "15.01",
+                  y2: "9"
+                })
+              ], -1)
+            ])),
+            _: 1
+          })
+        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredInitiatives.value, (initiative) => {
+              return openBlock(), createBlock(_sfc_main$4, {
+                key: initiative._id || initiative.id,
+                initiative
+              }, null, 8, ["initiative"]);
+            }), 128))
+          ])
+        ]))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Initiatives.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Initiatives.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/Initiatives.vue"],"sourcesContent":["<script setup>\nimport { onMounted, ref, computed } from 'vue';\nimport { initiativesActions, initiativesState } from '../../store/initiatives';\nimport CardInitiativeItem from '../blocks/CardInitiativeItem.vue';\nimport EmptyState from '../partials/EmptyState.vue';\nimport { IconPlus, IconSearch } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst initiatives = ref([]);\nconst searchQuery = ref('');\n\nonMounted(async () => {\n  await initiativesActions.getAllInitiatives();\n  initiatives.value = initiativesState.all;\n});\n\nconst filteredInitiatives = computed(() => {\n  if (searchQuery.value === '') return initiatives.value;\n  const q = searchQuery.value.toLowerCase();\n  return initiatives.value.filter((initiative) =>\n    (initiative.title && initiative.title.toLowerCase().includes(q)) ||\n    (initiative.description && initiative.description.toLowerCase().includes(q)) ||\n    (initiative.name && initiative.name.toLowerCase().includes(q))\n  );\n});\n</script>\n\n<template>\n  <div class=\"pd-medium mobile:pd-thin\">\n      <div class=\"flex flex-justify-between flex-v-center mn-b-semi\">\n        <div>\n          <h1 class=\"h1 fw-medium\">Initiatives</h1>\n          <p class=\"p-small t-transp mn-t-thin\">Manage and track all your initiatives</p>\n        </div>\n        <router-link\n          to=\"/governance/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 Initiative\n        </router-link>\n      </div>\n\n      <div class=\"bg-light radius-medium pd-medium mn-b-semi\">\n        <div class=\"flex-child-1 pos-relative\">\n          <IconSearch class=\"i-medium pos-absolute pos-l-small pos-t-regular\" :fill=\"'rgb(var(--grey))'\" />\n          <input\n            v-model=\"searchQuery\"\n            type=\"text\"\n            placeholder=\"Search initiatives by name, description...\"\n            class=\"w-100 pd-small pd-l-extra radius-medium bg-white\"\n            style=\"outline: none;\"\n          />\n        </div>\n      </div>\n\n      <div v-if=\"filteredInitiatives.length === 0 && searchQuery\">\n        <div class=\"br-black-transp-10 br-1px radius-medium pd-semi t-center\">\n          <p class=\"p-small t-transp mn-b-small\">No initiatives match your search</p>\n        </div>\n      </div>\n\n      <div v-else-if=\"filteredInitiatives.length === 0\">\n        <EmptyState\n          title=\"No initiatives yet\"\n          message=\"Get started by creating your first initiative to organize your work.\"\n          actionText=\"Create Initiative\"\n          @action=\"$router.push('/governance/create')\"\n        >\n          <template #icon>\n            <svg class=\"i-big t-transp\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n              <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"/>\n              <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/>\n              <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>\n            </svg>\n          </template>\n        </EmptyState>\n      </div>\n\n      <div v-else>\n        <div class=\"cols-3 gap-small mobile:cols-1 tablet:cols-2\">\n          <CardInitiativeItem\n            v-for=\"initiative in filteredInitiatives\"\n            :key=\"initiative._id || initiative.id\"\n            :initiative=\"initiative\"\n          />\n        </div>\n      </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,cAAc,IAAI,EAAE;AAC1B,UAAM,cAAc,IAAI,EAAE;AAE1B,cAAU,YAAY;AACpB,YAAM,mBAAmB,kBAAiB;AAC1C,kBAAY,QAAQ,iBAAiB;AAAA,IACvC,CAAC;AAED,UAAM,sBAAsB,SAAS,MAAM;AACzC,UAAI,YAAY,UAAU,GAAI,QAAO,YAAY;AACjD,YAAM,IAAI,YAAY,MAAM,YAAW;AACvC,aAAO,YAAY,MAAM;AAAA,QAAO,CAAC,eAC9B,WAAW,SAAS,WAAW,MAAM,YAAW,EAAG,SAAS,CAAC,KAC7D,WAAW,eAAe,WAAW,YAAY,cAAc,SAAS,CAAC,KACzE,WAAW,QAAQ,WAAW,KAAK,YAAW,EAAG,SAAS,CAAC;AAAA,MAChE;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,258 @@
+import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, createBlock, createCommentVNode, toDisplayString, normalizeStyle, Fragment, renderList, withModifiers } from "vue";
+import { useRoute } from "vue-router";
+import _sfc_main$2 from "../partials/TaskStatusBadge.vue.js";
+import _sfc_main$5 from "../partials/EmptyState.vue.js";
+import _sfc_main$6 from "../blocks/CardTaskItem.vue.js";
+import { sprintsState, sprintsActions } from "../../store/sprints.js";
+import { tasksState, tasksActions } from "../../store/tasks.js";
+import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
+import _sfc_main$3 from "../../../../icons/entities/IconCalendar.vue.js";
+import _sfc_main$1 from "../../../../icons/navigation/IconArrow.vue.js";
+import _sfc_main$7 from "../../../../icons/navigation/IconCross.vue.js";
+import _sfc_main$4 from "../../../../icons/navigation/IconPlus.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 pd-semi mn-b-semi" };
+const _hoisted_6 = { class: "flex flex-justify-between flex-align-start mn-b-semi" };
+const _hoisted_7 = { class: "flex-child-1" };
+const _hoisted_8 = { class: "flex flex-v-center gap-small mn-b-small" };
+const _hoisted_9 = {
+  key: 0,
+  class: "flex flex-v-center p-small t-dark"
+};
+const _hoisted_10 = { class: "h1 fw-medium mn-b-small" };
+const _hoisted_11 = { class: "p-semi t-dark" };
+const _hoisted_12 = { class: "flex flex-justify-between flex-v-center mn-b-small" };
+const _hoisted_13 = { class: "h2 fw-medium" };
+const _hoisted_14 = { class: "w-100 bg-white radius-extra h-3r o-hidden" };
+const _hoisted_15 = {
+  key: 0,
+  class: "mn-t-medium flex flex-v-center gap-small p-small t-dark"
+};
+const _hoisted_16 = { class: "flex flex-v-center gap-thin" };
+const _hoisted_17 = ["src", "alt"];
+const _hoisted_18 = { class: "fw-medium" };
+const _hoisted_19 = { key: 0 };
+const _hoisted_20 = {
+  class: "flex",
+  style: { "margin-left": "-0.25rem" }
+};
+const _hoisted_21 = ["src", "alt", "title"];
+const _hoisted_22 = {
+  key: 1,
+  class: "cols-6 gap-regular"
+};
+const _hoisted_23 = { class: "flex flex-justify-between flex-v-center mn-b-medium" };
+const _hoisted_24 = { class: "fw-medium" };
+const _hoisted_25 = { class: "bg-light t-dark p-micro fw-medium pd-micro pd-x-thin radius-extra" };
+const _hoisted_26 = { class: "flex flex-column gap-small" };
+const _hoisted_27 = { class: "bg-light radius-medium pd-semi w-max-30r" };
+const _hoisted_28 = { class: "flex flex-justify-between flex-v-center mn-b-medium" };
+const _sfc_main = {
+  __name: "Sprint",
+  setup(__props) {
+    const { formatDate } = useGlobalMixins();
+    const route = useRoute();
+    const showTaskForm = ref(false);
+    const sprint = computed(() => sprintsState.current);
+    const tasks = computed(() => tasksState.all.filter((t) => String(t.sprint?._id || t.sprint) === route.params.sprintId));
+    const columns = [
+      { id: "proposed", title: "Proposed", status: "proposed" },
+      { id: "voting", title: "Voting", status: "voting" },
+      { id: "not_started", title: "Not Started", status: "not_started" },
+      { id: "in_progress", title: "In Progress", status: "in_progress" },
+      { id: "review", title: "Review", status: "review" },
+      { id: "completed", title: "Completed", status: "completed" }
+    ];
+    const getTasksForColumn = (status) => {
+      return tasks.value.filter((task) => task.status === status);
+    };
+    onMounted(async () => {
+      await sprintsActions.getSprintById(route.params.sprintId);
+      await tasksActions.getAllTasks();
+    });
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return !sprint.value || !sprint.value._id ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[5] || (_cache[5] = createElementVNode("h2", { class: "h2 fw-medium mn-b-small" }, "Sprint not found", -1)),
+          createVNode(_component_router_link, {
+            to: `/governance/initiatives/${unref(route).params.id}/sprints`,
+            class: "t-main hover:t-main-semi"
+          }, {
+            default: withCtx(() => _cache[4] || (_cache[4] = [
+              createTextVNode(" Back to sprints ")
+            ])),
+            _: 1
+          }, 8, ["to"])
+        ])
+      ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_router_link, {
+            to: `/governance/initiatives/${unref(route).params.id}/sprints`,
+            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[6] || (_cache[6] = createTextVNode(" Back to initiative "))
+            ]),
+            _: 1
+          }, 8, ["to"]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  createVNode(_sfc_main$2, {
+                    status: sprint.value.status
+                  }, null, 8, ["status"]),
+                  sprint.value.startDate || sprint.value.dueDate ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                    createVNode(unref(_sfc_main$3), {
+                      class: "i-regular mn-r-micro",
+                      fill: "currentColor"
+                    }),
+                    createTextVNode(" " + toDisplayString(unref(formatDate)(sprint.value.startDate, { dateOnly: true })) + " - " + toDisplayString(unref(formatDate)(sprint.value.dueDate, { dateOnly: true })), 1)
+                  ])) : createCommentVNode("", true)
+                ]),
+                createElementVNode("h1", _hoisted_10, toDisplayString(sprint.value.name), 1),
+                createElementVNode("p", _hoisted_11, toDisplayString(sprint.value.description), 1)
+              ]),
+              createElementVNode("button", {
+                onClick: _cache[0] || (_cache[0] = ($event) => showTaskForm.value = true),
+                class: "bg-main hover:bg-main-semi t-white fw-medium pd-small pd-x-medium radius-medium flex flex-v-center gap-thin ease-cubic-in-out mn-l-medium"
+              }, [
+                createVNode(unref(_sfc_main$4), {
+                  class: "i-medium",
+                  fill: "currentColor"
+                }),
+                _cache[7] || (_cache[7] = createTextVNode(" Propose Task "))
+              ])
+            ]),
+            createElementVNode("div", null, [
+              createElementVNode("div", _hoisted_12, [
+                _cache[8] || (_cache[8] = createElementVNode("span", { class: "p-small fw-medium t-dark" }, "Progress", -1)),
+                createElementVNode("span", _hoisted_13, toDisplayString(sprint.value.progress || 0) + "%", 1)
+              ]),
+              createElementVNode("div", _hoisted_14, [
+                createElementVNode("div", {
+                  class: "bg-main h-100 ease-cubic-in-out",
+                  style: normalizeStyle({ width: `${sprint.value.progress || 0}%` })
+                }, null, 4)
+              ]),
+              sprint.value.owner ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                createElementVNode("div", _hoisted_16, [
+                  sprint.value.owner.avatar ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: sprint.value.owner.avatar,
+                    alt: sprint.value.owner.name,
+                    class: "i-medium radius-extra"
+                  }, null, 8, _hoisted_17)) : createCommentVNode("", true),
+                  createElementVNode("div", null, [
+                    _cache[9] || (_cache[9] = createElementVNode("div", { class: "p-micro t-dark" }, "Owner", -1)),
+                    createElementVNode("div", _hoisted_18, toDisplayString(sprint.value.owner.name || sprint.value.owner), 1)
+                  ])
+                ]),
+                sprint.value.contributors && sprint.value.contributors.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                  _cache[10] || (_cache[10] = createElementVNode("div", { class: "p-micro t-dark mn-b-micro" }, "Contributors", -1)),
+                  createElementVNode("div", _hoisted_20, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(sprint.value.contributors, (contributor) => {
+                      return openBlock(), createElementBlock("img", {
+                        key: contributor._id,
+                        src: contributor.avatar,
+                        alt: contributor.name,
+                        title: contributor.name,
+                        class: "i-medium radius-extra br-2px br-white",
+                        style: { "margin-left": "-0.5rem" }
+                      }, null, 8, _hoisted_21);
+                    }), 128))
+                  ])
+                ])) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          _cache[13] || (_cache[13] = createElementVNode("div", { class: "mn-b-semi" }, [
+            createElementVNode("h2", { class: "h2 fw-medium" }, "Tasks")
+          ], -1)),
+          tasks.value.length === 0 ? (openBlock(), createBlock(_sfc_main$5, {
+            key: 0,
+            title: "No tasks yet",
+            message: "Propose tasks to start working on this sprint.",
+            actionText: "Propose Task",
+            onAction: _cache[1] || (_cache[1] = ($event) => showTaskForm.value = true)
+          })) : (openBlock(), createElementBlock("div", _hoisted_22, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(columns, (column) => {
+              return createElementVNode("div", {
+                key: column.id,
+                class: "br-black-transp-10 br-1px radius-medium pd-medium"
+              }, [
+                createElementVNode("div", _hoisted_23, [
+                  createElementVNode("h3", _hoisted_24, toDisplayString(column.title), 1),
+                  createElementVNode("span", _hoisted_25, toDisplayString(getTasksForColumn(column.status).length), 1)
+                ]),
+                createElementVNode("div", _hoisted_26, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(getTasksForColumn(column.status), (task) => {
+                    return openBlock(), createBlock(_sfc_main$6, {
+                      key: task._id,
+                      task
+                    }, null, 8, ["task"]);
+                  }), 128))
+                ])
+              ]);
+            }), 64))
+          ])),
+          showTaskForm.value ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: "fixed inset-0 bg-dark-overlay flex flex-center flex z-50",
+            onClick: _cache[3] || (_cache[3] = withModifiers(($event) => showTaskForm.value = false, ["self"]))
+          }, [
+            createElementVNode("div", _hoisted_27, [
+              createElementVNode("div", _hoisted_28, [
+                _cache[11] || (_cache[11] = createElementVNode("h3", { class: "h3 fw-medium" }, "Propose Task", -1)),
+                createElementVNode("button", {
+                  onClick: _cache[2] || (_cache[2] = ($event) => showTaskForm.value = false),
+                  class: "t-dark hover:t-dark ease-cubic-in-out"
+                }, [
+                  createVNode(unref(_sfc_main$7), {
+                    class: "i-medium",
+                    fill: "currentColor"
+                  })
+                ])
+              ]),
+              _cache[12] || (_cache[12] = createElementVNode("p", { class: "p-regular t-dark t-center" }, "Task proposal form coming soon...", -1))
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]));
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Sprint.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sprint.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/Sprint.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute } from 'vue-router';\nimport TaskStatusBadge from '../partials/TaskStatusBadge.vue';\nimport EmptyState from '../partials/EmptyState.vue';\nimport CardTaskItem from '../blocks/CardTaskItem.vue';\nimport { sprintsActions, sprintsState } from '../../store/sprints';\nimport { tasksActions, tasksState } from '../../store/tasks';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\nimport { IconArrow, IconCalendar, IconPlus, IconCross } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst { formatDate } = useGlobalMixins();\n\nconst route = useRoute();\nconst showTaskForm = ref(false);\n\nconst sprint = computed(() => sprintsState.current);\nconst tasks = computed(() => tasksState.all.filter(t => String(t.sprint?._id || t.sprint) === route.params.sprintId));\n\nconst columns = [\n  { id: 'proposed', title: 'Proposed', status: 'proposed' },\n  { id: 'voting', title: 'Voting', status: 'voting' },\n  { id: 'not_started', title: 'Not Started', status: 'not_started' },\n  { id: 'in_progress', title: 'In Progress', status: 'in_progress' },\n  { id: 'review', title: 'Review', status: 'review' },\n  { id: 'completed', title: 'Completed', status: 'completed' },\n];\n\nconst getTasksForColumn = (status) => {\n  return tasks.value.filter(task => task.status === status);\n};\n\nconst handleProposeTask = (data) => {\n  console.log('Proposing task:', data);\n  showTaskForm.value = false;\n};\n\nonMounted(async () => {\n  await sprintsActions.getSprintById(route.params.sprintId);\n  await tasksActions.getAllTasks();\n});\n</script>\n\n<template>\n  <div v-if=\"!sprint || !sprint._id\" class=\"min-h-100vh flex flex-center flex\">\n    <div class=\"t-center\">\n      <h2 class=\"h2 fw-medium mn-b-small\">Sprint not found</h2>\n      <router-link :to=\"`/governance/initiatives/${route.params.id}/sprints`\" class=\"t-main hover:t-main-semi\">\n        Back to sprints\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      <router-link\n        :to=\"`/governance/initiatives/${route.params.id}/sprints`\"\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 initiative\n      </router-link>\n\n      <div class=\"bg-light radius-semi o-hidden pd-semi mn-b-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=\"sprint.status\" />\n              <div v-if=\"sprint.startDate || sprint.dueDate\" class=\"flex flex-v-center p-small t-dark\">\n                <IconCalendar class=\"i-regular mn-r-micro\" :fill=\"'currentColor'\" />\n                {{ formatDate(sprint.startDate, { dateOnly: true }) }} - {{ formatDate(sprint.dueDate, { dateOnly: true }) }}\n              </div>\n            </div>\n            <h1 class=\"h1 fw-medium mn-b-small\">{{ sprint.name }}</h1>\n            <p class=\"p-semi t-dark\">{{ sprint.description }}</p>\n          </div>\n          <button\n            @click=\"showTaskForm = true\"\n            class=\"bg-main hover:bg-main-semi t-white fw-medium pd-small pd-x-medium radius-medium flex flex-v-center gap-thin ease-cubic-in-out mn-l-medium\"\n          >\n            <IconPlus class=\"i-medium\" :fill=\"'currentColor'\" />\n            Propose Task\n          </button>\n        </div>\n\n        <div>\n          <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n            <span class=\"p-small fw-medium t-dark\">Progress</span>\n            <span class=\"h2 fw-medium\">{{ sprint.progress || 0 }}%</span>\n          </div>\n          <div class=\"w-100 bg-white radius-extra h-3r o-hidden\">\n            <div\n              class=\"bg-main h-100 ease-cubic-in-out\"\n              :style=\"{ width: `${sprint.progress || 0}%` }\"\n            />\n          </div>\n          <div v-if=\"sprint.owner\" class=\"mn-t-medium flex flex-v-center gap-small p-small t-dark\">\n            <div class=\"flex flex-v-center gap-thin\">\n              <img\n                v-if=\"sprint.owner.avatar\"\n                :src=\"sprint.owner.avatar\"\n                :alt=\"sprint.owner.name\"\n                class=\"i-medium radius-extra\"\n              />\n              <div>\n                <div class=\"p-micro t-dark\">Owner</div>\n                <div class=\"fw-medium\">{{ sprint.owner.name || sprint.owner }}</div>\n              </div>\n            </div>\n            <div v-if=\"sprint.contributors && sprint.contributors.length > 0\">\n              <div class=\"p-micro t-dark mn-b-micro\">Contributors</div>\n              <div class=\"flex\" style=\"margin-left: -0.25rem;\">\n                <img\n                  v-for=\"contributor in sprint.contributors\"\n                  :key=\"contributor._id\"\n                  :src=\"contributor.avatar\"\n                  :alt=\"contributor.name\"\n                  :title=\"contributor.name\"\n                  class=\"i-medium radius-extra br-2px br-white\"\n                  style=\"margin-left: -0.5rem;\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"mn-b-semi\">\n        <h2 class=\"h2 fw-medium\">Tasks</h2>\n      </div>\n\n      <EmptyState\n        v-if=\"tasks.length === 0\"\n        title=\"No tasks yet\"\n        message=\"Propose tasks to start working on this sprint.\"\n        actionText=\"Propose Task\"\n        @action=\"showTaskForm = true\"\n      />\n\n      <div v-else class=\"cols-6 gap-regular\">\n        <div v-for=\"column in columns\" :key=\"column.id\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n          <div class=\"flex flex-justify-between flex-v-center mn-b-medium\">\n            <h3 class=\"fw-medium\">{{ column.title }}</h3>\n            <span class=\"bg-light t-dark p-micro fw-medium pd-micro pd-x-thin radius-extra\">\n              {{ getTasksForColumn(column.status).length }}\n            </span>\n          </div>\n          <div class=\"flex flex-column gap-small\">\n            <CardTaskItem\n              v-for=\"task in getTasksForColumn(column.status)\"\n              :key=\"task._id\"\n              :task=\"task\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div v-if=\"showTaskForm\" class=\"fixed inset-0 bg-dark-overlay flex flex-center flex z-50\" @click.self=\"showTaskForm = 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\">Propose Task</h3>\n            <button @click=\"showTaskForm = 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 proposal 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,eAAe,IAAI,KAAK;AAE9B,UAAM,SAAS,SAAS,MAAM,aAAa,OAAO;AAClD,UAAM,QAAQ,SAAS,MAAM,WAAW,IAAI,OAAO,OAAK,OAAO,EAAE,QAAQ,OAAO,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,CAAC;AAEpH,UAAM,UAAU;AAAA,MACd,EAAE,IAAI,YAAY,OAAO,YAAY,QAAQ,WAAU;AAAA,MACvD,EAAE,IAAI,UAAU,OAAO,UAAU,QAAQ,SAAQ;AAAA,MACjD,EAAE,IAAI,eAAe,OAAO,eAAe,QAAQ,cAAa;AAAA,MAChE,EAAE,IAAI,eAAe,OAAO,eAAe,QAAQ,cAAa;AAAA,MAChE,EAAE,IAAI,UAAU,OAAO,UAAU,QAAQ,SAAQ;AAAA,MACjD,EAAE,IAAI,aAAa,OAAO,aAAa,QAAQ,YAAW;AAAA,IAC5D;AAEA,UAAM,oBAAoB,CAAC,WAAW;AACpC,aAAO,MAAM,MAAM,OAAO,UAAQ,KAAK,WAAW,MAAM;AAAA,IAC1D;AAOA,cAAU,YAAY;AACpB,YAAM,eAAe,cAAc,MAAM,OAAO,QAAQ;AACxD,YAAM,aAAa,YAAW;AAAA,IAChC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,72 @@
+import { ref, createElementBlock, openBlock, createElementVNode, createVNode, normalizeClass, toDisplayString } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { sprintsActions } from "../../store/sprints.js";
+import _sfc_main$1 from "../sections/FormSprintDetails.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                                               */
+/* 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: "SprintCreate",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const newSprint = ref({
+      name: "",
+      description: "",
+      status: "not_started",
+      startDate: null,
+      dueDate: null,
+      progress: 0,
+      owner: "",
+      initiative: "",
+      priority: "medium",
+      tags: []
+    });
+    const creating = ref(false);
+    const createSprint = async () => {
+      if (!newSprint.value.name) return;
+      creating.value = true;
+      try {
+        const response = await sprintsActions.createSprint(newSprint.value);
+        router.push(`/governance/initiatives/${route.params.id}/sprints/${response._id || response.id}`);
+      } catch (e) {
+        creating.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[1] || (_cache[1] = createElementVNode("h1", { class: "h2 fw-medium mn-b-semi" }, "Create New Sprint", -1)),
+        createVNode(_sfc_main$1, {
+          modelValue: newSprint.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => newSprint.value = $event)
+        }, null, 8, ["modelValue"]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("button", {
+            onClick: createSprint,
+            disabled: !newSprint.value.name || 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": !newSprint.value.name || creating.value }])
+          }, toDisplayString(creating.value ? "Creating..." : "Create Sprint"), 11, _hoisted_3)
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=SprintCreate.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SprintCreate.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/pages/SprintCreate.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { sprintsActions } from '../../store/sprints';\nimport FormSprintDetails from '../sections/FormSprintDetails.vue';\nimport { IconArrow } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst newSprint = ref({\n  name: '',\n  description: '',\n  status: 'not_started',\n  startDate: null,\n  dueDate: null,\n  progress: 0,\n  owner: '',\n  initiative: '',\n  priority: 'medium',\n  tags: [],\n});\n\nconst creating = ref(false);\n\nconst createSprint = async () => {\n  if (!newSprint.value.name) return;\n  creating.value = true;\n  try {\n    const response = await sprintsActions.createSprint(newSprint.value);\n    router.push(`/governance/initiatives/${route.params.id}/sprints/${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    <h1 class=\"h2 fw-medium mn-b-semi\">Create New Sprint</h1>\n\n    <FormSprintDetails v-model=\"newSprint\" />\n\n    <div class=\"flex flex-justify-end mn-t-semi\">\n      <button\n        @click=\"createSprint\"\n        :disabled=\"!newSprint.name || 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': !newSprint.name || creating }\"\n      >\n        {{ creating ? 'Creating...' : 'Create Sprint' }}\n      </button>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,YAAY,IAAI;AAAA,MACpB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,MAAM,CAAA;AAAA,IACR,CAAC;AAED,UAAM,WAAW,IAAI,KAAK;AAE1B,UAAM,eAAe,YAAY;AAC/B,UAAI,CAAC,UAAU,MAAM,KAAM;AAC3B,eAAS,QAAQ;AACjB,UAAI;AACF,cAAM,WAAW,MAAM,eAAe,aAAa,UAAU,KAAK;AAClE,eAAO,KAAK,2BAA2B,MAAM,OAAO,EAAE,YAAY,SAAS,OAAO,SAAS,EAAE,EAAE;AAAA,MACjG,SAAS,GAAG;AACV,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;;;;;;;;;;;;;;;;;;;"}