ebene/newdesigngestionnaire
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fg

Browse Source
This commit is contained in:
KONE SOREL 2026-03-12 10:58:33 +00:00
parent 5985514a53
commit 45669b62aa
1 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
Vue/Rechercheparcarte/index.php
View File

@ -1,39 +1,38 @@
<div class="page-content animate__animated animate__fadeIn">
<div class="header-section mb-0">
<div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
<div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
<i class="fas fa-id-card fs-4"></i>
<div class="header-section mb-3">
<div class="d-flex align-items-center bg-white p-2 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
<div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;">
<i class="fas fa-id-card fs-5"></i>
</div>
<div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Identification de l'Assuré") ?></h4>
<p class="text-muted small mb-0"><?= _("Scannez une carte NFC ou un QR Code pour identification immédiate") ?></p>
<h5 id="titre-page" class="mb-0 fw-bold text-uppercase small"><?= _("Identification de l'Assuré") ?></h5>
<p class="text-muted mb-0" style="font-size: 0.75rem;"><?= _("Scannez une carte NFC ou un QR Code") ?></p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6">
<div class="col-md-8 col-lg-5">
<form id="frmrechercheparcarte" name="frmrechercheparcarte" method="post" action="Rechercheparcarte/index/">
<div class="scan-container text-center">
<div class="scan-wrapper shadow-lg mb-2" id="scan-wrapper">
<div class="scan-inner p-5">
<div class="scan-corner tl"></div>
<div class="scan-wrapper shadow-lg mb-3" id="scan-wrapper">
<div class="scan-inner p-4"> <div class="scan-corner tl"></div>
<div class="scan-corner tr"></div>
<div class="scan-corner bl"></div>
<div class="scan-corner br"></div>
<div class="scan-interface py-4">
<div class="mb-4">
<div class="nfc-pulse-container mb-3">
<svg class="nfc-icon-pulse" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<div class="scan-interface">
<div class="mb-3">
<div class="nfc-pulse-container mb-2">
<svg class="nfc-icon-pulse" width="45" height="45" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M20 6a10 10 0 0 1 0 12"/>
<path d="M17 9a6 6 0 0 1 0 6"/>
<path d="M14 11.5a2 2 0 0 1 0 1"/>
<rect x="2" y="6" width="8" height="12" rx="1"/>
</svg>
</div>
<h6 class="text-uppercase fw-bold text-primary ls-2">Inter-Santé NFC / QR</h6>
<h6 class="text-uppercase fw-bold text-primary ls-1 small">Inter-Santé NFC / QR</h6>
</div>
<div class="input-focus-wrapper">
@ -44,21 +43,19 @@
name="donneesCarte"
autofocus
autocomplete="OFF"
placeholder="<?= _("En attente de détection...") ?>">
placeholder="<?= _("En attente...") ?>">
</div>
<div class="reading-indicator mt-4" id="reading-indicator">
<div class="d-flex align-items-center justify-content-center text-success">
<i class="fas fa-circle-notch fa-spin me-2"></i>
<span id="indicator-text" class="fw-bold text-uppercase small ls-1"><?= _("Prêt pour la lecture") ?></span>
</div>
<div class="reading-indicator mt-3" id="reading-indicator">
<i class="fas fa-check-circle me-2"></i>
<span id="indicator-text"><?= _("Prêt") ?></span>
</div>
</div>
</div>
</div>
<p class="text-muted small animate__animated animate__pulse animate__infinite">
<i class="fas fa-info-circle me-1"></i> <?= _("Approchez la carte du lecteur ou présentez le QR code à la caméra") ?>
<p class="text-muted fw-bold small animate__animated animate__pulse animate__infinite" style="font-size: 0.8rem;">
<?= _("Présentez la carte ou le code") ?>
</p>
</div>
@ -68,7 +65,7 @@
<div id="div_wait_nfc"></div>
<?php if (isset($msgErreur) && $msgErreur > " "): ?>
<div class="alert alert-danger-ghost border-0 rounded-pill text-center mt-4 animate__animated animate__shakeX">
<div class="alert-danger-ghost border-0 rounded-pill text-center mt-2">
<i class="fas fa-exclamation-triangle me-2"></i> <strong><?= $msgErreur ?></strong>
</div>
<?php endif; ?>