admin back-office environment (skeleton); admin categories

1 files changed, 26 insertions, 0 deletions

diff --git a/public/assets/js/_dependency-control/forms/textarea.js b/public/assets/js/_dependency-control/forms/textarea.js
new file mode 100644
index 0000000..493c78f
--- /dev/null
+++ b/public/assets/js/_dependency-control/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;

+        }

+    });

+});