a

Vue/Rechercheparcarte/index.php

@@ -1,3 +1,71 @@
+<?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');
@@ -35,7 +103,7 @@ document.getElementById('frmrechercheparcarte').addEventListener('submit', funct
 
 // Détection du type de scan
 function detectScanType(value) {
-    if (value.endsWith('qr') {
+    if (value.endsWith('qr')) {
             return 'qr';
     }
     return 'nfc';