program calendar - disable empty sections
This commit is contained in:
parent
ee2d1c66cd
commit
dad7086465
3 changed files with 37 additions and 2 deletions
|
|
@ -8,6 +8,25 @@
|
|||
const urlParams = new URLSearchParams(queryString);
|
||||
const tab = urlParams.get('tab');
|
||||
return tab;
|
||||
},
|
||||
disableEmptySections() {
|
||||
setTimeout(() => {
|
||||
const sections = document.querySelectorAll('.collapsable')
|
||||
sections.forEach(section => {
|
||||
const sessions = section.querySelector('.sessions li')
|
||||
const toggleBtn = section.querySelector('.toggle')
|
||||
|
||||
if (sessions) {
|
||||
toggleBtn.removeAttribute('disabled')
|
||||
toggleBtn.setAttribute('title', '')
|
||||
toggleBtn.querySelector('.arrow-right').classList.remove('unvisible')
|
||||
} else {
|
||||
toggleBtn.setAttribute('disabled', true)
|
||||
toggleBtn.setAttribute('title', 'aucune séance')
|
||||
toggleBtn.querySelector('.arrow-right').classList.add('unvisible')
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}"
|
||||
>
|
||||
|
|
@ -16,6 +35,12 @@
|
|||
tab: setInitialTab(),
|
||||
filter: null
|
||||
}"
|
||||
x-init="
|
||||
disableEmptySections()
|
||||
$watch('tab', value => {
|
||||
disableEmptySections()
|
||||
})
|
||||
"
|
||||
>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue