From ef3ee76fa1274e0c513d424fc27680daafa3299f Mon Sep 17 00:00:00 2001
From: cgfhtw <christopher.gerbrich@technikum-wien.at>
Date: Tue, 30 Jan 2024 11:39:17 +0100
Subject: [PATCH] Form Validation

---
 public/js/components/Form/Validation.js | 40 +++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 public/js/components/Form/Validation.js

diff --git a/public/js/components/Form/Validation.js b/public/js/components/Form/Validation.js
new file mode 100644
index 000000000..9c8b72271
--- /dev/null
+++ b/public/js/components/Form/Validation.js
@@ -0,0 +1,40 @@
+export default {
+	inject: [
+		'$registerToForm'
+	],
+	data() {
+		return {
+			feedback: {
+				success: [],
+				danger: []
+			}
+		};
+	},
+	methods: {
+		clearValidation() {
+			this.feedback = {
+				success: [],
+				danger: []
+			};
+		},
+		setFeedback(valid, feedback) {
+			if (!feedback)
+				feedback = [];
+			if (!Array.isArray(feedback))
+				feedback = [feedback];
+			this.feedback[valid ? 'success' : 'danger'] = feedback;
+		}
+	},
+	mounted() {
+		if (this.$registerToForm)
+			this.$registerToForm(this);
+	},
+	template: `
+	<template v-for="(arr, key) in feedback" :key="key">
+		<div v-for="msg in arr" :key="msg" class="alert alert-dismissible fade show" :class="'alert-' + key" role="alert">
+			{{msg}}
+			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+		</div>
+	</template>
+	`
+};
\ No newline at end of file