diff --git a/app/javascript/retrospring/features/questionbox/all.ts b/app/javascript/retrospring/features/questionbox/all.ts index 1e01aa81..96cbc9e2 100644 --- a/app/javascript/retrospring/features/questionbox/all.ts +++ b/app/javascript/retrospring/features/questionbox/all.ts @@ -22,6 +22,10 @@ export function questionboxAllHandler(event: Event): void { if (data.success) { document.querySelector<HTMLInputElement>('textarea[name=qb-all-question]').value = ''; window['$']('#modal-ask-followers').modal('hide'); + + // FIXME: also solve this using a Stimulus controller + const characterCount = document.querySelector<HTMLElement>('#modal-ask-followers [data-character-count-max-value]').dataset.characterCountMaxValue; + document.querySelector<HTMLElement>('#modal-ask-followers [data-character-count-target="counter"]').innerHTML = characterCount; } showNotification(data.message, data.success); diff --git a/app/javascript/retrospring/features/questionbox/user.ts b/app/javascript/retrospring/features/questionbox/user.ts index 127f0295..d398c70f 100644 --- a/app/javascript/retrospring/features/questionbox/user.ts +++ b/app/javascript/retrospring/features/questionbox/user.ts @@ -19,7 +19,7 @@ export function questionboxUserHandler(event: Event): void { body: { rcpt: document.querySelector<HTMLInputElement>('input[name=qb-to]').value, question: document.querySelector<HTMLInputElement>('textarea[name=qb-question]').value, - anonymousQuestion: String(anonymousQuestion) + anonymousQuestion: String(anonymousQuestion) }, contentType: 'application/json' }) @@ -29,6 +29,10 @@ export function questionboxUserHandler(event: Event): void { if (data.success) { document.querySelector<HTMLInputElement>('textarea[name=qb-question]').value = ''; + // FIXME: also solve this using a Stimulus controller + const characterCount = document.querySelector<HTMLElement>('#question-box[data-character-count-max-value]').dataset.characterCountMaxValue; + document.querySelector<HTMLElement>('#question-box [data-character-count-target="counter"]').innerHTML = characterCount; + if (promote) { const questionbox = document.querySelector('#question-box'); questionbox.classList.toggle('d-none'); @@ -37,7 +41,7 @@ export function questionboxUserHandler(event: Event): void { promote.classList.toggle('d-none'); } } - + showNotification(data.message, data.success); }) .catch(err => { @@ -62,4 +66,4 @@ export function questionboxUserInputHandler(event: KeyboardEvent): void { if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) { document.querySelector<HTMLButtonElement>(`button[name=qb-ask]`).click(); } -} \ No newline at end of file +}