From dd05c715b51c72f58945e93cfd334e3548a6e58c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <glasnak@wezeo.com>
Date: Tue, 6 Dec 2022 19:50:26 +0100
Subject: [PATCH] [Master Task Modal] refactor

---
 app/dist/mock/v1/master-tasks.POST.json       |  4 +-
 .../tm@modal/blocker/z-blocker-modal.vue      |  4 +-
 .../master-task/z-master-task-modal.vue       | 54 ++++++++++++++++---
 .../plugins/tm@modal/team/z-team-modal.vue    |  4 +-
 4 files changed, 54 insertions(+), 12 deletions(-)

diff --git a/app/dist/mock/v1/master-tasks.POST.json b/app/dist/mock/v1/master-tasks.POST.json
index fa32a27..951f5d5 100644
--- a/app/dist/mock/v1/master-tasks.POST.json
+++ b/app/dist/mock/v1/master-tasks.POST.json
@@ -9,7 +9,9 @@
 		"starts_at": "2022-05-10T00:00:00+00:00",
 		"deadilne": "2022-11-10T00:00:00+00:00",
 		"project_code": "CO-2201",
-		"team_id": 1,
+		"team": {
+			"id": 1
+		},
 		"employees": [
 			{
 				"id": 1,
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 ceb842f..a490a4b 100644
--- a/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
+++ b/app/src/plugins/tm@modal/blocker/z-blocker-modal.vue
@@ -3,7 +3,7 @@
 		<W-loadable :content="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>Vytvoriť blocker</h1>
+					<h1>{{ blocker.id ? 'Upraviť' : 'Vytvoriť'}} blocker</h1>
 					<v-icon
 						@click.stop="show = false"
 						icon="mdi-close"
@@ -57,7 +57,7 @@
 					/>
 				</v-card-actions>
 
-				<v-btn class="z-btn" @click="save()">VYTVORIŤ</v-btn>
+				<v-btn class="z-btn" @click="save()">{{ blocker.id ? 'UPRAVIŤ' : 'VYTVORIŤ'}}</v-btn>
 			</v-card>
 		</W-loadable>
 	</v-dialog>
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 7f2ac8b..d02033f 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
@@ -12,6 +12,7 @@
 
 			<v-card-actions class="d-flex flex-column modal-content">
 				<v-text-field
+					v-model="masterTask.project_code"
 					@focus="onInputFocus"
 					class="modal-input"
 					label="Kód projektu"
@@ -19,6 +20,7 @@
 				></v-text-field>
 
 				<v-text-field
+					v-model="masterTask.name"
 					@focus="onInputFocus"
 					class="modal-input"
 					label="Názov mastertasku"
@@ -26,9 +28,9 @@
 				></v-text-field>
 
 				<Datepicker
+					v-model="masterTask.deadline"
 					@focus="onDateFocus"
 					class="modal-input"
-					v-model="date"
 					format="dd.MM.yyyy, HH:mm"
 					locale="sk"
 					select-text="Vybrať"
@@ -37,12 +39,14 @@
 				/>
 
 				<v-text-field
+					v-model="masterTask.duration"
 					@focus="onInputFocus"
 					class="modal-input mt-5"
 					label="Celkový odhad"
 					variant="solo"
 					type="number"
 					placeholder="h"
+					disabled
 				></v-text-field>
 
 				<v-select
@@ -56,11 +60,13 @@
 					label="Popis"
 					class="modal-input"
 					variant="solo"
+					v-model="masterTask.description"
 				></v-textarea>
+
 				<Z-files-upload @files-uploaded="filesUploaded"/>
 			</v-card-actions>
 
-			<v-btn class="z-btn" @click="createMasterTask()">VYTVORIŤ</v-btn>
+			<v-btn class="z-btn" @click="save()">VYTVORIŤ</v-btn>
 		</v-card>
 	</v-dialog>
 </template>
@@ -79,24 +85,58 @@ export default {
 		visible: {
 			type: Boolean,
 			required: true
+		},
+
+		masterTaskId: {
+			type: Number || null,
+			required: false,
+			default: null
 		}
 	},
 
 	data() {
 		return {
-			date: '',
+			masterTask: {
+				project_code: null,
+				name: null,
+				deadilne: null,
+				duration: null,
+				team: {},
+				description: null,
+				files: []
+			},
 			preventInputFocus: false
 		}
 	},
 
 	methods: {
-		async createMasterTask() {
+		async save() {
 			try {
-				await this.$axios.post_auth('v1/master-tasks')
+				if (this.masterTask.id)
+					await this._update()
+				else
+					await this._create()
+
 				this.$router.push({ name: 'Dashboard - Tasks' })
 				this.show = false
 			} catch (error) {
-				this.$toast.error(error.response.data.error)
+				console.log(error)
+			}
+		},
+
+		async _create() {
+			try {
+				await this.$axios.post_auth('v1/master-tasks')
+			} 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)
 			}
 		},
 
@@ -115,7 +155,7 @@ export default {
 		},
 
 		filesUploaded(files) {
-			console.log(files.length)
+			this.masterTask.files = files
 		}
 	},
 
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 0cdd7aa..a32d14f 100644
--- a/app/src/plugins/tm@modal/team/z-team-modal.vue
+++ b/app/src/plugins/tm@modal/team/z-team-modal.vue
@@ -3,7 +3,7 @@
 		<W-loadable :content="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>Vytvoriť tím</h1>
+					<h1>{{ team.id ? 'Upraviť tím' : 'Vytvoriť tím' }}</h1>
 					<v-icon
 						@click.stop="show = false"
 						icon="mdi-close"
@@ -54,7 +54,7 @@
 					/>
 				</v-card-actions>
 
-				<v-btn class="z-btn" @click="save()">VYTVORIŤ</v-btn>
+				<v-btn class="z-btn" @click="save()">{{ team.id ? 'UPRAVIŤ' : 'VYTVORIŤ' }}</v-btn>
 			</v-card>
 		</W-loadable>
 	</v-dialog>