Cosmetics
This commit is contained in:
parent
ee5dbcf33e
commit
e569bcb246
21 changed files with 54 additions and 65 deletions
|
|
@ -2,20 +2,19 @@ import { Controller } from "@hotwired/stimulus"
|
|||
|
||||
// Connects to data-controller="collapse-chevron-toggler"
|
||||
export default class extends Controller {
|
||||
static targets = [ "icon" ];
|
||||
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')) {
|
||||
if (this.collapsible.classList.contains('show')) {
|
||||
this.iconTarget.classList.remove('bi-chevron-down')
|
||||
this.iconTarget.classList.add('bi-chevron-up')
|
||||
} else {
|
||||
|
|
@ -25,7 +24,6 @@ export default class extends Controller {
|
|||
}
|
||||
|
||||
toggle() {
|
||||
console.log('toggle', this.collapsible)
|
||||
this.iconTarget.classList.toggle('bi-chevron-down');
|
||||
this.iconTarget.classList.toggle('bi-chevron-up');
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue