zaeter
This commit is contained in:
parent
8d5b4d5d06
commit
c40cec8390
|
|
@ -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>
|
||||
<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-success small" id="titre_formData">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau bureau") ?>
|
||||
</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 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" class="required"><?= _("Libellé") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" ></td>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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>
|
||||
|
||||
<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="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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>
|
||||
|
||||
<td width="5%" align="center"><?= _("Tél. Fixe") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control" TYPE="tel" id="telephoneFixe" NAME="telephoneFixe"></td>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Téléphone 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>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Téléphone 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>
|
||||
|
||||
<td width="5%" align="center"><?= _("Tél. Mobile") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control" TYPE="tel" id="telephonePortable" NAME="telephonePortable"></td>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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>
|
||||
|
||||
<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>
|
||||
<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,70 +1,128 @@
|
|||
<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"><?= _("Nom et Prénoms") ?></td>
|
||||
<td width="20%"><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" ></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-success small" id="titre_formData">
|
||||
<i class="fas fa-user-plus me-2"></i><?= _("Ajouter un commercial") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<td width="8%" align="center" class="required">Type</td>
|
||||
<td >
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="form-select">
|
||||
<?= liste_options($typeapp,'',false) ?>
|
||||
</select>
|
||||
</td>
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="row g-3">
|
||||
|
||||
<td width="5%" align="center"><?= _("Type Système") ?></td>
|
||||
<td colspan="5%">
|
||||
<select name="typeSysteme" id="typeSysteme" class="form-select">
|
||||
<?= liste_options($ouinonoptionnelle,'0',true) ?>
|
||||
</select>
|
||||
</td>
|
||||
<div class="col-md-5">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("Nom et Prénoms") ?></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-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>
|
||||
|
||||
</tr>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("Type") ?></label>
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body">
|
||||
<?= liste_options($typeapp, '', false) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Type Système") ?></label>
|
||||
<select name="typeSysteme" id="typeSysteme" class="selectpicker form-control border-2 shadow-xs" data-container="body">
|
||||
<?= liste_options($ouinonoptionnelle, '0', true) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Téléphone") ?></td>
|
||||
<td width="20%"><INPUT class="form-control" TYPE="tel" id="telephone" NAME="telephone"></td>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Téléphone") ?></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="telephone" name="telephone">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center">E-mail</td>
|
||||
<td colspan="3"><INPUT class="form-control" TYPE="email" id="email" NAME="email"></td>
|
||||
<div class="col-md-8">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</tr>
|
||||
<div class="col-md-5">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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-tie text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="nomResponsable" name="nomResponsable">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Responsable") ?></td>
|
||||
<td width="20%"><INPUT class="form-control majuscule" TYPE="text" id="nomResponsable" NAME="nomResponsable"></td>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("N° Mobile Paiement") ?></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-success"></i></span>
|
||||
<input type="number" class="form-control border-2 border-start-0 fw-bold"
|
||||
id="mobilePaiement" name="mobilePaiement" value="0" title="<?= _("L'indicatif est obligatoire")?>" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Mobile Payer") ?></td>
|
||||
<td width="20%"><INPUT class="form-control" TYPE="number" id="mobilePaiement" NAME="mobilePaiement" value="0" title="<?= _("L'indicatif est obligatoire")?>"></td>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Déduire Commission") ?></label>
|
||||
<select name="deduireComm" id="deduireComm" class="selectpicker form-control border-2 shadow-xs" data-container="body">
|
||||
<?= liste_options($ouinonoptionnelle, '1', true) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("Bureau") ?></label>
|
||||
<select name="codeBureau" id="codeBureau" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body" required>
|
||||
<?= liste_options($bureau, '', false) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Déduire Commission") ?></td>
|
||||
<td colspan="5%">
|
||||
<select name="deduireComm" id="deduireComm" class="form-select">
|
||||
<?= liste_options($ouinonoptionnelle,'1',true) ?>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Postale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-signs text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adressePost" name="adressePost">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<tr>
|
||||
<td width="5%" align="center" class="required"><?= _("Bureau") ?></td>
|
||||
<td width="50%">
|
||||
<select name="codeBureau" id="codeBureau" class="form-select" required AUTOCOMPLETE="OFF">
|
||||
<?= liste_options($bureau,'',false) ?>
|
||||
</select>
|
||||
</td>
|
||||
<div class="col-md-12">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Géographique") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adresseGeo" name="adresseGeo">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Adr. Postale") ?></td>
|
||||
<td colspan="5%">
|
||||
<INPUT class="form-control majuscule" TYPE="text" id="adressePost" NAME="adressePost">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Adr. Géo.") ?></td>
|
||||
<td colspan="5"><INPUT class="form-control majuscule" TYPE="text" id="adresseGeo" NAME="adresseGeo" value=" "></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation des SelectPickers selon le standard
|
||||
$('.selectpicker').selectpicker();
|
||||
|
||||
// Focus différé de 200ms sur le premier champ
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.border-primary { border-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; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.required:after { content: " *"; color: #dc3545; font-weight: bold; }
|
||||
|
||||
/* Ajustement spécifique SelectPicker pour coller au design 2px */
|
||||
.bootstrap-select > .dropdown-toggle.bs-placeholder,
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
border-width: 2px !important;
|
||||
height: 38px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,23 +1,102 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Ajouter des données") ?></legend>
|
||||
<table class="table table-responsive table-condensed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="10%" align="center" class="required"><?= _("Libellé") ?></td>
|
||||
<td ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF"></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-success small" id="titre_formData">
|
||||
<i class="fas fa-hourglass-start me-2"></i><?= _("Ajouter un libellé d'entête de tranche d'âge") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<td width="10%" align="center"><?= _("Libellé Eng") ?></td>
|
||||
<td ><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" align="center" class="required"><?= _("Garant") ?></td>
|
||||
<td colspan="5" >
|
||||
<select class="form-control selectpicker" data-live-search="true" id="codeGcAssureur" NAME="codeGcAssureur" required AUTOCOMPLETE="OFF" autofocus>
|
||||
<?php liste_options($garants,""); ?>
|
||||
</SELECT>
|
||||
</td>
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="row g-4">
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small 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/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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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/england.png" width="16" alt="EN">
|
||||
</span>
|
||||
<input type="text"
|
||||
class="form-control border-2 border-start-0 majuscule"
|
||||
id="libelleEng"
|
||||
name="libelleEng"
|
||||
autocomplete="OFF">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("Garant") ?></label>
|
||||
<div class="shadow-xs">
|
||||
<select class="selectpicker form-control border-2"
|
||||
data-live-search="true"
|
||||
data-container="body"
|
||||
id="codeGcAssureur"
|
||||
name="codeGcAssureur"
|
||||
required>
|
||||
<?php liste_options($garants, ""); ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// 1. Initialisation du SelectPicker selon le standard
|
||||
$('.selectpicker').selectpicker();
|
||||
|
||||
// 2. Règle d'Or UX : Focus différé de 200ms sur le premier champ modifiable
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Identité Visuelle 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;
|
||||
}
|
||||
|
||||
.majuscule { text-transform: uppercase; }
|
||||
|
||||
.required:after {
|
||||
content: " *";
|
||||
color: #dc3545;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Harmonisation du bouton SelectPicker avec le style 2px */
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
border-width: 2px !important;
|
||||
border-color: #dee2e6 !important;
|
||||
height: 42px !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.bootstrap-select > .dropdown-toggle:focus {
|
||||
border-color: #212e53 !important;
|
||||
outline: none !important;
|
||||
box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,16 +1,76 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Ajouter des données") ?></legend>
|
||||
<table class="table table-responsive table-condensed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<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-success small" id="titre_formData">
|
||||
<i class="fas fa-map-marked-alt me-2"></i><?= _("Ajouter une étendue de territoire") ?>
|
||||
</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 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/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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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" ></td>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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/england.png" width="16" alt="EN">
|
||||
</span>
|
||||
<input type="text"
|
||||
class="form-control border-2 border-start-0 majuscule"
|
||||
id="libelleEng"
|
||||
name="libelleEng"
|
||||
autocomplete="OFF">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Libellé Eng") ?></td>
|
||||
<td width="27%"><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Règle d'Or Neutral Pro : Focus sur le premier champ modifiable après 200ms
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Identité Visuelle 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, .input-group-text.border-2 {
|
||||
border-width: 2px !important;
|
||||
border-color: #dee2e6;
|
||||
}
|
||||
|
||||
.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>
|
||||
|
|
@ -1,51 +1,103 @@
|
|||
<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">Type</td>
|
||||
<td width="20%">
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="form-select" required>
|
||||
<?= liste_options($typeinter,'',false) ?>
|
||||
</select>
|
||||
</td>
|
||||
<td width="5%" align="center" class="required"><?= _("Raison Sociale") ?></td>
|
||||
<td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required></td>
|
||||
<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-success small">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouvel intermédiaire / courtier") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Responsable") ?></td>
|
||||
<td colspan="3" ><INPUT class="form-control majuscule" TYPE="text" id="nomResponsable" NAME="nomResponsable"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Téléphone") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control" TYPE="tel" id="telephone" NAME="telephone"></td>
|
||||
<div class="card-body bg-light-50 p-4">
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("Type Intermédiaire") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user-tie text-muted"></i></span>
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="form-control selectpicker border-2 border-start-0" required>
|
||||
<?= liste_options($typeinter, '', true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center">E-mail</td>
|
||||
<td width="20%" ><INPUT class="form-control" TYPE="email" id="email" NAME="email"></td>
|
||||
<div class="col-md-5">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("Raison Sociale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-building text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="libelle" name="libelle" required autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Bureau") ?></td>
|
||||
<td width="20%">
|
||||
<select name="codeBureau" id="codeBureau" class="form-select">
|
||||
<?= liste_options($bureau,'',false) ?>
|
||||
</select>
|
||||
</td>
|
||||
<td width="5%" align="center"><?= _("Déduire Com") ?></td>
|
||||
<td >
|
||||
<select name="deduireComm" id="deduireComm" class="form-select">
|
||||
<?= liste_options($ouinonoptionnelle,'1',true) ?>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Mobile Payer") ?></td>
|
||||
<td ><INPUT class="form-control" TYPE="number" id="mobilePaiement" NAME="mobilePaiement" value="0" title="<?= _("L'indicatif est obligatoire")?>"></td>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("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="nomResponsable" name="nomResponsable" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Adresse Géo.") ?></td>
|
||||
<td ><INPUT class="form-control majuscule" TYPE="text" id="adresseGeo" NAME="adresseGeo" value=""></td>
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("Téléphone") ?></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="telephone" name="telephone" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("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" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Adresse Post.") ?></td>
|
||||
<td colspan="3" ><INPUT class="form-control majuscule" TYPE="text" id="adressePost" NAME="adressePost" value=""></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Bureau") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marked-alt text-muted"></i></span>
|
||||
<select name="codeBureau" id="codeBureau" class="form-control selectpicker border-2 border-start-0">
|
||||
<?= liste_options($bureau, '', true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Déduire Commmission") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-percent text-muted"></i></span>
|
||||
<select name="deduireComm" id="deduireComm" class="form-control selectpicker border-2 border-start-0">
|
||||
<?= liste_options($ouinonoptionnelle, '1', true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("N° Mobile Paiement") ?></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="number" class="form-control border-2 border-start-0" id="mobilePaiement" name="mobilePaiement" value="0" title="<?= _("L'indicatif est obligatoire")?> required">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Adresse Géographique") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adresseGeo" name="adresseGeo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Adresse Postale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-mailbox text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adressePost" name="adressePost">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -1,63 +1,128 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Ajouter des données") ?></legend>
|
||||
<table class="table table-responsive table-condensed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<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-success small" id="titre_formData">
|
||||
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un point de vente") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<div class="row g-3">
|
||||
|
||||
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
|
||||
<td colspan="2" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF"></td>
|
||||
<div class="col-md-8">
|
||||
<label class="form-label fw-bold text-muted small 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-store 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">Type</td>
|
||||
<td colspan="7%">
|
||||
<select name="codeTypePointVente" id="codeTypePointVente" class="form-select">
|
||||
<?= liste_options($typepointvente,'',false) ?>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td width="5%" align="center">Email</td>
|
||||
<td colspan="2" ><INPUT class="form-control" TYPE="tel" id="email" NAME="email"></td>
|
||||
|
||||
<td width="5%" align="center"><?= _("Téléphone") ?></td>
|
||||
<td colspan="7%"><INPUT class="form-control" TYPE="telephone" id="telephone" NAME="telephone"></td>
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center">Adr. Post.</td>
|
||||
<td colspan="2" ><INPUT class="form-control" TYPE="text" id="adressePost" NAME="adressePost" value=" "></td>
|
||||
|
||||
<td width="5%" align="center">Adr. Géo.</td>
|
||||
<td colspan="5" ><INPUT class="form-control" TYPE="text" id="adresseGeo" NAME="adresseGeo"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center">Pays</td>
|
||||
<td colspan="2">
|
||||
<select name="codePays" id="codePays" class="form-select" onchange="JAVASCRIPT:filtreVilleParPays();">
|
||||
<?= liste_options($pays,'',false) ?>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td width="5%" align="center">Ville</td>
|
||||
<td colspan="2">
|
||||
<div id="div_ville">
|
||||
<select name="codeVille" id="codeVille" class="form-select">
|
||||
<?= liste_options($ville,'',false) ?>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small">Type</label>
|
||||
<select name="codeTypePointVente" id="codeTypePointVente" class="selectpicker form-control border-2 shadow-xs" data-container="body">
|
||||
<?= liste_options($typepointvente, '', false) ?>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td width="5%" align="center">Localite</td>
|
||||
<td width="20%">
|
||||
<div id="div_localite">
|
||||
<select name="codeLocalite" id="codeLocalite" class="form-select">
|
||||
<?= liste_options($localite,'',false) ?>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small">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 class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Téléphone") ?></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="telephone" name="telephone">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Postale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-signs text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adressePost" name="adressePost">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-8">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Géographique") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adresseGeo" name="adresseGeo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Pays") ?></label>
|
||||
<select name="codePays" id="codePays" class="selectpicker form-control border-2 shadow-xs"
|
||||
data-live-search="true" data-container="body" onchange="filtreVilleParPays();">
|
||||
<?= liste_options($pays, '', false) ?>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Région") ?></label>
|
||||
<div id="div_ville">
|
||||
<select name="codeVille" id="codeVille" class="selectpicker form-control border-2 shadow-xs"
|
||||
data-live-search="true" data-container="body" onchange="JAVASCRIPT:filtreLocaliteParVille();">
|
||||
<?= liste_options($ville, '', false) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Ville") ?></label>
|
||||
<div id="div_localite">
|
||||
<select name="codeLocalite" id="codeLocalite" class="selectpicker form-control border-2 shadow-xs"
|
||||
data-live-search="true" data-container="body">
|
||||
<?= liste_options($localite, '', false) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation Standard des SelectPickers
|
||||
$('.selectpicker').selectpicker();
|
||||
|
||||
// Focus UX Neutral Pro
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
});
|
||||
|
||||
/**
|
||||
* Exemple de fonction de mise à jour dynamique respectant le protocole
|
||||
* (A adapter selon votre logique de chargement de div_ville/div_localite)
|
||||
*/
|
||||
function actualiserSelectsGeographiques() {
|
||||
// Après avoir injecté le nouveau HTML dans div_ville ou div_localite
|
||||
// Il faut détruire et ré-init le plugin
|
||||
$('.selectpicker').selectpicker('destroy').selectpicker();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.border-primary { border-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; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.required:after { content: " *"; color: #dc3545; font-weight: bold; }
|
||||
|
||||
/* Harmonisation SelectPicker */
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
border-width: 2px !important;
|
||||
height: 38px !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,95 +1,85 @@
|
|||
<?php
|
||||
$nbreTotal = count($bureau);
|
||||
|
||||
|
||||
if($nbreTotal < 10){
|
||||
$nbreTotal = '0'.$nbreTotal;
|
||||
}else{
|
||||
$nbreTotal = format_N($nbreTotal);
|
||||
}
|
||||
|
||||
if (est_anglophone()){
|
||||
if($existeselection){
|
||||
$libbouton = "Uncheck all";
|
||||
}else{
|
||||
$libbouton = "Check all";
|
||||
}
|
||||
}else{
|
||||
if($existeselection){
|
||||
$libbouton = "Décocher tous";
|
||||
}else{
|
||||
$libbouton = "Cocher tous";
|
||||
}
|
||||
}
|
||||
|
||||
// Nettoyage initial des données
|
||||
$nbreTotal = count($bureau);
|
||||
?>
|
||||
|
||||
<div class="card border-0 shadow-sm overflow-hidden">
|
||||
<div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<i class="fas fa-building me-2"></i><?= _("Référentiel des Bureaux") ?>
|
||||
</h6>
|
||||
<span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
|
||||
<?= $nbreTotal ?> <?= _("Lignes") ?>
|
||||
</span>
|
||||
</div>
|
||||
<div id="table-buttons" class="d-flex gap-2"></div>
|
||||
</div>
|
||||
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table id="tableLister" class="table table-hover align-middle mb-0" style="width:100%">
|
||||
<thead class="bg-light text-muted small text-uppercase">
|
||||
<tr>
|
||||
<th class="ps-4 border-0"><?= _("Centre") ?></th>
|
||||
<th class="border-0">Code</th>
|
||||
<th class="border-0"><?= _("Libellé") ?></th>
|
||||
<th class="border-0"><?= _("Responsable") ?></th>
|
||||
<th class="border-0"><?= _("Téléphone") ?></th>
|
||||
<th class="border-0 text-center pe-4"><?= _("Actions") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($bureau as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
?>
|
||||
<tr>
|
||||
<td class="ps-4 fw-medium text-muted small">
|
||||
<?= $this->nettoyer($v['codeSociete']) ?>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-light text-dark border fw-bold px-2 py-1">
|
||||
<?= $this->nettoyer($v['codeBureau']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td class="fw-bold text-dark">
|
||||
<?= $this->nettoyer($v['libelle']) ?>
|
||||
</td>
|
||||
<td class="text-muted">
|
||||
<i class="far fa-user-circle me-1"></i> <?= $this->nettoyer($v['respo']) ?>
|
||||
</td>
|
||||
<td class="small">
|
||||
<i class="fas fa-phone-alt me-1 opacity-50"></i> <?= $this->nettoyer($v['contacts']) ?>
|
||||
</td>
|
||||
<td class="text-center pe-4">
|
||||
<button type="button"
|
||||
class="btn btn-outline-primary btn-sm px-3 rounded-pill fw-bold shadow-xs"
|
||||
onclick="formModifTableRef(<?= $idData; ?>);">
|
||||
<i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation standard avec moteur d'export et compteur dynamique
|
||||
initDataTableReference('#tableLister', 'Liste_Bureaux');
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<?php $superUser = $_SESSION['superUser']; ?>
|
||||
|
||||
<table style="margin: auto" class="table-responsive">
|
||||
<tbody>
|
||||
<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="<?= _("Lignes Total").": ". $nbreTotal; ?>" readonly> </td>
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" id="total" value="<?= $nbreTotal ; ?>">
|
||||
<table id="tableLister" class="table table-striped table-bordered table-hover table-condensed table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"><?= _("Centre gestion") ?></th>
|
||||
<th class="text-center" >Code</th>
|
||||
<th class="text-center"><?= _("Libellé") ?></th>
|
||||
<th class="text-center"><?= _("Responsable") ?></th>
|
||||
<th class="text-center"><?= _("Téléphone") ?></th>
|
||||
<!--
|
||||
<th class="text-center">
|
||||
<button type="button" style="font-size:10pt; font-weight: bold; width:100%; background-color:#4caf50; color: white;" class="form-control btn" onclick="javascript:cocherDecocherTout($('#fichier_lister').val());" > <?= $libbouton; ?> </button>
|
||||
</th>
|
||||
-->
|
||||
<th class="text-center"><?= _("Modifier") ?></th>
|
||||
<!--
|
||||
<th class="text-center">Supprimer</th>
|
||||
-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($bureau as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
?>
|
||||
<tr valign="top">
|
||||
<td class="text-center" width="15%"><?= $this->nettoyer($v['codeSociete']) ?></td>
|
||||
<td class="text-center" width="10%"><?= $this->nettoyer($v['codeBureau']) ?></td>
|
||||
<td class="text-left" width="30%"><?= $this->nettoyer($v['libelle']) ?></td>
|
||||
<td class="text-left" width="20%"><?= $this->nettoyer($v['respo']) ?></td>
|
||||
<td class="text-left" width="20%"><?= $this->nettoyer($v['contacts']) ?></td>
|
||||
<!--
|
||||
<td class="text-center" width="10%">
|
||||
<?php
|
||||
if($this->nettoyer($v['choix'] == '0')){
|
||||
$check ='';
|
||||
}
|
||||
else{
|
||||
$check = 'checked';
|
||||
}
|
||||
?>
|
||||
<INPUT TYPE="checkbox" class="custom-control-input" style="width: 2rem;height: 2rem;" id="choix" NAME="choix" value="<?=(($this->nettoyer($v['choix'])==0)? 0 : 1);?>" onclick="if (this.checked) this.value=1; else this.value=0;cocherDecocherUn($('#fichier_lister').val(),<?= $idData; ?>);" <?= $check;?>>
|
||||
</td>
|
||||
-->
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class ="form-control btn btn-primary" type="button" id="btn-editer" name="Modifier"
|
||||
onclick="JAVASCRIPT:formModifTableRef(<?= $idData; ?>);" ><?= _("Modifier") ?></button>
|
||||
</td>
|
||||
<!--
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class = "form-control btn btn-danger" type="button" id="btn-supprimer" name="Supprimer"
|
||||
onclick="JAVASCRIPT:supprimeLigneListe(<?= $idData; ?>,'<?= $superUser; ?>')">Supprimer</button>
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<style>
|
||||
/* Rappel des styles du Master Prompt */
|
||||
#tableLister tbody td {
|
||||
height: 60px; /* Règle d'or Neutral Pro */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -1,53 +1,89 @@
|
|||
<?php
|
||||
$nbreTotal = count($commerciaux);
|
||||
|
||||
if($nbreTotal < 10){
|
||||
$nbreTotal = '0'.$nbreTotal;
|
||||
}else{
|
||||
$nbreTotal = format_N($nbreTotal);
|
||||
}
|
||||
|
||||
// Préparation simplifiée du compteur conforme au standard
|
||||
$nbreTotal = count($commerciaux);
|
||||
?>
|
||||
|
||||
<table style="margin: auto" class="table-responsive">
|
||||
<tbody>
|
||||
<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="<?= _("Lignes Total").": ". $nbreTotal; ?>" readonly> </td>
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" id="total" value="<?= $nbreTotal; ?>">
|
||||
<table id="tableLister" class="table table-striped table-bordered table-hover table-condensed table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"><?= _("Centre gestion") ?></th>
|
||||
<th class="text-center">Code</th>
|
||||
<th class="text-center"><?= _("Nom et Prénoms") ?></th>
|
||||
<th class="text-center">Type</th>
|
||||
<th class="text-center"><?= _("Bureau") ?></th>
|
||||
<div class="card border-0 shadow-sm overflow-hidden">
|
||||
<div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<i class="fas fa-users me-2"></i><?= _("Référentiel des Commerciaux") ?>
|
||||
</h6>
|
||||
<span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
|
||||
<?= $nbreTotal ?> <?= _("Lignes") ?>
|
||||
</span>
|
||||
</div>
|
||||
<div id="table-buttons" class="d-flex gap-2"></div>
|
||||
</div>
|
||||
|
||||
<th class="text-center"><?= _("Modifier") ?></th>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table id="tableLister" class="table table-hover align-middle mb-0" style="width:100%">
|
||||
<thead class="bg-light text-muted small text-uppercase">
|
||||
<tr>
|
||||
<th class="ps-4 border-0"><?= _("Centre gestion") ?></th>
|
||||
<th class="border-0">Code</th>
|
||||
<th class="border-0"><?= _("Nom et Prénoms") ?></th>
|
||||
<th class="border-0">Type</th>
|
||||
<th class="border-0"><?= _("Bureau") ?></th>
|
||||
<th class="border-0 text-center pe-4"><?= _("Actions") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($commerciaux as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
?>
|
||||
<tr>
|
||||
<td class="ps-4 fw-medium text-muted small">
|
||||
<?= $this->nettoyer($v['codeSociete']) ?>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-light text-dark border fw-bold px-2 py-1">
|
||||
<?= $this->nettoyer($v['codeApporteur']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td class="fw-bold text-dark">
|
||||
<?= $this->nettoyer($v['libelle']) ?>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted small fw-bold text-uppercase">
|
||||
<i class="fas fa-id-badge me-1 opacity-50"></i><?= $this->nettoyer($v['typeapp']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="text-muted small">
|
||||
<i class="fas fa-map-marker-alt me-1 opacity-50"></i><?= $this->nettoyer($v['bureau']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-center pe-4">
|
||||
<button type="button"
|
||||
class="btn btn-outline-primary btn-sm px-3 rounded-pill fw-bold shadow-xs"
|
||||
onclick="formModifTableRef(<?= $idData; ?>);">
|
||||
<i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation avec activation des exports Excel/PDF et compteur dynamique
|
||||
initDataTableReference('#tableLister', 'Liste_Commerciaux');
|
||||
});
|
||||
</script>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($commerciaux as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
|
||||
?>
|
||||
<tr valign="top">
|
||||
<td class="text-center" width="18%"><?= $this->nettoyer($v['codeSociete']);; ?>
|
||||
<td class="text-center" width="10%"><?= $this->nettoyer($v['codeApporteur']) ?></td>
|
||||
<td class="text-left" width="30%"><?= $this->nettoyer($v['libelle']) ?></td>
|
||||
<td class="text-left" width="25%"><?= $this->nettoyer($v['typeapp']) ?></td>
|
||||
<td class="text-left" width="20%"><?= $this->nettoyer($v['bureau']) ?></td>
|
||||
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class ="form-control btn btn-primary" type="button" id="btn-editer" name="Modifier"
|
||||
onclick="JAVASCRIPT:formModifTableRef(<?= $idData; ?>);" ><?= _("Modifier") ?></button>
|
||||
</td>
|
||||
|
||||
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<style>
|
||||
/* Rappel des hauteurs de lignes et styles spécifiques du Master Prompt */
|
||||
#tableLister tbody td {
|
||||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -1,55 +1,82 @@
|
|||
<?php
|
||||
$nbreTotal = count($tabentete);
|
||||
|
||||
if($nbreTotal < 10){
|
||||
$nbreTotal = '0'.$nbreTotal;
|
||||
}else{
|
||||
$nbreTotal = format_N($nbreTotal);
|
||||
}
|
||||
// Préparation du compteur Standard Neutral Pro
|
||||
$nbreTotal = count($tabentete);
|
||||
?>
|
||||
|
||||
<?php $superUser = $_SESSION['superUser']; ?>
|
||||
<div class="card border-0 shadow-sm overflow-hidden">
|
||||
<div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<i class="fas fa-hourglass-half me-2"></i><?= _("Référentiel des entêtes de Tranches d'Âge") ?>
|
||||
</h6>
|
||||
<span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
|
||||
<?= $nbreTotal ?> <?= _("Lignes") ?>
|
||||
</span>
|
||||
</div>
|
||||
<div id="table-buttons" class="d-flex gap-2"></div>
|
||||
</div>
|
||||
|
||||
<table style="margin: auto" class="table-responsive">
|
||||
<tbody>
|
||||
<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="<?= _("Lignes Total").": ". $nbreTotal; ?>" readonly> </td>
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" id="total" value="<?= $nbreTotal; ?>">
|
||||
<table id="tableLister" class="table table-striped table-bordered table-hover table-condensed table-responsive caompact">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"><?= _("Centre gestion") ?></th>
|
||||
<th class="text-center"><?= _("Garant") ?></th>
|
||||
<th class="text-center">Code</th>
|
||||
<th class="text-center"><?= _("Libellé") ?></th>
|
||||
<th class="text-center"><?= _("Modifier") ?></th>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table id="tableLister" class="table table-hover align-middle mb-0" style="width:100%">
|
||||
<thead class="bg-light text-muted small text-uppercase">
|
||||
<tr>
|
||||
<th class="ps-4 border-0"><?= _("Centre") ?></th>
|
||||
<th class="border-0"><?= _("Garant") ?></th>
|
||||
<th class="border-0">Code</th>
|
||||
<th class="border-0"><?= _("Libellé") ?></th>
|
||||
<th class="border-0 text-center pe-4"><?= _("Actions") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($tabentete as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
$libelle = est_anglophone() ? $this->nettoyer($v['libelleEng']) : $this->nettoyer($v['libelle']);
|
||||
?>
|
||||
<tr>
|
||||
<td class="ps-4 fw-medium text-muted small">
|
||||
<?= $this->nettoyer($v['codeSociete']) ?>
|
||||
</td>
|
||||
<td class="fw-bold text-dark text-uppercase">
|
||||
<span class="badge bg-white border text-primary shadow-xs px-2">
|
||||
<i class="fas fa-shield-alt me-1 opacity-50"></i> <?= $this->nettoyer($v['garant']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<code class="fw-bold text-primary"><?= $this->nettoyer($v['codeEnteteTrancheAge']) ?></code>
|
||||
</td>
|
||||
<td class="fw-medium">
|
||||
<?= $libelle ?>
|
||||
</td>
|
||||
<td class="text-center pe-4">
|
||||
<button type="button"
|
||||
class="btn btn-outline-primary btn-sm px-3 rounded-pill fw-bold shadow-xs"
|
||||
onclick="formModifTableRef(<?= $idData; ?>);">
|
||||
<i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($tabentete as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation standard avec exports et compteur
|
||||
initDataTableReference('#tableLister', 'Tranches_Age_Entete');
|
||||
});
|
||||
</script>
|
||||
|
||||
$libelle = $this->nettoyer($v['libelle']);
|
||||
|
||||
if (est_anglophone()){
|
||||
$libelle = $this->nettoyer($v['libelleEng']);
|
||||
|
||||
}
|
||||
?>
|
||||
<tr valign="top">
|
||||
<td class="text-center" width="15%"><?= $this->nettoyer($v['codeSociete']);; ?>
|
||||
<td class="text-center majuscule" width="20%"><?= $this->nettoyer($v['garant']) ?></td>
|
||||
<td class="text-center" width="20%"><?= $this->nettoyer($v['codeEnteteTrancheAge']) ?></td>
|
||||
<td class="text-center" width="20%"><?= $libelle ?></td>
|
||||
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class ="form-control btn btn-primary" type="button" id="btn-editer" name="Modifier"
|
||||
onclick="JAVASCRIPT:formModifTableRef(<?= $idData; ?>);" ><?= _("Modifier") ?></button>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<style>
|
||||
/* Rappel des règles d'or Neutral Pro */
|
||||
#tableLister tbody td {
|
||||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -1,91 +1,79 @@
|
|||
<?php
|
||||
$nbreTotal = count($etendueterritoire);
|
||||
|
||||
if($nbreTotal < 10){
|
||||
$nbreTotal = '0'.$nbreTotal;
|
||||
}else{
|
||||
$nbreTotal = format_N($nbreTotal);
|
||||
}
|
||||
|
||||
if (est_anglophone()){
|
||||
if($existeselection){
|
||||
$libbouton = "Uncheck all";
|
||||
}else{
|
||||
$libbouton = "Check all";
|
||||
}
|
||||
}else{
|
||||
if($existeselection){
|
||||
$libbouton = "Décocher tous";
|
||||
}else{
|
||||
$libbouton = "Cocher tous";
|
||||
}
|
||||
}
|
||||
|
||||
// Préparation simplifiée du compteur Standard
|
||||
$nbreTotal = count($etendueterritoire);
|
||||
?>
|
||||
|
||||
<?php $superUser = $_SESSION['superUser']; ?>
|
||||
<div class="card border-0 shadow-sm overflow-hidden">
|
||||
<div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<i class="fas fa-map-marked-alt me-2"></i><?= _("Référentiel des étendues de Territoire") ?>
|
||||
</h6>
|
||||
<span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
|
||||
<?= $nbreTotal ?> <?= _("Lignes") ?>
|
||||
</span>
|
||||
</div>
|
||||
<div id="table-buttons" class="d-flex gap-2"></div>
|
||||
</div>
|
||||
|
||||
<table style="margin: auto" class="table-responsive">
|
||||
<tbody>
|
||||
<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="<?= _("Lignes Total").": ". $nbreTotal; ?>" readonly> </td>
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" id="total" value="<?= $nbreTotal; ?>">
|
||||
<input type="hidden" id="selectionne" value="<?= $existeselection ? 'true' : 'false'; ?>">
|
||||
<table id="tableLister" class="table table-striped table-bordered table-hover table-condensed table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"><?= _("Centre gestion") ?></th>
|
||||
<th class="text-center">Code</th>
|
||||
<th class="text-center"><?= _("Libellé") ?></th>
|
||||
<!--
|
||||
<th class="text-center">
|
||||
<button type="button" style="font-size:10pt; font-weight: bold; width:100%; background-color:#4caf50; color: white;" class="form-control btn" onclick="javascript:cocherDecocherTout($('#fichier_lister').val());" > <?= $libbouton; ?> </button>
|
||||
</th>
|
||||
-->
|
||||
<th class="text-center"><?= _("Modifier") ?></th>
|
||||
<!--
|
||||
<th class="text-center">Supprimer</th>
|
||||
-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($etendueterritoire as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
if (est_anglophone()){
|
||||
$libelle = $this->nettoyer($v['libelleEng']);
|
||||
}else{
|
||||
$libelle = $this->nettoyer($v['libelle']);
|
||||
}
|
||||
?>
|
||||
<tr valign="top">
|
||||
<td class="text-center" width="15%"><?= $this->nettoyer($v['codeSociete']);; ?>
|
||||
<td class="text-center" width="10%"><?= $this->nettoyer($v['codeTerritoire']) ?></td>
|
||||
<td class="text-left" width="55%"><?= $libelle; ?></td>
|
||||
<!--
|
||||
<td class="text-center" width="10%">
|
||||
<?php
|
||||
if($this->nettoyer($v['choix'] == '0')){
|
||||
$check ='';
|
||||
}
|
||||
else{
|
||||
$check = 'checked';
|
||||
}
|
||||
?>
|
||||
<INPUT TYPE="checkbox" class="custom-control-input" style="width: 2rem;height: 2rem;" id="choix" NAME="choix" value="<?=(($this->nettoyer($v['choix'])==0)? 0 : 1);?>" onclick="if (this.checked) this.value=1; else this.value=0;cocherDecocherUn($('#fichier_lister').val(),<?= $idData; ?>);" <?= $check;?>>
|
||||
</td>
|
||||
-->
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class ="form-control btn btn-primary" type="button" id="btn-editer" name="Modifier"
|
||||
onclick="JAVASCRIPT:formModifTableRef(<?= $idData; ?>);" ><?= _("Modifier") ?></button>
|
||||
</td>
|
||||
<!--
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class = "form-control btn btn-danger" type="button" id="btn-supprimer" name="Supprimer"
|
||||
onclick="JAVASCRIPT:supprimeLigneListe(<?= $idData; ?>,'<?= $superUser; ?>')">Supprimer</button>
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table id="tableLister" class="table table-hover align-middle mb-0" style="width:100%">
|
||||
<thead class="bg-light text-muted small text-uppercase">
|
||||
<tr>
|
||||
<th class="ps-4 border-0" width="20%"><?= _("Centre") ?></th>
|
||||
<th class="border-0" width="15%">Code</th>
|
||||
<th class="border-0"><?= _("Libellé") ?></th>
|
||||
<th class="border-0 text-center pe-4" width="15%"><?= _("Actions") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($etendueterritoire as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
// Gestion multilingue systématique
|
||||
$libelle = est_anglophone() ? $this->nettoyer($v['libelleEng']) : $this->nettoyer($v['libelle']);
|
||||
?>
|
||||
<tr>
|
||||
<td class="ps-4 fw-medium text-muted small">
|
||||
<?= $this->nettoyer($v['codeSociete']) ?>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-light text-dark border fw-bold px-2 py-1">
|
||||
<?= $this->nettoyer($v['codeTerritoire']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td class="fw-bold text-dark">
|
||||
<?= $libelle ?>
|
||||
</td>
|
||||
<td class="text-center pe-4">
|
||||
<button type="button"
|
||||
class="btn btn-outline-primary btn-sm px-3 rounded-pill fw-bold shadow-xs"
|
||||
onclick="formModifTableRef(<?= $idData; ?>);">
|
||||
<i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation avec le moteur d'export et compteur dynamique
|
||||
initDataTableReference('#tableLister', 'Etendue_Territoire');
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Application des règles d'or Neutral Pro */
|
||||
#tableLister tbody td {
|
||||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -1,53 +1,69 @@
|
|||
<?php
|
||||
$nbreTotal = count($intermediaire);
|
||||
<div class="card border-0 shadow-sm overflow-hidden" style="border-radius: var(--radius-md);">
|
||||
<div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<i class="fas fa-handshake me-2"></i><?= _("Référentiel des Courtiers & Intermédiaires") ?>
|
||||
</h6>
|
||||
<span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
|
||||
0 <?= _("Lignes") ?>
|
||||
</span>
|
||||
</div>
|
||||
<div id="table-buttons" class="d-flex gap-2"></div>
|
||||
</div>
|
||||
|
||||
if($nbreTotal < 10){
|
||||
$nbreTotal = '0'.$nbreTotal;
|
||||
}else{
|
||||
$nbreTotal = format_N($nbreTotal);
|
||||
}
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table id="tableLister" class="table table-hover align-middle mb-0" style="width:100%">
|
||||
<thead class="bg-light text-muted small text-uppercase">
|
||||
<tr>
|
||||
<th class="ps-4 border-0"><?= _("Centre") ?></th>
|
||||
<th class="border-0 text-center"><?= _("Code") ?></th>
|
||||
<th class="border-0"><?= _("Raison Sociale") ?></th>
|
||||
<th class="border-0"><?= _("Type") ?></th>
|
||||
<th class="border-0"><?= _("Téléphone") ?></th>
|
||||
<th class="border-0 text-center pe-4"><?= _("Actions") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($intermediaire as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
?>
|
||||
<tr>
|
||||
<td class="ps-4 fw-medium text-muted small"><?= $this->nettoyer($v['codeSociete']) ?></td>
|
||||
<td class="text-center">
|
||||
<span class="badge bg-light text-dark border fw-bold small">
|
||||
<?= $this->nettoyer($v['codeApporteur']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td class="fw-bold text-dark"><?= $this->nettoyer($v['libelle']) ?></td>
|
||||
<td>
|
||||
<span class="text-muted small text-uppercase fw-bold">
|
||||
<i class="fas fa-tag me-1 opacity-50"></i><?= $this->nettoyer($v['type_apporteur']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td class="text-muted">
|
||||
<i class="fas fa-phone-alt me-1 small opacity-50"></i><?= $this->nettoyer($v['telephone']) ?>
|
||||
</td>
|
||||
<td class="text-center pe-4">
|
||||
<button type="button"
|
||||
class="btn btn-outline-primary btn-sm px-3 rounded-pill fw-bold shadow-xs"
|
||||
onclick="formModifTableRef(<?= $idData ?>);">
|
||||
<i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
?>
|
||||
|
||||
<?php $superUser = $_SESSION['superUser']; ?>
|
||||
|
||||
<table style="margin: auto" class="table-responsive">
|
||||
<tbody>
|
||||
<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="<?= _("Lignes Total").": ". $nbreTotal; ?>" readonly> </td>
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" id="total" value="<?= $nbreTotal; ?>">
|
||||
<table id="tableLister" class="table table-striped table-bordered table-hover table-condensed table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"><?= _("Centre gestion") ?></th>
|
||||
<th class="text-center">Code</th>
|
||||
<th class="text-center"><?= _("Raison Sociale") ?> </th>
|
||||
<th class="text-center">Type</th>
|
||||
<th class="text-center"><?= _("Téléphone") ?></th>
|
||||
|
||||
<th class="text-center"><?= _("Modifier") ?></th>
|
||||
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($intermediaire as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
?>
|
||||
<tr valign="top">
|
||||
<td class="text-center" width="15%"><?= $this->nettoyer($v['codeSociete']);; ?>
|
||||
<td class="text-center" width="10%"><?= $this->nettoyer($v['codeApporteur']) ?></td>
|
||||
<td class="text-left" width="30%"><?= $this->nettoyer($v['libelle']) ?></td>
|
||||
<td class="text-left" width="20%"><?= $this->nettoyer($v['type_apporteur']) ?></td>
|
||||
<td class="text-left" width="20%"><?= $this->nettoyer($v['telephone']) ?></td>
|
||||
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class ="form-control btn btn-primary" type="button" id="btn-editer" name="Modifier"
|
||||
onclick="JAVASCRIPT:formModifTableRef(<?= $idData; ?>);" ><?= _("Modifier") ?></button>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<style>
|
||||
/* Rappel des piliers visuels Neutral Pro */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -1,88 +1,85 @@
|
|||
<?php
|
||||
$nbreTotal = count($pointvente);
|
||||
|
||||
if($nbreTotal < 10){
|
||||
$nbreTotal = '0'.$nbreTotal;
|
||||
}else{
|
||||
$nbreTotal = format_N($nbreTotal);
|
||||
}
|
||||
|
||||
if (est_anglophone()){
|
||||
if($existeselection){
|
||||
$libbouton = "Uncheck all";
|
||||
}else{
|
||||
$libbouton = "Check all";
|
||||
}
|
||||
}else{
|
||||
if($existeselection){
|
||||
$libbouton = "Décocher tous";
|
||||
}else{
|
||||
$libbouton = "Cocher tous";
|
||||
}
|
||||
}
|
||||
// Préparation du compteur Standard
|
||||
$nbreTotal = count($pointvente);
|
||||
?>
|
||||
|
||||
<?php $superUser = $_SESSION['superUser']; ?>
|
||||
<div class="card border-0 shadow-sm overflow-hidden">
|
||||
<div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="d-flex align-items-center">
|
||||
<h6 class="mb-0 fw-bold text-uppercase text-primary small">
|
||||
<i class="fas fa-store me-2"></i><?= _("Référentiel des Points de Vente") ?>
|
||||
</h6>
|
||||
<span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
|
||||
<?= $nbreTotal ?> <?= _("Lignes") ?>
|
||||
</span>
|
||||
</div>
|
||||
<div id="table-buttons" class="d-flex gap-2"></div>
|
||||
</div>
|
||||
|
||||
<table style="margin: auto" class="table-responsive">
|
||||
<tbody>
|
||||
<td><input class="form-control" style="text-align: center; font-size:10pt;" type="text" id="nbreTotal" name="nbreTotal" value="<?= _("Lignes Total").": ". $nbreTotal; ?>" readonly> </td>
|
||||
</tbody>
|
||||
</table>
|
||||
<input type="hidden" id="total" value="<?= $nbreTotal; ?>">
|
||||
<table id="tableLister" class="table table-striped table-bordered table-hover table-condensed table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center"><?= _("Centre gestion") ?></th>
|
||||
<th class="text-center">Code</th>
|
||||
<th class="text-center"><?= _("Libellé") ?></th>
|
||||
<th class="text-center"><?= _("Téléphone") ?></th>
|
||||
<th class="text-center">Email</th>
|
||||
<!--
|
||||
<th class="text-center">
|
||||
<button type="button" style="font-size:10pt; font-weight: bold; width:100%; background-color:#4caf50; color: white;" class="form-control btn" onclick="javascript:cocherDecocherTout($('#fichier_lister').val());" > <?= $libbouton; ?> </button>
|
||||
</th>
|
||||
-->
|
||||
<th class="text-center"><?= _("Modifier") ?></th>
|
||||
<!--
|
||||
<th class="text-center">Supprimer</th>
|
||||
-->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($pointvente as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
?>
|
||||
<tr valign="top">
|
||||
<td class="text-center" width="5%"><?= $this->nettoyer($v['codeSociete']);; ?>
|
||||
<td class="text-center" width="10%"><?= $this->nettoyer($v['codePointVente']) ?></td>
|
||||
<td class="text-left" width="30%"><?= $this->nettoyer($v['libelle'])?></td>
|
||||
<td class="text-left" width="20%"><?= $this->nettoyer($v['telephone']) ?></td>
|
||||
<td class="text-left" width="20%"><?= $this->nettoyer($v['email']) ?></td>
|
||||
<!--
|
||||
<td class="text-center" width="10%">
|
||||
<?php
|
||||
if($this->nettoyer($v['choix'] == '0')){
|
||||
$check ='';
|
||||
}
|
||||
else{
|
||||
$check = 'checked';
|
||||
}
|
||||
?>
|
||||
<INPUT TYPE="checkbox" class="custom-control-input" style="width: 2rem;height: 2rem;" id="choix" NAME="choix" value="<?=(($this->nettoyer($v['choix'])==0)? 0 : 1);?>" onclick="if (this.checked) this.value=1; else this.value=0;cocherDecocherUn($('#fichier_lister').val(),<?= $idData; ?>);" <?= $check;?>>
|
||||
</td>
|
||||
-->
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class ="form-control btn btn-primary" type="button" id="btn-editer" name="Modifier"
|
||||
onclick="JAVASCRIPT:formModifTableRef(<?= $idData; ?>);" ><?= _("Modifier") ?></button>
|
||||
</td>
|
||||
<!--
|
||||
<td class="text-center" width="10%">
|
||||
<button style="width:100%" class = "form-control btn btn-danger" type="button" id="btn-supprimer" name="Supprimer"
|
||||
onclick="JAVASCRIPT:supprimeLigneListe(<?= $idData; ?>,'<?= $superUser; ?>')">Supprimer</button>
|
||||
</td>
|
||||
-->
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table id="tableLister" class="table table-hover align-middle mb-0" style="width:100%">
|
||||
<thead class="bg-light text-muted small text-uppercase">
|
||||
<tr>
|
||||
<th class="ps-4 border-0"><?= _("Centre") ?></th>
|
||||
<th class="border-0">Code</th>
|
||||
<th class="border-0"><?= _("Libellé") ?></th>
|
||||
<th class="border-0"><?= _("Téléphone") ?></th>
|
||||
<th class="border-0">Email</th>
|
||||
<th class="border-0 text-center pe-4"><?= _("Actions") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($pointvente as $v):
|
||||
$idData = $this->nettoyer($v['id']);
|
||||
?>
|
||||
<tr>
|
||||
<td class="ps-4 fw-medium text-muted small">
|
||||
<?= $this->nettoyer($v['codeSociete']) ?>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge bg-light text-dark border fw-bold px-2 py-1">
|
||||
<?= $this->nettoyer($v['codePointVente']) ?>
|
||||
</span>
|
||||
</td>
|
||||
<td class="fw-bold text-dark">
|
||||
<?= $this->nettoyer($v['libelle']) ?>
|
||||
</td>
|
||||
<td class="small">
|
||||
<i class="fas fa-phone-alt me-1 opacity-50"></i> <?= $this->nettoyer($v['telephone']) ?>
|
||||
</td>
|
||||
<td class="small text-muted">
|
||||
<i class="fas fa-envelope me-1 opacity-50"></i> <?= $this->nettoyer($v['email']) ?>
|
||||
</td>
|
||||
<td class="text-center pe-4">
|
||||
<button type="button"
|
||||
class="btn btn-outline-primary btn-sm px-3 rounded-pill fw-bold shadow-xs"
|
||||
onclick="formModifTableRef(<?= $idData; ?>);">
|
||||
<i class="fas fa-edit me-1"></i> <?= _("Modifier") ?>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation Standard avec moteur d'export
|
||||
initDataTableReference('#tableLister', 'Liste_Points_Vente');
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Rappel des règles d'or Neutral Pro */
|
||||
#tableLister tbody td {
|
||||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -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>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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"><?= _("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="row g-4">
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small">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>
|
||||
|
||||
<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>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small 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>
|
||||
|
||||
<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="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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"><?= _("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"><?= _("Téléphone 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"><?= _("Téléphone 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">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>
|
||||
|
|
@ -1,64 +1,139 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
|
||||
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$commerciaux['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="codeApporteur" NAME="codeApporteur" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($commerciaux['codeApporteur']); ?>" disabled></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-user-edit me-2"></i><?= _("Modification des données du commercial") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center" class="required"><?= _("Nom et Prénoms") ?></td>
|
||||
<td width="30%"><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" autofocus value="<?= $this->nettoyer($commerciaux['libelle']); ?>"></td>
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<input type="hidden" id="id" name="id" value="<?= $this->nettoyer($commerciaux['id']) ?>">
|
||||
|
||||
<td width="5%" align="center" class="required">Type</td>
|
||||
<td width="20%">
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="form-select" required>
|
||||
<?= liste_options($typeapp,$this->nettoyer($commerciaux['codeTypeApporteur']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
<div class="row g-3">
|
||||
|
||||
<td width="10%" align="center"><?= _("Déduire Commission") ?></td>
|
||||
<td width="5%">
|
||||
<select name="deduireComm" id="deduireComm" class="form-select">
|
||||
<?= liste_options($ouinonplafondmodifiable,$this->nettoyer($commerciaux['deduireComm']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center" class="required"><?= _("Bureau") ?></td>
|
||||
<td width="20%">
|
||||
<select name="codeBureau" id="codeBureau" class="form-select" value="<?= $this->nettoyer($commerciaux['codeBureau']); ?>" required AUTOCOMPLETE="OFF">
|
||||
<?= liste_options($bureau,$this->nettoyer($commerciaux['codeBureau']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label fw-bold text-muted small">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="codeApporteur" name="codeApporteur" value="<?= $this->nettoyer($commerciaux['codeApporteur']); ?>" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("E-mail") ?></td>
|
||||
<td width="30%"><INPUT class="form-control" TYPE="email" id="email" NAME="email" value="<?= $this->nettoyer($commerciaux['email']); ?>"></td>
|
||||
<div class="col-md-5">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("Nom et Prénoms") ?></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-primary"></i></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($commerciaux['libelle']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Téléphone") ?></td>
|
||||
<td width="20%"><INPUT class="form-control" TYPE="tel" id="telephone" NAME="telephone" value="<?= $this->nettoyer($commerciaux['telephone']); ?>"></td>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("Type") ?></label>
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body" required>
|
||||
<?= liste_options($typeapp, $this->nettoyer($commerciaux['codeTypeApporteur']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<td width="10%" align="center"><?= _("Type Système") ?></td>
|
||||
<td width="5%">
|
||||
<select name="typeSysteme" id="typeSysteme" class="form-select">
|
||||
<?= liste_options($ouinonplafondmodifiable,$this->nettoyer($commerciaux['typeSysteme']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Responsable") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="nomResponsable" NAME="nomResponsable" value="<?= $this->nettoyer($commerciaux['nomResponsable']); ?>"></td>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Déduire Commission") ?></label>
|
||||
<select name="deduireComm" id="deduireComm" class="selectpicker form-control border-2 shadow-xs" data-container="body">
|
||||
<?= liste_options($ouinonplafondmodifiable, $this->nettoyer($commerciaux['deduireComm']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Mobile Payer") ?></td>
|
||||
<td width="30%"><INPUT class="form-control" TYPE="number" id="mobilePaiement" NAME="mobilePaiement" value="<?= $this->nettoyer($commerciaux['mobilePaiement']); ?>" title="<?= _("L'indicatif est obligatoire")?>"></td>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("Bureau") ?></label>
|
||||
<select name="codeBureau" id="codeBureau" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body" required>
|
||||
<?= liste_options($bureau, $this->nettoyer($commerciaux['codeBureau']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Adresse Postale") ?></td>
|
||||
<td colspan="3"><INPUT class="form-control majuscule" TYPE="text" id="adressePost" NAME="adressePost" value="<?= $this->nettoyer($commerciaux['adressePost']); ?>"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Adresse Géo.") ?></td>
|
||||
<td colspan="7"><INPUT class="form-control majuscule" TYPE="text" id="adresseGeo" NAME="adresseGeo" value="<?= $this->nettoyer($commerciaux['adresseGeo']); ?>"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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($commerciaux['email']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Téléphone") ?></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="telephone" name="telephone" value="<?= $this->nettoyer($commerciaux['telephone']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-2">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Système") ?></label>
|
||||
<select name="typeSysteme" id="typeSysteme" class="selectpicker form-control border-2 shadow-xs" data-container="body">
|
||||
<?= liste_options($ouinonplafondmodifiable, $this->nettoyer($commerciaux['typeSysteme']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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-tie text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="nomResponsable" name="nomResponsable" value="<?= $this->nettoyer($commerciaux['nomResponsable']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="form-label fw-bold text-muted small required"><?= _("N° Mobile Paiement") ?></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-success"></i></span>
|
||||
<input type="number" class="form-control border-2 border-start-0 fw-bold"
|
||||
id="mobilePaiement" name="mobilePaiement" value="<?= $this->nettoyer($commerciaux['mobilePaiement']); ?>" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Postale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-signs text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adressePost" name="adressePost" value="<?= $this->nettoyer($commerciaux['adressePost']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Géographique") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adresseGeo" name="adresseGeo" value="<?= $this->nettoyer($commerciaux['adresseGeo']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation SelectPicker
|
||||
$('.selectpicker').selectpicker();
|
||||
|
||||
// Focus Neutral Pro (200ms sur libellé)
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.border-primary { border-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; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.required:after { content: " *"; color: #dc3545; font-weight: bold; }
|
||||
|
||||
/* Harmonisation SelectPicker */
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
border-width: 2px !important;
|
||||
height: 38px !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,29 +1,95 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
|
||||
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$tabentetetrancheage['id']?>">
|
||||
<table class="table table-responsive table-condensed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="10%" align="center" >Code</td>
|
||||
<td width="10%" ><INPUT class="form-control majuscule" TYPE="text" id="codeEnteteTrancheAge" NAME="codeEnteteTrancheAge"
|
||||
value="<?=$tabentetetrancheage['codeEnteteTrancheAge']?>" disabled >
|
||||
</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 de l'entête des tranches d'âge") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<td width="10%" align="center" class="required"><?= _("Libellé") ?></td>
|
||||
<td ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" value="<?=$tabentetetrancheage['libelle']?>"></td>
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<input type="hidden" id="id" name="id" value="<?= $this->nettoyer($tabentetetrancheage['id']) ?>">
|
||||
|
||||
<td width="10%" align="center"><?= _("Libellé Eng") ?></td>
|
||||
<td ><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng" value="<?=$tabentetetrancheage['libelleEng']?>"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="10%" align="center" ><?= _("Garant") ?></td>
|
||||
<td colspan="5" >
|
||||
<select class="form-select" id="codeGcAssureur" NAME="codeGcAssureur" readonly>
|
||||
<?php liste_options($garants,$tabentetetrancheage['codeGcAssureur']); ?>
|
||||
</SELECT>
|
||||
</td>
|
||||
<div class="row g-4">
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label fw-bold text-muted small">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="codeEnteteTrancheAge" name="codeEnteteTrancheAge"
|
||||
value="<?= $this->nettoyer($tabentetetrancheage['codeEnteteTrancheAge']) ?>" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<label class="form-label fw-bold text-muted small 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/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($tabentetetrancheage['libelle']) ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("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/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($tabentetetrancheage['libelleEng']) ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Garant") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-shield-alt text-muted"></i></span>
|
||||
<select class="selectpicker form-control border-2 bg-light"
|
||||
id="codeGcAssureur" name="codeGcAssureur"
|
||||
data-container="body" disabled>
|
||||
<?php liste_options($garants, $this->nettoyer($tabentetetrancheage['codeGcAssureur']), true); ?>
|
||||
</select>
|
||||
</div>
|
||||
<small class="text-muted mt-1 d-block"><i class="fas fa-info-circle me-1"></i> <?= _("Le garant ne peut pas être modifié après la création.") ?></small>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation SelectPicker
|
||||
$('.selectpicker').selectpicker();
|
||||
|
||||
// Règle d'Or Neutral Pro : Focus différé de 200ms sur le champ FR
|
||||
setTimeout(function() {
|
||||
$('#libelle').focus();
|
||||
}, 200);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* Identité Visuelle 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; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.required:after { content: " *"; color: #dc3545; font-weight: bold; }
|
||||
|
||||
/* Harmonisation SelectPicker désactivé */
|
||||
.bootstrap-select.disabled {
|
||||
background-color: #f8fafc !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.bootstrap-select > .dropdown-toggle.disabled {
|
||||
border-color: #dee2e6 !important;
|
||||
background-color: #f8fafc !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -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>
|
||||
<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 de l'étendue de territoire") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<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']) ?>">
|
||||
|
||||
<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="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/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/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>
|
||||
|
|
@ -1,53 +1,121 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
|
||||
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$intermediaire['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="codeApporteur" NAME="codeApporteur" value="<?= $this->nettoyer($intermediaire['codeApporteur']); ?>" disabled></td>
|
||||
<td width="5%" align="center" class="required">Type</td>
|
||||
<td width="20%">
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="form-select" required AUTOCOMPLETE="OFF" autofocus>
|
||||
<?= liste_options($typeinter,$this->nettoyer($intermediaire['codeTypeApporteur']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
<td width="5%" align="center" class="required"><?= _("Raison Sociale") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($intermediaire['libelle']); ?>"></td>
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<input type="hidden" id="id" name="id" value="<?= $intermediaire['id'] ?>">
|
||||
|
||||
<td width="5%" align="center"><?= _("Responsable") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control majuscule" TYPE="text" id="nomResponsable" NAME="nomResponsable" value="<?= $this->nettoyer($intermediaire['nomResponsable']); ?>"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Téléphone") ?></td>
|
||||
<td width="20%" ><INPUT class="form-control" TYPE="tel" id="telephone" NAME="telephone" value="<?= $this->nettoyer($intermediaire['telephone']); ?>"></td>
|
||||
<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-warning small">
|
||||
<i class="fas fa-edit me-2"></i><?= _("Modification des données de l'intermédiaire") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center">E-mail</td>
|
||||
<td width="20%" ><INPUT class="form-control" TYPE="email" id="email" NAME="email" value="<?= $this->nettoyer($intermediaire['email']); ?>"></td>
|
||||
<div class="card-body bg-light-50 p-4">
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-2">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Code") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-light border-2 border-end-0"><i class="fas fa-barcode text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule fw-bold text-center"
|
||||
id="codeApporteur" name="codeApporteur" value="<?= $this->nettoyer($intermediaire['codeApporteur']); ?>" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Bureau") ?></td>
|
||||
<td width="20%">
|
||||
<select name="codeBureau" id="codeBureau" class="form-select" value="<?= $this->nettoyer($intermediaire['codeBureau']); ?>">
|
||||
<?= liste_options($bureau,$this->nettoyer($intermediaire['codeBureau']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
<td width="5%" align="center"><?= _("Déduire Commission") ?></td>
|
||||
<td width="5%">
|
||||
<select name="deduireComm" id="deduireComm" class="form-select">
|
||||
<?= liste_options($ouinonplafondmodifiable,$this->nettoyer($intermediaire['deduireComm']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Mobile Payer") ?></td>
|
||||
<td ><INPUT class="form-control" TYPE="number" id="mobilePaiement" NAME="mobilePaiement" value="<?= $this->nettoyer($intermediaire['mobilePaiement']); ?>" title="<?= _("L'indicatif est obligatoire")?>"></td>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("Type") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user-tie text-muted"></i></span>
|
||||
<select name="codeTypeApporteur" id="codeTypeApporteur" class="form-control selectpicker border-2 border-start-0" required>
|
||||
<?= liste_options($typeinter, $this->nettoyer($intermediaire['codeTypeApporteur']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Adresse Géo.") ?></td>
|
||||
<td ><INPUT class="form-control majuscule" TYPE="text" id="adresseGeo" NAME="adresseGeo" value="<?= $this->nettoyer($intermediaire['adresseGeo']); ?>"></td>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("Raison Sociale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-building text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule"
|
||||
id="libelle" name="libelle" required value="<?= $this->nettoyer($intermediaire['libelle']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Adresse Postale") ?></td>
|
||||
<td colspan="3" ><INPUT class="form-control majuscule" TYPE="text" id="adressePost" NAME="adressePost" value="<?= $this->nettoyer($intermediaire['adressePost']); ?>"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("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="nomResponsable" name="nomResponsable" value="<?= $this->nettoyer($intermediaire['nomResponsable']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3 mb-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("Téléphone") ?></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="telephone" name="telephone" value="<?= $this->nettoyer($intermediaire['telephone']); ?>" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted required"><?= _("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($intermediaire['email']); ?>" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Bureau") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marked-alt text-muted"></i></span>
|
||||
<select name="codeBureau" id="codeBureau" class="form-control selectpicker border-2 border-start-0">
|
||||
<?= liste_options($bureau, $this->nettoyer($intermediaire['codeBureau']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Déduire Commission") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-percent text-muted"></i></span>
|
||||
<select name="deduireComm" id="deduireComm" class="form-control selectpicker border-2 border-start-0">
|
||||
<?= liste_options($ouinonplafondmodifiable, $this->nettoyer($intermediaire['deduireComm']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("N° Mobile Paiement") ?></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="number" class="form-control border-2 border-start-0"
|
||||
id="mobilePaiement" name="mobilePaiement" value="<?= $this->nettoyer($intermediaire['mobilePaiement']); ?>" title="<?= _("L'indicatif est obligatoire")?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Adresse Géographique") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule"
|
||||
id="adresseGeo" name="adresseGeo" value="<?= $this->nettoyer($intermediaire['adresseGeo']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-5">
|
||||
<label class="form-label small fw-bold text-muted"><?= _("Adresse Postale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-mailbox text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule"
|
||||
id="adressePost" name="adressePost" value="<?= $this->nettoyer($intermediaire['adressePost']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -1,65 +1,134 @@
|
|||
<form id="formData">
|
||||
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
|
||||
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$pointvente['id']?>">
|
||||
<table class="table table-responsive table-condensed">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td width="5%" align="center" >Code</td>
|
||||
<td colspan="2" ><INPUT class="form-control majuscule" TYPE="text" id="codePointVente" NAME="codePointVente" value="<?= $this->nettoyer($pointvente['codePointVente']); ?>" disabled></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 point de vente") ?>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
|
||||
<td colspan="3" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($pointvente['libelle']); ?>"></td>
|
||||
<div class="card-body p-4">
|
||||
<form id="formData" class="container-fluid p-0">
|
||||
<input type="hidden" id="id" name="id" value="<?= $this->nettoyer($pointvente['id']) ?>">
|
||||
|
||||
<td width="5%" align="center">Type</td>
|
||||
<td width="20%">
|
||||
<select name="codeTypePointVente" id="codeTypePointVente" class="form-select">
|
||||
<?= liste_options($typepointvente,$this->nettoyer($pointvente['codeTypePointVente']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center">E-mail</td>
|
||||
<td colspan="2" ><INPUT class="form-control" TYPE="tel" id="email" NAME="email" value="<?= $this->nettoyer($pointvente['email']); ?>"></td>
|
||||
<div class="row g-3">
|
||||
|
||||
<td width="5%" align="center"><?= _("Téléphone") ?></td>
|
||||
<td colspan="3" ><INPUT class="form-control" TYPE="telephone" id="telephone" NAME="telephone" value="<?= $this->nettoyer($pointvente['telephone']); ?>"></td>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label fw-bold text-muted small">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="codePointVente" name="codePointVente" value="<?= $this->nettoyer($pointvente['codePointVente']); ?>" disabled>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center">Fax</td>
|
||||
<td width="20%" ><INPUT class="form-control" TYPE="fax" id="fax" NAME="fax" value="<?= $this->nettoyer($pointvente['fax']); ?>"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Adresse Postale") ?></td>
|
||||
<td colspan="2" ><INPUT class="form-control" TYPE="text" id="adressePost" NAME="adressePost" value="<?= $this->nettoyer($pointvente['adressePost']); ?>"></td>
|
||||
<div class="col-md-7">
|
||||
<label class="form-label fw-bold text-muted small 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-store 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"
|
||||
value="<?= $this->nettoyer($pointvente['libelle']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<td width="5%" align="center"><?= _("Adresse Géo.") ?></td>
|
||||
<td colspan="5" ><INPUT class="form-control" TYPE="text" id="adresseGeo" NAME="adresseGeo" value="<?= $this->nettoyer($pointvente['adresseGeo']); ?>"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="5%" align="center"><?= _("Pays") ?></td>
|
||||
<td colspan="2">
|
||||
<select name="codePays" id="codePays" class="form-select" onchange="JAVASCRIPT:filtreVilleParPays();">
|
||||
<?= liste_options($pays,$this->nettoyer($pointvente['codePays']),true) ?>
|
||||
</select>
|
||||
</td>
|
||||
|
||||
<td width="5%" align="center"><?= _("Région") ?></td>
|
||||
<td colspan="3">
|
||||
<div id="div_ville">
|
||||
<select name="codeVille" id="codeVille" class="form-select">
|
||||
<?= liste_options($ville,$this->nettoyer($pointvente['codeVille']),true) ?>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label fw-bold text-muted small">Type</label>
|
||||
<select name="codeTypePointVente" id="codeTypePointVente" class="selectpicker form-control border-2 shadow-xs" data-container="body">
|
||||
<?= liste_options($typepointvente, $this->nettoyer($pointvente['codeTypePointVente']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
<td width="5%" align="center"><?= _("Ville") ?></td>
|
||||
<td width="20%">
|
||||
<div id="div_localite">
|
||||
<select name="codeLocalite" id="codeLocalite" class="form-select">
|
||||
<?= liste_options($localite,$this->nettoyer($pointvente['codeLocalite']),true) ?>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small">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($pointvente['email']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Téléphone") ?></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="telephone" name="telephone"
|
||||
value="<?= $this->nettoyer($pointvente['telephone']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Postale") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-signs text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adressePost" name="adressePost"
|
||||
value="<?= $this->nettoyer($pointvente['adressePost']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-8">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Adresse Géographique") ?></label>
|
||||
<div class="input-group shadow-xs">
|
||||
<span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt text-muted"></i></span>
|
||||
<input type="text" class="form-control border-2 border-start-0 majuscule" id="adresseGeo" name="adresseGeo"
|
||||
value="<?= $this->nettoyer($pointvente['adresseGeo']); ?>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Pays") ?></label>
|
||||
<select name="codePays" id="codePays" class="selectpicker form-control border-2 shadow-xs"
|
||||
data-live-search="true" data-container="body" onchange="filtreVilleParPays();">
|
||||
<?= liste_options($pays, $this->nettoyer($pointvente['codePays']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Région") ?></label>
|
||||
<div id="div_ville">
|
||||
<select name="codeVille" id="codeVille" class="selectpicker form-control border-2 shadow-xs"
|
||||
data-live-search="true" data-container="body" onchange="JAVASCRIPT:filtreLocaliteParVille();">
|
||||
<?= liste_options($ville, $this->nettoyer($pointvente['codeVille']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-bold text-muted small"><?= _("Ville") ?></label>
|
||||
<div id="div_localite">
|
||||
<select name="codeLocalite" id="codeLocalite" class="selectpicker form-control border-2 shadow-xs"
|
||||
data-live-search="true" data-container="body">
|
||||
<?= liste_options($localite, $this->nettoyer($pointvente['codeLocalite']), true) ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Initialisation SelectPicker
|
||||
$('.selectpicker').selectpicker();
|
||||
|
||||
// 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; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.required:after { content: " *"; color: #dc3545; font-weight: bold; }
|
||||
|
||||
/* Style spécifique SelectPicker pour cohérence 2px */
|
||||
.bootstrap-select > .dropdown-toggle {
|
||||
border-width: 2px !important;
|
||||
height: 38px !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user