@ozdao/martyrs 0.2.602 → 0.2.604

package/src/modules/governance/views/components/sections/FormSprintDetails.vue

@@ -0,0 +1,156 @@
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true
+  }
+});
+
+const emit = defineEmits(['update:modelValue']);
+
+const updateField = (field, value) => {
+  emit('update:modelValue', { ...props.modelValue, [field]: value });
+};
+
+const addTag = () => {
+  const current = Array.isArray(props.modelValue.tags) ? props.modelValue.tags : [];
+  updateField('tags', [...current, '']);
+};
+
+const removeTag = (index) => {
+  const current = [...props.modelValue.tags];
+  current.splice(index, 1);
+  updateField('tags', current);
+};
+
+const updateTag = (index, value) => {
+  const current = [...props.modelValue.tags];
+  current[index] = value;
+  updateField('tags', current);
+};
+</script>
+
+<template>
+  <form @submit.prevent>
+    <div class="bg-light radius-semi pd-semi mn-b-semi">
+      <h3 class="p-semi fw-medium mn-b-medium">Basic Info</h3>
+      <div class="mn-b-regular">
+        <label class="p-small fw-medium d-block mn-b-micro">Name *</label>
+        <input
+          :value="modelValue.name"
+          @input="updateField('name', $event.target.value)"
+          class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          placeholder="Sprint name"
+        />
+      </div>
+      <div class="mn-b-regular">
+        <label class="p-small fw-medium d-block mn-b-micro">Description</label>
+        <textarea
+          :value="modelValue.description"
+          @input="updateField('description', $event.target.value)"
+          class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          rows="3"
+          placeholder="Sprint description"
+        ></textarea>
+      </div>
+      <div class="cols-3 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Status</label>
+          <select
+            :value="modelValue.status"
+            @change="updateField('status', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          >
+            <option value="not_started">Not Started</option>
+            <option value="in_progress">In Progress</option>
+            <option value="completed">Completed</option>
+            <option value="blocked">Blocked</option>
+            <option value="cancelled">Cancelled</option>
+          </select>
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Priority</label>
+          <select
+            :value="modelValue.priority"
+            @change="updateField('priority', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          >
+            <option value="low">Low</option>
+            <option value="medium">Medium</option>
+            <option value="high">High</option>
+            <option value="urgent">Urgent</option>
+          </select>
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Progress (%)</label>
+          <input
+            :value="modelValue.progress"
+            @input="updateField('progress', Number($event.target.value))"
+            type="number"
+            min="0"
+            max="100"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="0"
+          />
+        </div>
+      </div>
+      <div class="cols-2 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Start Date</label>
+          <input
+            :value="modelValue.startDate"
+            @input="updateField('startDate', $event.target.value)"
+            type="date"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          />
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Due Date</label>
+          <input
+            :value="modelValue.dueDate"
+            @input="updateField('dueDate', $event.target.value)"
+            type="date"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          />
+        </div>
+      </div>
+      <div class="cols-2 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Owner (ID)</label>
+          <input
+            :value="modelValue.owner"
+            @input="updateField('owner', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="User ID"
+          />
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Initiative (ID)</label>
+          <input
+            :value="modelValue.initiative"
+            @input="updateField('initiative', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Initiative ID"
+          />
+        </div>
+      </div>
+      <div>
+        <div class="flex flex-justify-between flex-v-center mn-b-micro">
+          <label class="p-small fw-medium">Tags</label>
+          <button type="button" @click="addTag" class="p-small t-main hover:t-main-semi fw-medium">+ Add</button>
+        </div>
+        <div v-for="(tag, index) in (modelValue.tags || [])" :key="index" class="flex gap-small mn-b-small">
+          <input
+            :value="tag"
+            @input="updateTag(index, $event.target.value)"
+            class="flex-child-1 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Tag"
+          />
+          <button type="button" @click="removeTag(index)" class="p-small t-red hover:t-red-semi fw-medium pd-x-small">Remove</button>
+        </div>
+      </div>
+    </div>
+  </form>
+</template>

package/src/modules/governance/views/components/sections/FormTaskDetails.vue

@@ -13,29 +13,133 @@ const emit = defineEmits(['update:modelValue']);
 const updateField = (field, value) => {
   emit('update:modelValue', { ...props.modelValue, [field]: value });
 };
