From 7aa203150fc1a2ec79c681c13f0d486d531746eb Mon Sep 17 00:00:00 2001
From: George Halkiadakis <gchalkiadakis@sklavenitis.co.gr>
Date: Sun, 12 Mar 2023 23:57:48 +0200
Subject: error pages; js system to support back/front-end

---
 html/assets/js/forms/textarea.js | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 html/assets/js/forms/textarea.js

(limited to 'html/assets/js/forms/textarea.js')

diff --git a/html/assets/js/forms/textarea.js b/html/assets/js/forms/textarea.js
new file mode 100644
index 0000000..493c78f
--- /dev/null
+++ b/html/assets/js/forms/textarea.js
@@ -0,0 +1,26 @@
+$$plugins.define('textarea', function (element, options) {
+	const textarea = element.querySelector('textarea');
+
+    //style focus
+    textarea.addEventListener('focus', (event) => {
+        textarea.closest(".textarea").classList.add("focus");
+    });
+
+    textarea.addEventListener('blur', (event) => {
+        textarea.closest(".textarea").classList.remove("focus");
+    });
+
+    //characters count
+    textarea.addEventListener("input", event => {
+        const target = event.currentTarget;
+        const maxLength = target.getAttribute("maxlength");
+        const currentLength = target.value.length;
+        const currentLengthText = document.getElementsByClassName("textarea__remaining")[0];
+
+        currentLengthText.innerHTML = currentLength;
+
+        if (currentLength >= maxLength) {
+            return;
+        }
+    });
+});
-- 
cgit v1.2.3