summaryrefslogtreecommitdiff
path: root/html/content/js/Plugins/fileinput.js
blob: 10ba8910c2c4458d7a81546df5e44541173cb8ce (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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 = "";
	});

});