+
+const addTag = () => {
+  const current = Array.isArray(props.modelValue.tags) ? props.modelValue.tags : [];
+  updateField('tags', [...current, '']);
+};
+
+const removeTag = (index) => {
+  const current = [...props.modelValue.tags];
+  current.splice(index, 1);
+  updateField('tags', current);
+};
+
+const updateTag = (index, value) => {
+  const current = [...props.modelValue.tags];
+  current[index] = value;
+  updateField('tags', current);
+};
 </script>
 
 <template>
-  <form>
-    <div>
-      <label for="name">Name:</label>
-      <input id="name" v-model="modelValue.name" @input="updateField('name', $event.target.value)" />
-    </div>
-    <div>
-      <label for="description">Description:</label>
-      <textarea id="description" v-model="modelValue.description" @input="updateField('description', $event.target.value)"></textarea>
-    </div>
-    <div>
-      <label for="status">Status:</label>
-      <select id="status" v-model="modelValue.status" @change="updateField('status', $event.target.value)">
-        <option value="todo">To Do</option>
-        <option value="inProgress">In Progress</option>
-        <option value="done">Done</option>
-      </select>
-    </div>
-    <div>
-      <label for="assignedTo">Assigned To:</label>
-      <input id="assignedTo" v-model="modelValue.assignedTo" @input="updateField('assignedTo', $event.target.value)" />
+  <form @submit.prevent>
+    <div class="bg-light radius-semi pd-semi mn-b-semi">
+      <h3 class="p-semi fw-medium mn-b-medium">Task Details</h3>
+      <div class="mn-b-regular">
+        <label class="p-small fw-medium d-block mn-b-micro">Title *</label>
+        <input
+          :value="modelValue.title"
+          @input="updateField('title', $event.target.value)"
+          class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          placeholder="Task title"
+        />
+      </div>
+      <div class="mn-b-regular">
+        <label class="p-small fw-medium d-block mn-b-micro">Description</label>
+        <textarea
+          :value="modelValue.description"
+          @input="updateField('description', $event.target.value)"
+          class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          rows="3"
+          placeholder="Task description"
+        ></textarea>
+      </div>
+      <div class="cols-3 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Status</label>
+          <select
+            :value="modelValue.status"
+            @change="updateField('status', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          >
+            <option value="proposed">Proposed</option>
+            <option value="voting">Voting</option>
+            <option value="not_started">Not Started</option>
+            <option value="in_progress">In Progress</option>
+            <option value="review">Review</option>
+            <option value="completed">Completed</option>
+            <option value="blocked">Blocked</option>
+            <option value="cancelled">Cancelled</option>
+          </select>
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Priority</label>
+          <select
+            :value="modelValue.priority"
+            @change="updateField('priority', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          >
+            <option value="low">Low</option>
+            <option value="medium">Medium</option>
+            <option value="high">High</option>
+            <option value="urgent">Urgent</option>
+          </select>
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Due Date</label>
+          <input
+            :value="modelValue.dueDate"
+            @input="updateField('dueDate', $event.target.value)"
+            type="date"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          />
+        </div>
+      </div>
+      <div class="cols-3 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Assigned To (ID)</label>
+          <input
+            :value="modelValue.assignedTo"
+            @input="updateField('assignedTo', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="User ID"
+          />
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Sprint (ID)</label>
+          <input
+            :value="modelValue.sprint"
+            @input="updateField('sprint', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Sprint ID"
+          />
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Initiative (ID)</label>
+          <input
+            :value="modelValue.initiative"
+            @input="updateField('initiative', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Initiative ID"
+          />
+        </div>
+      </div>
+      <div>
+        <div class="flex flex-justify-between flex-v-center mn-b-micro">
+          <label class="p-small fw-medium">Tags</label>
+          <button type="button" @click="addTag" class="p-small t-main hover:t-main-semi fw-medium">+ Add</button>
+        </div>
+        <div v-for="(tag, index) in (modelValue.tags || [])" :key="index" class="flex gap-small mn-b-small">
+          <input
+            :value="tag"
+            @input="updateTag(index, $event.target.value)"
+            class="flex-child-1 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Tag"
+          />
+          <button type="button" @click="removeTag(index)" class="p-small t-red hover:t-red-semi fw-medium pd-x-small">Remove</button>
+        </div>
+      </div>
     </div>
   </form>
-</template>
+</template>

package/src/modules/governance/views/components/sections/FormVotingDetails.vue

