[Modals] Refactoring

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
 	},
 

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)
 		},
 	},
 }