This commit is contained in:
KONE SOREL 2026-04-11 10:38:27 +00:00
parent 40346544c1
commit e35888aa0e
3 changed files with 91 additions and 44 deletions

View File

@ -1386,10 +1386,6 @@ select[class*="selectpicker"],
.bg-light-ghost {background-color: rgba(255, 255, 255, 0.12); color: #212529; border: 1px solid rgba(0, 0, 0, 0.05);}
.bg-dark-ghost {background-color: rgba(0, 0, 0, 0.25); color: #f8f9fa; border: 1px solid rgba(255, 255, 255, 0.1);}
/* Navigation Pills Modernes */
.nav-pills .nav-link { color: #64748b; padding: 10px 20px; transition: 0.3s; border: none; background: none; }
.nav-pills .nav-link.active { background-color: #212e53 !important; color: white !important; box-shadow: var(--shadow-md); }

View File

@ -47766,7 +47766,8 @@ function fermeFormulaire() {
afficheBoutons(0);
// Nettoie les menus orphelins du body
$('.selectpicker').selectpicker('destroy');
//frmbaremegarant
//$('.selectpicker').selectpicker('destroy');
}
// Affiche le formulaire d'ajout de données

View File

@ -1,39 +1,89 @@
<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"><?= _("Type Contrat") ?></td>
<td>
<select class="form-select text-center" id="codeTypeContrat" NAME="codeTypeContrat" required AUTOCOMPLETE="OFF" onchange="javascript:affiche_prime_min_garant();">
<?php liste_options($typecontrat,"", false); ?>
</SELECT>
</td>
<td width="8%" align="center" ><?= _("Prime Mini") ?></td>
<td width="20%" >
<div id="div_prime_mini">
<INPUT class="form-control text-center" TYPE="text" value="0" disabled>
</div>
</td>
<td width="8%" align="center" class="required"><?= _("Forfait") ?></td>
<td width="20%"><INPUT class="form-control text-center" TYPE="text" value="0" id="accessoireForfait" NAME="accessoireForfait" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);"></td>
</tr>
<tr>
<td width="10%" align="center" class="required"><?= _("Application") ?></td>
<td>
<select class="form-select text-center" id="codeApplication" NAME="codeApplication" required AUTOCOMPLETE="OFF" onchange="javascript:affiche_prime_min_garant();">
<?php liste_options($application,"", false); ?>
</SELECT>
</td>
<td width="8%" align="center" class="required"><?= _("Prime Maxi") ?></td>
<td width="20%"><INPUT class="form-control text-center" TYPE="text" value="0" id="primeMax" NAME="primeMax" required AUTOCOMPLETE="OFF" onkeyup="controle_numerique(this);"
onblur="formatMonetaire(this);" onchange="controle_primeMax();"></td>
<td width="8%" align="center"><?= _("Taux") ?></td>
<td width="20%"><INPUT class="form-control text-center" TYPE="number" min="0" value="0" step="0.01" id="tauxAccessoire" NAME="tauxAccessoire" onBlur="controle_numerique(this);"></td>
</tr>
</tbody>
</table>
</form>
<div class="card border-0 shadow-sm mb-4 border-start border-primary border-4 animate__animated animate__fadeIn">
<div class="card-header bg-white py-3">
<h6 class="card-title mb-0 fw-bold text-primary text-uppercase small">
<i class="fas fa-plus-circle me-2"></i><?= _("Ajouter des données") ?>
</h6>
</div>
<div class="card-body p-4">
<form id="formData">
<div class="row g-3 mb-3">
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Type Contrat") ?></label>
<div class="input-group">
<span class="input-group-text bg-light text-primary"><i class="fas fa-file-contract"></i></span>
<select class="form-select selectpicker" id="codeTypeContrat" name="codeTypeContrat" required autocomplete="off" onchange="javascript:affiche_prime_min_garant();">
<?php liste_options($typecontrat, "", false); ?>
</select>
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Prime Mini") ?></label>
<div id="div_prime_mini">
<div class="input-group">
<span class="input-group-text bg-light"><i class="fas fa-arrow-down text-muted"></i></span>
<input class="form-control text-center bg-light fw-bold" type="text" value="0" disabled>
</div>
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Forfait") ?></label>
<div class="input-group">
<span class="input-group-text bg-light text-success"><i class="fas fa-money-bill-wave"></i></span>
<input class="form-control text-center fw-bold" type="text" value="0" id="accessoireForfait" name="accessoireForfait" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);">
</div>
</div>
</div>
<div class="row g-3">
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Application") ?></label>
<div class="input-group">
<span class="input-group-text bg-light text-primary"><i class="fas fa-cog"></i></span>
<select class="form-select selectpicker" id="codeApplication" name="codeApplication" required autocomplete="off" onchange="javascript:affiche_prime_min_garant();">
<?php liste_options($application, "", false); ?>
</select>
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase required"><?= _("Prime Maxi") ?></label>
<div class="input-group">
<span class="input-group-text bg-light text-primary"><i class="fas fa-arrow-up"></i></span>
<input class="form-control text-center fw-bold text-primary" type="text" value="0" id="primeMax" name="primeMax" required autocomplete="off" onkeyup="controle_numerique(this);" onblur="formatMonetaire(this);" onchange="controle_primeMax();">
</div>
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted text-uppercase"><?= _("Taux (%)") ?></label>
<div class="input-group">
<span class="input-group-text bg-light text-info"><i class="fas fa-percentage"></i></span>
<input class="form-control text-center fw-bold" type="number" min="0" value="0" step="0.01" id="tauxAccessoire" name="tauxAccessoire" onBlur="controle_numerique(this);">
</div>
</div>
</div>
</form>
</div>
</div>
<style>
/* Style pour les labels obligatoires */
.form-label.required::after {
content: " *";
color: #dc3545;
font-weight: bold;
}
/* Harmonisation des hauteurs des input-groups */
.input-group-text {
min-width: 45px;
justify-content: center;
border-color: #dee2e6;
}
.form-control:focus, .form-select:focus {
border-color: #0d6efd;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.1);
}
</style>