BPPP/smb-online
2
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects Releases Wiki Activity

Owner agenda: hide cancelled bookings by default, with a toggle
Test backoffice (smb-crm) / test (push) Successful in 1m35s
Details

Browse Source 
Cancelled bookings previously stayed visible (struck-through) in the
week view permanently, cluttering it over time. Adds a "Stornierte
anzeigen" checkbox next to the Filiale toggles -- unchecked by default
so cancelled rows are hidden, checkable to bring them back for
history/audit purposes. Client-side filter, remembered via
localStorage like the Filiale toggle.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
mivanchenko
2026-09-12 02:33:18 +02:00
parent b99a3806cf
commit 9fe495a363
1 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backoffice/app/templates/owner/agenda.html
+24 -9
View File
@@ -55,14 +55,15 @@
<body>
<h1>{{ client.business_name if client else 'Kalender' }}</h1>
{% if resources|length > 1 %}
<div class="filiale-filter" id="filialeFilter">
{% if resources|length > 1 %}
<p class="flabel">Filialen:</p>
{% for r in resources %}
<label><input type="checkbox" class="res-toggle" value="{{ r.resource_id }}" checked> {{ r.name }}</label>
{% endfor %}
{% endif %}
<label><input type="checkbox" id="showCancelled"> Stornierte anzeigen</label>
</div>
{% endif %}
{% if error == "missing_fields" %}
<div class="error">Bitte alle Felder ausfüllen.</div>
@@ -122,7 +123,7 @@
{% endfor %}
</tbody>
</table>
<p class="day-no-match">Keine Buchungen für die ausgewählten Filialen.</p>
<p class="day-no-match">Keine Buchungen für die aktuelle Filter-Auswahl.</p>
{% endif %}
</div>
{% endfor %}
@@ -168,25 +169,37 @@
<p class="muted" style="margin-top:20px;"><a href="{{ url_for('owner_auth.dashboard') }}">Zurück</a></p>
<script>
// Per-Filiale show/hide (#toggle both/either), remembered across
// Per-Filiale show/hide + hide-cancelled-by-default, remembered across
// week navigation via localStorage since each week is a full page load.
(function () {
var STORAGE_KEY = 'ownerAgendaFilialeFilter';
var RES_KEY = 'ownerAgendaFilialeFilter';
var CANCELLED_KEY = 'ownerAgendaShowCancelled';
var checkboxes = document.querySelectorAll('.res-toggle');
if (!checkboxes.length) return;
var showCancelledCb = document.getElementById('showCancelled');
if (!checkboxes.length && !showCancelledCb) return;
try {
var saved = JSON.parse(localStorage.getItem(STORAGE_KEY) || 'null');
var saved = JSON.parse(localStorage.getItem(RES_KEY) || 'null');
if (saved && saved.length) {
checkboxes.forEach(function (cb) { cb.checked = saved.indexOf(cb.value) !== -1; });
}
} catch (e) {}
try {
if (showCancelledCb) {
showCancelledCb.checked = localStorage.getItem(CANCELLED_KEY) === '1';
}
} catch (e) {}
function applyFilter() {
var active = [];
checkboxes.forEach(function (cb) { if (cb.checked) active.push(cb.value); });
var showCancelled = !!(showCancelledCb && showCancelledCb.checked);
document.querySelectorAll('table tbody tr[data-resource]').forEach(function (tr) {
tr.classList.toggle('res-hidden', active.indexOf(tr.getAttribute('data-resource')) === -1);
var resOk = !checkboxes.length || active.indexOf(tr.getAttribute('data-resource')) !== -1;
var statusOk = showCancelled || !tr.classList.contains('status-cancelled');
tr.classList.toggle('res-hidden', !(resOk && statusOk));
});
document.querySelectorAll('.day').forEach(function (dayEl) {
var table = dayEl.querySelector('table');
@@ -198,10 +211,12 @@
table.style.display = anyVisible ? '' : 'none';
if (noMatch) noMatch.style.display = anyVisible ? 'none' : 'block';
});
try { localStorage.setItem(STORAGE_KEY, JSON.stringify(active)); } catch (e) {}
try { localStorage.setItem(RES_KEY, JSON.stringify(active)); } catch (e) {}
try { localStorage.setItem(CANCELLED_KEY, showCancelled ? '1' : '0'); } catch (e) {}
}
checkboxes.forEach(function (cb) { cb.addEventListener('change', applyFilter); });
if (showCancelledCb) showCancelledCb.addEventListener('change', applyFilter);
applyFilter();
})();
</script>