rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feature: QR-Code mit Logo im Referral-Block — SW by-v441, APP_VER 420

Browse source 
qrcode.min.js (qrcodejs) lazy geladen; QRCode.CorrectLevel.H damit Logo-Overlay
(icon-180.png, 36px) den Code noch lesbar lässt; App.loadScript() public gemacht.
This commit is contained in:
rene 2026-04-27 06:23:01 +02:00
parent b4c3698a3a
commit e35a7a2692
4 changed files with 26 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '419'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '420'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => { const App = (() => {
@ -844,7 +844,8 @@ const App = (() => {
getInstallPrompt: () => _installPrompt, requireAuth, getInstallPrompt: () => _installPrompt, requireAuth,
showOnboarding: _showOnboardingModal, showOnboarding: _showOnboardingModal,
updateNotifBadge: _updateNotifBadge, updateNotifBadge: _updateNotifBadge,
checkNearbyAlerts: _checkNearbyAlerts }; checkNearbyAlerts: _checkNearbyAlerts,
loadScript: _loadScript };
})(); })();

21
backend/static/js/pages/settings.js
View file

@ -696,6 +696,17 @@ window.Page_settings = (() => {
overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${r.link}</div> overflow:hidden;text-overflow:ellipsis;white-space:nowrap">${r.link}</div>
<button class="btn btn-primary btn-sm" id="ref-share-btn">${UI.icon('arrow-square-out')} Teilen</button> <button class="btn btn-primary btn-sm" id="ref-share-btn">${UI.icon('arrow-square-out')} Teilen</button>
</div> </div>
<!-- QR-Code -->
<div style="display:flex;justify-content:center;margin-bottom:var(--space-4)">
<div style="position:relative;width:160px;height:160px">
<div id="ref-qr" style="width:160px;height:160px;border-radius:var(--radius-md);overflow:hidden"></div>
<img src="/icons/icon-180.png" alt=""
style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:36px;height:36px;border-radius:8px;border:2px solid #fff">
</div>
</div>
<div style="font-size:var(--text-sm);color:var(--c-text-secondary)"> <div style="font-size:var(--text-sm);color:var(--c-text-secondary)">
${UI.icon('users')} <strong>${r.count}</strong> ${r.count === 1 ? 'Person' : 'Personen'} über deinen Link registriert ${UI.icon('users')} <strong>${r.count}</strong> ${r.count === 1 ? 'Person' : 'Personen'} über deinen Link registriert
</div> </div>
@ -714,6 +725,16 @@ window.Page_settings = (() => {
UI.toast.success('Link kopiert!'); UI.toast.success('Link kopiert!');
} }
}); });
// QR-Code rendern (Bibliothek lazy laden)
await App.loadScript('/js/qrcode.min.js');
new QRCode(document.getElementById('ref-qr'), {
text: r.link,
width: 160,
height: 160,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H,
});
} catch { el.innerHTML = ''; } } catch { el.innerHTML = ''; }
} }

1
backend/static/js/qrcode.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache Offline-Cache + Push Notifications + Tile-Cache
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v440'; const CACHE_VERSION = 'by-v441';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten