From 2b6970d33afd75be5bfef951dc3691d492004d43 Mon Sep 17 00:00:00 2001
From: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>
Date: Tue, 18 Apr 2023 01:11:37 +0300
Subject: admin back-office environment (skeleton); admin categories

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

(limited to 'public/assets/js/_dependency-control/plugins/fileinput.js')

diff --git a/public/assets/js/_dependency-control/plugins/fileinput.js b/public/assets/js/_dependency-control/plugins/fileinput.js
new file mode 100644
index 0000000..10ba891
--- /dev/null
+++ b/public/assets/js/_dependency-control/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