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-11 11:36:33 +00:00
parent ae711a9514
commit 804bcc0d31
1 changed files with 90 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
Vue/Ajaxtbmodifieretendueterritoire/index.php
View File

@ -1,18 +1,90 @@
<form id="formData">
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$etendueterritoire['id']?>">
<table class="table table-responsive table-condensed">
<tbody>
<tr>
<td width="5%" align="center" >Code</td>
<td width="5%" ><INPUT class="form-control majuscule" TYPE="text" id="codeTerritoire" NAME="codeTerritoire" value="<?= $this->nettoyer($etendueterritoire['codeTerritoire']); ?>" disabled></td>
<td width="5%" align="center" class="required"><?= _("Libellé Fr") ?></td>
<td width="28%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($etendueterritoire['libelle']); ?>"></td>
<td width="5%" align="center"><?= _("Libellé Eng") ?></td>
<td width="27%" ><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng" value="<?= $this->nettoyer($etendueterritoire['libelleEng']); ?>"></td>
</tr>
</tbody>
</table>
</form>
<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-primary small" id="titre_formData">
<i class="fas fa-edit me-2"></i><?= _("Modification des données") ?>
</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($etendueterritoire['id']) ?>">
<div class="row g-4">
<div class="col-md-2">
<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="codeTerritoire"
name="codeTerritoire"
value="<?= $this->nettoyer($etendueterritoire['codeTerritoire']); ?>"
disabled>
</div>
</div>
<div class="col-md-5">
<label class="form-label fw-bold text-muted small text-uppercase required"><?= _("Libellé (Fr)") ?></label>
<div class="input-group shadow-xs">
<span class="input-group-text bg-white border-2 border-end-0">
<img src="Bootstrap_new/images/new/france.png" width="16" alt="FR">
</span>
<input type="text"
class="form-control border-2 border-start-0 majuscule fw-bold"
id="libelle"
name="libelle"
required
autocomplete="OFF"
value="<?= $this->nettoyer($etendueterritoire['libelle']); ?>">
</div>
</div>
<div class="col-md-5">
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Libellé (Eng)") ?></label>
<div class="input-group shadow-xs">
<span class="input-group-text bg-white border-2 border-end-0">
<img src="Bootstrap_new/images/new/england.png" width="16" alt="EN">
</span>
<input type="text"
class="form-control border-2 border-start-0 majuscule"
id="libelleEng"
name="libelleEng"
value="<?= $this->nettoyer($etendueterritoire['libelleEng']); ?>">
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// Règle d'Or Neutral Pro : Focus différé de 200ms
setTimeout(function() {
$('#libelle').focus();
}, 200);
});
</script>
<style>
/* Intégration identité Neutral Pro */
.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;
}
.form-control:focus {
border-color: #212e53;
box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
}
.majuscule { text-transform: uppercase; }
.required:after {
content: " *";
color: #dc3545;
font-weight: bold;
}
</style>