From 726a9b0f43dbd380df9b0a489764b40f849c6167 Mon Sep 17 00:00:00 2001
From: igor <mino@tpsoft.org>
Date: Tue, 6 May 2025 08:56:07 +0200
Subject: [PATCH] pridana komponenta pre FullScreenLoader, pozity
 FullScreenLoader po pridani BugAdd a pri nacitani Dashboard

---
 webapp/src/components/FullScreenLoader.vue | 35 ++++++++++++++++++++++
 webapp/src/views/BugAdd.vue                | 14 +++++++--
 webapp/src/views/Dashboard.vue             |  9 +++++-
 3 files changed, 54 insertions(+), 4 deletions(-)
 create mode 100644 webapp/src/components/FullScreenLoader.vue

diff --git a/webapp/src/components/FullScreenLoader.vue b/webapp/src/components/FullScreenLoader.vue
new file mode 100644
index 0000000..42eff65
--- /dev/null
+++ b/webapp/src/components/FullScreenLoader.vue
@@ -0,0 +1,35 @@
+<template>
+	<div class="fullscreen-loader">
+		<div class="spinner"></div>
+	</div>
+</template>
+
+<style scoped>
+.fullscreen-loader {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100vw;
+	height: 100vh;
+	background-color: rgba(0, 0, 0, 0.8);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	z-index: 9999;
+}
+
+.spinner {
+	width: 60px;
+	height: 60px;
+	border: 6px solid #fff;
+	border-top: 6px solid #3498db;
+	border-radius: 50%;
+	animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+	to {
+		transform: rotate(360deg);
+	}
+}
+</style>
diff --git a/webapp/src/views/BugAdd.vue b/webapp/src/views/BugAdd.vue
index 6941e06..821d131 100644
--- a/webapp/src/views/BugAdd.vue
+++ b/webapp/src/views/BugAdd.vue
@@ -1,4 +1,6 @@
 <template>
+	<FullScreenLoader v-if="loading" />
+
 	<div id="bug-add">
 		<h1>Pridať nový bug</h1>
 
@@ -103,9 +105,11 @@
 
 <script>
 import { backend } from "../backend";
+import FullScreenLoader from "../components/FullScreenLoader.vue";
 
 export default {
 	name: "BugAdd",
+	components: { FullScreenLoader },
 	data() {
 		return {
 			bugReport: {
@@ -116,6 +120,7 @@ export default {
 				files: [],
 			},
 			selectedFiles: [],
+			loading: false,
 		};
 	},
 	methods: {
@@ -140,6 +145,7 @@ export default {
 			}
 		},
 		submitForm() {
+			this.loading = true;
 			// Vytvorenie FormData objektu pre odoslanie súborov
 			const formData = new FormData();
 			formData.append("title", this.bugReport.title);
@@ -168,13 +174,15 @@ export default {
 				)
 				.then((result) => {
 					console.log(result);
+					this.resetForm();
+					this.$router.push("/");
 				})
 				.catch((error) => {
 					console.log(error);
+				})
+				.finally(() => {
+					this.loading = false;
 				});
-
-			// this.resetForm();
-			// this.$router.push("/");
 		},
 		resetForm() {
 			this.bugReport = {
diff --git a/webapp/src/views/Dashboard.vue b/webapp/src/views/Dashboard.vue
index f7138db..b88579f 100644
--- a/webapp/src/views/Dashboard.vue
+++ b/webapp/src/views/Dashboard.vue
@@ -1,4 +1,6 @@
 <template>
+	<FullScreenLoader v-if="loading" />
+
 	<div id="dashboard">
 		<div id="inbox">
 			<h2>Nezaradené</h2>
@@ -138,14 +140,17 @@ function isDragable(element) {
 import ReportBox from "../components/ReportBox.vue";
 import draggable from "vuedraggable";
 import { backend } from "../backend";
+import FullScreenLoader from "../components/FullScreenLoader.vue";
 
 export default {
 	components: {
 		ReportBox,
 		draggable,
+		FullScreenLoader,
 	},
 	data() {
 		return {
+			loading: false,
 			itemsUncategorized: [],
 			itemsWaiting: [],
 			itemsInProgress: [],
@@ -153,12 +158,14 @@ export default {
 		};
 	},
 	methods: {
-		loadData() {
+		loadData(use_loader = true) {
+			if (use_loader) this.loading = true;
 			backend.getAllGrouped(Array(0, 1, 2, 3)).then((all_grouped) => {
 				this.itemsUncategorized = all_grouped[0];
 				this.itemsWaiting = all_grouped[1];
 				this.itemsInProgress = all_grouped[2];
 				this.itemsBlocked = all_grouped[3];
+				if (use_loader) this.loading = false;
 			});
 		},
 		getDataByStatus(report_status) {