From 758f26db549bc5d4a8c5982ac632c0bbf0e25427 Mon Sep 17 00:00:00 2001
From: KANE LAZENI <lkane@ebene.info>
Date: Mon, 16 Feb 2026 01:21:41 +0000
Subject: [PATCH] a

---
 Vue/Rechercheparcarte/index.php           | 116 ++++++--------------
 Vue/Rechercheparcarte/index_nfc_qr_01.php | 126 ++++++++++++++++++++++
 2 files changed, 158 insertions(+), 84 deletions(-)
 create mode 100755 Vue/Rechercheparcarte/index_nfc_qr_01.php

diff --git a/Vue/Rechercheparcarte/index.php b/Vue/Rechercheparcarte/index.php
index cd072e5..40078a9 100755
--- a/Vue/Rechercheparcarte/index.php
+++ b/Vue/Rechercheparcarte/index.php
@@ -1,71 +1,3 @@
-<?php 
-	$this->titre = "INTER-SANTE - "._("Recherche du patient par carte") ; 
-?>
-
-<style>
-/* Masquage du texte */
-#donneesCarte {
-    color: transparent !important;
-    text-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
-    user-select: none !important;
-}
-
-#donneesCarte::placeholder {
-    color: #6c757d !important;
-    text-shadow: none !important;
-}
-
-/* Animation lors de la saisie */
-#donneesCarte.reading {
-    border-color: #4caf50 !important;
-    box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25) !important;
-    animation: pulse-border 1s infinite;
-}
-
-@keyframes pulse-border {
-    0%, 100% { border-color: #4caf50; }
-    50% { border-color: #66bb6a; }
-}
-
-/* Indicateur visuel simple */
-.reading-indicator {
-    display: none;
-    text-align: center;
-    color: #4caf50;
-    font-size: 18px;
-    margin-top: 10px;
-}
-
-.reading-indicator.active {
-    display: block;
-}
-</style>
-
-<form id="frmrechercheparcarte" name="frmrechercheparcarte" method="post" action="Rechercheparcarte/index/">
-	<INPUT style='font-size:40pt; height: 50px; text-align: center;' 
-	       class="form-control" 
-	       TYPE="text" 
-	       id="donneesCarte" 
-	       name="donneesCarte" 
-	       autofocus 
-	       AUTOCOMPLETE="OFF" 
-	       placeholder="<?= _("Veuillez scanner la carte NFC ou le QR code!")?>">
-	
-	<div class="reading-indicator" id="reading-indicator">
-		<i class="fa fa-check-circle"></i> <span id="indicator-text"><?= _("Carte détectée") ?></span>
-	</div>
-	
-	<input id="lancerrechercheparcarte" name="lancerrechercheparcarte" class="sr-only" type="submit" value="<?= _("Rechercher") ?>" >
-</form>
-
-<div id="div_wait_nfc"></div>
-
-<?php if (isset($msgErreur) && $msgErreur>" "): ?>
-	<div class="alert alert-danger" style="height:38px; padding:5px; text-align: center;">
-	<H4><?= $msgErreur ?></H4>
-	</div>
-<?php endif; ?>
-
 <script>
 const inputField = document.getElementById('donneesCarte');
 const indicator = document.getElementById('reading-indicator');
@@ -76,6 +8,31 @@ inputField.addEventListener('contextmenu', e => e.preventDefault());
 inputField.addEventListener('copy', e => e.preventDefault());
 inputField.addEventListener('cut', e => e.preventDefault());
 
+// ========== MAINTIEN DU FOCUS (Solution combinée optimale) ==========
+// 1. Empêcher la perte de focus
+inputField.addEventListener('blur', function(e) {
+    setTimeout(() => this.focus(), 10);
+});
+
+// 2. Surveillance par intervalle (backup)
+const focusInterval = setInterval(function() {
+    if (document.activeElement !== inputField && !document.hidden) {
+        inputField.focus();
+    }
+}, 200);
+
+// 3. Capturer toutes les touches vers le champ
+document.addEventListener('keydown', function(e) {
+    if (!e.ctrlKey && !e.altKey && !e.metaKey && document.activeElement !== inputField) {
+        inputField.focus();
+    }
+});
+
+// Nettoyage à la soumission du formulaire
+document.getElementById('frmrechercheparcarte').addEventListener('submit', function() {
+    clearInterval(focusInterval);
+});
+
 // Détection du type de scan
 function detectScanType(value) {
     if (value.endsWith('qr') {
@@ -84,43 +41,34 @@ function detectScanType(value) {
     return 'nfc';
 }
 
-// Feedback visuel pendant la saisie
 inputField.addEventListener('input', function() {
     if (this.value.length > 0) {
         this.classList.add('reading');
         indicator.classList.add('active');
         
-        // Mise à jour du texte selon le type détecté
         const type = detectScanType(this.value);
-        if (type === 'qr') {
-            indicatorText.textContent = '<?= _("QR code détecté") ?>';
-        } else {
-            indicatorText.textContent = '<?= _("Carte détectée") ?>';
-        }
+        indicatorText.textContent = type === 'qr' 
+            ? '<?= _("QR code détecté") ?>' 
+            : '<?= _("Carte détectée") ?>';
     } else {
         this.classList.remove('reading');
         indicator.classList.remove('active');
     }
 });
 
-// Soumission automatique du formulaire
 inputField.addEventListener('change', function () {
-    alert(this.value);
-    retur;
     if (this.value.length > 3) {
         const type = detectScanType(this.value);
         const message = type === 'qr' 
             ? '<?= _("Traitement du QR code...") ?>' 
             : '<?= _("Lecture de la carte...") ?>';
         
-        var div_wait_nfc = $('#div_wait_nfc');
-        div_wait_nfc.html('<div style="padding-top:80px; text-align:center; font-size:14px; color: #4caf50;"><span><i class="fa fa-spinner fa-spin fa-5x"></i></span><p style="margin-top:20px;">' + message + '</p></div>');
+        $('#div_wait_nfc').html('<div style="padding-top:80px; text-align:center; font-size:14px; color: #4caf50;"><span><i class="fa fa-spinner fa-spin fa-5x"></i></span><p style="margin-top:20px;">' + message + '</p></div>');
         this.form.submit();
     }
 });
 
-// Focus automatique sur le champ (utile après rafraîchissement)
-window.addEventListener('load', function() {
-    inputField.focus();
-});
+// Focus initial
+window.addEventListener('load', () => inputField.focus());
+document.addEventListener('DOMContentLoaded', () => inputField.focus());
 </script>
\ No newline at end of file
diff --git a/Vue/Rechercheparcarte/index_nfc_qr_01.php b/Vue/Rechercheparcarte/index_nfc_qr_01.php
new file mode 100755
index 0000000..cd072e5
--- /dev/null
+++ b/Vue/Rechercheparcarte/index_nfc_qr_01.php
@@ -0,0 +1,126 @@
+<?php 
+	$this->titre = "INTER-SANTE - "._("Recherche du patient par carte") ; 
+?>
+
+<style>
+/* Masquage du texte */
+#donneesCarte {
+    color: transparent !important;
+    text-shadow: 0 0 8px rgba(0,0,0,0.5) !important;
+    user-select: none !important;
+}
+
+#donneesCarte::placeholder {
+    color: #6c757d !important;
+    text-shadow: none !important;
+}
+
+/* Animation lors de la saisie */
+#donneesCarte.reading {
+    border-color: #4caf50 !important;
+    box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25) !important;
+    animation: pulse-border 1s infinite;
+}
+
+@keyframes pulse-border {
+    0%, 100% { border-color: #4caf50; }
+    50% { border-color: #66bb6a; }
+}
+
+/* Indicateur visuel simple */
+.reading-indicator {
+    display: none;
+    text-align: center;
+    color: #4caf50;
+    font-size: 18px;
+    margin-top: 10px;
+}
+
+.reading-indicator.active {
+    display: block;
+}
+</style>
+
+<form id="frmrechercheparcarte" name="frmrechercheparcarte" method="post" action="Rechercheparcarte/index/">
+	<INPUT style='font-size:40pt; height: 50px; text-align: center;' 
+	       class="form-control" 
+	       TYPE="text" 
+	       id="donneesCarte" 
+	       name="donneesCarte" 
+	       autofocus 
+	       AUTOCOMPLETE="OFF" 
+	       placeholder="<?= _("Veuillez scanner la carte NFC ou le QR code!")?>">
+	
+	<div class="reading-indicator" id="reading-indicator">
+		<i class="fa fa-check-circle"></i> <span id="indicator-text"><?= _("Carte détectée") ?></span>
+	</div>
+	
+	<input id="lancerrechercheparcarte" name="lancerrechercheparcarte" class="sr-only" type="submit" value="<?= _("Rechercher") ?>" >
+</form>
+
+<div id="div_wait_nfc"></div>
+
+<?php if (isset($msgErreur) && $msgErreur>" "): ?>
+	<div class="alert alert-danger" style="height:38px; padding:5px; text-align: center;">
+	<H4><?= $msgErreur ?></H4>
+	</div>
+<?php endif; ?>
+
+<script>
+const inputField = document.getElementById('donneesCarte');
+const indicator = document.getElementById('reading-indicator');
+const indicatorText = document.getElementById('indicator-text');
+
+// Protection
+inputField.addEventListener('contextmenu', e => e.preventDefault());
+inputField.addEventListener('copy', e => e.preventDefault());
+inputField.addEventListener('cut', e => e.preventDefault());
+
+// Détection du type de scan
+function detectScanType(value) {
+    if (value.endsWith('qr') {
+            return 'qr';
+    }
+    return 'nfc';
+}
+
+// Feedback visuel pendant la saisie
+inputField.addEventListener('input', function() {
+    if (this.value.length > 0) {
+        this.classList.add('reading');
+        indicator.classList.add('active');
+        
+        // Mise à jour du texte selon le type détecté
+        const type = detectScanType(this.value);
+        if (type === 'qr') {
+            indicatorText.textContent = '<?= _("QR code détecté") ?>';
+        } else {
+            indicatorText.textContent = '<?= _("Carte détectée") ?>';
+        }
+    } else {
+        this.classList.remove('reading');
+        indicator.classList.remove('active');
+    }
+});
+
+// Soumission automatique du formulaire
+inputField.addEventListener('change', function () {
+    alert(this.value);
+    retur;
+    if (this.value.length > 3) {
+        const type = detectScanType(this.value);
+        const message = type === 'qr' 
+            ? '<?= _("Traitement du QR code...") ?>' 
+            : '<?= _("Lecture de la carte...") ?>';
+        
+        var div_wait_nfc = $('#div_wait_nfc');
+        div_wait_nfc.html('<div style="padding-top:80px; text-align:center; font-size:14px; color: #4caf50;"><span><i class="fa fa-spinner fa-spin fa-5x"></i></span><p style="margin-top:20px;">' + message + '</p></div>');
+        this.form.submit();
+    }
+});
+
+// Focus automatique sur le champ (utile après rafraîchissement)
+window.addEventListener('load', function() {
+    inputField.focus();
+});
+</script>
\ No newline at end of file