mirror of
https://bitbucket.org/studiotem/jandl-taskmanager-app.git
synced 2026-10-21 14:29:34 +00:00
70 lines
1.1 KiB
Vue
70 lines
1.1 KiB
Vue
<template>
|
|
<v-dialog v-model="show" max-width="650">
|
|
<v-card>
|
|
<div class="d-flex justify-space-between align-center">
|
|
<h1>Prosím zadajte odpracovaný čas</h1>
|
|
|
|
<v-icon
|
|
@click.stop="close()"
|
|
icon="mdi-close"
|
|
size="large"
|
|
></v-icon>
|
|
</div>
|
|
<v-card-actions class="mt-10 d-flex justify-start align-center">
|
|
<v-text-field
|
|
class="modal-input"
|
|
label="Odpracovaný čas"
|
|
variant="solo"
|
|
type="number"
|
|
placeholder="h"
|
|
append-inner-icon="mdi-timer-outline"
|
|
></v-text-field>
|
|
</v-card-actions>
|
|
<v-btn class="z-btn mt-5">Potvrdiť</v-btn>
|
|
</v-card>
|
|
</v-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
emits: ['close'],
|
|
|
|
data() {
|
|
return {
|
|
visible: false
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
show: {
|
|
get() {
|
|
return this.visible
|
|
},
|
|
|
|
set(value) {
|
|
if (!value) this.$emit('close')
|
|
}
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
showModal() {
|
|
this.visible = true
|
|
},
|
|
|
|
close() {
|
|
this.visible = false
|
|
this.$emit('close', this.blocker)
|
|
this.blocker = null
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="sass" scoped>
|
|
.z-btn
|
|
height: 48px !important
|
|
|
|
h1
|
|
font-size: 34px
|
|
</style> |