[subtask, mastertask] dowmload files gif loader fix

app/src/plugins/tm@modal/_components/read-only/z-files.vue

@@ -4,12 +4,14 @@
 		<W-loadable :content="files" emptyMessage="Žiadne prílohy neboli nahraté">
 			<div v-for="(file, index) in files" :key="file.id" class="d-flex align-center flex-wrap" :class="[index === 0 ? 'ml-0' : 'ml-2']">
 				<v-chip class="mt-2">
-					<p @click="handleDownload(index)" class="cursor-pointer">
+					<p @click="handleDownload(index)" class="cursor-pointer">{{ file.name }}</p>
-						{{ file.name }}
-					</p>
 					<v-icon class="mx-1" icon="mdi-paperclip"></v-icon>
+					<p>{{ (file.file_size / (1024 * 1024)).toFixed(2) }} MB</p>
 				</v-chip>
-				<img v-if="showDownload" class="gif-loader" :src="require('@/plugins/app/_img/spinner.gif')" alt="Loading...">
+				<div v-if="showDownload" class="d-flex align-center">
+					<img class="gif-loader" :src="require('@/plugins/app/_img/spinner.gif')" alt="Loading...">
+					<p class="ml-2">Súbor sa sťahuje, počkajte prosím</p>
+				</div>
 			</div>
 		</W-loadable>
 	</div>
@@ -34,15 +36,8 @@ export default {
 		}
     },
 
-	data() {
-		return {
-			// downloadingIndex: null
-		}
-	},
-
 	methods: {
 		handleDownload(index) {
-			// this.downloadingIndex = index
 			this.downloadFile(index)
 		}
 	}

app/src/plugins/tm@modal/master-task/_components/a-mastertask-description.vue

@@ -51,14 +51,20 @@ export default {
 
 	methods: {
 		async downloadFile(id) {
-			this.showDownload = true
+			this.showDownload = true // Show loader
-			try {
+
-				const file = await this.$axios.get_auth_data(`v1/mastertasks/${this.mastertask.id}`, { responseType: "arraybuffer" })
+			const file = this.mastertask.files[id]
-				FileSaver.saveAs(file.files[id].path, file.files[id].name)
+
-			} catch (error) {
+			// Iterate over each file in the task
-				this.$toast.error(error)
+			const fileName = file.name
-			}
+
-			this.showDownload = false
+			fetch(file.path)
+				.then(response => response.blob())
+				.then(blob => {
+					FileSaver.saveAs(blob, fileName)
+					this.showDownload = false
+				})
+				.catch(error => this.$toast.error(error))
 		},
 	}
 }

app/src/plugins/tm@modal/task/_components/_components/a-task-spent-time.vue

@@ -54,6 +54,7 @@ import moment from 'moment'
 import errorUtils 	from '@/plugins/lib@auth/_utils/error.utils'
 import useVuelidate from '@vuelidate/core'
 import { required, numeric, minValue } 	from '@vuelidate/validators'
+import tmUtils 		from '@/plugins/tm@_utils/tm.utils'
 
 export default {
 	props: {
@@ -101,12 +102,15 @@ export default {
 				time: typeof this.form.hours == 'string' ? parseFloat(this.form.hours) : this.form.hours
 			})
 
+			if(subtask.deadline) subtask.deadline = tmUtils.formatDateTimeForBackend(subtask.deadline)
+
 			this._update(subtask)
 		},
 
 		async deleteTimesheet({ id }) {
 			const subtask = JSON.parse(JSON.stringify(this.subtask))
 			subtask.timesheets = subtask.timesheets.filter(timesheet => timesheet.id != id)
+			if(subtask.deadline) subtask.deadline = tmUtils.formatDateTimeForBackend(subtask.deadline)
 
 			this._update(subtask)
 		},

app/src/plugins/tm@modal/task/_components/z-task-readonly-info.vue

@@ -56,15 +56,19 @@ export default {
 
     methods: {
         async downloadFile(id) {
-            this.showDownload = true
+            this.showDownload = true // Show loader
-			try {
+
-				const file = await this.$axios.get_auth_data(`v1/subtasks/${this.subtask.id}`, { responseType: "arraybuffer" })
+			// Iterate over each file in the task
-                console.log(file)
+            const file = this.subtask.files[id]
-				FileSaver.saveAs(file.files[id].path, file.files[id].name)
+            const fileName = file.name
-			} catch (error) {
+
-				this.$toast.error(error)
+            fetch(file.path)
-			}
+                .then(response => response.blob())
-            this.showDownload = false
+                .then(blob => {
+                    FileSaver.saveAs(blob, fileName)
+                    this.showDownload = false
+                })
+                .catch(error => this.$toast.error(error))
 		},
     }
 }