julien/failwell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ (eta) using eta component

Browse Source
This commit is contained in:
Julien Calixte
2023-04-16 09:36:25 +02:00
parent 6b2fba18b1
commit 81cfab485e
3 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/modules/record/components/TaskRecord.vue
View File

@@ -1,4 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import EstimationTimeArrival from '@/components/EstimationTimeArrival.vue'
import { useTaskStore } from '@/modules/task/stores/useTask.store' import { useTaskStore } from '@/modules/task/stores/useTask.store'
import { formatLongDate } from '@/shared/format-date' import { formatLongDate } from '@/shared/format-date'
import { useLoopyTitle } from '@/shared/useLoopyTitle' import { useLoopyTitle } from '@/shared/useLoopyTitle'
@@ -43,10 +44,7 @@ const isSuperiorToEstimation = computed(() => {
</h1> </h1>
<h2 class="subtitle" v-if="record"> <h2 class="subtitle" v-if="record">
{{ formatLongDate(record.start) }} {{ formatLongDate(record.start) }}
<div class="tags has-addons"> <estimation-time-arrival :estimation="task.totalEstimation" />
<div class="tag">ETA</div>
<div class="tag is-primary">{{ task.totalEstimation }} minutes</div>
</div>
</h2> </h2>
<record-controls :task-id="taskId" /> <record-controls :task-id="taskId" />
<record-progress :task-id="taskId" /> <record-progress :task-id="taskId" />

8
src/modules/task/components/NewTaskForm.vue
View File

@@ -1,4 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import EstimationTimeArrival from '@/components/EstimationTimeArrival.vue'
import { createUuid } from '@/shared/create-uuid' import { createUuid } from '@/shared/create-uuid'
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
@@ -47,10 +48,7 @@ const saveTask = () => {
<div class="column is-half"> <div class="column is-half">
<h1 class="title">Create a task</h1> <h1 class="title">Create a task</h1>
<h2 class="subtitle"> <h2 class="subtitle">
<div class="tags has-addons"> <estimation-time-arrival :estimation="totalEstimation" />
<div class="tag">ETA</div>
<div class="tag is-primary">{{ totalEstimation }} minutes</div>
</div>
</h2> </h2>
<form @submit.prevent="saveTask"> <form @submit.prevent="saveTask">
<div class="field"> <div class="field">
@@ -65,7 +63,7 @@ const saveTask = () => {
<input class="input" type="text" id="link" v-model="link" /> <input class="input" type="text" id="link" v-model="link" />
</div> </div>
</div> </div>
<StepInput v-model="steps" /> <step-input v-model="steps" />
<button class="button is-primary is-fullwidth" type="submit"> <button class="button is-primary is-fullwidth" type="submit">
save save
</button> </button>

6
src/views/task/TaskView.vue
View File

@@ -1,4 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import EstimationTimeArrival from '@/components/EstimationTimeArrival.vue'
import TaskRecordPreview from '@/modules/record/components/TaskRecordPreview.vue' import TaskRecordPreview from '@/modules/record/components/TaskRecordPreview.vue'
import { useTaskStore } from '@/modules/task/stores/useTask.store' import { useTaskStore } from '@/modules/task/stores/useTask.store'
import { computed } from 'vue' import { computed } from 'vue'
@@ -16,10 +17,7 @@ const task = computed(() => taskStore.getTask(props.id))
<div class="task-view" v-if="task"> <div class="task-view" v-if="task">
<h1 class="title">{{ task.title }}</h1> <h1 class="title">{{ task.title }}</h1>
<h2 class="subtitle"> <h2 class="subtitle">
<div class="tags has-addons"> <estimation-time-arrival :estimation="task.totalEstimation" />
<div class="tag">ETA</div>
<div class="tag is-primary">{{ task.totalEstimation }} minutes</div>
</div>
</h2> </h2>
<a <a
v-if="task.link" v-if="task.link"