sd
This commit is contained in:
parent
a40f6db67f
commit
4f3914354f
|
|
@ -1,32 +1,111 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Ajouter des données") ?></legend>
|
||||
<table class="table table-responsive table-condensed">
|
||||
<tbody>
|
||||
<tr>
|
||||
|
||||
|
||||
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" ></td>
|
||||
|
||||
<td width="5%" align="center"><?= _("Nom Responsable") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="nomRespon" NAME="nomRespon"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Prénoms Responsable") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="prenomRespon" NAME="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-primary small" id="titre_formData">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter des données") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6">
|
||||
<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"
|
||||
required
|
||||
autocomplete="OFF">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Tél. Fixe") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control" TYPE="tel" id="telephoneFixe" NAME="telephoneFixe"></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td width="5%" align="center"><?= _("Tél. Mobile") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control" TYPE="tel" id="telephonePortable" NAME="telephonePortable"></td>
|
||||
|
||||
<td width="5%" align="center"><?= _("Email") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control" TYPE="email" id="email" NAME="email"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="col-md-6">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Prénoms 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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small text-uppercase"><?= _("Email") ?></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">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Respect de la règle de Focus Neutral Pro
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Styles spécifiques ERP Neutral Pro */
|
||||
.border-primary { border-color: #212e53 !important; }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
||||
.form-control.border-2 { border-width: 2px !important; }
|
||||
.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);
|
||||
}
|
||||
|
||||
.required:after {
|
||||
content: " *";
|
||||
color: #dc3545;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.majuscule { text-transform: uppercase; }
|
||||
</style>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="card border-0 shadow-sm border-start border-4 border-primary" style="border-radius: var(--radius-md);">
|
||||
<div class="card-header bg-white py-3 border-bottom">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-success small">
|
||||
<i class="fas fa-calendar-plus me-2"></i><?= _("Ajouter un nouveau jour férié") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="card border-0 shadow-sm border-start border-4 border-primary" style="border-radius: var(--radius-md);">
|
||||
<div class="card-header bg-white py-3 border-bottom">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-success small">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau secteur d'activité") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="card border-0 shadow-sm border-start border-4 border-primary" style="border-radius: var(--radius-md);">
|
||||
<div class="card-header bg-white py-3 border-bottom">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-success small">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau service") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="card border-0 shadow-sm border-start border-4 border-primary" style="border-radius: var(--radius-md);">
|
||||
<div class="card-header bg-white py-3 border-bottom">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-success small">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau titre / civilité") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="card border-0 shadow-sm border-start border-4 border-primary" style="border-radius: var(--radius-md);">
|
||||
<div class="card-header bg-white py-3 border-bottom">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-success small">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau district / région") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user