Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e8fd218c74 | |||
| 5f652530ed | |||
| 11b927b91f | |||
| e1a426bde4 | |||
| 8a422aa4ee |
@@ -114,8 +114,6 @@
|
|||||||
const stateStorageKey = 'event-filter-state';
|
const stateStorageKey = 'event-filter-state';
|
||||||
const stateQueryKey = 'event_filter';
|
const stateQueryKey = 'event_filter';
|
||||||
|
|
||||||
const animationMs = 220;
|
|
||||||
let hideTimers = new WeakMap();
|
|
||||||
let currentFilter = { type: 'all', value: '' };
|
let currentFilter = { type: 'all', value: '' };
|
||||||
let suppressedChangeEvents = 0;
|
let suppressedChangeEvents = 0;
|
||||||
|
|
||||||
@@ -242,34 +240,12 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const clearHideTimer = (eventItem) => {
|
|
||||||
const timer = hideTimers.get(eventItem);
|
|
||||||
|
|
||||||
if (timer) {
|
|
||||||
window.clearTimeout(timer);
|
|
||||||
hideTimers.delete(eventItem);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const showEvent = (eventItem) => {
|
const showEvent = (eventItem) => {
|
||||||
clearHideTimer(eventItem);
|
|
||||||
eventItem.hidden = false;
|
eventItem.hidden = false;
|
||||||
|
|
||||||
requestAnimationFrame(() => {
|
|
||||||
eventItem.classList.remove('is-filtered-out');
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const hideEvent = (eventItem) => {
|
const hideEvent = (eventItem) => {
|
||||||
clearHideTimer(eventItem);
|
|
||||||
eventItem.classList.add('is-filtered-out');
|
|
||||||
|
|
||||||
const timer = window.setTimeout(() => {
|
|
||||||
eventItem.hidden = true;
|
eventItem.hidden = true;
|
||||||
hideTimers.delete(eventItem);
|
|
||||||
}, animationMs);
|
|
||||||
|
|
||||||
hideTimers.set(eventItem, timer);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const setActiveControl = ({ type, value }) => {
|
const setActiveControl = ({ type, value }) => {
|
||||||
@@ -332,7 +308,7 @@
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const visibleCount = events.filter((eventItem) => !eventItem.hidden).length;
|
const visibleCount = events.filter((eventItem) => matches(eventItem, filterState)).length;
|
||||||
let filterText = 'alle';
|
let filterText = 'alle';
|
||||||
|
|
||||||
if (filterState.type === 'tag' && tagSelect) {
|
if (filterState.type === 'tag' && tagSelect) {
|
||||||
|
|||||||
Reference in New Issue
Block a user