Files
jandl-taskmanager-app/app/src/plugins/tm@modal/task-cell/z-show-menu-modal.vue
T

63 lines
1.2 KiB
Vue

<template>
<v-dialog v-model="visible" max-width="750">
<v-card>
<div class="d-flex justify-space-between align-center">
<h1>Vytvoriť</h1>
<v-icon @click.stop="closeModal()" icon="mdi-close" size="large"></v-icon>
</div>
<v-card-actions class="mt-10 d-flex justify-start align-center">
<v-btn class="button primary half outline" @click.stop="createTask()"
>TASK</v-btn
>
<v-btn class="button primary half outline" @click.stop="createBlocker()"
>BLOCKER</v-btn
>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<script>
export default {
emits: ['update', 'data'],
props: ['data'],
data() {
return {
visible: false,
localData: null,
}
},
methods: {
async showModal(data) {
this.localData = data
this.visible = true
},
closeModal() {
this.visible = false
},
createTask() {
this.$events.emit('show-subtask-modal', {
subtask: {
deadline: this.localData.date,
_deadline_time: this.localData.time,
},
})
},
createBlocker() {
this.$events.emit('show-blocker-modal', {
blocker: {
starts_at_time: this.localData.time,
datepicker: this.localData.date,
},
})
},
},
}
</script>