mirror/vanilla-todo
1
0
Fork 0
mirror of https://github.com/morris/vanilla-todo.git synced 2025-08-23 06:02:48 +02:00
Code Issues Releases Wiki Activity

update to ES2020, some refactoring and cleanups

Browse Source
This commit is contained in:
Morris Brodersen
2022-05-09 15:46:58 +02:00
parent b4c57030f8
commit 2fbfc5e650
26 changed files with 1507 additions and 2129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
public/scripts/AppCollapsible.js
View File

@@ -1,18 +1,15 @@
/* global VT */
window.VT = window.VT || {};
VT.AppCollapsible = function (el) {
var state = {
export function AppCollapsible(el) {
const state = {
show: true,
};
el.querySelector('.bar > .toggle').addEventListener('click', function () {
update({ show: !state.show });
});
el.addEventListener('collapse', (e) => update({ show: !e.detail }));
el.appCollapsible = {
update: update,
};
el.querySelector('.bar > .toggle').addEventListener('click', () =>
update({ show: !state.show })
);
update();
function update(next) {
Object.assign(state, next);
@@ -22,8 +19,8 @@ VT.AppCollapsible = function (el) {
state.show
);
el.querySelectorAll('.body').forEach(function (el) {
el.style.height = state.show ? el.children[0].offsetHeight + 'px' : '0';
el.querySelectorAll('.body').forEach((el) => {
el.style.height = state.show ? `${el.children[0].offsetHeight}px` : '0';
});
}
};
}