[napajanie modalov na BE]

app/src/plugins/tm@modal/task/z-task-add-time-modal.vue

@@ -0,0 +1,73 @@
+<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() {
+			// Kravarik: Dorobit logiku
+			// 1. Save na be
+			// 2. this.$events.emit('task-time-updated', task)
+			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>