Feat(task): Added support for Office 365 events, that are not editable from the application

This commit is contained in:
Matej Glasnák committed 2024-11-06 04:16:52 +01:00
1 parent 36f992c063
commit 687681865c
48 files changed
+408 -165

No files matched your search

@@ -23,10 +23,18 @@
</v-tooltip>
<td>{{ subtask.spent_time }} h</td>
<td class="task-action">
<div class="d-flex justify-start">
<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/eye.svg')" alt="pencil-icon" @click.stop="editTask(subtask, false)">
<!-- <img class="pencil-icon" :src="require('@/plugins/app/_img/icons/pencil.svg')" alt="pencil-icon" @click.stop="editTask(subtask, true)"> -->
<img class="trash-icon" :src="require('@/plugins/app/_img/icons/bin.svg')" alt="trash-icon" @click.stop="deleteTask(subtask)">
<div class="d-flex justify-start align-center">
<!-- TODO office365: Only for office365 events -->
<template v-if="true">
<img class="pencil-icon" :src="eye" alt="pencil-icon" @click.stop="editTask(subtask, false)">
<img class="office-icon" :src="office365" alt="office-icon" />
</template>
<template v-else>
<img class="pencil-icon" :src="eye" alt="pencil-icon" @click.stop="editTask(subtask, false)">
<!-- <img class="pencil-icon" :src="require('@/plugins/app/_img/icons/pencil.svg')" alt="pencil-icon" @click.stop="editTask(subtask, true)"> -->
<img class="trash-icon" :src="bin" alt="trash-icon" @click.stop="deleteTask(subtask)">
</template>
</div>
</td>
</tr>
@@ -37,6 +45,7 @@
<script>
import moment from 'moment'
import { mapGetters } from 'vuex'
import { bin, eye, office365 } from '@/plugins/app/_img'
export default {
props: {
@@ -46,13 +55,24 @@ export default {
}
},
data() {
return {
bin,
eye,
office365
}
},
computed: {
...mapGetters('tm', ['mastertasks'])
},
methods: {
editTask(subtask, editMode) {
this.$events.emit('show-subtask-modal', {subtask, editMode})
// TODO office365: Only for office365 events
return this.editOfficeEvent(subtask)
// this.$events.emit('show-subtask-modal', {subtask, editMode})
},
deleteTask(subtask) {
@@ -64,6 +84,10 @@ export default {
return moment(subtask.deadline).format('DD.MM.yyyy')
return moment(subtask.master_task_deadline).format('DD.MM.yyyy')
},
editOfficeEvent(subtask) {
this.$events.emit('show-unable-to-edit-office-task-modal', { subtask })
}
}
}
@@ -73,6 +97,10 @@ export default {
v-table, th, td
border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
.office-icon
height: 20px
margin-left: 12px
@media screen and (max-width: 379px)
.task-action
div