From 0a038b777181a70abb69c2b850992be25fb6a92c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Tue, 31 Jan 2023 15:05:26 +0100
Subject: [PATCH 1/6] [tm@modals] Refactoring

---
 .../app/_theme/_components/buttons.sass       |  18 ++
 .../app/_theme/_components/modals.sass        |  13 +
 .../app/_theme/_components/z-cancel-btn.sass  |   3 -
 .../app/_theme/_components/z-default-btn.sass |   4 -
 app/src/plugins/app/_theme/index.sass         |   5 +-
 app/src/plugins/app/_theme/modals.sass        |  17 ++
 .../_components/a-reset-password-form.vue     |   2 +-
 app/src/plugins/lib@search/search/search.vue  |   1 -
 app/src/plugins/tm@_utils/tm.utils.ts         |  19 ++
 .../tm@modal/_mixins/vuetify-fix-focus.ts     |  23 ++
 .../tm@modal/blocker/z-blocker-modal.vue      | 139 +++-------
 .../master-task/z-master-task-modal.vue       | 232 ++++++-----------
 .../tm@modal/task/z-complete-task-modal.vue   |  15 +-
 .../tm@modal/task/z-delete-task-modal.vue     |  12 +-
 .../tm@modal/task/z-task-add-time-modal.vue   |   8 +-
 .../plugins/tm@modal/task/z-task-modal.vue    | 246 ++++--------------
 .../tm@modal/team/z-delete-team-modal.vue     |  12 +-
 .../plugins/tm@modal/team/z-team-modal.vue    | 113 ++------
 .../plugins/tm@profile/profile/my-profile.vue |   2 +-
 19 files changed, 302 insertions(+), 582 deletions(-)
 create mode 100644 app/src/plugins/app/_theme/_components/buttons.sass
 create mode 100644 app/src/plugins/app/_theme/_components/modals.sass
 delete mode 100644 app/src/plugins/app/_theme/_components/z-cancel-btn.sass
 delete mode 100644 app/src/plugins/app/_theme/_components/z-default-btn.sass
 create mode 100644 app/src/plugins/app/_theme/modals.sass
 create mode 100644 app/src/plugins/tm@_utils/tm.utils.ts
 create mode 100644 app/src/plugins/tm@modal/_mixins/vuetify-fix-focus.ts

diff --git a/app/src/plugins/app/_theme/_components/buttons.sass b/app/src/plugins/app/_theme/_components/buttons.sass
new file mode 100644
index 0000000..5597018
--- /dev/null
+++ b/app/src/plugins/app/_theme/_components/buttons.sass
@@ -0,0 +1,18 @@
+.button.primary
+	background: #7f39fb !important
+	border-radius: 4px !important
+	color: #fff !important
+	height: 50px
+	width: 100%
+	flex: 0 0 auto
+
+.button.secondary
+	color: #6200EE
+	border: 1px solid #E0E0E0
+	border-radius: 4px
+	height: 50px
+	width: 203px
+
+.button.cancel
+	border: thin solid rgba(var(--v-border-color), var(--v-border-opacity)) !important
+	color: #7f39fb !important
\ No newline at end of file
diff --git a/app/src/plugins/app/_theme/_components/modals.sass b/app/src/plugins/app/_theme/_components/modals.sass
new file mode 100644
index 0000000..0c80d0f
--- /dev/null
+++ b/app/src/plugins/app/_theme/_components/modals.sass
@@ -0,0 +1,13 @@
+.modal-header
+	.trash-icon
+		padding: 10px
+		background: rgba(0, 0, 0, 0.04)
+		margin-left: 12px
+		border-radius: 50%
+		cursor: pointer
+
+	.pencil-icon
+		padding: 10px
+		background: rgba(0, 0, 0, 0.04)
+		border-radius: 50%
+		cursor: pointer
\ No newline at end of file
diff --git a/app/src/plugins/app/_theme/_components/z-cancel-btn.sass b/app/src/plugins/app/_theme/_components/z-cancel-btn.sass
deleted file mode 100644
index 6729a38..0000000
--- a/app/src/plugins/app/_theme/_components/z-cancel-btn.sass
+++ /dev/null
@@ -1,3 +0,0 @@
-.cancel-btn
-	border: thin solid rgba(var(--v-border-color), var(--v-border-opacity)) !important
-	color: #7f39fb !important
\ No newline at end of file
diff --git a/app/src/plugins/app/_theme/_components/z-default-btn.sass b/app/src/plugins/app/_theme/_components/z-default-btn.sass
deleted file mode 100644
index 3b84a60..0000000
--- a/app/src/plugins/app/_theme/_components/z-default-btn.sass
+++ /dev/null
@@ -1,4 +0,0 @@
-.z-btn
-	background: #7f39fb !important
-	border-radius: 4px !important
-	color: #fff !important
\ No newline at end of file
diff --git a/app/src/plugins/app/_theme/index.sass b/app/src/plugins/app/_theme/index.sass
index 2631e0f..a99f3f1 100644
--- a/app/src/plugins/app/_theme/index.sass
+++ b/app/src/plugins/app/_theme/index.sass
@@ -1,13 +1,14 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap')
 
 @import './vuetify/v-dialog'
-@import './_components/z-default-btn'
-@import './_components/z-cancel-btn'
+@import './_components/buttons'
 @import './date-picker'
 
 @import './global'
 @import '@/plugins/lib@auth/_theme/auth.theme'
 
+@import './modals'
+
 *
 	font-family: 'Roboto', sans-serif
 
