From 7076343338ae3439f3c86f01144818abe8c31978 Mon Sep 17 00:00:00 2001
From: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>
Date: Sun, 12 Mar 2023 07:16:23 +0200
Subject: add container helpers; constuct public directory-tree

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

(limited to 'html/content/js/Plugins/fileinput.js')

diff --git a/html/content/js/Plugins/fileinput.js b/html/content/js/Plugins/fileinput.js
new file mode 100644
index 0000000..10ba891
--- /dev/null
+++ b/html/content/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