From e96797d9c80d41eb3f84a2ee1a9bc0d1ceba60db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Mon, 13 Mar 2023 21:06:45 +0100
Subject: [PATCH 1/5] [Blockers] Blockers POST, PUT

---
 app/src/plugins/app/_config/App.vue           |   4 +-
 app/src/plugins/app/_config/main.ts           |   1 -
 .../tm@modal/blocker/z-blocker-modal.vue      | 101 ++++++------------
 3 files changed, 37 insertions(+), 69 deletions(-)

diff --git a/app/src/plugins/app/_config/App.vue b/app/src/plugins/app/_config/App.vue
index b6f512b..61ea606 100644
--- a/app/src/plugins/app/_config/App.vue
+++ b/app/src/plugins/app/_config/App.vue
@@ -79,8 +79,8 @@ export default {
 			this.$refs['z-complete-task-modal'].showModal({ subtask })
 		})
 
-		this.$events.on('show-blocker-modal', ({blocker}) => {
-			this.$refs['z-blocker-modal'].showModal(blocker)
+		this.$events.on('show-blocker-modal', ({blocker = {id: 1}}) => {
+			this.$refs['z-blocker-modal'].showModal({blocker})
 		})
 
 		this.$events.on('show-task-add-time-modal', ({subtask}) => {
diff --git a/app/src/plugins/app/_config/main.ts b/app/src/plugins/app/_config/main.ts
index dfc078d..deb87a6 100644
--- a/app/src/plugins/app/_config/main.ts
+++ b/app/src/plugins/app/_config/main.ts
@@ -55,7 +55,6 @@ const options: Options = {
 			'GET v1/overview/teams': true,
 			'GET v1/overview/tasks': true,
 			'GET v1/search': true,
-			'POST v1/blockers': true
 		}
 	}
 }
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 7882cf3..8da7433 100644
--- a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
+++ b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
@@ -25,45 +25,19 @@
 						v-model="blocker.name"
 						variant="solo"
 					></v-text-field>
-					<div
-						class="relative w-100"
-						v-for="(employee, index) in blocker.employees"
-						:key="employee.id"
-					>
-						<v-text-field
-							class="modal-input"
-							disabled
-							label="Zamestanec"
-							variant="outlined"
-							v-model="blocker.employees[index]._fullName"
-						>
-						</v-text-field>
-						<v-icon
-							class="remove-input"
-							@click.stop="blocker.employees.splice(index, 1)"
-							icon="mdi-close"
-							size="small"
-						></v-icon>
-					</div>
-					<Z-autocomplete
-						label="Vyhľadať zamestnanca"
-						:options="employeesOptions"
-						class="modal-input"
-						:class="{ error: v$.blocker.employees.$errors.length }"
-						@option-selected="employeeSelected"
-					/>
+					<v-select v-model="blocker.employee_id" ref="employee-select" @focus="onInputFocus" class="modal-input border-select" label="Priradený" :class="{ error: v$.blocker.employee_id.$errors.length }" variant="solo" :items="enrichedEmployees" item-value="id" item-title="_fullName"></v-select>
 					<Datepicker
 						class="modal-input"
-						v-model="blocker.date"
+						v-model="startEndDate"
 						format="dd.MM.yyyy, HH:mm"
 						locale="sk"
-						:class="{ error: v$.blocker.date.$errors.length }"
-						@focus="onDateFocus"
+						:class="{ error: v$.blocker.start.$errors.length || v$.blocker.end.$errors.length }"
 						:validations="v$.blocker.employees"
 						select-text="Vybrať"
 						cancel-text="Zrušiť"
 						placeholder="Trvanie od - do"
 						range
+						ref="datepicker"
 					/>
 				</v-card-actions>
 
@@ -74,15 +48,13 @@
 </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 VuetifyFixFocusMixin from  '@/plugins/tm@modal/_mixins/vuetify-fix-focus'
 import tmUtils 				from '@/plugins/tm@_utils/tm.utils'
-
-const atLeastOne = (value) => value.length
+import { mapGetters } from 'vuex'
 
 export default {
 	mixins: [VuetifyFixFocusMixin],
@@ -90,44 +62,32 @@ export default {
 	emits: ['close'],
 
 	components: {
-		ZAutocomplete,
-		Datepicker,
+		Datepicker
 	},
 
 	data() {
 		return {
 			visible: false,
-			employees: null,
 			v$: useVuelidate(),
 			errorUtils,
-			blocker: null
+			blocker: null,
+			startEndDate: null
 		}
 	},
 
 	computed: {
-		employeesOptions() {
-			const selectedEmployeesIds = this.blocker.employees.map(
-				(employee) => employee.id
-			)
-			const employees = this.employees.filter(
-				(employee) => !selectedEmployeesIds.includes(employee.id)
-			)
-
-			return employees.map((employee) => {
-				return {
-					key: employee.id,
-					value: `${employee.name} ${employee.surname}`,
-				}
-			})
-		}
+		...mapGetters('tm', [
+			'enrichedEmployees'
+		])
 	},
 
 	validations() {
 		return {
 			blocker: {
 				name: { required },
-				date: { required },
-				employees: { atLeastOne }
+				start: { required },
+				end: { required },
+				employee_id: { required }
 			}
 		}
 	},
@@ -136,35 +96,30 @@ export default {
 		async showModal({ blocker }) {
 			this.visible = true
 			this.blocker = null
+			this.startEndDate = null
 			this.$nextTick(() => this.v$.$reset())
 
 			try {
-				const employees = await this.$axios.get_auth_data('v1/employees')
-				this.employees 	= tmUtils.enrichEmployees(employees)
-
 				if (blocker?.id) {
-					const b 	  = await this.$axios.get_auth_data(`v1/blockers/${blocker.id}`)
-					this.blocker  = {...b, employees: tmUtils.enrichEmployees(b.employees)}
+					blocker = await this.$axios.get_auth_data(`v1/blockers/${blocker.id}`)
+					blocker.employee_id = blocker.employee.id
+					this.startEndDate = [new Date(blocker.start), new Date(blocker.end)]
+					this.blocker = blocker
 				} else {
-					this.blocker  = {employees: []}
+					this.blocker  = {start: null}
 				}
 			} catch (error) {
 				this.$toast.error(error)
 			}
 		},
 
-		employeeSelected(selectedOption) {
-			const employee = this.employees.find((empl) => empl.id == selectedOption.key)
-			this.blocker.employees.push(employee)
-		},
-
 		async save() {
 			if (!(await this.v$.$validate()))
 				return
 
 			try {
 				if (this.blocker.id)
-					await this.$axios.post_auth(`v1/blockers/${this.blocker.id}`, this.blocker)
+					await this.$axios.put_auth(`v1/blockers/${this.blocker.id}`, this.blocker)
 				else
 					await this.$axios.post_auth('v1/blockers', this.blocker)
 
@@ -175,9 +130,23 @@ export default {
 		},
 
 		closeModal() {
+			this.$refs['datepicker'].clearValue()
 			this.visible = false
 			this.$emit('close', this.blocker)
 		}
+	},
+
+	watch: {
+		startEndDate(value) {
+			if (!value || !value[1])
+				return
+
+			this.blocker = {
+				...this.blocker,
+				start: tmUtils.formatDateTimeForBackend(this.startEndDate[0]),
+				end: tmUtils.formatDateTimeForBackend(this.startEndDate[1]),
+			}
+		}
 	}
 }
 </script>
\ No newline at end of file

From 6a376ce4057ebb6feb1a18a2bcc8a133148570ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Mon, 13 Mar 2023 21:08:10 +0100
Subject: [PATCH 2/5] [Blockers] Blockers POST, PUT

---
 app/src/plugins/app/_config/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/plugins/app/_config/App.vue b/app/src/plugins/app/_config/App.vue
index 61ea606..bb12b24 100644
--- a/app/src/plugins/app/_config/App.vue
+++ b/app/src/plugins/app/_config/App.vue
@@ -79,7 +79,7 @@ export default {
 			this.$refs['z-complete-task-modal'].showModal({ subtask })
 		})
 
-		this.$events.on('show-blocker-modal', ({blocker = {id: 1}}) => {
+		this.$events.on('show-blocker-modal', ({blocker = {}}) => {
 			this.$refs['z-blocker-modal'].showModal({blocker})
 		})
 

From 0d5bfa3b9babb957b25a0115ddc20a2a69a2b3f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Mon, 13 Mar 2023 21:16:37 +0100
Subject: [PATCH 3/5] [Blockers] Blockers POST, PUT

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

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 8da7433..5495286 100644
--- a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
+++ b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
@@ -78,6 +78,10 @@ export default {
 	computed: {
 		...mapGetters('tm', [
 			'enrichedEmployees'
+		]),
+
+		...mapGetters('auth', [
+			'user'
 		])
 	},
 
@@ -141,6 +145,10 @@ export default {
 			if (!value || !value[1])
 				return
 
+			this.startEndDate[0] = this.startEndDate[0].setHours(this.user.work_start, 0, 0, 0)
+			this.startEndDate[1] = this.startEndDate[1].setHours(this.user.work_end, 0, 0, 0)
+
+
 			this.blocker = {
 				...this.blocker,
 				start: tmUtils.formatDateTimeForBackend(this.startEndDate[0]),

From eb7b44fbfe65e230539a518c6857f2338c2e5681 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Mon, 13 Mar 2023 21:54:14 +0100
Subject: [PATCH 4/5] [Profile] Update fixed

---
 app/src/plugins/app/_config/main.ts           |  14 +--
 app/src/plugins/tm@dashboard/tasks/tasks.vue  |   8 +-
 .../plugins/tm@profile/profile/my-profile.vue | 105 +++++++-----------
 app/src/plugins/w/auth/auth.store.ts          |   2 +-
 4 files changed, 54 insertions(+), 75 deletions(-)

diff --git a/app/src/plugins/app/_config/main.ts b/app/src/plugins/app/_config/main.ts
index deb87a6..6519dce 100644
--- a/app/src/plugins/app/_config/main.ts
+++ b/app/src/plugins/app/_config/main.ts
@@ -44,13 +44,13 @@ const options: Options = {
 	},
 	moxios: {
 		routes: {
-			'GET v1/auth/info': true,
-			'POST v1/auth/forgot': true,
-			'POST v1/auth/reset': true,
-			'POST v1/auth/info': true,
-			'POST v1/auth/invalidate': true,
-			'POST v1/auth/login': true,
-			'POST v1/auth/post': true,
+			// 'GET v1/auth/info': true,
+			// 'POST v1/auth/forgot': true,
+			// 'POST v1/auth/reset': true,
+			// 'POST v1/auth/info': true,
+			// 'POST v1/auth/invalidate': true,
+			// 'POST v1/auth/login': true,
+			// 'POST v1/auth/post': true,
 
 			'GET v1/overview/teams': true,
 			'GET v1/overview/tasks': true,
diff --git a/app/src/plugins/tm@dashboard/tasks/tasks.vue b/app/src/plugins/tm@dashboard/tasks/tasks.vue
index dc98c18..7687d26 100644
--- a/app/src/plugins/tm@dashboard/tasks/tasks.vue
+++ b/app/src/plugins/tm@dashboard/tasks/tasks.vue
@@ -11,6 +11,7 @@ import ZTimeline 								from '@/plugins/tm@dashboard/_components/z-timeline.vue
 import { addDays, subDays } 					from 'date-fns'
 import moment 									from 'moment'
 import timelineUtils 							from './_utils/timeline.utils'
+import { mapGetters } from 'vuex'
 
 export default {
 	components: {
@@ -30,6 +31,10 @@ export default {
 	},
 
 	computed: {
+		...mapGetters('auth', [
+			'user'
+		]),
+
 		splitDays() {
 			const days = []
 			const workingHours = {}
@@ -89,8 +94,7 @@ export default {
 	},
 
 	unmounted() {
-		this.$events.off('on-subtask-edited')
-		this.$events.off('on-subtask-deleted')
+		this.$events.off('on-user-updated')
 	},
 
 	methods: {
diff --git a/app/src/plugins/tm@profile/profile/my-profile.vue b/app/src/plugins/tm@profile/profile/my-profile.vue
index 7ddb45d..03a7fb6 100644
--- a/app/src/plugins/tm@profile/profile/my-profile.vue
+++ b/app/src/plugins/tm@profile/profile/my-profile.vue
@@ -1,61 +1,13 @@
 <template>
 	<div class="border-bottom py-5 px-5">
 		<h1>Všeobecné informácie</h1>
-		<v-text-field
-			class="w-75"
-			variant="solo"
-			label="Meno"
-			v-model="user.name"
-			:class="{ error: v$.user.name.$errors.length }"
-			:hint="
-				v$.user.name.$errors
-					? errorUtils.parseErrors(v$.user.name.$errors)
-					: null
-			"
-		></v-text-field>
-		<v-text-field
-			class="w-75"
-			variant="solo"
-			label="Priezvisko"
-			v-model="user.surname"
-			:class="{ error: v$.user.surname.$errors.length }"
-			:hint="
-				v$.user.surname.$errors
-					? errorUtils.parseErrors(v$.user.surname.$errors)
-					: null
-			"
-		></v-text-field>
+		<v-text-field class="w-75" variant="solo" label="Meno" :disabled="true" v-model="user.name"></v-text-field>
+		<v-text-field class="w-75" variant="solo" label="Priezvisko" v-model="user.surname" :disabled="true"></v-text-field>
 	</div>
 	<div class="py-5 px-5 border-bottom">
 		<h1>Pracovná doba</h1>
-		<v-text-field
-			class="w-75"
-			variant="solo"
-			label="Začiatok"
-			v-model="user.work_hours_from"
-			append-inner-icon="mdi-clock-outline"
-			type="time"
-			:class="{ error: v$.user.work_hours_from.$errors.length }"
-			:hint="
-				v$.user.work_hours_from.$errors
-					? errorUtils.parseErrors(v$.user.work_hours_from.$errors)
-					: null
-			"
-		></v-text-field>
-		<v-text-field
-			class="w-75"
-			variant="solo"
-			label="Koniec"
-			v-model="user.work_hours_to"
-			append-inner-icon="mdi-clock-outline"
-			:class="{ error: v$.user.work_hours_to.$errors.length }"
-			:hint="
-				v$.user.work_hours_to.$errors
-					? errorUtils.parseErrors(v$.user.work_hours_to.$errors)
-					: null
-			"
-			type="time"
-		></v-text-field>
+		<v-text-field class="w-75" variant="solo" label="Začiatok" v-model="form.work_start" append-inner-icon="mdi-clock-outline" type="time" :class="{ error: v$.form.work_start.$errors.length }" :hint="v$.form.work_start.$errors ? errorUtils.parseErrors(v$.form.work_start.$errors) : null"></v-text-field>
+		<v-text-field class="w-75" variant="solo" label="Koniec" v-model="form.work_end" append-inner-icon="mdi-clock-outline" type="time" :class="{ error: v$.form.work_end.$errors.length }" :hint="v$.form.work_end.$errors ? errorUtils.parseErrors(v$.form.work_end.$errors) : null"></v-text-field>
 	</div>
 	<div class="py-5 px-5">
 		<v-btn class="button primary" @click="updateUserInfo()">ULOŽIŤ ZMENY</v-btn>
@@ -63,46 +15,69 @@
 </template>
 
 <script>
-import useVuelidate 	from '@vuelidate/core'
-import { required } 	from '@vuelidate/validators'
-import errorUtils 		from '@/plugins/lib@auth/_utils/error.utils'
-import { mapGetters } 	from 'vuex'
+import useVuelidate from "@vuelidate/core"
+import { required } from "@vuelidate/validators"
+import errorUtils from "@/plugins/lib@auth/_utils/error.utils"
+import { mapGetters } from "vuex"
 
 export default {
 	data() {
 		return {
 			errorUtils,
 			v$: useVuelidate(),
+			form: {}
 		}
 	},
 
 	computed: {
-		...mapGetters('auth', ['user']),
+		...mapGetters("auth", ["user"])
 	},
 
 	validations() {
 		return {
-			user: {
-				name: { required },
-				surname: { required },
-				work_hours_from: { required },
-				work_hours_to: { required },
-			},
+			form: {
+				work_start: { required },
+				work_end: { required }
+			}
 		}
 	},
 
+	mounted() {
+		this._setDates()
+	},
+
 	methods: {
 		async updateUserInfo() {
 			if (!(await this.v$.$validate())) return
-			try {
-				await this.$store.dispatch('auth/updateUserInfo', this.user)
 
+			const data = {
+				id: this.user.id,
+				work_start: parseInt(this.form.work_start.split(':')[0]),
+				work_end: parseInt(this.form.work_end.split(':')[0])
+			}
+
+			try {
+				await this.$store.dispatch('auth/updateUserInfo', data)
 				this.$toast.success('Profil bol úspešne zmenený')
+				this.$events.emit('on-user-updated', this.user)
 			} catch (error) {
 				this.$toast.error(error)
 			}
 		},
+
+		_setDates() {
+			this.form = {
+				work_start: this.user.work_start < 10 ? `0${this.user.work_start}:00` : `${this.user.work_start}:00`,
+				work_end: this.user.work_end < 10 ? `0${this.user.work_end}:00` : `${this.user.work_end}:00`
+			}
+		}
 	},
+
+	watch: {
+		user() {
+			this._setDates()
+		}
+	}
 }
 </script>
 
diff --git a/app/src/plugins/w/auth/auth.store.ts b/app/src/plugins/w/auth/auth.store.ts
index 59aa035..1ae8445 100644
--- a/app/src/plugins/w/auth/auth.store.ts
+++ b/app/src/plugins/w/auth/auth.store.ts
@@ -135,7 +135,7 @@ export default {
 		},
 		updateUserInfo({commit}: {commit: any}, data: any) {
 			return new Promise((resolve, reject) => {
-				axios.post_auth_data('v1/auth/info', data)
+				axios.put_auth(`v1/users/${data.id}`, {data: data})
 					.then((response: any) => {
 						const user = response.user
 

From 403f85ac6d38bd5dac31793326dac44539853abd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Wed, 15 Mar 2023 17:10:20 +0100
Subject: [PATCH 5/5] [Profile] Name fix

---
 app/src/plugins/app/_layout/app/_components/a-header.vue | 4 ++--
 app/src/plugins/tm@dashboard/tasks/tasks.vue             | 3 ++-
 app/src/plugins/tm@profile/profile/my-profile.vue        | 5 ++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/src/plugins/app/_layout/app/_components/a-header.vue b/app/src/plugins/app/_layout/app/_components/a-header.vue
index 1e62b1b..68fc187 100644
--- a/app/src/plugins/app/_layout/app/_components/a-header.vue
+++ b/app/src/plugins/app/_layout/app/_components/a-header.vue
@@ -29,11 +29,11 @@
 						<v-btn class="menu-dropdown" v-bind="props">
 							<div class="d-flex justify-between align-center">
 								<p class="employee-select-avatar d-flex justify-center align-center" @click.stop="$router.push({name: 'Dashboard - User'})">
-									{{ user.name?.charAt(0) || '' + user.surname?.charAt(0) || '' }}
+									{{ user.firstname.charAt(0) }}{{ user.lastname.charAt(0) }}
 								</p>
 
 								<div>
-									<span class="employee-name ml-4">{{ `${user.name} ${user.surname || ''}` }}</span>
+									<span class="employee-name ml-4">{{ `${user.firstname} ${user.lastname || ''}` }}</span>
 									<v-icon class="ml-3" icon="mdi-chevron-down" size="x-small"></v-icon>
 								</div>
 							</div>
diff --git a/app/src/plugins/tm@dashboard/tasks/tasks.vue b/app/src/plugins/tm@dashboard/tasks/tasks.vue
index 7687d26..60998c5 100644
--- a/app/src/plugins/tm@dashboard/tasks/tasks.vue
+++ b/app/src/plugins/tm@dashboard/tasks/tasks.vue
@@ -94,7 +94,8 @@ export default {
 	},
 
 	unmounted() {
-		this.$events.off('on-user-updated')
+		this.$events.off('on-subtask-edited')
+		this.$events.off('on-subtask-deleted')
 	},
 
 	methods: {
diff --git a/app/src/plugins/tm@profile/profile/my-profile.vue b/app/src/plugins/tm@profile/profile/my-profile.vue
index 03a7fb6..c6384d7 100644
--- a/app/src/plugins/tm@profile/profile/my-profile.vue
+++ b/app/src/plugins/tm@profile/profile/my-profile.vue
@@ -1,8 +1,8 @@
 <template>
 	<div class="border-bottom py-5 px-5">
 		<h1>Všeobecné informácie</h1>
-		<v-text-field class="w-75" variant="solo" label="Meno" :disabled="true" v-model="user.name"></v-text-field>
-		<v-text-field class="w-75" variant="solo" label="Priezvisko" v-model="user.surname" :disabled="true"></v-text-field>
+		<v-text-field class="w-75" variant="solo" label="Meno" :disabled="true" v-model="user.firstname"></v-text-field>
+		<v-text-field class="w-75" variant="solo" label="Priezvisko" v-model="user.lastname" :disabled="true"></v-text-field>
 	</div>
 	<div class="py-5 px-5 border-bottom">
 		<h1>Pracovná doba</h1>
@@ -59,7 +59,6 @@ export default {
 			try {
 				await this.$store.dispatch('auth/updateUserInfo', data)
 				this.$toast.success('Profil bol úspešne zmenený')
-				this.$events.emit('on-user-updated', this.user)
 			} catch (error) {
 				this.$toast.error(error)
 			}