mirrors/retrospring
1
0
Fork 1
mirror of https://github.com/Retrospring/retrospring.git synced 2025-03-31 19:52:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

reset questionbox character counts after successful submit

Browse source
This commit is contained in:
Andreas Nedbal 2022-10-31 21:23:22 +01:00
parent 15d05f1699
commit bef1c23a66
2 changed files with 11 additions and 3 deletions
app/javascript/retrospring/features/questionbox
all.tsuser.ts

4
app/javascript/retrospring/features/questionbox/all.ts
View file

@ -22,6 +22,10 @@ export function questionboxAllHandler(event: Event): void {
if (data.success) { if (data.success) {
document.querySelector<HTMLInputElement>('textarea[name=qb-all-question]').value = ''; document.querySelector<HTMLInputElement>('textarea[name=qb-all-question]').value = '';
window['$']('#modal-ask-followers').modal('hide'); 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); showNotification(data.message, data.success);

10
app/javascript/retrospring/features/questionbox/user.ts
View file

@ -19,7 +19,7 @@ export function questionboxUserHandler(event: Event): void {
body: { body: {
rcpt: document.querySelector<HTMLInputElement>('input[name=qb-to]').value, rcpt: document.querySelector<HTMLInputElement>('input[name=qb-to]').value,
question: document.querySelector<HTMLInputElement>('textarea[name=qb-question]').value, question: document.querySelector<HTMLInputElement>('textarea[name=qb-question]').value,
anonymousQuestion: String(anonymousQuestion) anonymousQuestion: String(anonymousQuestion)
}, },
contentType: 'application/json' contentType: 'application/json'
}) })
@ -29,6 +29,10 @@ export function questionboxUserHandler(event: Event): void {
if (data.success) { if (data.success) {
document.querySelector<HTMLInputElement>('textarea[name=qb-question]').value = ''; 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) { if (promote) {
const questionbox = document.querySelector('#question-box'); const questionbox = document.querySelector('#question-box');
questionbox.classList.toggle('d-none'); questionbox.classList.toggle('d-none');
@ -37,7 +41,7 @@ export function questionboxUserHandler(event: Event): void {
promote.classList.toggle('d-none'); promote.classList.toggle('d-none');
} }
} }
showNotification(data.message, data.success); showNotification(data.message, data.success);
}) })
.catch(err => { .catch(err => {
@ -62,4 +66,4 @@ export function questionboxUserInputHandler(event: KeyboardEvent): void {
if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) { if (event.keyCode == 13 && (event.ctrlKey || event.metaKey)) {
document.querySelector<HTMLButtonElement>(`button[name=qb-ask]`).click(); document.querySelector<HTMLButtonElement>(`button[name=qb-ask]`).click();
} }
} }