@@ -16,22 +16,141 @@ const updateField = (field, value) => {
 </script>
 
 <template>
-  <form>
-    <div>
-      <label for="title">Title:</label>
-      <input id="title" v-model="modelValue.title" @input="updateField('title', $event.target.value)" />
-    </div>
-    <div>
-      <label for="description">Description:</label>
-      <textarea id="description" v-model="modelValue.description" @input="updateField('description', $event.target.value)"></textarea>
-    </div>
-    <div>
-      <label for="startDate">Start Date:</label>
-      <input id="startDate" type="datetime-local" v-model="modelValue.startDate" @input="updateField('startDate', $event.target.value)" />
-    </div>
-    <div>
-      <label for="endDate">End Date:</label>
-      <input id="endDate" type="datetime-local" v-model="modelValue.endDate" @input="updateField('endDate', $event.target.value)" />
+  <form @submit.prevent>
+    <div class="bg-light radius-semi pd-semi mn-b-semi">
+      <h3 class="p-semi fw-medium mn-b-medium">Voting Details</h3>
+      <div class="mn-b-regular">
+        <label class="p-small fw-medium d-block mn-b-micro">Title *</label>
+        <input
+          :value="modelValue.title"
+          @input="updateField('title', $event.target.value)"
+          class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          placeholder="Voting title"
+        />
+      </div>
+      <div class="mn-b-regular">
+        <label class="p-small fw-medium d-block mn-b-micro">Description</label>
+        <textarea
+          :value="modelValue.description"
+          @input="updateField('description', $event.target.value)"
+          class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          rows="3"
+          placeholder="Voting description"
+        ></textarea>
+      </div>
+      <div class="cols-3 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Type *</label>
+          <select
+            :value="modelValue.type"
+            @change="updateField('type', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          >
+            <option value="create_task">Create Task</option>
+            <option value="approve_task">Approve Task</option>
+            <option value="create_initiative">Create Initiative</option>
+            <option value="update_sprint">Update Sprint</option>
+            <option value="general">General</option>
+          </select>
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Status</label>
+          <select
+            :value="modelValue.status"
+            @change="updateField('status', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          >
+            <option value="pending">Pending</option>
+            <option value="active">Active</option>
+            <option value="closed">Closed</option>
+          </select>
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Threshold (%)</label>
+          <input
+            :value="modelValue.threshold"
+            @input="updateField('threshold', Number($event.target.value))"
+            type="number"
+            min="1"
+            max="100"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="51"
+          />
+        </div>
+      </div>
+      <div class="cols-2 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Target Model</label>
+          <select
+            :value="modelValue.targetModel"
+            @change="updateField('targetModel', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          >
+            <option value="">None</option>
+            <option value="Task">Task</option>
+            <option value="Initiative">Initiative</option>
+            <option value="Sprint">Sprint</option>
+          </select>
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Target ID</label>
+          <input
+            :value="modelValue.targetId"
+            @input="updateField('targetId', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Target entity ID"
+          />
+        </div>
+      </div>
+      <div class="cols-3 gap-regular mn-b-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Initiative (ID)</label>
+          <input
+            :value="modelValue.initiative"
+            @input="updateField('initiative', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Initiative ID"
+          />
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Task (ID)</label>
+          <input
+            :value="modelValue.task"
+            @input="updateField('task', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Task ID"
+          />
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Sprint (ID)</label>
+          <input
+            :value="modelValue.sprint"
+            @input="updateField('sprint', $event.target.value)"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+            placeholder="Sprint ID"
+          />
+        </div>
+      </div>
+      <div class="cols-2 gap-regular">
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">Start Date</label>
+          <input
+            :value="modelValue.startDate"
+            @input="updateField('startDate', $event.target.value)"
+            type="datetime-local"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          />
+        </div>
+        <div>
+          <label class="p-small fw-medium d-block mn-b-micro">End Date</label>
+          <input
+            :value="modelValue.endDate"
+            @input="updateField('endDate', $event.target.value)"
+            type="datetime-local"
+            class="w-100 pd-small pd-x-medium radius-medium br-1px br-black-transp-10 p-regular"
+          />
+        </div>
+      </div>
     </div>
   </form>
-</template>
+</template>

package/src/modules/governance/views/components/sections/VoteForm.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref } from 'vue';
 import { defineProps } from 'vue';
-import { votesActions } from '../../store/votes';
+import { votingsActions } from '../../store/votings';
 
 const props = defineProps({
   votingId: {
@@ -13,7 +13,7 @@ const props = defineProps({
 const choice = ref('');
 
 const castVote = async () => {
-  await votesActions.castVote(props.votingId, { choice: choice.value });
+  await votingsActions.castVote(props.votingId, { choice: choice.value });
   // Show success message or update UI
 };
 </script>