From 7aa203150fc1a2ec79c681c13f0d486d531746eb Mon Sep 17 00:00:00 2001
From: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>
Date: Sun, 12 Mar 2023 23:57:48 +0200
Subject: error pages; js system to support back/front-end

---
 html/assets/js/plugins/fileinput.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 html/assets/js/plugins/fileinput.js

(limited to 'html/assets/js/plugins/fileinput.js')

diff --git a/html/assets/js/plugins/fileinput.js b/html/assets/js/plugins/fileinput.js
new file mode 100644
index 0000000..10ba891
--- /dev/null
+++ b/html/assets/js/plugins/fileinput.js
@@ -0,0 +1,20 @@
+$$plugins.define('fileinput', function (element, options) {
+	const inputfile = element.querySelector('.file-upload__input');
+	const filedelete = element.querySelector('.file-upload__delete');
+
+	inputfile.addEventListener('change', (event) => {
+		const inputname = element.querySelector('.file-upload__name');
+		const filename = inputfile.files[0].name;
+		inputname.innerText = filename;		
+		element.classList.add('file-upload__filled');
+	});
+
+	filedelete.addEventListener('click', (event) => {
+		const inputname = element.querySelector('.file-upload__name');
+
+		inputname.innerText = "";
+		element.classList.remove('file-upload__filled');
+		inputfile.value = "";
+	});
+
+});
-- 
cgit v1.2.3