zoom-out: always enabled, back to start when no stack
This commit is contained in:
1 parent
46bf4aa2c3
commit
da327886c4
2 files changed
+7
-4
No files matched your search
+6
-3
@@ -112,7 +112,7 @@ async function loadView() {
|
|||||||
|
|
||||||
$('range-label').textContent =
|
$('range-label').textContent =
|
||||||
`${fmtDateTime(viewFrom)} - ${fmtDateTime(viewTo)} (${entryMode ? 'Einträge' : ZOOM_LEVELS[zoomIndex].name})`;
|
`${fmtDateTime(viewFrom)} - ${fmtDateTime(viewTo)} (${entryMode ? 'Einträge' : ZOOM_LEVELS[zoomIndex].name})`;
|
||||||
$('btn-zoom-out').disabled = zoomStack.length === 0 && zoomIndex === 0 && !entryMode;
|
$('btn-zoom-out').textContent = zoomStack.length === 0 ? '← Startseite' : '← Raus-Zoomen';
|
||||||
|
|
||||||
const [summary, chains] = await Promise.all([
|
const [summary, chains] = await Promise.all([
|
||||||
api(`/api/cost-summary?from=${enc(from)}&to=${enc(to)}`),
|
api(`/api/cost-summary?from=${enc(from)}&to=${enc(to)}`),
|
||||||
@@ -452,15 +452,18 @@ function zoomOut() {
|
|||||||
viewTo = prev.to;
|
viewTo = prev.to;
|
||||||
zoomIndex = prev.zoom;
|
zoomIndex = prev.zoom;
|
||||||
entryMode = prev.entry;
|
entryMode = prev.entry;
|
||||||
|
loadView();
|
||||||
} else {
|
} else {
|
||||||
// Reset to default view
|
// Back to start
|
||||||
|
location.hash = '';
|
||||||
zoomIndex = 0;
|
zoomIndex = 0;
|
||||||
entryMode = false;
|
entryMode = false;
|
||||||
|
zoomStack = [];
|
||||||
const range = getAnchoredRange(zoomIndex);
|
const range = getAnchoredRange(zoomIndex);
|
||||||
viewFrom = range.from;
|
viewFrom = range.from;
|
||||||
viewTo = range.to;
|
viewTo = range.to;
|
||||||
}
|
|
||||||
loadView();
|
loadView();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// --- Sync ---
|
// --- Sync ---
|
||||||
|
|||||||
+1
-1
@@ -14,7 +14,7 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div id="toolbar">
|
<div id="toolbar">
|
||||||
<button id="btn-zoom-out" disabled>← Raus-Zoomen</button>
|
<button id="btn-zoom-out">← Startseite</button>
|
||||||
<span id="range-label"></span>
|
<span id="range-label"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user