diff --git a/app/javascript/retrospring/features/moderation/comment/count.ts b/app/javascript/retrospring/features/moderation/comment/count.ts new file mode 100644 index 00000000..197bb8d2 --- /dev/null +++ b/app/javascript/retrospring/features/moderation/comment/count.ts @@ -0,0 +1,19 @@ +export function commentCharacterHandler(event: Event): void { + const input = event.target as HTMLInputElement; + const id = input.dataset.id; + const counter = document.querySelector(`#mod-comment-charcount-${id}`); + const group = document.querySelector(`[name=mod-comment-new-group][data-id="${id}"]`); + + if (group.classList.contains('has-error')) { + group.classList.remove('has-error'); + } + + counter.innerHTML = String(160 - input.value.length); + if (Number(counter.innerHTML) < 0) { + counter.classList.remove('text-muted'); + counter.classList.add('text-danger'); + } else { + counter.classList.remove('text-danger'); + counter.classList.add('text-muted'); + } +} \ No newline at end of file