Serraniel/AniwatchPlus
Serraniel/AniwatchPlus
1
0
Fork 0
Code Issues 9 Pull requests 8 Packages Projects Releases 10 Wiki Activity

#91 Optimized the JS code

Browse source
This commit is contained in:
Serraniel 2020-10-28 22:35:09 +01:00
parent 05d66bb108
commit b256fa8e5e
Signed by: Serraniel
GPG key ID: 3690B4E7364525D3
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/javascript/enhancements/watch2getherChat.js
View file

@ -45,9 +45,6 @@ function addCharCounter(textarea) {
function updateCharCounter(textarea, charCounterSpan) { function updateCharCounter(textarea, charCounterSpan) {
const SHAKE_CLASS = 'awp-w2g-chatCounter-max'; const SHAKE_CLASS = 'awp-w2g-chatCounter-max';
// reset class
charCounterSpan.classList.remove(SHAKE_CLASS);
let current = textarea.value.length; let current = textarea.value.length;
let max = textarea.maxLength; let max = textarea.maxLength;
@ -55,9 +52,11 @@ function updateCharCounter(textarea, charCounterSpan) {
// animation if at max // animation if at max
// this need to be delayed because removing and adding it too fast again will prevent the browsers to replay the animation // this need to be delayed because removing and adding it too fast again will prevent the browsers to replay the animation
if (current >= max) { if (current >= max && !charCounterSpan.classList.contains(SHAKE_CLASS)) {
setTimeout(() => {
charCounterSpan.classList.add(SHAKE_CLASS); charCounterSpan.classList.add(SHAKE_CLASS);
}, 100);
setTimeout(() => {
charCounterSpan.classList.remove(SHAKE_CLASS);
}, 200);
} }
} }