diff --git a/app/src/plugins/app/_theme/modals.sass b/app/src/plugins/app/_theme/modals.sass
new file mode 100644
index 0000000..136bd51
--- /dev/null
+++ b/app/src/plugins/app/_theme/modals.sass
@@ -0,0 +1,17 @@
+.modal-input
+	width: 100% !important
+	flex: 0 0 auto
+.modal-header
+	flex: 0 0 auto
+
+.modal-content
+	flex: 1 1 100%
+	margin: 10px 0
+	overflow-y: scroll
+
+.remove-input
+	pointer-events: auto
+	opacity: 2
+	position: absolute
+	left: 92%
+	top: 25%
\ No newline at end of file
diff --git a/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue b/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue
index 21229f1..b5515ff 100644
--- a/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue
+++ b/app/src/plugins/lib@auth/reset-password/_components/a-reset-password-form.vue
@@ -43,7 +43,7 @@ export default {
 
 	methods: {
 		async submit() {
-			if (!(await this.v$.$validate())) return console.log(this.v$)
+			if (!(await this.v$.$validate())) return
 
 			try {
 				await this.$axios.post_data('v1/auth/reset', this.form)
diff --git a/app/src/plugins/lib@search/search/search.vue b/app/src/plugins/lib@search/search/search.vue
index fe5982e..9d71c2e 100644
--- a/app/src/plugins/lib@search/search/search.vue
+++ b/app/src/plugins/lib@search/search/search.vue
@@ -24,7 +24,6 @@ export default {
 	created() {
 		try {
 			this.searchResults = this.$axios.get_auth_data('v1/search')
-			console.log(this.searchResults)
 		} catch (error) {
 			this.$toast.error(error)
 		}
diff --git a/app/src/plugins/tm@_utils/tm.utils.ts b/app/src/plugins/tm@_utils/tm.utils.ts
new file mode 100644
index 0000000..2fad043
--- /dev/null
+++ b/app/src/plugins/tm@_utils/tm.utils.ts
@@ -0,0 +1,19 @@
+import moment from 'moment'
+
+export default {
+	enrichEmployeesByFullName(employees) {
+		return employees.map(employee => ({...employee, _fullName: `${ employee.name } ${ employee.surname }`}))
+	},
+
+	formatDateTime(date) {
+		return moment(date).format('DD.MM.yyyy, HH:mm')
+	},
+
+	isBefore(date, compareTo = null) {
+		return moment(date).isBefore(moment(compareTo))
+	},
+
+	isAfter(date, compareTo = null) {
+		return moment(date).isAfter(moment(compareTo))
+	}
+}
\ No newline at end of file
diff --git a/app/src/plugins/tm@modal/_mixins/vuetify-fix-focus.ts b/app/src/plugins/tm@modal/_mixins/vuetify-fix-focus.ts
new file mode 100644
index 0000000..cadcb57
--- /dev/null
+++ b/app/src/plugins/tm@modal/_mixins/vuetify-fix-focus.ts
@@ -0,0 +1,23 @@
+export default {
+	// Mixin to fix autofocus on v-input in modals where date selects are used
+	data() {
+		return {
+			preventInputFocus: false
+		}
+	},
+
+	methods: {
+		onDateFocus($event) {
+			if ($event == undefined) {
+				this.preventInputFocus = true
+			}
+		},
+
+		onInputFocus($event) {
+			if (this.preventInputFocus) {
+				$event.target.blur()
+				this.preventInputFocus = false
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
index 5879ce9..7805a7b 100644
--- a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
+++ b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
@@ -5,7 +5,7 @@
 				<div class="d-flex justify-space-between align-center modal-header">
 					<h1>{{ blocker.id ? 'Upraviť' : 'Vytvoriť'}} blocker</h1>
 					<v-icon
-						@click.stop="close()"
+						@click.stop="closeModal()"
 						icon="mdi-close"
 						size="large"
 					></v-icon>
@@ -26,7 +26,7 @@
 						variant="solo"
 					></v-text-field>
 					<div
-						class="employee-position w-100"
+						class="relative w-100"
 						v-for="(employee, index) in blocker.employees"
 						:key="employee.id"
 					>
@@ -66,22 +66,26 @@
 					/>
 				</v-card-actions>
 
-				<v-btn class="z-btn" @click="save()">{{ blocker.id ? 'UPRAVIŤ' : 'VYTVORIŤ'}}</v-btn>
+				<v-btn class="button primary" @click="save()">{{ blocker.id ? 'UPRAVIŤ' : 'VYTVORIŤ'}}</v-btn>
 			</v-card>
 		</W-loadable>
 	</v-dialog>
 </template>
 
 <script>
-import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
-import Datepicker	 	from '@vuepic/vue-datepicker'
-import useVuelidate 	from '@vuelidate/core'
-import { required } 	from '@vuelidate/validators'
-import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
+import ZAutocomplete 		from '@/plugins/tm@_components/z-autocomplete.vue'
+import Datepicker	 		from '@vuepic/vue-datepicker'
+import useVuelidate 		from '@vuelidate/core'
+import { required } 		from '@vuelidate/validators'
+import errorUtils 			from '@/plugins/lib@auth/_utils/error.utils'
+import VuetifyFixFocusMixin from  '@/plugins/tm@modal/_mixins/vuetify-fix-focus'
+import tmUtils 				from '@/plugins/tm@_utils/tm.utils'
 
 const atLeastOne = (value) => value.length
 
 export default {
+	mixins: [VuetifyFixFocusMixin],
+
 	emits: ['close'],
 
 	components: {
@@ -92,7 +96,7 @@ export default {
 	data() {
 		return {
 			visible: false,
-			allEmployees: null,
+			employees: null,
 			v$: useVuelidate(),
 			errorUtils,
 			blocker: null
@@ -104,7 +108,7 @@ export default {
 			const selectedEmployeesIds = this.blocker.employees.map(
 				(employee) => employee.id
 			)
-			const employees = this.allEmployees.filter(
+			const employees = this.employees.filter(
 				(employee) => !selectedEmployeesIds.includes(employee.id)
 			)
 
@@ -133,29 +137,22 @@ export default {
 			this.blocker = null
 
 			try {
-				const allEmployees = await this.$axios.get_auth_data('v1/employees')
-				this.allEmployees  = this._enrichEmployeesByFullName(allEmployees)
+				const employees = await this.$axios.get_auth_data('v1/employees')
+				this.employees 	= tmUtils.enrichEmployeesByFullName(employees)
+
+				if (blocker?.id) {
+					const b 	  = await this.$axios.get_auth_data(`v1/blockers/${blocker.id}`)
+					this.blocker  = {...b, employees: tmUtils.enrichEmployeesByFullName(b.employees)}
+				} else {
+					this.blocker  = {employees: []}
+				}
 			} catch (error) {
 				this.$toast.error(error)
 			}
-
-			if (blocker?.id) {
-				await this._load(blocker.id)
-			} else {
-				const blocker = {
-					name: '',
-					date: null,
-					employees: []
-				}
-
-				setTimeout(() => {
-					this.blocker = blocker
-				})
-			}
 		},
 
 		employeeSelected(selectedOption) {
-			const employee = this.allEmployees.find((empl) => empl.id == selectedOption.key)
+			const employee = this.employees.find((empl) => empl.id == selectedOption.key)
 			this.blocker.employees.push(employee)
 		},
 
@@ -165,97 +162,23 @@ export default {
 
 			try {
 				if (this.blocker.id)
-					await this._edit()
+					await this.$axios.post_auth(`v1/blockers/${this.blocker.id}`, this.blocker)
 				else
-					await this._create()
+					await this.$axios.post_auth('v1/blockers', this.blocker)
 
-				this.close()
+				this.closeModal()
+
+				// Kravarik: Toto tu ma byt?
 				this.$router.push({ name: 'Dashboard - Tasks' })
 			} catch (error) {
 				this.$toast(error)
 			}
 		},
 
-		close() {
+		closeModal() {
 			this.visible = false
 			this.$emit('close', this.blocker)
-		},
-
-		async _create() {
-			try {
-				await this.$axios.post_auth('v1/blockers', this.blocker)
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		async _edit() {
-			try {
-				await this.$axios.post_auth(`v1/blockers/${this.blocker.id}`, this.blocker)
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		async _load() {
-			try {
-				const blocker 		= await this.$axios.get_auth_data(`v1/blockers/${this.blocker.id}`)
-				blocker.employees 	= this._enrichEmployeesByFullName(blocker.employees)
-
-				this.blocker = blocker
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		// Vuetify input was automatically focus after date input was clicked. This will prevent this unwanted behavior
-		onDateFocus($event) {
-			if ($event == undefined) {
-				this.preventInputFocus = true
-			}
-		},
-
-		onInputFocus($event) {
-			if (this.preventInputFocus) {
-				$event.target.blur()
-				this.preventInputFocus = false
-			}
-		},
-
-		_enrichEmployeesByFullName(employees) {
-			return employees.map(employee => {
-				employee._fullName = `${employee.name} ${employee.surname}`
-				return employee
-			})
 		}
 	}
 }
-</script>
-
-<style lang="sass" scoped>
-.modal-input
-	width: 100%
-	flex: 0 0 auto
-.modal-header
-	flex: 0 0 auto
-
-.modal-content
-	flex: 1 1 100%
-	margin: 10px 0
-	overflow-y: scroll
-
-.z-btn
-	height: 50px
-	width: 100%
-	flex: 0 0 auto
-
-.remove-input
-	pointer-events: auto
-	opacity: 2
-	position: absolute
-	left: 92%
-	top: 25%
-
-.employee-position
-	position: relative
-</style>
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
index f50a0e0..0cb536c 100644
--- a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
+++ b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
@@ -5,7 +5,7 @@
 				<div class="d-flex justify-space-between align-center modal-header">
 					<h1>{{ masterTask.id ? 'Upraviť master task' : 'Vytvoriť master task' }}</h1>
 					<v-icon
-						@click.stop="close()"
+						@click.stop="closeModal()"
 						icon="mdi-close"
 						size="large"
 					></v-icon>
@@ -64,7 +64,7 @@
 					></v-text-field>
 
 					<v-select
-						v-model="selectedTeam"
+						v-model="teamSelect"
 						@focus="onInputFocus"
 						class="modal-input border-select"
 						label="Tím"
@@ -101,7 +101,17 @@
 						@option-selected="employeeSelected"
 					/>
 
-					<v-btn class="w-100 mb-5 add-employee-btn" :disabled="!masterTask.team.employees" @click="showAddEmployeeInput = true">
+					<!-- Kravarik: Tu je original autocomplete, skus to spravit radsej cez tento -->
+					<!-- <v-autocomplete
+						ref="employee-select"
+						v-model="employeeSelect"
+						:items="employees"
+						item-value="id"
+						item-title="_fullName"
+						class="modal-input"
+					/> -->
+
+					<v-btn class="w-100 mb-5 button secondary" :disabled="!masterTask.team.employees" @click="showAddEmployeeInput = true">
 						<v-icon class="mx-1" icon="mdi-plus" />Pridať zamestnanca
 					</v-btn>
 
@@ -117,14 +127,14 @@
 					<Z-files-upload class="mt-15 files" @files-uploaded="filesUploaded"/>
 				</v-card-actions>
 
-				<v-btn class="z-btn" @click="save()">VYTVORIŤ</v-btn>
+				<v-btn class="button primary" @click="save()">VYTVORIŤ</v-btn>
 			</v-card>
 
 			<v-card v-else height="100%" class="d-flex flex-column scrolling">
 				<div class="d-flex justify-space-between align-center">
 					<p>{{ masterTask.project_code }}</p>
 					<v-icon
-						@click.stop="close()"
+						@click.stop="closeModal()"
 						icon="mdi-close"
 						size="large"
 						class="pb-5"
@@ -134,7 +144,7 @@
 					<h1>{{ masterTask.name }}</h1>
 					<div class="d-flex justify-start">
 						<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon" @click.stop="editMode = !editMode" />
-						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="deleteTask()"/>
+						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="_delete()"/>
 					</div>
 				</div>
 
@@ -173,7 +183,7 @@
 							</v-col>
 							<v-col cols="7">
 								<v-sheet class="ma-2">
-									<p :class="`${compareDates ? 'text-black' : 'text-red-darken-4'}`">{{ formattedDeadline }}</p>
+									<p :class="`${tmUtils.isAfter(masterTask.deadline) ? 'text-black' : 'text-red-darken-4'}`">{{ tmUtils.formatDateTime(masterTask.deadline) }}</p>
 								</v-sheet>
 							</v-col>
 						</v-row>
@@ -269,7 +279,7 @@
 							</div>
 						</div>
 						<div class="d-flex justify-start align-center mt-8">
-							<v-btn class="z-btn" @click="save()">Ukončiť mastertask</v-btn>
+							<v-btn class="button primary" @click="save()">Ukončiť mastertask</v-btn>
 						</div>
 						<v-table class="mt-7 mb-5">
 							<tbody class="px-5 py-5">
@@ -308,9 +318,11 @@ import ZFilesUpload 	from '@/plugins/tm@_components/z-files-upload.vue'
 import useVuelidate 	from '@vuelidate/core'
 import { required } 	from '@vuelidate/validators'
 import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
-import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
+// import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
+import VuetifyFixFocusMixin from  '@/plugins/tm@modal/_mixins/vuetify-fix-focus'
 import moment 			from 'moment'
 import { QuillEditor } 	from '@vueup/vue-quill'
+import tmUtils 				from '@/plugins/tm@_utils/tm.utils'
 import * as FileSaver	from 'file-saver'
 import '@vueup/vue-quill/dist/vue-quill.snow.css'
 
@@ -318,26 +330,29 @@ const atLeastOne = (value) => value.length
 
 export default {
 	emits: ['close'],
+	mixins: [VuetifyFixFocusMixin],
 
 	components: {
 		Datepicker,
 		ZFilesUpload,
-		ZAutocomplete,
+		// ZAutocomplete,
 		QuillEditor
 	},
 
 	data() {
 		return {
+			tmUtils,
 			editMode: false,
 			visible: false,
 			errorUtils,
 			v$: useVuelidate(),
-			preventInputFocus: false,
 			teams: null,
 			employees: null,
-			selectedTeam: '',
-			showAddEmployeeInput: false,
-			masterTask: null
+			employeeSelect: null,
+			teamSelect: '',
+			masterTask: null,
+
+			showAddEmployeeInput: false
 		}
 	},
 
@@ -354,47 +369,31 @@ export default {
 	},
 
 	methods: {
-		// async downloadFile() {
-		// 	try {
-		// 		const file = await this.$axios.get_auth(`v1/files/${this.file.basename}`, { responseType: 'arraybuffer' })
-		// 		const blob = new Blob([file], { type: this.file.mimetype })
-		// 		FileSaver.saveAs(blob, this.file.name)
-		// 		this.isLoading = false
-		// 	} catch(error) {
-		// 		this.$toast.error(error)
-		// 	}
-		// },
+		itemSelected(x) {
+			console.log(x)
+		},
 
 		async showModal(masterTask, editMode = false) {
-			this.visible = true
-			this.masterTask = null
+			this.visible 		= true
+			this.masterTask 	= null
+			this.teamSelect 	= null
+			this.employeeSelect = null
 
 			try {
 				this.teams 		= await this.$axios.get_auth_data('v1/teams')
-				this.employees 	= await this.$axios.get_auth_data('v1/employees')
-			} catch (error) {
-				this.$toast.error(error)
-			}
+				const employees = await this.$axios.get_auth_data('v1/employees')
+				this.employees 	= tmUtils.enrichEmployeesByFullName(employees)
 
-			if (masterTask?.id) {
-				await this._load(masterTask.id)
-				this.editMode = editMode || !masterTask?.id
-			} else {
-				const masterTask = {
-					project_code: null,
-					name: null,
-					deadline: null,
-					duration: null,
-					team: {},
-					description: null,
-					employees: [],
-					files: []
+				if (masterTask?.id) {
+					this.masterTask = await this.$axios.get_auth_data(`v1/master-tasks/${masterTask.id}`)
+					this.teamSelect = this.masterTask.team.id
+				} else {
+					this.masterTask = {team: {}, employees: []}
 				}
 
-				setTimeout(() => {
-					this.masterTask = masterTask
-					this.editMode = editMode || !this.masterTask.id
-				})
+				this.editMode = (editMode || !this.masterTask.id)
+			} catch (error) {
+				this.$toast.error(error)
 			}
 		},
 
@@ -404,54 +403,32 @@ export default {
 
 			try {
 				if (this.masterTask.id)
-					await this._update()
+					await this.$axios.post_auth(`v1/master-tasks/${this.masterTask.id}`, this.masterTask)
 
 				else
-					await this._create()
+					await this.$axios.post_auth('v1/mastertasks')
 
-				this.close()
-				this.$router.push({ name: 'Dashboard - Tasks' })
+				this.closeModal()
+				// this.$router.push({ name: 'Dashboard - Tasks' })
 			} catch (error) {
 				this.$toast(error)
 			}
 		},
 
-		close() {
+		closeModal() {
 			this.visible = false
 			this.$emit('close', this.masterTask)
 		},
 
-		async _load(masterTaskId) {
-			try {
-				this.masterTask = await this.$axios.get_auth_data(`v1/master-tasks/${masterTaskId}`)
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
+		async _delete() {
+			// Kravarik: Tu sa ma volat delete-master-task-modal, ak taka funkcionalita vlastne je
 
-		async _create() {
-			try {
-				await this.$axios.post_auth('v1/mastertasks')
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		async _update() {
-			try {
-				await this.$axios.post_auth(`v1/master-tasks/${this.masterTask.id}`)
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		async deleteTask(masterTaskId) {
-			try {
-				await this.$axios.delete(`v1/master-tasks/${masterTaskId}`)
-				this.close()
-			} catch (error) {
-				this.$toast.error(error)
-			}
+			// try {
+			// 	await this.$axios.delete(`v1/master-tasks/${this.masterTask.id}`)
+			// 	this.closeModal()
+			// } catch (error) {
+			// 	this.$toast.error(error)
+			// }
 		},
 
 		employeeSelected(selectedOption) {
@@ -460,27 +437,12 @@ export default {
 			this.showAddEmployeeInput = false
 		},
 
-		// Vuetify input was automatically focus after date input was clicked. This will prevent this unwanted behavior
-		onDateFocus($event) {
-			if ($event == undefined) {
-				this.preventInputFocus = true
-			}
-		},
-
-		onInputFocus($event) {
-			if (this.preventInputFocus) {
-				$event.target.blur()
-				this.preventInputFocus = false
-			}
-		},
-
 		filesUploaded(files) {
 			this.masterTask.files = files
 		}
 	},
 
 	computed: {
-
 		totalHours() {
 			let hours = 0
 
@@ -505,57 +467,36 @@ export default {
 					value: `${employee.name} ${employee.surname}`,
 				}
 			})
-		},
-
-		formattedDeadline() {
-			let deadline = moment(this.masterTask.deadline)
-			let date = deadline.format('DD.MM.yyyy')
-			return date
-		},
-
-		compareDates() {
-			const date1 = moment()
-			const date2 = moment(this.masterTask.deadline)
-			return moment(date1).isBefore(date2)
 		}
 	},
 
 	watch: {
-		selectedTeam() {
-			this.masterTask.team 		= this.teams.find(team => team.id == this.selectedTeam)
+		teamSelect(value) {
+			if (!value || !this.masterTask) return
+
+			this.masterTask.team 		= this.teams.find(team => team.id == value)
 			this.masterTask.employees 	= this.masterTask.team.employees
+		},
+
+		employeeSelect(value) {
+			if (!value || !this.masterTask) return
+
+			const employee 				= this.employees.find(employee => employee.id == value)
+			this.masterTask.employees.push(employee)
+
+			this.$nextTick(() => {
+				this.employeeSelect = null
+				this.$el.activeElement.blur()
+				// console.log(this.$refs['employee-select'])
+				// this.$refs['employee-select'].focused = false
+				// this.employeeSelect = ''
+			})
 		}
 	}
 }
 </script>
 
 <style lang="sass" scoped>
-.modal-input
-	width: 100% !important
-	flex: 0 0 auto
-.modal-header
-	flex: 0 0 auto
-
-.modal-content
-	flex: 1 1 100%
-	margin: 10px 0
-	overflow-y: scroll
-
-.z-btn
-	height: 50px
-	width: 100%
-	flex: 0 0 auto
-
-.remove-input
-	pointer-events: auto
-	opacity: 2
-	position: absolute
-	left: 92%
-	top: 25%
-
-.employee-position
-	position: relative
-
 .employee-select-avatar
 	background: #6200EE
 	color: #fff
@@ -568,28 +509,11 @@ export default {
 	top: 50%
 	right: 0
 	transform: translate(-50%, -50%)
-
-.add-employee-btn
-	color: #6200EE
-	border: 1px solid #E0E0E0
-	border-radius: 4px
-	height: 50px
 .scrolling
 	overflow: hidden !important
 
 .scroll-employees
 	overflow-x: scroll
-.trash-icon
-	padding: 10px
-	background: rgba(0, 0, 0, 0.04)
-	margin-left: 12px
-	border-radius: 50%
-	cursor: pointer
-.pencil-icon
-	padding: 10px
-	background: rgba(0, 0, 0, 0.04)
-	border-radius: 50%
-	cursor: pointer
 
 .border-bottom
 	border-bottom: 1px solid rgba(0,0,0,.1)
diff --git a/app/src/plugins/tm@modal/task/z-complete-task-modal.vue b/app/src/plugins/tm@modal/task/z-complete-task-modal.vue
index 2ba8e0e..62ab036 100644
--- a/app/src/plugins/tm@modal/task/z-complete-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-complete-task-modal.vue
@@ -11,8 +11,8 @@
 				></v-icon>
 			</div>
 			<v-card-actions class="mt-10 d-flex justify-start align-center">
-				<v-btn class="z-btn" variant="flat" @click="complete()">ÁNO</v-btn>
-				<v-btn class="ml-7 cancel-btn" @click.stop="visible = false">ZRUŠIŤ</v-btn>
+				<v-btn class="button primary" variant="flat" @click="complete()">ÁNO</v-btn>
+				<v-btn class="ml-7 button cancel" @click.stop="visible = false">ZRUŠIŤ</v-btn>
 			</v-card-actions>
 		</v-card>
 	</v-dialog>
@@ -20,7 +20,7 @@
 
 <script>
 export default {
-	emits: ['close'],
+	emits: ['close', 'task-completed'],
 
 	data() {
 		return {
@@ -37,14 +37,9 @@ export default {
 
 		async complete() {
 			try {
-				const task = {
-					...this.task,
-					is_finished: true
-				}
-
-				await this.$axios.post(`v1/tasks/${task.id}`, task)
+				await this.$axios.post(`v1/tasks/${this.task.id}`, {...this.task, is_finished: true})
 				this.visible = false
-				this.$emit('completeTask', task.id)
+				this.$emit('task-completed', this.task)
 			} catch (error) {
 				this.$toast.error(error)
 			}
diff --git a/app/src/plugins/tm@modal/task/z-delete-task-modal.vue b/app/src/plugins/tm@modal/task/z-delete-task-modal.vue
index af15504..d184f41 100644
--- a/app/src/plugins/tm@modal/task/z-delete-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-delete-task-modal.vue
@@ -5,14 +5,14 @@
 				<h1>Ste si istý, že chcete zmazať <b>{{ task.title }}</b>?</h1>
 
 				<v-icon
-					@click.stop="visible = false"
+					@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="z-btn" variant="flat" @click="deleteTask()">ÁNO</v-btn>
-				<v-btn class="ml-7 cancel-btn" @click.stop="visible = false">ZRUŠIŤ</v-btn>
+				<v-btn class="button primary" variant="flat" @click="deleteTask()">ÁNO</v-btn>
+				<v-btn class="ml-7 button cancel" @click.stop="closeModal()">ZRUŠIŤ</v-btn>
 			</v-card-actions>
 		</v-card>
 	</v-dialog>
@@ -35,11 +35,15 @@ export default {
 			this.visible = true
 		},
 
+		closeModal() {
+			this.visible = false
+		},
+
 		async deleteTask() {
 			try {
 				await this.$axios.delete(`v1/tasks/${this.task.id}`)
-				this.visible = false
 				this.$emit('deleted', this.task)
+				this.closeModal()
 			} catch (error) {
 				this.$toast.error(error)
 			}
diff --git a/app/src/plugins/tm@modal/task/z-task-add-time-modal.vue b/app/src/plugins/tm@modal/task/z-task-add-time-modal.vue
index 34b329a..68c3158 100644
--- a/app/src/plugins/tm@modal/task/z-task-add-time-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-task-add-time-modal.vue
@@ -5,7 +5,7 @@
 				<h1>Prosím zadajte odpracovaný čas</h1>
 
 				<v-icon
-					@click.stop="close()"
+					@click.stop="closeModal()"
 					icon="mdi-close"
 					size="large"
 				></v-icon>
@@ -20,7 +20,7 @@
 					append-inner-icon="mdi-timer-outline"
 				></v-text-field>
 			</v-card-actions>
-			<v-btn class="z-btn mt-5">Potvrdiť</v-btn>
+			<v-btn class="button primary mt-5">Potvrdiť</v-btn>
 		</v-card>
 	</v-dialog>
 </template>
@@ -55,7 +55,7 @@ export default {
 			this.visible = true
 		},
 
-		close() {
+		closeModal() {
 			this.visible = false
 			this.$emit('close', this.blocker)
 			this.blocker = null
@@ -65,7 +65,7 @@ export default {
 </script>
 
 <style lang="sass" scoped>
-.z-btn
+.button primary
 	height: 48px !important
 
 h1
diff --git a/app/src/plugins/tm@modal/task/z-task-modal.vue b/app/src/plugins/tm@modal/task/z-task-modal.vue
index c167585..991e947 100644
--- a/app/src/plugins/tm@modal/task/z-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-task-modal.vue
@@ -4,7 +4,7 @@
 			<v-card v-if="editMode" height="100%" class="d-flex flex-column scrolling">
 				<div class="d-flex justify-space-between align-center modal-header">
 					<h1>{{ task.id ? 'Upraviť task' : 'Vytvoriť task' }}</h1>
-					<v-icon @click.stop="close()" icon="mdi-close" size="large"></v-icon>
+					<v-icon @click.stop="closeModal()" icon="mdi-close" size="large"></v-icon>
 				</div>
 
 				<v-card-actions class="d-flex flex-column modal-content">
@@ -82,7 +82,7 @@
 					<Z-files-upload class="mt-15 files" @files-uploaded="filesUploaded" />
 				</v-card-actions>
 
-				<v-btn class="z-btn" @click="save()">{{
+				<v-btn class="button primary" @click="save()">{{
 					task.id ? 'UPRAVIŤ' : 'VYTVORIŤ'
 				}}</v-btn>
 			</v-card>
@@ -91,7 +91,7 @@
 				<div class="d-flex justify-space-between align-center">
 					<p>{{ task.project_code }}</p>
 					<v-icon
-						@click.stop="close()"
+						@click.stop="closeModal()"
 						icon="mdi-close"
 						size="large"
 						class="pb-5"
@@ -112,7 +112,7 @@
 							class="trash-icon"
 							:src="require('@/plugins/tm@overview/_img/trash-icon.svg')"
 							alt="trash-icon"
-							@click.stop="deleteTask(task)"
+							@click.stop="openDeleteTaskModal(task)"
 						/>
 					</div>
 				</div>
@@ -181,7 +181,7 @@
 								<v-sheet class="ma-2">
 									<p
 										v-html="
-											`${formattedStartDate} - ${formattedEndDate}`
+											`${tmUtils.formatDateTime(task.starts_at)} - ${tmUtils.formatDateTime(task.ends_at)}`
 										"
 									/>
 								</v-sheet>
@@ -307,10 +307,10 @@
 							</div>
 						</div>
 						<div class="d-flex justify-start align-center mt-8">
-							<v-btn class="done-btn" @click.stop="clickCompleteTask()"
+							<v-btn class="done-btn" @click.stop="task.is_finished = 1; save()"
 								>Dokončené</v-btn
 							>
-							<v-btn class="add-employee-btn" @click="save()"
+							<v-btn class="button secondary" @click="save()"
 								>Uložiť zmeny</v-btn
 							>
 						</div>
@@ -329,11 +329,14 @@ import { required } 	from '@vuelidate/validators'
 import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
 import moment 			from 'moment'
 import { QuillEditor } 	from '@vueup/vue-quill'
+import VuetifyFixFocusMixin from  '@/plugins/tm@modal/_mixins/vuetify-fix-focus'
 import * as FileSaver 	from 'file-saver'
+import tmUtils 				from '@/plugins/tm@_utils/tm.utils'
 import '@vueup/vue-quill/dist/vue-quill.snow.css'
 
 export default {
 	emits: ['close', 'refresh'],
+	mixins: [VuetifyFixFocusMixin],
 
 	components: {
 		Datepicker,
@@ -343,6 +346,7 @@ export default {
 
 	data() {
 		return {
+			tmUtils,
 			editMode: false,
 			visible: false,
 			task: null,
@@ -355,6 +359,15 @@ export default {
 		}
 	},
 
+	computed: {
+		employees() {
+			if (!this.task?.master_task?.employees)
+				return []
+
+			return tmUtils.enrichEmployeesByFullName(this.task.master_task.employees)
+		}
+	},
+
 	validations() {
 		return {
 			task: {
@@ -369,61 +382,35 @@ export default {
 
 	mounted() {
 		this.$events.on('on-task-deleted', (task) => {
-			if (task?.id == this.task?.id) this.close()
+			if (task?.id == this.task?.id) this.closeModal()
 		})
 	},
 
 	methods: {
-		// async downloadFile() {
-		// 	try {
-		// 		const file = await this.$axios.get_auth(`v1/files/${this.file.basename}`, { responseType: 'arraybuffer' })
-		// 		const blob = new Blob([file], { type: this.file.mimetype })
-		// 		FileSaver.saveAs(blob, this.file.name)
-		// 		this.isLoading = false
-		// 	} catch(error) {
-		// 		this.$toast.error(error)
-		// 	}
-		// },
-
 		async showModal(task, editMode = false) {
 			this.visible = true
 			this.task = null
 
 			try {
 				this.masterTasks = await this.$axios.get_auth_data('v1/mastertasks')
-			} catch (error) {
-				this.$toast.error(error)
-			}
+				if (task?.id) {
+					const t = await this.$axios.get_auth_data(`v1/tasks/${task.id}`)
 
-			if (task?.id) {
-				await this._load(task.id)
-				this.editMode = editMode || !this.task?.id
-			} else {
-				const task = {
-					project_code: null,
-					date: null,
-					team: {},
-					employee: null,
-					duration: null,
-					description: null,
-					files: [],
+					this.selectedEmployeeId 	= t.employee.id
+					this.selectedMasterTaskId 	= t.master_task.id
+					this.task 					= t
+				} else {
+					this.task = {master_task: {}}
 				}
 
-				setTimeout(() => {
-					this.task = task
-					this.editMode = editMode || !this.task.id
-				})
+				this.editMode = (editMode || !this.task.id)
+			} catch (error) {
+				this.$toast.error(error)
 			}
 		},
 
-		async clickCompleteTask() {
-			try {
-				await this.$axios.delete(`v1/tasks/${this.task.id}`)
-				this.close()
-			} catch (error) {
-				this.$toast.error(error)
-			}
-			this.close()
+		closeModal() {
+			this.visible = false
 		},
 
 		async save() {
@@ -431,126 +418,43 @@ export default {
 
 			try {
 				if (this.task.id) {
-					await this._update()
-					this.close()
-				} else await this._create()
+					await this.$axios.post_auth(`v1/master-tasks/${this.task.id}`)
+				} else {
+					await this.$axios.post_auth('v1/mastertasks')
+				}
 
-				this.close()
+				this.closeModal()
+
+				// Kravarik: Toto tu ma byt?
 				this.$router.push({ name: 'Dashboard - Tasks' })
 			} catch (error) {
 				this.$toast.error(error)
 			}
 		},
 
-		close() {
-			this.visible = false
-			this.$emit('close', this.task)
-		},
-
-		async _load(taskId) {
-			try {
-				const task = await this.$axios.get_auth_data(`v1/tasks/${taskId}`)
-
-				// const employees = task.master_task.employees.map(employee => {
-				// 	employee._fullName = `${employee.name} ${employee.surname}`
-				// 	return employee
-				// })
-
-				// this.employees 				= employees
-				this.task 					= task
-				this.selectedEmployeeId 	= this.task.employee.id
-				this.selectedMasterTaskId 	= this.task.master_task.id
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		async _create() {
-			try {
-				await this.$axios.post_auth('v1/mastertasks')
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		async _update() {
-			try {
-				await this.$axios.post_auth(`v1/master-tasks/${this.task.id}`)
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
-
-		deleteTask(task) {
+		openDeleteTaskModal(task) {
 			this.$events.emit('show-delete-task-modal', { task })
 		},
 
-		onTaskDeleted() {
-			this.$emit('refresh')
-		},
-
-		employeeSelected(selectedOption) {
-			const employee = this.task.master_task.employees.find(employee => employee.id == selectedOption.key)
-			this.task.employee = employee
-		},
-
-		// Vuetify input was automatically focus after date input was clicked. This will prevent this unwanted behavior
-		onDateFocus($event) {
-			if ($event == undefined) {
-				this.preventInputFocus = true
-			}
-		},
-
-		onInputFocus($event) {
-			if (this.preventInputFocus) {
-				$event.target.blur()
-				this.preventInputFocus = false
-			}
-		},
-
 		filesUploaded(files) {
 			this.task.files = files
 		},
 	},
 
-	computed: {
-		employees() {
-			if (!this.task?.master_task?.employees)
-				return []
-
-			return this.task.master_task.employees.map(employee => {
-				employee._fullName = `${employee.name} ${employee.surname}`
-				return employee
-			})
-		},
-
-		formattedStartDate() {
-			let startDate = moment(this.task.starts_at)
-			let date = startDate.format('DD.MM.yyyy, HH:mm')
-			return date
-		},
-
-		formattedEndDate() {
-			let endDate = moment(this.task.ends_at)
-			let date = endDate.format('DD.MM.yyyy, HH:mm')
-			return date
-		},
-	},
-
 	watch: {
-		selectedMasterTaskId() {
-			this.task.master_task = this.masterTasks.find(
-				(masterTask) => masterTask.id == this.selectedMasterTaskId
-			)
+		selectedMasterTaskId(value) {
+			if (!value || !this.task) return
 
-			// Kravarik: Tu bude treba vymsliet logiku resetovania, ale ked dam toto sa to trigeruje aj pri otvarani existujuceho tasku a hned to vymaze
-			// this.selectedEmployeeId 	= null
-			// this.task.employee 			= {}
+			this.task.master_task = this.masterTasks.find(
+				(masterTask) => masterTask.id == value
+			)
 		},
 
-		selectedEmployeeId() {
+		selectedEmployeeId(value) {
+			if (!value || !this.task) return
+
 			this.task.employee = this.task.master_task.employees.find(
-				(employee) => employee.id == this.selectedEmployeeId
+				(employee) => employee.id == value
 			)
 		},
 	},
@@ -558,59 +462,9 @@ export default {
 </script>
 
 <style lang="sass" scoped>
-.modal-input
-	width: 100% !important
-	flex: 0 0 auto
-.modal-header
-	flex: 0 0 auto
-
-.modal-content
-	flex: 1 1 100%
-	margin: 10px 0
-	overflow-y: scroll
-
-.z-btn
-	height: 50px
-	width: 100%
-	flex: 0 0 auto
-
-.employee-position
-	position: relative
-
-.employee-select-avatar
-	background: #6200EE
-	color: #fff
-	border-radius: 50%
-	padding: 13px
-	font-size: 11.5px
-	height: 24px
-	width: 24px
-	position: absolute
-	top: 50%
-	right: 0
-	transform: translate(-50%, -50%)
-
-.add-employee-btn
-	color: #6200EE
-	border: 1px solid #E0E0E0
-	border-radius: 4px
-	height: 50px
-	width: 203px
 .scrolling
 	overflow: hidden !important
 
-.trash-icon
-	padding: 10px
-	background: rgba(0, 0, 0, 0.04)
-	margin-left: 12px
-	border-radius: 50%
-	cursor: pointer
-.pencil-icon
-	padding: 10px
-	background: rgba(0, 0, 0, 0.04)
-	border-radius: 50%
-	cursor: pointer
-
 .border-bottom
 	border-bottom: 1px solid rgba(0,0,0,.1)
 
diff --git a/app/src/plugins/tm@modal/team/z-delete-team-modal.vue b/app/src/plugins/tm@modal/team/z-delete-team-modal.vue
index 7a26c5f..18416b6 100644
--- a/app/src/plugins/tm@modal/team/z-delete-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-delete-team-modal.vue
@@ -5,12 +5,12 @@
 				<h1>
 					Ste si istý, že chcete zmazať tím <b>{{ team.name }}</b>?
 				</h1>
-				<v-icon @click.stop="visible = false" icon="mdi-close" size="large"></v-icon>
+				<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="z-btn" variant="flat" @click="deleteTeam()">ÁNO</v-btn>
-				<v-btn class="ml-7 cancel-btn" @click.stop="visible = false">ZRUŠIŤ</v-btn>
+				<v-btn class="button primary" variant="flat" @click="deleteTeam()">ÁNO</v-btn>
+				<v-btn class="ml-7 button cancel" @click.stop="closeModal()">ZRUŠIŤ</v-btn>
 			</v-card-actions>
 		</v-card>
 	</v-dialog>
@@ -23,7 +23,7 @@ export default {
 	data() {
 		return {
 			visible: false,
-			team: null,
+			team: null
 		}
 	},
 
@@ -33,6 +33,10 @@ export default {
 			this.visible = true
 		},
 
+		closeModal() {
+			this.visible = false
+		},
+
 		async deleteTeam() {
 			try {
 				await this.$axios.delete(`v1/teams/${this.team.id}`)
diff --git a/app/src/plugins/tm@modal/team/z-team-modal.vue b/app/src/plugins/tm@modal/team/z-team-modal.vue
index 175dfc6..3266cfa 100644
--- a/app/src/plugins/tm@modal/team/z-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-team-modal.vue
@@ -5,7 +5,7 @@
 				<div class="d-flex justify-space-between align-center modal-header">
 					<h1>{{ team.id ? 'Upraviť tím' : 'Vytvoriť tím' }}</h1>
 					<v-icon
-						@click.stop="close()"
+						@click.stop="closeModal()"
 						icon="mdi-close"
 						size="large"
 					></v-icon>
@@ -26,7 +26,7 @@
 					></v-text-field>
 
 					<div
-						class="employee-position w-100"
+						class="relative w-100"
 						v-for="(employee, index) in team.employees"
 						:key="employee.id"
 					>
@@ -54,7 +54,7 @@
 					/>
 				</v-card-actions>
 
-				<v-btn class="z-btn" @click="save()">{{ team.id ? 'UPRAVIŤ' : 'VYTVORIŤ' }}</v-btn>
+				<v-btn class="button primary" @click="save()">{{ team.id ? 'UPRAVIŤ' : 'VYTVORIŤ' }}</v-btn>
 			</v-card>
 		</W-loadable>
 	</v-dialog>
@@ -65,6 +65,7 @@ import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
 import useVuelidate		from '@vuelidate/core'
 import { required } 	from '@vuelidate/validators'
 import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
+import tmUtils 				from '@/plugins/tm@_utils/tm.utils'
 
 const atLeastOne = (value) => value.length
 
@@ -95,89 +96,49 @@ export default {
 	},
 
 	methods: {
-		async save() {
-			if (!(await this.v$.$validate()))
-				return
-
-			try {
-				if (this.team.id)
-					await this._edit()
-				else
-					await this._create()
-
-				this.close()
-			} catch (error) {
-				this.$toast(error)
-			}
-		},
-
 		async showModal(team = null) {
 			this.visible = true
 			this.team = null
 
 			try {
 				const allEmployees = await this.$axios.get_auth_data('v1/employees')
-				this.allEmployees = this._enrichEmployeesByFullName(allEmployees)
+				this.allEmployees = tmUtils.enrichEmployeesByFullName(allEmployees)
+
+				if (team?.id) {
+					const t = await this.$axios.get_auth_data(`v1/teams/${team.id}`)
+					this.team  = {...t, employees: tmUtils.enrichEmployeesByFullName(t.employees)}
+				} else {
+					this.team = {employees: []}
+				}
 			} catch (error) {
 				this.$toast.error(error)
 			}
-
-			if (team?.id) {
-				await this._load(team.id)
-			} else {
-				const team = {
-					name: '',
-					employees: []
-				}
-
-				setTimeout(() => {
-					this.team = team
-				})
-			}
 		},
 
-		close() {
+		closeModal() {
 			this.visible = false
 			this.$emit('close', this.team)
 		},
 
-		async _create() {
-			try {
-				await this.$axios.post_auth(`v1/teams`, this.team)
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
+		async save() {
+			if (!(await this.v$.$validate()))
+				return
 
-		async _edit() {
 			try {
-				await this.$axios.post_auth(`v1/teams/${this.team.id}`, this.team)
-			} catch (error) {
-				this.$toast.error(error)
-			}
-		},
+				if (this.team.id)
+					await this.$axios.post_auth(`v1/teams/${this.team.id}`, this.team)
+				else
+					await this.$axios.post_auth(`v1/teams`, this.team)
 
-		async _load(id) {
-			try {
-				const team 		= await this.$axios.get_auth_data(`v1/teams/${id}`)
-				team.employees 	= this._enrichEmployeesByFullName(team.employees)
-
-				this.team = team
+				this.closeModal()
 			} catch (error) {
-				this.$toast.error(error)
+				this.$toast(error)
 			}
 		},
 
 		employeeSelected(selectedOption) {
 			const employee = this.allEmployees.find((empl) => empl.id == selectedOption.key)
 			this.team.employees.push(employee)
-		},
-
-		_enrichEmployeesByFullName(employees) {
-			return employees.map(employee => {
-				employee._fullName = `${employee.name} ${employee.surname}`
-				return employee
-			})
 		}
 	},
 
@@ -199,32 +160,4 @@ export default {
 		}
 	}
 }
-</script>
-
-<style lang="sass" scoped>
-.modal-input
-	width: 100%
-	flex: 0 0 auto
-.modal-header
-	flex: 0 0 auto
-
-.modal-content
-	flex: 1 1 100%
-	margin: 10px 0
-	overflow-y: scroll
-
-.z-btn
-	height: 50px
-	width: 100%
-	flex: 0 0 auto
-
-.remove-input
-	pointer-events: auto
-	opacity: 2
-	position: absolute
-	left: 92%
-	top: 25%
-
-.employee-position
-	position: relative
-</style>
+</script>
\ No newline at end of file
diff --git a/app/src/plugins/tm@profile/profile/my-profile.vue b/app/src/plugins/tm@profile/profile/my-profile.vue
index aec5e13..7ddb45d 100644
--- a/app/src/plugins/tm@profile/profile/my-profile.vue
+++ b/app/src/plugins/tm@profile/profile/my-profile.vue
@@ -58,7 +58,7 @@
 		></v-text-field>
 	</div>
 	<div class="py-5 px-5">
-		<v-btn class="z-btn" @click="updateUserInfo()">ULOŽIŤ ZMENY</v-btn>
+		<v-btn class="button primary" @click="updateUserInfo()">ULOŽIŤ ZMENY</v-btn>
 	</div>
 </template>
 

From aaafb6534cd359e8b83a2f08137dcbac97849360 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Tue, 31 Jan 2023 15:27:44 +0100
Subject: [PATCH 2/6] [Modals] Refactoring

---
 .../app/_theme/_components/modals.sass        | 21 +++++++++++++-
 app/src/plugins/app/_theme/index.sass         |  4 +--
 app/src/plugins/app/_theme/modals.sass        | 17 -----------
 .../master-task/z-master-task-modal.vue       | 16 ++---------
 .../plugins/tm@modal/task/z-task-modal.vue    | 28 ++++++++-----------
 app/src/plugins/tm@overview/teams/teams.vue   |  2 +-
 .../w/loadable/_components/w-loadable.vue     |  3 +-
 7 files changed, 40 insertions(+), 51 deletions(-)
 delete mode 100644 app/src/plugins/app/_theme/modals.sass

diff --git a/app/src/plugins/app/_theme/_components/modals.sass b/app/src/plugins/app/_theme/_components/modals.sass
index 0c80d0f..1f85865 100644
--- a/app/src/plugins/app/_theme/_components/modals.sass
+++ b/app/src/plugins/app/_theme/_components/modals.sass
@@ -1,4 +1,6 @@
 .modal-header
+	flex: 0 0 auto
+
 	.trash-icon
 		padding: 10px
 		background: rgba(0, 0, 0, 0.04)
@@ -10,4 +12,21 @@
 		padding: 10px
 		background: rgba(0, 0, 0, 0.04)
 		border-radius: 50%
-		cursor: pointer
\ No newline at end of file
+		cursor: pointer
+
+
+.modal-input
+	width: 100% !important
+	flex: 0 0 auto
+
+.modal-content
+	flex: 1 1 100%
+	margin: 10px 0
+	overflow-y: scroll
+
+.remove-input
+	pointer-events: auto
+	opacity: 2
+	position: absolute
+	left: 92%
+	top: 25%
\ No newline at end of file
diff --git a/app/src/plugins/app/_theme/index.sass b/app/src/plugins/app/_theme/index.sass
index a99f3f1..999698f 100644
--- a/app/src/plugins/app/_theme/index.sass
+++ b/app/src/plugins/app/_theme/index.sass
@@ -1,13 +1,13 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap')
 
 @import './vuetify/v-dialog'
-@import './_components/buttons'
 @import './date-picker'
 
 @import './global'
 @import '@/plugins/lib@auth/_theme/auth.theme'
 
-@import './modals'
+@import './_components/buttons'
+@import './_components/modals'
 
 *
 	font-family: 'Roboto', sans-serif
diff --git a/app/src/plugins/app/_theme/modals.sass b/app/src/plugins/app/_theme/modals.sass
deleted file mode 100644
index 136bd51..0000000
--- a/app/src/plugins/app/_theme/modals.sass
+++ /dev/null
@@ -1,17 +0,0 @@
-.modal-input
-	width: 100% !important
-	flex: 0 0 auto
-.modal-header
-	flex: 0 0 auto
-
-.modal-content
-	flex: 1 1 100%
-	margin: 10px 0
-	overflow-y: scroll
-
-.remove-input
-	pointer-events: auto
-	opacity: 2
-	position: absolute
-	left: 92%
-	top: 25%
\ No newline at end of file
diff --git a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
index 0cb536c..3086ec0 100644
--- a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
+++ b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
@@ -101,17 +101,7 @@
 						@option-selected="employeeSelected"
 					/>
 
-					<!-- Kravarik: Tu je original autocomplete, skus to spravit radsej cez tento -->
-					<!-- <v-autocomplete
-						ref="employee-select"
-						v-model="employeeSelect"
-						:items="employees"
-						item-value="id"
-						item-title="_fullName"
-						class="modal-input"
-					/> -->
-
-					<v-btn class="w-100 mb-5 button secondary" :disabled="!masterTask.team.employees" @click="showAddEmployeeInput = true">
+					<v-btn class="w-100 mb-5 button secondary" :disabled="!masterTask.team?.id" @click="showAddEmployeeInput = true">
 						<v-icon class="mx-1" icon="mdi-plus" />Pridať zamestnanca
 					</v-btn>
 
@@ -318,7 +308,7 @@ import ZFilesUpload 	from '@/plugins/tm@_components/z-files-upload.vue'
 import useVuelidate 	from '@vuelidate/core'
 import { required } 	from '@vuelidate/validators'
 import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
-// import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
+import ZAutocomplete 	from '@/plugins/tm@_components/z-autocomplete.vue'
 import VuetifyFixFocusMixin from  '@/plugins/tm@modal/_mixins/vuetify-fix-focus'
 import moment 			from 'moment'
 import { QuillEditor } 	from '@vueup/vue-quill'
@@ -335,7 +325,7 @@ export default {
 	components: {
 		Datepicker,
 		ZFilesUpload,
-		// ZAutocomplete,
+		ZAutocomplete,
 		QuillEditor
 	},
 
diff --git a/app/src/plugins/tm@modal/task/z-task-modal.vue b/app/src/plugins/tm@modal/task/z-task-modal.vue
index 991e947..db9dc08 100644
--- a/app/src/plugins/tm@modal/task/z-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-task-modal.vue
@@ -19,7 +19,7 @@
 
 					<!-- Toto treba fixnut -->
 					<v-select
-						v-model="selectedMasterTaskId"
+						v-model="masterTaskIdSelect"
 						@focus="onInputFocus"
 						class="modal-input border-select"
 						label="MasterTask"
@@ -30,7 +30,7 @@
 					></v-select>
 
 					<v-select
-						v-model="selectedEmployeeId"
+						v-model="employeeIdSelect"
 						@focus="onInputFocus"
 						class="modal-input border-select"
 						label="Priradený"
@@ -354,8 +354,8 @@ export default {
 			v$: useVuelidate(),
 			preventInputFocus: false,
 			masterTasks: [],
-			selectedMasterTaskId: null,
-			selectedEmployeeId: null
+			masterTaskIdSelect: null,
+			employeeIdSelect: null
 		}
 	},
 
@@ -371,9 +371,9 @@ export default {
 	validations() {
 		return {
 			task: {
-				project_code: { required },
+				// project_code: { required },
 				date: { required },
-				team: { required },
+				// team: { required },
 				duration: { required },
 				employee: { required },
 			},
@@ -396,8 +396,8 @@ export default {
 				if (task?.id) {
 					const t = await this.$axios.get_auth_data(`v1/tasks/${task.id}`)
 
-					this.selectedEmployeeId 	= t.employee.id
-					this.selectedMasterTaskId 	= t.master_task.id
+					this.employeeIdSelect 	= t.employee.id
+					this.masterTaskIdSelect 	= t.master_task.id
 					this.task 					= t
 				} else {
 					this.task = {master_task: {}}
@@ -442,20 +442,16 @@ export default {
 	},
 
 	watch: {
-		selectedMasterTaskId(value) {
+		masterTaskIdSelect(value) {
 			if (!value || !this.task) return
 
-			this.task.master_task = this.masterTasks.find(
-				(masterTask) => masterTask.id == value
-			)
+			this.task.master_task = this.masterTasks.find(masterTask => masterTask.id == value)
 		},
 
-		selectedEmployeeId(value) {
+		employeeIdSelect(value) {
 			if (!value || !this.task) return
 
-			this.task.employee = this.task.master_task.employees.find(
-				(employee) => employee.id == value
-			)
+			this.task.employee = this.task.master_task.employees.find(employee => employee.id == value)
 		},
 	},
 }
diff --git a/app/src/plugins/tm@overview/teams/teams.vue b/app/src/plugins/tm@overview/teams/teams.vue
index 8b8bf6d..48ef321 100644
--- a/app/src/plugins/tm@overview/teams/teams.vue
+++ b/app/src/plugins/tm@overview/teams/teams.vue
@@ -29,7 +29,7 @@ export default {
 	methods: {
 		async _loadData() {
 			this.teams = null
-			
+
 			try {
 				this.teams = await this.$axios.get_auth_data('v1/teams')
 			} catch (error) {
diff --git a/app/src/plugins/w/loadable/_components/w-loadable.vue b/app/src/plugins/w/loadable/_components/w-loadable.vue
index 990860a..22e0ba9 100644
--- a/app/src/plugins/w/loadable/_components/w-loadable.vue
+++ b/app/src/plugins/w/loadable/_components/w-loadable.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div ref="loadingContainer">
 		<div v-if="!content"></div>
 		<div v-else-if="content.error">{{ content.error }}</div>
 		<div v-else-if="(typeof content == 'array' && !array.length) || (typeof content == 'object' && !Object.values(content).length)">{{ emptyMessage }}</div>
@@ -32,6 +32,7 @@ export default {
 
 	methods: {
 		async _startLoading() {
+			// Kravarik: toto hadze tie warny v konzole. Fixnut
 			this.loader = await this.$loading.show()
 		},
 

From 86bea63cdd855ec4250ee04d63154188f6d2cd08 Mon Sep 17 00:00:00 2001
From: romankko2 <romokravarik@gmail.com>
Date: Tue, 31 Jan 2023 15:49:39 +0100
Subject: [PATCH 3/6] [teams] napojenie requestov

---
 app/src/plugins/app/_config/App.vue            |  8 ++++----
 app/src/plugins/app/_config/main.ts            | 10 +++++-----
 .../plugins/tm@dashboard/projects/projects.vue | 18 +++++++++---------
 .../tasks/_components/a-tasks-filter.vue       |  2 +-
 .../master-task/z-master-task-modal.vue        |  6 +++---
 app/src/plugins/tm@modal/task/z-task-modal.vue |  2 +-
 .../tm@modal/team/z-delete-team-modal.vue      |  6 +++---
 app/src/plugins/tm@modal/team/z-team-modal.vue |  8 +++++---
 app/src/plugins/tm@overview/teams/teams.vue    |  2 +-
 9 files changed, 32 insertions(+), 30 deletions(-)

diff --git a/app/src/plugins/app/_config/App.vue b/app/src/plugins/app/_config/App.vue
index b82e138..19efa9f 100644
--- a/app/src/plugins/app/_config/App.vue
+++ b/app/src/plugins/app/_config/App.vue
@@ -5,11 +5,11 @@
 		</v-main>
 	</v-app>
 
-	<Z-team-modal 			ref="z-team-modal" />
-	<Z-delete-team-modal 	ref="z-delete-team-modal" @deleted="onTeamDeleted" />
+	<Z-team-modal 			ref="z-team-modal"  @update="onTeamUpdate" />
+	<Z-delete-team-modal 	ref="z-delete-team-modal" @update="onTeamUpdate" />
 
 	<Z-task-modal 			ref="z-task-modal" />
-	<Z-delete-task-modal 	ref="z-delete-task-modal" @deleted="onTaskDeleted" />
+	<Z-delete-task-modal 	ref="z-delete-task-modal" @update="onTaskDeleted" />
 	<Z-complete-task-modal 	ref="z-complete-task-modal" />
 	<Z-task-add-time-modal 	ref="z-task-add-time-modal" />
 	<Z-blocker-modal 		ref="z-blocker-modal" />
@@ -76,7 +76,7 @@ export default {
 	},
 
 	methods: {
-		onTeamDeleted(team) {
+		onTeamUpdate(team) {
 			this.$events.emit('on-team-deleted', team)
 		},
 
diff --git a/app/src/plugins/app/_config/main.ts b/app/src/plugins/app/_config/main.ts
index 9192b5b..ccae222 100644
--- a/app/src/plugins/app/_config/main.ts
+++ b/app/src/plugins/app/_config/main.ts
@@ -47,8 +47,8 @@ const options: Options = {
 			'POST v1/auth/login': true,
 			'POST v1/auth/post': true,
 
-			'GET v1/master-tasks/(id)': true,
-			'GET v1/master-tasks': true,
+			// 'GET v1/master-tasks/(id)': true,
+			// 'GET v1/master-tasks': true,
 			'POST v1/master-tasks/(id)': true,
 			'DELETE v1/master-tasks/(id)': true,
 			'POST v1/master-tasks': true,
@@ -64,11 +64,11 @@ const options: Options = {
 			'DELETE v1/tasks/(id)': true,
 
 			// 'GET v1/teams/(id)': true,
-			'POST v1/teams/(id)': true,
-			'DELETE v1/teams/(id)': true,
+			// 'POST v1/teams/(id)': true,
+			// 'DELETE v1/teams/(id)': true,
 			// 'GET v1/teams': true,
 			// 'GET v1/teamsx': true,
-			'POST v1/teams': true,
+			// 'POST v1/teams': true,
 
 			// 'GET v1/employees': true,
 			'GET v1/search': true,
diff --git a/app/src/plugins/tm@dashboard/projects/projects.vue b/app/src/plugins/tm@dashboard/projects/projects.vue
index d6d2b4f..c796d01 100644
--- a/app/src/plugins/tm@dashboard/projects/projects.vue
+++ b/app/src/plugins/tm@dashboard/projects/projects.vue
@@ -53,7 +53,7 @@ export default {
 
 			// format masterTasks to event format for calendar
 			events = events.map(event => {
-				const color = this._stringToHexColor(`${event.project_code}${event.name}`)
+				const color = this._stringToHexColor(event.color)
 
 				return {
 					id: event.id,
@@ -81,7 +81,7 @@ export default {
 			try {
 				this.teams 			= await this.$axios.get_auth_data('v1/teams')
 				this.employees 		= await this.$axios.get_auth_data('v1/employees')
-				this.masterTasks 	= await this.$axios.get_auth_data('v1/master-tasks')
+				this.masterTasks 	= await this.$axios.get_auth_data('v1/mastertasks')
 			} catch (error) {
 				this.masterTasks = {error}
 			}
@@ -98,19 +98,19 @@ export default {
 		},
 
 		_stringToHexColor(string) {
-			let hash = 0;
+			let hash = 0
 
 			for (let i = 0; i < string.length; i++) {
-				hash = string.charCodeAt(i) + ((hash << 5) - hash);
+				hash = string.charCodeAt(i) + ((hash << 5) - hash)
 			}
 
-			let color = '#';
+			let color = '#'
 			for (let i = 0; i < 3; i++) {
-				let value = (hash >> (i * 8)) & 0xFF;
-				color += ('00' + value.toString(16)).substr(-2);
+				let value = (hash >> (i * 8)) & 0xFF
+				color += ('00' + value.toString(16)).substr(-2)
 			}
-			return color;
+			return color
 		}
 	}
 }
-</script>
+</script>
\ No newline at end of file
diff --git a/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue b/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
index 07a0e32..9af6910 100644
--- a/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
+++ b/app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
@@ -3,7 +3,7 @@
 		<v-select
 			v-model="selectedEmployee"
 			class="subheader-input"
-			:items="employees"
+			:items="[null, ...employees]"
 			item-title="fullName"
 			item-value="id"
 			label="Zamestnanec"
diff --git a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
index f50a0e0..d8b85f2 100644
--- a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
+++ b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
@@ -423,7 +423,7 @@ export default {
 
 		async _load(masterTaskId) {
 			try {
-				this.masterTask = await this.$axios.get_auth_data(`v1/master-tasks/${masterTaskId}`)
+				this.masterTask = await this.$axios.get_auth_data(`v1/mastertasks/${masterTaskId}`)
 			} catch (error) {
 				this.$toast.error(error)
 			}
@@ -439,7 +439,7 @@ export default {
 
 		async _update() {
 			try {
-				await this.$axios.post_auth(`v1/master-tasks/${this.masterTask.id}`)
+				await this.$axios.post_auth(`v1/mastertasks/${this.masterTask.id}`)
 			} catch (error) {
 				this.$toast.error(error)
 			}
@@ -447,7 +447,7 @@ export default {
 
 		async deleteTask(masterTaskId) {
 			try {
-				await this.$axios.delete(`v1/master-tasks/${masterTaskId}`)
+				await this.$axios.delete(`v1/mastertasks/${masterTaskId}`)
 				this.close()
 			} catch (error) {
 				this.$toast.error(error)
diff --git a/app/src/plugins/tm@modal/task/z-task-modal.vue b/app/src/plugins/tm@modal/task/z-task-modal.vue
index c167585..98608b1 100644
--- a/app/src/plugins/tm@modal/task/z-task-modal.vue
+++ b/app/src/plugins/tm@modal/task/z-task-modal.vue
@@ -475,7 +475,7 @@ export default {
 
 		async _update() {
 			try {
-				await this.$axios.post_auth(`v1/master-tasks/${this.task.id}`)
+				await this.$axios.post_auth(`v1/mastertasks/${this.task.id}`)
 			} catch (error) {
 				this.$toast.error(error)
 			}
diff --git a/app/src/plugins/tm@modal/team/z-delete-team-modal.vue b/app/src/plugins/tm@modal/team/z-delete-team-modal.vue
index 7a26c5f..a14eab9 100644
--- a/app/src/plugins/tm@modal/team/z-delete-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-delete-team-modal.vue
@@ -18,7 +18,7 @@
 
 <script>
 export default {
-	emits: ['deleted'],
+	emits: ['update'],
 
 	data() {
 		return {
@@ -35,9 +35,9 @@ export default {
 
 		async deleteTeam() {
 			try {
-				await this.$axios.delete(`v1/teams/${this.team.id}`)
+				await this.$axios.delete_auth(`v1/teams/${this.team.id}`)
 				this.visible = false
-				this.$emit('deleted', this.team)
+				this.$emit('update', this.team)
 			} catch (error) {
 				this.$toast.error(error)
 			}
diff --git a/app/src/plugins/tm@modal/team/z-team-modal.vue b/app/src/plugins/tm@modal/team/z-team-modal.vue
index 175dfc6..6ad0b7c 100644
--- a/app/src/plugins/tm@modal/team/z-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-team-modal.vue
@@ -69,7 +69,7 @@ import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
 const atLeastOne = (value) => value.length
 
 export default {
-	emits: ['close'],
+	emits: ['close', 'update'],
 
 	components: {
 		ZAutocomplete,
@@ -143,7 +143,8 @@ export default {
 
 		async _create() {
 			try {
-				await this.$axios.post_auth(`v1/teams`, this.team)
+				await this.$axios.post_auth('v1/teams', {data: this.team})
+				this.$emit('update', this.team)
 			} catch (error) {
 				this.$toast.error(error)
 			}
@@ -151,7 +152,8 @@ export default {
 
 		async _edit() {
 			try {
-				await this.$axios.post_auth(`v1/teams/${this.team.id}`, this.team)
+				await this.$axios.put_auth(`v1/teams/${this.team.id}`, {data: this.team})
+				this.$emit('update', this.team)
 			} catch (error) {
 				this.$toast.error(error)
 			}
diff --git a/app/src/plugins/tm@overview/teams/teams.vue b/app/src/plugins/tm@overview/teams/teams.vue
index 8b8bf6d..b01128a 100644
--- a/app/src/plugins/tm@overview/teams/teams.vue
+++ b/app/src/plugins/tm@overview/teams/teams.vue
@@ -1,6 +1,6 @@
 <template>
 	<W-loadable :content="teams">
-		<A-teams-table :teams="teams" />
+		<A-teams-table :teams="teams" @reloadData="_loadData" />
 	</W-loadable>
 </template>
 

From 647125e7fd516209c00319b2b036cc46d37ce644 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Tue, 31 Jan 2023 15:57:26 +0100
Subject: [PATCH 4/6] [Axios] Edited post and patch payloads

---
 app/src/plugins/w/axios/models/axios.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/plugins/w/axios/models/axios.ts b/app/src/plugins/w/axios/models/axios.ts
index 424188e..d379522 100644
--- a/app/src/plugins/w/axios/models/axios.ts
+++ b/app/src/plugins/w/axios/models/axios.ts
@@ -91,7 +91,7 @@ export default {
 	},
 
 	async patch(url: string, params = null, config?: any) {
-		return axios.patch(url, params, config)
+		return axios.patch(url, {data: params}, config)
 			.then(response => response.data)
 			.catch(error => Promise.reject(error))
 	},
@@ -99,13 +99,13 @@ export default {
 	async patch_auth(url: string, params = null, config?: any) {
 		config = this._config(config)
 
-		return axios.patch(url, params, config)
+		return axios.patch(url, {data: params}, config)
 			.then(response => response.data)
 			.catch(error => Promise.reject(error))
 	},
 
 	async patch_data(url: string, params = null, config?: any) {
-		return axios.patch(url, params, config)
+		return axios.patch(url, {data: params}, config)
 			.then(response => response.data.data)
 			.catch(error => Promise.reject(error.response || error))
 	},
@@ -113,7 +113,7 @@ export default {
 	async patch_auth_data(url: string, params = null, config?: any) {
 		config = this._config(config)
 
-		return axios.patch(url, params, config)
+		return axios.patch(url, {data: params}, config)
 			.then(response => response.data.data)
 			.catch(error => Promise.reject(error.response || error))
 	},

From 8754a2d93cbd49fb099eb17bd638604bdd211d30 Mon Sep 17 00:00:00 2001
From: romankko2 <romokravarik@gmail.com>
Date: Tue, 31 Jan 2023 16:23:39 +0100
Subject: [PATCH 5/6] .

---
 app/src/plugins/tm@modal/team/z-team-modal.vue             | 5 ++++-
 app/src/plugins/tm@overview/_components/z-tasks-search.vue | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/src/plugins/tm@modal/team/z-team-modal.vue b/app/src/plugins/tm@modal/team/z-team-modal.vue
index 2c61d58..35b525a 100644
--- a/app/src/plugins/tm@modal/team/z-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-team-modal.vue
@@ -125,10 +125,13 @@ export default {
 				return
 
 			try {
-				if (this.team.id)
+				if (this.team.id) {
 					await this.$axios.post_auth(`v1/teams/${this.team.id}`, this.team)
+					this.$emit('update', this.team)
+				}	
 				else
 					await this.$axios.post_auth(`v1/teams`, this.team)
+					this.$emit('update', this.team)
 
 				this.closeModal()
 			} catch (error) {
diff --git a/app/src/plugins/tm@overview/_components/z-tasks-search.vue b/app/src/plugins/tm@overview/_components/z-tasks-search.vue
index de44967..a7caeb7 100644
--- a/app/src/plugins/tm@overview/_components/z-tasks-search.vue
+++ b/app/src/plugins/tm@overview/_components/z-tasks-search.vue
@@ -5,7 +5,7 @@
 			class="subheader-input"
 			variant="outlined"
 			label="Zamestanec"
-			:items="allEmployees"
+			:items="[null, ...allEmployees]"
 			item-title="fullName"
 			item-value="id"
 		></v-select>

From 2d65fe8f52ec070167aa7b9851aaddde82d81a16 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Tue, 31 Jan 2023 16:28:07 +0100
Subject: [PATCH 6/6] .

---
 app/src/plugins/tm@modal/team/z-team-modal.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/app/src/plugins/tm@modal/team/z-team-modal.vue b/app/src/plugins/tm@modal/team/z-team-modal.vue
index 35b525a..d31b461 100644
--- a/app/src/plugins/tm@modal/team/z-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-team-modal.vue
@@ -121,21 +121,18 @@ export default {
 		},
 
 		async save() {
-			if (!(await this.v$.$validate()))
-				return
+			if (!(await this.v$.$validate())) return
 
 			try {
-				if (this.team.id) {
-					await this.$axios.post_auth(`v1/teams/${this.team.id}`, this.team)
-					this.$emit('update', this.team)
-				}	
+				if (this.team.id)
+					await this.$axios.patch_auth(`v1/teams/${this.team.id}`, this.team)
 				else
 					await this.$axios.post_auth(`v1/teams`, this.team)
-					this.$emit('update', this.team)
 
+				this.$emit('update', this.team)
 				this.closeModal()
 			} catch (error) {
-				this.$toast(error)
+				this.$toast.error(error)
 			}
 		},