a
This commit is contained in:
parent
ae650f6951
commit
af68de26c8
98
Vue/Rechercheparcarte/index_nfc.php
Executable file
98
Vue/Rechercheparcarte/index_nfc.php
Executable file
|
|
@ -0,0 +1,98 @@
|
|||
<?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!")?>">
|
||||
|
||||
<div class="reading-indicator" id="reading-indicator">
|
||||
<i class="fa fa-check-circle"></i> <?= _("Carte détectée") ?>
|
||||
</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');
|
||||
|
||||
// Protection
|
||||
inputField.addEventListener('contextmenu', e => e.preventDefault());
|
||||
inputField.addEventListener('copy', e => e.preventDefault());
|
||||
inputField.addEventListener('cut', e => e.preventDefault());
|
||||
|
||||
// Feedback visuel pendant la saisie
|
||||
inputField.addEventListener('input', function() {
|
||||
if (this.value.length > 0) {
|
||||
this.classList.add('reading');
|
||||
indicator.classList.add('active');
|
||||
} else {
|
||||
this.classList.remove('reading');
|
||||
indicator.classList.remove('active');
|
||||
}
|
||||
});
|
||||
|
||||
// Votre logique existante
|
||||
inputField.addEventListener('change', function () {
|
||||
// alert(this.value);
|
||||
if (this.value.length > 3) {
|
||||
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" >' + '</span></div>');
|
||||
this.form.submit();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
98
Vue/Rechercheparcarte/index_sav_2026_02_16.php
Executable file
98
Vue/Rechercheparcarte/index_sav_2026_02_16.php
Executable file
|
|
@ -0,0 +1,98 @@
|
|||
<?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!")?>">
|
||||
|
||||
<div class="reading-indicator" id="reading-indicator">
|
||||
<i class="fa fa-check-circle"></i> <?= _("Carte détectée") ?>
|
||||
</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');
|
||||
|
||||
// Protection
|
||||
inputField.addEventListener('contextmenu', e => e.preventDefault());
|
||||
inputField.addEventListener('copy', e => e.preventDefault());
|
||||
inputField.addEventListener('cut', e => e.preventDefault());
|
||||
|
||||
// Feedback visuel pendant la saisie
|
||||
inputField.addEventListener('input', function() {
|
||||
if (this.value.length > 0) {
|
||||
this.classList.add('reading');
|
||||
indicator.classList.add('active');
|
||||
} else {
|
||||
this.classList.remove('reading');
|
||||
indicator.classList.remove('active');
|
||||
}
|
||||
});
|
||||
|
||||
// Votre logique existante
|
||||
inputField.addEventListener('change', function () {
|
||||
// alert(this.value);
|
||||
if (this.value.length > 3) {
|
||||
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" >' + '</span></div>');
|
||||
this.form.submit();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
Loading…
Reference in New Issue
Block a user