diff --git a/static/admin_users.html b/static/admin_users.html
index 8f52411..436ac90 100644
--- a/static/admin_users.html
+++ b/static/admin_users.html
@@ -141,6 +141,7 @@ td.actions-col .btn { padding: 4px 8px; font-size: 11px; }
.sidebar { display: none; }
}
+
@@ -653,7 +654,7 @@ async function loadTenants() {
| ${t.id} | ${escapeHtml(t.slug)} |
${escapeHtml(t.display_name)} |
${escapeHtml(t.type||'—')} |
- ${escapeHtml(t.oib||'—')} |
+ ${t.oib?escapeHtml(formatOib(t.oib)):'—'} |
${escapeHtml(t.status||'—')} |
`).join('') || '
| — |
';
$('#savezi2Tbody').innerHTML = (d.savezi || []).map(s => `
@@ -663,7 +664,7 @@ async function loadTenants() {
$('#klubCount').textContent = `${(d.klubovi||[]).length} prikazano`;
$('#klubovi2Tbody').innerHTML = (d.klubovi || []).slice(0, 200).map(k => `
| ${k.id} | ${escapeHtml(k.naziv)} | ${escapeHtml(k.sport||'—')} |
- ${escapeHtml(k.grad||'—')} | ${escapeHtml(k.oib||'—')} | ${k.savez_id||'—'} |
+
${escapeHtml(k.grad||'—')} | ${k.oib?escapeHtml(formatOib(k.oib,{klub_id:k.id,savez_id:k.savez_id})):'—'} | ${k.savez_id||'—'} |
`).join('') || '
| — |
';
}
diff --git a/static/app.html b/static/app.html
index 9f7ae72..bc9716d 100644
--- a/static/app.html
+++ b/static/app.html
@@ -256,9 +256,63 @@ table tbody tr:hover{background:var(--bg3)}
.main,.sb.collapsed ~ .main{margin-left:0}
.role-switch{display:none}
}
+
+/* === MOBILE RESPONSIVE (CRISIS FIX) === */
+@media (max-width: 768px) {
+ body { font-size: 14px; }
+ .app { display: block !important; }
+ .sb {
+ position: fixed; left: -260px; top: 0; width: 260px; height: 100vh;
+ z-index: 1000; transition: left 0.3s ease;
+ }
+ .sb.mobile-open { left: 0; }
+ .main { margin-left: 0 !important; padding: 12px !important; }
+ .topbar { padding: 8px 12px !important; }
+ .topbar #user-tenant { display: none; }
+ #user-name { font-size: 12px !important; }
+ .role-badge { font-size: 9px !important; padding: 2px 6px !important; }
+
+ /* Mobile menu hamburger */
+ .mobile-menu-btn {
+ display: inline-flex !important; padding: 8px; cursor: pointer;
+ background: var(--bg2); border: 1px solid var(--rim); border-radius: 4px;
+ font-size: 18px; color: var(--t1); margin-right: 8px;
+ }
+
+ /* Drill-down panel full-width on mobile */
+ #dpanel { width: 100vw !important; max-width: 100vw !important; right: -100vw !important; }
+ #dpanel.open { right: 0 !important; }
+
+ /* Profile responsive */
+ .profile-page { padding: 8px !important; }
+ .kv { grid-template-columns: 1fr !important; }
+
+ /* Tables horizontal scroll */
+ table { font-size: 12px !important; }
+ .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
+
+ /* KPI grid */
+ .kpi-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
+
+ /* Buttons full-width on mobile in forms */
+ form .btn { width: 100%; margin-top: 8px; }
+}
+
+@media (min-width: 769px) {
+ .mobile-menu-btn { display: none !important; }
+}
+
+/* Sidebar overlay backdrop on mobile when open */
+.sb-backdrop {
+ display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 999;
+}
+@media (max-width: 768px) {
+ .sb-backdrop.show { display: block; }
+}
+
@@ -490,7 +544,7 @@ async function showDetail(kind, id, title){
else {
body = `
${esc(d.naziv||'—')}
-
${esc(d.skraceni_naziv||'')} · ${esc(d.oib||'')}
+
${esc(d.skraceni_naziv||'')} · ${esc(d.oib?formatOib(d.oib,{savez_id:d.id}):'')}
Predsjednik
${esc(d.predsjednik||'—')}
Tajnik
${esc(d.tajnik||'—')}
@@ -511,7 +565,7 @@ async function showDetail(kind, id, title){
${esc(d.naziv||'—')}
${esc(d.savez||'')} · ${esc(d.grad||'')}
-
OIB
${esc(d.oib||'—')}
+
OIB
${d.oib?esc(formatOib(d.oib,{klub_id:d.id,savez_id:d.savez_id})):'—'}
Predsjednik
${esc(d.predsjednik||'—')}
Adresa
${esc(d.adresa||'—')}
Email
${esc(d.email||'—')}
@@ -1158,7 +1212,7 @@ SECTIONS['pgz:racuni'] = () => `
| Datum | Izdavatelj | OIB | Vrsta | Iznos | Status |
|---|
- ${MOCK.invoices.map(r => `| ${esc(r.datum)} | ${esc(r.izdavatelj)} | ${esc(r.oib)} | ${esc(r.vrsta)} | ${fmtEur(r.iznos)} | ${esc(r.status)} |
`).join('')}
+
${MOCK.invoices.map(r => `| ${esc(r.datum)} | ${esc(r.izdavatelj)} | ${esc(formatOib(r.oib))} | ${esc(r.vrsta)} | ${fmtEur(r.iznos)} | ${esc(r.status)} |
`).join('')}
`;
SECTIONS['pgz:crm'] = () => `
@@ -1923,6 +1977,21 @@ async function profileDeleteAccount() {
alert('Greška: ' + e.message);
}
}
+
+// Mobile sidebar toggle (CRISIS FIX)
+function toggleMobileSidebar(){
+ const sb = document.getElementById('sb');
+ if(!sb) return;
+ sb.classList.toggle('mobile-open');
+ let backdrop = document.querySelector('.sb-backdrop');
+ if(!backdrop){
+ backdrop = document.createElement('div');
+ backdrop.className = 'sb-backdrop';
+ backdrop.onclick = () => toggleMobileSidebar();
+ document.body.appendChild(backdrop);
+ }
+ backdrop.classList.toggle('show');
+}