diff --git a/frontend/assets/logos/sikapics.png b/frontend/assets/logos/sikapics.png new file mode 100644 index 0000000..6d2d3ff --- /dev/null +++ b/frontend/assets/logos/sikapics.png @@ -0,0 +1,406 @@ + + + + + + + + + + + + + Page non trouvée - SikaPics, Photographe à Rennes et alentours + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+
+ +
+
+
+
+
+
+

Aucun Résultat Trouvé

+

La page demandée est introuvable. Essayez d’affiner votre recherche ou utilisez la navigation ci-dessus pour trouver l’article.

+
+
+
+ + +
+
+
+ + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/css/style.css b/frontend/css/style.css index 5bb4f5e..b262317 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -270,9 +270,9 @@ html, body { } .booth-qr { - width: 120px; - height: 120px; - border-radius: 8px; + width: 180px; + height: 180px; + border-radius: 10px; } .booth-code { @@ -1206,6 +1206,48 @@ h3 { border-radius: 3px; } +/* === Clavier virtuel email === */ +.clavier-virtuel { + display: flex; + flex-direction: column; + gap: 6px; + margin-top: 0.5rem; + max-width: 600px; +} + +.clavier-ligne { + display: flex; + gap: 5px; + justify-content: center; +} + +.clavier-ligne button { + min-width: 40px; + height: 44px; + border: none; + border-radius: 8px; + background: rgba(255,255,255,0.12); + color: var(--texte); + font-size: 1.1rem; + cursor: pointer; + flex: 1; + max-width: 52px; +} + +.clavier-ligne button:active { + background: var(--primaire); +} + +.clavier-wide { + min-width: 70px !important; + max-width: 120px !important; + font-size: 0.9rem !important; +} + +.clavier-speciales { + gap: 8px; +} + /* === Wizard === */ .wizard-header { position: absolute; diff --git a/frontend/css/themes.css b/frontend/css/themes.css index bf8d06e..e69ec83 100644 --- a/frontend/css/themes.css +++ b/frontend/css/themes.css @@ -57,10 +57,10 @@ [data-theme="sikapics"] #nom-evenement::before { content: ''; display: block; - width: 180px; - height: 60px; - margin: 0 auto 1rem; - background-image: url('https://sikapics.com/wp-content/uploads/2024/03/sikapics-logo-sans-fond.png'); + width: 250px; + height: 80px; + margin: 0 auto 1.5rem; + background-image: url('/assets/logos/sikapics.png'); background-size: contain; background-repeat: no-repeat; background-position: center; diff --git a/frontend/index.html b/frontend/index.html index 9f291d8..4f3f769 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -113,9 +113,68 @@
- - - + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+
+ + + + + +
+
+
+ + +
QR Code diff --git a/frontend/js/app.js b/frontend/js/app.js index ac229fc..a20f19c 100644 --- a/frontend/js/app.js +++ b/frontend/js/app.js @@ -39,7 +39,8 @@ function appliquerConfig() { toggleVisible('btn-multi', fonc.multi_shot); toggleVisible('btn-imprimer', fonc.impression); toggleVisible('btn-email', fonc.email); - toggleVisible('btn-qr', fonc.qr_code); + const boothActif = config.booth?.actif; + toggleVisible('btn-qr', fonc.qr_code || boothActif); // Media d'accueil (video/gif en boucle) appliquerMediaAccueil(event.media_accueil); diff --git a/frontend/js/share.js b/frontend/js/share.js index ce20628..887d8db 100644 --- a/frontend/js/share.js +++ b/frontend/js/share.js @@ -35,7 +35,7 @@ async function lancerImpression() { function ouvrirEmail() { document.getElementById('form-email').classList.remove('cache'); - document.getElementById('input-email').focus(); + document.getElementById('input-email').value = ''; } function fermerEmail() { @@ -43,6 +43,16 @@ function fermerEmail() { document.getElementById('input-email').value = ''; } +function clavierTape(car) { + const input = document.getElementById('input-email'); + input.value += car; +} + +function clavierEffacer() { + const input = document.getElementById('input-email'); + input.value = input.value.slice(0, -1); +} + async function envoyerEmail() { const email = document.getElementById('input-email').value.trim(); if (!email || !photoFinale) return; @@ -62,12 +72,20 @@ async function afficherQR() { zone.classList.toggle('cache'); if (!zone.classList.contains('cache')) { - const resultat = await apiGet('/api/qr/galerie'); - if (resultat.chemin) { - document.getElementById('img-qr').src = resultat.chemin; + const booth = config.booth || {}; + if (booth.actif && booth.url) { + // QR vers la galerie live + const eventId = booth.event_id || 'default'; + const qrUrl = `${booth.url}/${eventId}`; + document.getElementById('img-qr').src = `/api/qr?url=${encodeURIComponent(qrUrl)}`; } else { - afficherStatut('QR Code non configure', 'erreur'); - zone.classList.add('cache'); + const resultat = await apiGet('/api/qr/galerie'); + if (resultat.chemin) { + document.getElementById('img-qr').src = resultat.chemin; + } else { + afficherStatut('QR Code non configure', 'erreur'); + zone.classList.add('cache'); + } } } }