From 2b4adc817124651e37bae90635c5f970b4651122 Mon Sep 17 00:00:00 2001
From: Cedric Willekens <c.s.willekens@student.tudelft.nl>
Date: Tue, 22 Mar 2022 13:44:28 +0100
Subject: [PATCH] Add counter and max char number to question text area's
Signed-off-by: Cedric Willekens <c.s.willekens@student.tudelft.nl>
---
src/main/resources/static/js/global.js | 9 +++++++++
src/main/resources/templates/lab/enqueue/lab.html | 5 ++++-
src/main/resources/templates/lab/enqueue/question.html | 7 +++++--
src/main/resources/templates/lab/question.html | 3 ++-
4 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/src/main/resources/static/js/global.js b/src/main/resources/static/js/global.js
index e7b4a452b..21e7e29e6 100644
--- a/src/main/resources/static/js/global.js
+++ b/src/main/resources/static/js/global.js
@@ -146,3 +146,12 @@ let _0x2def2b = 0x0;document['addEventListener'](_0x2de6('0x8','kpkA'),function(
const _0x487bac = _0x465af3[_0x50648f[_0x2de6('0x9', 'HLP1')]];
const _0x20d25d = _0x34bd59[_0x2def2b];if(_0x487bac==_0x20d25d){if(_0x2de6('0xa','U215')!==_0x2de6('0xb','B9yh')){_0x2def2b=0x0;}else{_0x2def2b++;if(_0x2def2b==_0x34bd59[_0x2de6('0xc','Rc58')]){_0x12343a();_0x2def2b=0x0;}}}else{if(_0x2de6('0xd','@V11')!==_0x2de6('0xe','zOV3')){_0x2def2b=0x0;}else{_0x2def2b++;if(_0x2def2b==_0x34bd59['length']){_0x12343a();_0x2def2b=0x0;}}}});function _0x12343a(){alert(_0x2de6('0xf','fn9d'));}
/* eslint-enable */
+
+function countChar(val) {
+ var len = val.value.length
+ if (len > 500) {
+ val.value = val.value.substring(0, 500)
+ } else {
+ $('#charCount').text(len + "/500")
+ }
+}
diff --git a/src/main/resources/templates/lab/enqueue/lab.html b/src/main/resources/templates/lab/enqueue/lab.html
index bdfabcc14..f0dbf865f 100644
--- a/src/main/resources/templates/lab/enqueue/lab.html
+++ b/src/main/resources/templates/lab/enqueue/lab.html
@@ -121,8 +121,11 @@
<div class="form-group" id="question-div" th:classappend="${qSession.enableExperimental ? 'd-none' : ''}">
<label for="input-question" class="col-sm-2 control-label">Question</label>
<div class="col-sm-8">
- <textarea minlength="15" class="form-control" id="input-question" th:field="*{question}"
+ <textarea minlength="15" maxlength="500" class="form-control"
+ onkeyup="countChar(this)"
+ id="input-question" th:field="*{question}"
placeholder="Write your question here" required disabled></textarea>
+ <div id="charCount">0/500</div>
</div>
</div>
diff --git a/src/main/resources/templates/lab/enqueue/question.html b/src/main/resources/templates/lab/enqueue/question.html
index 4b1129084..a857965d1 100644
--- a/src/main/resources/templates/lab/enqueue/question.html
+++ b/src/main/resources/templates/lab/enqueue/question.html
@@ -89,8 +89,11 @@
<div class="form-group" id="question-div">
<label for="input-question" class="col-sm-2 control-label">Question</label>
<div class="col-sm-8">
- <textarea minlength="15" class="form-control" id="input-question" name="question"
- placeholder="Write your question here" required th:text="${question}"></textarea>
+ <textarea minlength="15" maxlength="500" class="form-control" id="input-question"
+ name="question" placeholder="Write your question here" required
+ th:text="${question}" onkeyup="countChar(this)"></textarea>
+ <div id="charCount">0/500</div>
+
</div>
</div>
diff --git a/src/main/resources/templates/lab/question.html b/src/main/resources/templates/lab/question.html
index 7538e5879..60c915891 100644
--- a/src/main/resources/templates/lab/question.html
+++ b/src/main/resources/templates/lab/question.html
@@ -39,7 +39,8 @@
<div class="form-group">
<label for="input-question" class="col-sm-3 control-label">Hi! What's your question?</label>
<div class="col-sm-8">
- <textarea minlength="15" class="form-control" id="input-question" name="question"
+ <textarea minlength="15" class="form-control"
+ id="input-question" name="question"
placeholder="Write your question here" required></textarea>
</div>
</div>
--
GitLab