1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-07-19 13:19:39 +02:00

Temp fix for Stimulus charts

This commit is contained in:
Zach Gollwitzer 2024-10-11 14:40:13 -04:00
parent d9f11e002a
commit e357c0485f
2 changed files with 195 additions and 195 deletions

View file

@ -19,19 +19,19 @@ export default class extends Controller {
}
bulkEditDrawerTitleTargetConnected(element) {
element.innerText = `Edit ${this.selectedIdsValue.length} ${this.#pluralizedResourceName()}`
element.innerText = `Edit ${this.selectedIdsValue.length} ${this._pluralizedResourceName()}`
}
submitBulkRequest(e) {
const form = e.target.closest("form");
const scope = e.params.scope
this.#addHiddenFormInputsForSelectedIds(form, `${scope}[entry_ids][]`, this.selectedIdsValue)
this._addHiddenFormInputsForSelectedIds(form, `${scope}[entry_ids][]`, this.selectedIdsValue)
form.requestSubmit()
}
togglePageSelection(e) {
if (e.target.checked) {
this.#selectAll()
this._selectAll()
} else {
this.deselectAll()
}
@ -40,20 +40,20 @@ export default class extends Controller {
toggleGroupSelection(e) {
const group = this.groupTargets.find(group => group.contains(e.target))
this.#rowsForGroup(group).forEach(row => {
this._rowsForGroup(group).forEach(row => {
if (e.target.checked) {
this.#addToSelection(row.dataset.id)
this._addToSelection(row.dataset.id)
} else {
this.#removeFromSelection(row.dataset.id)
this._removeFromSelection(row.dataset.id)
}
})
}
toggleRowSelection(e) {
if (e.target.checked) {
this.#addToSelection(e.target.dataset.id)
this._addToSelection(e.target.dataset.id)
} else {
this.#removeFromSelection(e.target.dataset.id)
this._removeFromSelection(e.target.dataset.id)
}
}
@ -66,8 +66,8 @@ export default class extends Controller {
this._updateView()
}
#addHiddenFormInputsForSelectedIds(form, paramName, transactionIds) {
this.#resetFormInputs(form, paramName);
_addHiddenFormInputsForSelectedIds(form, paramName, transactionIds) {
this._resetFormInputs(form, paramName);
transactionIds.forEach(id => {
const input = document.createElement("input");
@ -78,47 +78,47 @@ export default class extends Controller {
})
}
#resetFormInputs(form, paramName) {
_resetFormInputs(form, paramName) {
const existingInputs = form.querySelectorAll(`input[name='${paramName}']`);
existingInputs.forEach((input) => input.remove());
}
#rowsForGroup(group) {
_rowsForGroup(group) {
return this.rowTargets.filter(row => group.contains(row))
}
#addToSelection(idToAdd) {
_addToSelection(idToAdd) {
this.selectedIdsValue = Array.from(
new Set([...this.selectedIdsValue, idToAdd])
)
}
#removeFromSelection(idToRemove) {
_removeFromSelection(idToRemove) {
this.selectedIdsValue = this.selectedIdsValue.filter(id => id !== idToRemove)
}
#selectAll() {
_selectAll() {
this.selectedIdsValue = this.rowTargets.map(t => t.dataset.id)
}
_updateView = () => {
this.#updateSelectionBar()
this.#updateGroups()
this.#updateRows()
this._updateSelectionBar()
this._updateGroups()
this._updateRows()
}
#updateSelectionBar() {
_updateSelectionBar() {
const count = this.selectedIdsValue.length
this.selectionBarTextTarget.innerText = `${count} ${this.#pluralizedResourceName()} selected`
this.selectionBarTextTarget.innerText = `${count} ${this._pluralizedResourceName()} selected`
this.selectionBarTarget.hidden = count === 0
this.selectionBarTarget.querySelector("input[type='checkbox']").checked = count > 0
}
#pluralizedResourceName() {
_pluralizedResourceName() {
return `${this.resourceValue}${this.selectedIdsValue.length === 1 ? "" : "s"}`
}
#updateGroups() {
_updateGroups() {
this.groupTargets.forEach(group => {
const rows = this.rowTargets.filter(row => group.contains(row))
const groupSelected = rows.length > 0 && rows.every(row => this.selectedIdsValue.includes(row.dataset.id))
@ -126,7 +126,7 @@ export default class extends Controller {
})
}
#updateRows() {
_updateRows() {
this.rowTargets.forEach(row => {
row.checked = this.selectedIdsValue.includes(row.dataset.id)
})