From 68fc9e55e538e03f94509731ab41a0c8cf96710f Mon Sep 17 00:00:00 2001 From: George Halkiadakis Date: Mon, 17 Apr 2023 12:12:22 +0300 Subject: setup a real server environment (apache DocumentRoot=/var/www/public) --- public/assets/js/plugins/fileinput.js | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 public/assets/js/plugins/fileinput.js (limited to 'public/assets/js/plugins/fileinput.js') diff --git a/public/assets/js/plugins/fileinput.js b/public/assets/js/plugins/fileinput.js new file mode 100644 index 0000000..10ba891 --- /dev/null +++ b/public/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