Use configurable venue names on nav tabs

Bar and Cashier tab labels now reflect bar_name / cashier_name from
app settings; loadConfig() updates the spans on every config refresh.

https://claude.ai/code/session_01JuRTR5Xjx8emQsyerBgGU7
This commit is contained in:
Claude 2026-05-31 04:53:20 +00:00
parent db0ae227f1
commit fef6f0eb03
No known key found for this signature in database
2 changed files with 6 additions and 2 deletions

View file

@ -10,6 +10,10 @@ async function loadConfig() {
if (brand) brand.textContent = cfg.club_name;
document.title = document.title.replace('ClubLedger', cfg.club_name);
document.querySelectorAll('.currency-unit').forEach(el => { el.textContent = cfg.currency_unit; });
const barLabel = document.getElementById('navBarLabel');
if (barLabel && cfg.bar_name) barLabel.textContent = cfg.bar_name;
const cashierLabel = document.getElementById('navCashierLabel');
if (cashierLabel && cfg.cashier_name) cashierLabel.textContent = cfg.cashier_name;
} catch (e) { /* use defaults */ }
}

View file

@ -37,10 +37,10 @@
<span class="material-symbols-outlined nav-icon">group</span>Members
</button>
<button class="nav-btn" data-view="cashier">
<span class="material-symbols-outlined nav-icon">universal_currency_alt</span>Cashier
<span class="material-symbols-outlined nav-icon">universal_currency_alt</span><span id="navCashierLabel">Cashier</span>
</button>
<button class="nav-btn" data-view="bar">
<span class="material-symbols-outlined nav-icon">point_of_sale</span>Bar
<span class="material-symbols-outlined nav-icon">point_of_sale</span><span id="navBarLabel">Bar</span>
</button>
<button class="nav-btn hidden" data-view="admin" id="adminTabBtn">
<span class="material-symbols-outlined nav-icon">settings_applications</span>Admin