uprava modalov, [ongoing, unscheduled tasks] filter

app/src/plugins/tm@modal/blocker/z-blocker-modal.vue

@@ -1,11 +1,11 @@
 <template>
-	<v-dialog v-model="show" max-width="650" max-height="90%" height="700px">
-		<W-loadable :content="allEmployees" class="h-100">
+	<v-dialog v-model="visible" max-width="650" max-height="90%" height="700px">
+		<W-loadable :content="blocker && allEmployees" class="h-100">
 			<v-card height="100%" class="d-flex flex-column">
 				<div class="d-flex justify-space-between align-center modal-header">
 					<h1>{{ blocker.id ? 'Upraviť' : 'Vytvoriť'}} blocker</h1>
 					<v-icon
-						@click.stop="show = false"
+						@click.stop="close()"
 						icon="mdi-close"
 						size="large"
 					></v-icon>
@@ -83,34 +83,20 @@ import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
 const atLeastOne = (value) => value.length
 
 export default {
+	emits: ['close'],
+
 	components: {
 		ZAutocomplete,
 		Datepicker,
 	},
 
-	props: {
-		visible: {
-			type: Boolean,
-			required: true
-		},
-
-		blockerId: {
-			type: Number || null,
-			required: false,
-			default: null
-		}
-	},
-
 	data() {
 		return {
+			visible: false,
 			allEmployees: null,
 			v$: useVuelidate(),
 			errorUtils,
-			blocker: {
-				name: '',
-				date: null,
-				employees: []
-			}
+			blocker: null
 		}
 	},
 
@@ -125,9 +111,6 @@ export default {
 	},
 
 	async created() {
-		if (this.blockerId)
-			await this._load()
-
 		try {
 			const allEmployees = await this.$axios.get_auth_data('v1/employees')
 			this.allEmployees  = this._enrichEmployeesByFullName(allEmployees)
@@ -137,13 +120,29 @@ export default {
 	},
 
 	methods: {
+		async create(blocker = null) {
+			if (blocker) {
+				this.blocker = blocker
+				await this._load()
+			} else {
+				this.blocker = {
+					name: '',
+					date: null,
+					employees: []
+				}
+			}
+
+			this.visible = true
+		},
+
 		employeeSelected(selectedOption) {
 			const employee = this.allEmployees.find((empl) => empl.id == selectedOption.key)
 			this.blocker.employees.push(employee)
 		},
 
 		async save() {
-			if (!(await this.v$.$validate())) return console.log(this.v$)
+			if (!(await this.v$.$validate()))
+				return 
 
 			try {
 				if (this.blocker.id)
@@ -151,13 +150,19 @@ export default {
 				else
 					await this._create()
 
+				this.close()
 				this.$router.push({ name: 'Dashboard - Tasks' })
-				this.show = false
 			} catch (error) {
 				console.log(error)
 			}
 		},
 
+		close() {
+			this.visible = false
+			this.$emit('close', this.blocker)
+			this.blocker = null
+		},
+
 		async _create() {
 			try {
 				await this.$axios.post_auth('v1/blockers', this.blocker)
@@ -176,7 +181,7 @@ export default {
 
 		async _load() {
 			try {
-				const blocker 		= await this.$axios.get_auth_data(`v1/blockers/${this.blockerId}`)
+				const blocker 		= await this.$axios.get_auth_data(`v1/blockers/${this.blocker.id}`)
 				blocker.employees 	= this._enrichEmployeesByFullName(blocker.employees)
 
 				this.blocker = blocker
@@ -222,17 +227,7 @@ export default {
 					value: `${employee.name} ${employee.surname}`,
 				}
 			})
-		},
-
-		show: {
-			get() {
-				return this.visible
-			},
-
-			set(value) {
-				if (!value) this.$emit('close')
-			}
-		},
+		}
 	}
 }
 </script>