jwa11y/a11yist
2
1
Fork 0
Code Issues 15 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

Gui improvements and ideas

Browse source
This commit is contained in:
david 2024-07-20 16:52:12 +02:00
parent 3f4c7d17bf
commit 2ae0b55e42
54 changed files with 639 additions and 237 deletions
Download patch file Download diff file Expand all files Collapse all files

32
app/javascript/controllers/collapse_chevron_toggler_controller.js Normal file
View file

@ -0,0 +1,32 @@
import { Controller } from "@hotwired/stimulus"
// Connects to data-controller="collapse-chevron-toggler"
export default class extends Controller {
static targets = [ "icon" ];
collapsible = null;
connect() {
this.collapsible = window.document.getElementById(this.element.getAttribute('href').substring(1));
this.setIcon();
this.collapsible.addEventListener('hide.bs.collapse', e => this.toggle())
this.collapsible.addEventListener('show.bs.collapse', e => this.toggle())
}
setIcon(reverted = false) {
console.log('setIcon', this.collapsible)
if(this.collapsible.classList.contains('show')) {
this.iconTarget.classList.remove('bi-chevron-down')
this.iconTarget.classList.add('bi-chevron-up')
} else {
this.iconTarget.classList.remove('bi-chevron-up')
this.iconTarget.classList.add('bi-chevron-down')
}
}
toggle() {
console.log('toggle', this.collapsible)
this.iconTarget.classList.toggle('bi-chevron-down');
this.iconTarget.classList.toggle('bi-chevron-up');
}
}