anton/visual-spending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Escape key to reset timeline legend filter

Browse Source 
Extract resetLegendSelection into a reusable function exposed via
window._timelineResetLegend, allowing both the reset button click
and the Escape key handler to clear legend filtering.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Anton Volnuhin 2026-02-07 18:15:54 +03:00
parent 7e477269c0
commit 646c5959d1
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app.js
View File

@ -754,6 +754,7 @@ function renderTimelineChart(drillPath, historyAction, legendSelected) {
drillPath = drillPath || [];
historyAction = historyAction || 'push';
timelineDrillPath = drillPath;
window._timelineResetLegend = null;
myChart.off('click');
myChart.off('mouseover');
@ -896,6 +897,19 @@ function renderTimelineChart(drillPath, historyAction, legendSelected) {
resetTop = nextRowTop + 11;
}
const resetLegendSelection = function() {
window._suppressLegendHistory = true;
allNames.forEach(name => {
myChart.dispatchAction({ type: 'legendSelect', name: name });
});
window._suppressLegendHistory = false;
const resetSelected = {};
allNames.forEach(name => { resetSelected[name] = true; });
updateTotalsAndResetBtn(resetSelected);
history.pushState({ timelineDrill: drillPath }, '');
};
window._timelineResetLegend = allSelected ? null : resetLegendSelection;
const resetGraphic = {
type: 'text',
id: 'resetBtn',
@ -915,17 +929,7 @@ function renderTimelineChart(drillPath, historyAction, legendSelected) {
onmouseout: function() {
if (this && this.setStyle) this.setStyle({ fill: '#999' });
},
onclick: function() {
window._suppressLegendHistory = true;
allNames.forEach(name => {
myChart.dispatchAction({ type: 'legendSelect', name: name });
});
window._suppressLegendHistory = false;
const resetSelected = {};
allNames.forEach(name => { resetSelected[name] = true; });
updateTotalsAndResetBtn(resetSelected);
history.pushState({ timelineDrill: drillPath }, '');
}
onclick: resetLegendSelection
};
if (resetLeft !== null) {
resetGraphic.left = resetLeft + resetXOffset;
@ -1044,6 +1048,7 @@ function switchView(viewName) {
requestAnimationFrame(() => myChart.resize());
} else {
container.classList.remove('timeline-mode');
window._timelineResetLegend = null;
// Remove all chart event listeners
myChart.off('click');
myChart.off('mouseover');
@ -3616,6 +3621,9 @@ function handleGlobalEscape(e) {
closeRowDetailModal();
} else if (transactionModal.style.display !== 'none') {
closeTransactionModal();
} else if (currentView === 'timeline' && typeof window._timelineResetLegend === 'function') {
window._timelineResetLegend();
e.preventDefault();
}
}
}