mirror of
https://bitbucket.org/studiotem/jandl-taskmanager-app.git
synced 2026-10-21 06:20:21 +00:00
54 lines
1.1 KiB
Vue
54 lines
1.1 KiB
Vue
<template>
|
|
<v-dialog v-model="showModal" max-width="650">
|
|
<v-card>
|
|
<div class="d-flex justify-space-between align-center">
|
|
<h1>Ste si istý, že chcete zmazať <b>{{ task.title }}</b>?</h1>
|
|
|
|
<v-icon
|
|
@click.stop="$emit('close-modal')"
|
|
icon="mdi-close"
|
|
size="large"
|
|
></v-icon>
|
|
</div>
|
|
<v-card-actions class="mt-10 d-flex justify-start align-center">
|
|
<v-btn class="create-btn" variant="flat" @click="$emit('delete-task', task.id)">ÁNO</v-btn>
|
|
<v-btn class="ml-7 cancel-btn" @click.stop="$emit('close-modal')">ZRUŠIŤ</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
emits: ['delete-task', 'close-modal'],
|
|
|
|
props: {
|
|
show: {
|
|
type: Boolean,
|
|
required: true
|
|
},
|
|
|
|
task: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
showModal() {
|
|
return this.show
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="sass" scoped>
|
|
.cancel-btn
|
|
border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
|
|
color: #7f39fb
|
|
|
|
.create-btn
|
|
background: #7f39fb
|
|
border-radius: 4px
|
|
color: #fff
|
|
</style> |