diff --git a/files/assets/js/comments_v.js b/files/assets/js/comments_v.js index cac8a3217..0f9cd0379 100644 --- a/files/assets/js/comments_v.js +++ b/files/assets/js/comments_v.js @@ -268,4 +268,28 @@ function markdown(first, second) { } document.getElementById(second).innerHTML = marked(input) +} + +function charLimit(form, text) { + + var input = document.getElementById(form); + + var text = document.getElementById(text); + + var length = input.value.length; + + var maxLength = input.getAttribute("maxlength"); + + if (length >= maxLength) { + text.style.color = "#E53E3E"; + } + else if (length >= maxLength * .72){ + text.style.color = "#FFC107"; + } + else { + text.style.color = "#A0AEC0"; + } + + text.innerText = length + ' / ' + maxLength; + } \ No newline at end of file diff --git a/files/assets/js/submit.js b/files/assets/js/submit.js index 0515f062a..90ad0d4e0 100644 --- a/files/assets/js/submit.js +++ b/files/assets/js/submit.js @@ -74,7 +74,7 @@ function charLimit(form, text) { text.style.color = "#A0AEC0"; } - text.innerText = maxLength - length; + text.innerText = length + ' / ' + maxLength; } diff --git a/files/templates/comment_failed.html b/files/templates/comment_failed.html index 7305fca1a..604f404fd 100644 --- a/files/templates/comment_failed.html +++ b/files/templates/comment_failed.html @@ -26,7 +26,7 @@ {% if parent_fullname %}{% endif %} {% if parent_submission %}{% endif %} - +