From 2b6970d33afd75be5bfef951dc3691d492004d43 Mon Sep 17 00:00:00 2001 From: George Halkiadakis Date: Tue, 18 Apr 2023 01:11:37 +0300 Subject: admin back-office environment (skeleton); admin categories --- .../js/_dependency-control/forms/textarea.js | 26 ++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 public/assets/js/_dependency-control/forms/textarea.js (limited to 'public/assets/js/_dependency-control/forms/textarea.js') 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; + } + }); +}); -- cgit v1.2.3