df
This commit is contained in:
parent
280bcb5df4
commit
377272f179
|
|
@ -1,32 +1,118 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
|
||||
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$bureau['id']?>">
|
||||
<table class="table table-responsive table-condensed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="5%" align="center">Code</td>
|
||||
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="codeBureau" NAME="codeBureau" value="<?=$bureau['codeBureau']?>" disabled></td>
|
||||
|
||||
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" autofocus value="<?=$bureau['libelle']?>"></td>
|
||||
|
||||
<td width="5%" align="center"><?= _("Nom Responsable") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="nomRespon" NAME="nomRespon" value="<?=$bureau['nomRespon']?>"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Prénom Responsable") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="prenomRespon" NAME="prenomRespon" value="<?=$bureau['prenomRespon']?>"></td>
|
||||
<div class="card border-0 shadow-sm border-start border-4 border-primary">
|
||||
<div class="card-header bg-white py-3 border-bottom">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-warning small" id="titre_formData">
|
||||
<i class="fas fa-edit me-2"></i><?= _("Modification des données du bureau") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<input type="hidden" id="id" name="id" value="<?= $this->nettoyer($bureau['id']) ?>">
|
||||
|
||||
<td width="5%" align="center"><?= _("Tél. Fixe") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control" TYPE="tel" id="telephoneFixe" NAME="telephoneFixe" value="<?=$bureau['telephoneFixe']?>"></td>
|
||||
|
||||
<td width="5%" align="center"><?= _("Tél. Mobile") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control" TYPE="tel" id="telephonePortable" NAME="telephonePortable" value="<?=$bureau['telephonePortable']?>"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center">E-mail</td>
|
||||
<td colspan="5" ><INPUT class="form-control" TYPE="email" id="email" NAME="email" value="<?=$bureau['email']?>"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase">Code</label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-lock text-muted"></i></span>
|
||||
<input type="text"
|
||||
class="form-control border-2 border-start-0 majuscule fw-bold bg-light"
|
||||
id="codeBureau"
|
||||
name="codeBureau"
|
||||
value="<?= $this->nettoyer($bureau['codeBureau']) ?>"
|
||||
disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase required"><?= _("Libellé") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-tag text-primary"></i></span>
|
||||
<input type="text"
|
||||
class="form-control border-2 border-start-0 majuscule fw-bold"
|
||||
id="libelle"
|
||||
name="libelle"
|
||||
value="<?= $this->nettoyer($bureau['libelle']) ?>"
|
||||
required
|
||||
autocomplete="OFF">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Nom Responsable") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user text-muted"></i></span>
|
||||
<input type="text"
|
||||
class="form-control border-2 border-start-0 majuscule"
|
||||
id="nomRespon"
|
||||
name="nomRespon"
|
||||
value="<?= $this->nettoyer($bureau['nomRespon']) ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Prénom Responsable") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user-edit text-muted"></i></span>
|
||||
<input type="text"
|
||||
class="form-control border-2 border-start-0 majuscule"
|
||||
id="prenomRespon"
|
||||
name="prenomRespon"
|
||||
value="<?= $this->nettoyer($bureau['prenomRespon']) ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Tél. Fixe") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-phone text-muted"></i></span>
|
||||
<input type="tel"
|
||||
class="form-control border-2 border-start-0"
|
||||
id="telephoneFixe"
|
||||
name="telephoneFixe"
|
||||
value="<?= $this->nettoyer($bureau['telephoneFixe']) ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Tél. Mobile") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-mobile-alt text-muted"></i></span>
|
||||
<input type="tel"
|
||||
class="form-control border-2 border-start-0"
|
||||
id="telephonePortable"
|
||||
name="telephonePortable"
|
||||
value="<?= $this->nettoyer($bureau['telephonePortable']) ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase">E-mail</label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-envelope text-muted"></i></span>
|
||||
<input type="email"
|
||||
class="form-control border-2 border-start-0"
|
||||
id="email"
|
||||
name="email"
|
||||
value="<?= $this->nettoyer($bureau['email']) ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Protocole de focus Neutral Pro : 200ms sur le premier champ modifiable
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Intégration des variables Neutral Pro si non définies globalement */
|
||||
.border-primary { border-color: #212e53 !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.form-control.border-2, .input-group-text.border-2 { border-width: 2px !important; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.required:after { content: " *"; color: #dc3545; font-weight: bold; }
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user