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/Forms/select.js | 52 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 html/content/js/Forms/select.js

(limited to 'html/content/js/Forms/select.js')

diff --git a/html/content/js/Forms/select.js b/html/content/js/Forms/select.js
new file mode 100644
index 0000000..3ea5435
--- /dev/null
+++ b/html/content/js/Forms/select.js
@@ -0,0 +1,52 @@
+$$plugins.define('select', ['domHelper'], function (element, options, $) {
+	var list = element.querySelector('.select__listWrap'),
+		selected = $('.select__button'),
+		selectedMob = element.querySelector('.select__button--mobile'),
+		input = element.querySelector('.select__input'),
+		options = $('.select__option');
+
+	function open() {
+		element.classList.add('select--open');
+		$(list).slideDown(250);
+	}
+
+	function close() {
+		$(list).slideUp(250, function () {
+			element.classList.remove('select--open');
+		});
+	}
+
+	document.addEventListener('click', function (event) {
+		if (!isOpen() || element == event.target || $(event.target).parents().contains(element)) {
+			return;
+		}
+		close();
+	});
+
+	selected.on("click", function (e) {
+		e.preventDefault();
+		if (element.classList.contains('select--open')) {
+			close();
+		} else {
+			open();
+		}
+	});
+
+	function isOpen() {
+		return element.classList.contains('select--open');
+	}
+
+	options.on('click', function (e) {
+		e.target.classList.add('selected');
+		prevActiveOption = Object.values(element.querySelectorAll('.selected')).filter(prevActive => prevActive !== e.target);
+		if (prevActiveOption.length != 0) {
+			prevActiveOption[0].classList.remove('selected');
+		}
+		selected.text(e.target.innerHTML);
+		if (selectedMob) {
+			selectedMob.innerHTML = e.target.innerHTML;
+		}
+		$(input).val(e.target.dataset.value).trigger('change');
+		close();
+	});
+});
-- 
cgit v1.2.3