Update styles for mobile scanning interface and enhance user guidance. Adjust button dimensions and positioning for better visibility. Improve hint messages for scanning instructions and update version code to 4.72.789, aligning with MSIN-4401 requirements for enhanced event management functionality.
This commit is contained in:
@ -3422,13 +3422,14 @@ a.ms1-trad-link.btn-aide-trad{
|
||||
overflow:hidden;
|
||||
border-radius:6px;
|
||||
background:#111;
|
||||
/* Mode carre, comme le lecteur QR. */
|
||||
/* Mode carre, borne pour rester visible au centre du telephone. */
|
||||
aspect-ratio:1 / 1;
|
||||
width:100%;
|
||||
max-width:360px;
|
||||
width:min(100%, 360px, 72vw);
|
||||
max-height:min(360px, 52vh);
|
||||
margin:0 auto;
|
||||
cursor:pointer;
|
||||
outline:none;
|
||||
scroll-margin:12px;
|
||||
}
|
||||
|
||||
.inscr-gestion-bib-scan-capture.is-ready{
|
||||
@ -3468,21 +3469,24 @@ a.ms1-trad-link.btn-aide-trad{
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
/* Pastille courte en bas — ne doit pas masquer le cadre central. */
|
||||
.inscr-gestion-bib-scan-capture-label{
|
||||
position:absolute;
|
||||
left:50%;
|
||||
bottom:8px;
|
||||
bottom:6px;
|
||||
transform:translateX(-50%);
|
||||
max-width:92%;
|
||||
padding:5px 12px;
|
||||
border-radius:10px;
|
||||
background:rgba(0,0,0,.7);
|
||||
max-width:88%;
|
||||
padding:4px 10px;
|
||||
border-radius:999px;
|
||||
background:rgba(0,0,0,.72);
|
||||
color:#fff;
|
||||
font-size:12px;
|
||||
font-size:11px;
|
||||
font-weight:600;
|
||||
line-height:1.3;
|
||||
line-height:1.2;
|
||||
text-align:center;
|
||||
white-space:normal;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
@ -3490,9 +3494,17 @@ a.ms1-trad-link.btn-aide-trad{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.inscr-gestion-bib-scan-hint{
|
||||
text-align:center;
|
||||
max-width:360px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
.inscr-gestion-bib-scan-status{
|
||||
color:#6f42c1;
|
||||
font-weight:600;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.inscr-gestion-bib-scan-status.is-active::before{
|
||||
|
||||
@ -750,6 +750,12 @@
|
||||
self.toggleBtn.setAttribute('aria-expanded', 'true');
|
||||
self.toggleBtn.classList.add('is-active');
|
||||
}
|
||||
// MSIN-4401 — Amener le viseur au centre du viewport (mobile).
|
||||
try {
|
||||
self.panel.scrollIntoView({behavior: 'smooth', block: 'center', inline: 'nearest'});
|
||||
} catch (eScroll) {
|
||||
self.panel.scrollIntoView(true);
|
||||
}
|
||||
self.setStatus(scanMsg(self.panel, 'data-msg-loading', 'Initialisation (1re fois)...', 'Initializing (first time)...'), true);
|
||||
|
||||
var cameraPromise = navigator.mediaDevices.getUserMedia({
|
||||
|
||||
@ -342,11 +342,13 @@ function fxInscrGestionFallbackTexte($strClef, $strLangue) {
|
||||
'inscr_gestion_qr_wrong_event' => $blnFr ? 'Ce code QR appartient à un autre événement : %s' : 'This QR code belongs to another event: %s',
|
||||
'inscr_gestion_qr_camera_error' => $blnFr ? 'Impossible d\'accéder à la caméra.' : 'Unable to access the camera.',
|
||||
'inscr_gestion_bib_scan_btn' => $blnFr ? 'Scanner le numéro' : 'Scan number',
|
||||
'inscr_gestion_bib_scan_hint' => $blnFr ? 'Ouvrez la caméra, cadrez le numéro, puis touchez l\'image pour lire.' : 'Open the camera, frame the number, then tap the image to read.',
|
||||
'inscr_gestion_bib_scan_ready' => $blnFr ? 'Cadrez le numéro, puis touchez l\'image' : 'Frame the number, then tap the image',
|
||||
'inscr_gestion_bib_scan_hint' => $blnFr
|
||||
? 'Cadrez le numéro dans le cadre, puis touchez l\'image.'
|
||||
: 'Frame the number in the box, then tap the image.',
|
||||
'inscr_gestion_bib_scan_ready' => $blnFr ? 'Touchez l\'image pour lire' : 'Tap the image to read',
|
||||
'inscr_gestion_bib_scan_tap' => $blnFr
|
||||
? 'Centrez les numéros que vous voulez considérer comme numéro de dossard avant de cliquer.'
|
||||
: 'Center the numbers you want to use as the bib number before tapping.',
|
||||
? 'Touchez pour lire'
|
||||
: 'Tap to read',
|
||||
'inscr_gestion_bib_scan_scanning' => $blnFr ? 'Lecture en cours...' : 'Reading...',
|
||||
'inscr_gestion_bib_scan_loading' => $blnFr ? 'Initialisation (1re fois)...' : 'Initializing (first time)...',
|
||||
'inscr_gestion_bib_scan_found' => $blnFr ? 'Numéro %s détecté — validez avec OK.' : 'Number %s detected — press OK.',
|
||||
@ -1468,20 +1470,23 @@ function fxInscrGestionRenderQrPanel($intEveId, $strLangue) {
|
||||
function fxInscrGestionRenderBibScanBlock($strBibInputId, $strLangue) {
|
||||
echo '<div class="inscr-gestion-bib-scan-panel" hidden';
|
||||
echo ' data-bib-input-id="' . fxInscrGestionEsc($strBibInputId) . '"';
|
||||
echo ' data-msg-scanning="' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_bib_scan_scanning')) . '"';
|
||||
echo ' data-msg-loading="' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_bib_scan_loading')) . '"';
|
||||
echo ' data-msg-ready="' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_bib_scan_ready')) . '"';
|
||||
echo ' data-msg-found="' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_bib_scan_found')) . '"';
|
||||
echo ' data-msg-invalid="' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_bib_scan_invalid')) . '"';
|
||||
echo ' data-msg-camera="' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_qr_camera_error')) . '">';
|
||||
echo '<p class="inscr-gestion-bib-scan-hint text-muted small mb-1">' . fxInscrGestionEsc(fxInscrGestionScanLabel('inscr_gestion_bib_scan_hint')) . '</p>';
|
||||
echo ' data-msg-scanning="' . fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_bib_scan_scanning', $strLangue)) . '"';
|
||||
echo ' data-msg-loading="' . fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_bib_scan_loading', $strLangue)) . '"';
|
||||
echo ' data-msg-ready="' . fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_bib_scan_ready', $strLangue)) . '"';
|
||||
echo ' data-msg-found="' . fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_bib_scan_found', $strLangue)) . '"';
|
||||
echo ' data-msg-invalid="' . fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_bib_scan_invalid', $strLangue)) . '"';
|
||||
echo ' data-msg-camera="' . fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_qr_camera_error', $strLangue)) . '">';
|
||||
echo '<p class="inscr-gestion-bib-scan-hint text-muted small mb-1">'
|
||||
. fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_bib_scan_hint', $strLangue)) . '</p>';
|
||||
echo '<div class="inscr-gestion-bib-scan-status small mb-1" aria-live="polite"></div>';
|
||||
echo '<div class="inscr-gestion-bib-scan-capture" role="button" tabindex="0">';
|
||||
echo '<div class="inscr-gestion-bib-scan-video"></div>';
|
||||
// Zone-cible centrale (eclaircie) : aligne le repere visuel sur la region
|
||||
// reellement lue par l'OCR (captureCenterFrame : ~55% largeur x 30% hauteur).
|
||||
echo '<div class="inscr-gestion-bib-scan-target" aria-hidden="true"></div>';
|
||||
echo '<span class="inscr-gestion-bib-scan-capture-label">' . fxInscrGestionEsc(fxInscrGestionScanLabel('inscr_gestion_bib_scan_tap')) . '</span>';
|
||||
// Pastille courte (fallback integre) — evite un long texte info qui masque le viseur.
|
||||
echo '<span class="inscr-gestion-bib-scan-capture-label">'
|
||||
. fxInscrGestionEsc(fxInscrGestionFallbackTexte('inscr_gestion_bib_scan_tap', $strLangue)) . '</span>';
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
* Constantes *
|
||||
*
|
||||
**************/
|
||||
define('_VERSION_CODE', '4.72.788');
|
||||
define('_VERSION_CODE', '4.72.789');
|
||||
define('_DATE_CODE', '2026-07-13');
|
||||
//MSIN-4290
|
||||
define('QR_SECRET_KEY', 'ms1_qr_2026_cle_secrete_longue_et_fixe');
|
||||
|
||||
Reference in New Issue
Block a user