JandL_gitea/jandl-taskmanager-app
1
0 Fork 0
mirror of https://bitbucket.org/studiotem/jandl-taskmanager-app.git synced 2026-10-21 22:39:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Modals] Refactoring

Browse Source
This commit is contained in:
Matej Glasnák committed 2022-12-06 19:08:06 +01:00
1 parent 707526fb2d
commit e1d9e6302f
18 files changed
+292 -465
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/plugins/tm@overview/tasks-ongoing/_components/a-ongoing-table.vue
+3 -14
View File
@@ -21,7 +21,7 @@
<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" />
<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="showDeleteModal = { task }" />
<A-delete-task-modal v-if="showDeleteModal" :show="showDeleteModal" :task="showDeleteModal.task" @delete-task="deleteTask(showDeleteModal.task.id)" @close-modal="(showDeleteModal = null)" />
<Z-delete-task-modal v-if="showDeleteModal" :visible="showDeleteModal ? true : false" :task="showDeleteModal.task" @close="showDeleteModal = null" />
</div>
</td>
</tr>
@@ -30,11 +30,11 @@
</template>
<script>
import ADeleteTaskModal from '@/plugins/app/_components/a-delete-task-modal.vue'
import ZDeleteTaskModal from '@/plugins/tm@modal/task/z-delete-task-modal.vue'
export default {
components: {
ADeleteTaskModal
ZDeleteTaskModal
},
props: {
@@ -48,17 +48,6 @@ export default {
return {
showDeleteModal: null
}
},
methods: {
async deleteTask(id) {
try {
await this.$axios.delete(`v1/teams/${id}`)
this.showDeleteModal = false
} catch (error) {
this.$toast.error(error)
}
}
}
}
</script>
app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue
+3 -14
View File
@@ -19,7 +19,7 @@
<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon">
<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="showDeleteModal = { task }">
<A-delete-task-modal v-if="showDeleteModal" :show="showDeleteModal" :task="showDeleteModal.task" @delete-task="deleteTask(showDeleteModal.task.id)" @close-modal="(showDeleteModal = null)" />
<Z-delete-task-modal v-if="showDeleteModal" :visible="showDeleteModal ? true : false" :task="showDeleteModal.task" @close="showDeleteModal = null" />
</div>
</td>
</tr>
@@ -28,11 +28,11 @@
</template>
<script>
import ADeleteTaskModal from '@/plugins/app/_components/a-delete-task-modal.vue'
import ZDeleteTaskModal from '@/plugins/tm@modal/task/z-delete-task-modal.vue'
export default {
components: {
ADeleteTaskModal
ZDeleteTaskModal
},
props: {
@@ -46,17 +46,6 @@ export default {
return {
showDeleteModal: null
}
},
methods: {
async deleteTask(id) {
try {
await this.$axios.delete(`v1/teams/${id}`)
this.showDeleteModal = false
} catch (error) {
this.$toast.error(error)
}
}
}
}
</script>
app/src/plugins/tm@overview/teams/_components/a-teams-table.vue
+6 -17
View File
@@ -21,19 +21,19 @@
</tbody>
</v-table>
<A-team-form-modal v-if="editModal" :show="editModal" :teamId="editModal.team.id" @close-modal="(editModal = null)" />
<A-delete-team-modal v-if="deleteModal" :show="deleteModal" :team="deleteModal.team" @delete-team="deleteTeam" @close-modal="(deleteModal = null)" />
<Z-team-modal v-if="editModal" :visible="editModal ? true : false" :teamId="editModal.team.id" @close="(editModal = null)" />
<Z-delete-team-modal v-if="deleteModal" :visible="deleteModal ? true : false" :team="deleteModal.team" @close="(deleteModal = null)" />
</div>
</template>
<script>
import ADeleteTeamModal from '@/plugins/app/_components/a-delete-team-modal.vue'
import ATeamFormModal from '@/plugins/app/_components/a-team-form-modal.vue'
import ZDeleteTeamModal from '@/plugins/tm@modal/team/z-delete-team-modal.vue'
import ZTeamModal from '@/plugins/tm@modal/team/z-team-modal.vue'
export default {
components: {
ADeleteTeamModal,
ATeamFormModal
ZDeleteTeamModal,
ZTeamModal
},
props: {
@@ -48,17 +48,6 @@ export default {
editModal: null,
deleteModal: null
}
},
methods: {
async deleteTeam(id) {
try {
await this.$axios.delete(`v1/teams/${id}`)
this.deleteModal = null
} catch (error) {
this.$toast.error(error)
}
}
}
}
</script>