Sha256: 8acb829aaefbc4f4ab2e818e2f27da616d354b54aa0c0e451bf08e9fe8a70777
Contents?: true
Size: 1.92 KB
Versions: 8
Compression:
Stored size: 1.92 KB
Contents
import { Controller } from '@hotwired/stimulus'
export default class extends Controller {
static targets = ['panel']
checkbox = {}
get actionLinks() {
return document.querySelectorAll(
'a[data-actions-picker-target="resourceAction"]',
)
}
get currentIds() {
try {
return JSON.parse(this.stateHolderElement.dataset.selectedResources)
} catch (error) {
return []
}
}
set currentIds(value) {
this.stateHolderElement.dataset.selectedResources = JSON.stringify(value)
if (this.actionLinks.length > 0) {
if (value.length > 0) {
this.enableResourceActions()
} else {
this.disableResourceActions()
}
}
}
connect() {
this.resourceName = this.element.dataset.resourceName
this.resourceId = this.element.dataset.resourceId
this.stateHolderElement = document.querySelector(
`[data-selected-resources-name="${this.resourceName}"]`,
)
}
addToSelected() {
const ids = this.currentIds
ids.push(this.resourceId)
this.currentIds = ids
}
removeFromSelected() {
this.currentIds = this.currentIds.filter(
(item) => item.toString() !== this.resourceId,
)
}
toggle(event) {
this.checkbox = event.target
if (this.checkbox.checked) {
this.addToSelected()
} else {
this.removeFromSelected()
}
}
enableResourceActions() {
this.actionLinks.forEach((link) => {
link.classList.add(link.dataset.enabledClasses)
link.classList.remove(link.dataset.disabledClasses)
link.setAttribute('data-href', link.getAttribute('href'))
link.dataset.disabled = false
})
}
disableResourceActions() {
this.actionLinks.forEach((link) => {
link.classList.remove(link.dataset.enabledClasses)
link.classList.add(link.dataset.disabledClasses)
link.setAttribute('href', link.getAttribute('data-href'))
link.dataset.disabled = true
})
}
}
Version data entries
8 entries across 8 versions & 1 rubygems