This commit is contained in:
KONE SOREL 2026-03-14 11:03:08 +00:00
parent c40cec8390
commit 94742b419b
12 changed files with 999 additions and 513 deletions

View File

@ -1,16 +1,75 @@
<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-briefcase me-2"></i><?= _("Ajouter une activité de soins") ?>
</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 différé de 200ms sur le premier champ
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;
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>

View File

@ -1,21 +1,79 @@
<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-hand-holding-medical me-2"></i><?= _("Ajouter une affection") ?>
</h6>
</div>
<td width="5%" align="center" class="required"><?= _("Type") ?></td>
<td width="15%">
<select name="codeTypeAffection" id="codeTypeAffection" class="form-select" required AUTOCOMPLETE="OFF">
<?= liste_options($typeaffection,'',false) ?>
</select>
</td>
<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="card-body p-4">
<form id="formData" class="container-fluid p-0">
<div class="row g-4 align-items-end">
<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>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small required"><?= _("Type") ?></label>
<select name="codeTypeAffection" id="codeTypeAffection" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body" required>
<?= liste_options($typeaffection, '', false) ?>
</select>
</div>
<div class="col-md-4">
<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-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"
autocomplete="OFF">
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// Initialisation du SelectPicker selon le standard (Règle d'or)
actualiserSelectPicker('#codeTypeAffection', false);
// Focus UX Neutral Pro : 200ms sur le premier champ (Libellé 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; }
/* Style spécifique SelectPicker pour cohérence 2px */
.bootstrap-select > .dropdown-toggle {
border-width: 2px !important;
height: 38px !important;
background-color: #fff !important;
}
</style>

View File

@ -1,16 +1,75 @@
<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-stethoscope me-2"></i><?= _("Ajouter une spécialité") ?>
</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é") ?></td>
<td width="25%" ><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="25%" ><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; }
.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>

View File

@ -1,24 +1,80 @@
<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-microscope me-2"></i><?= _("Ajouter un type d'affection") ?>
</h6>
</div>
<div class="card-body p-4">
<form id="formData" class="container-fluid p-0">
<div class="row g-4 align-items-end">
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
<td width="25%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" ></td>
<div class="col-md-4">
<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="10%" align="center"><?= _("Libellé Eng") ?></td>
<td width="25%" ><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng"></td>
<div class="col-md-4">
<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>
<td width="10%" align="right">Maladie Chronique</td>
<td width="5%">
<select name="maladieChronique" id="maladieChronique" class="form-select">
<?= liste_options($ouinonoptionnelle,'1',true) ?>
</select>
<div class="col-md-4">
<label class="form-label fw-bold text-muted small"><?= _("Maladie Chronique") ?></label>
<div class="shadow-xs">
<select name="maladieChronique" id="maladieChronique" class="selectpicker form-control border-2" data-container="body">
<?= liste_options($ouinonoptionnelle, '1', true) ?>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</form>
<script>
$(document).ready(function() {
// Initialisation du SelectPicker (Standard Neutral Pro)
$('.selectpicker').selectpicker();
// Focus UX : 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; }
/* Ajustement SelectPicker pour cohérence 2px */
.bootstrap-select > .dropdown-toggle {
border-width: 2px !important;
height: 38px !important;
background-color: #fff !important;
}
</style>

View File

@ -1,92 +1,78 @@
<?php
$nbreTotal = count($activite);
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 Neutral Pro
$nbreTotal = count($activite);
?>
<?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-briefcase me-2"></i><?= _("Référentiel des activités de soins") ?>
</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>
<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="15%"><?= _("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 ($activite 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>
<span class="badge bg-light text-dark border fw-bold px-2 py-1">
<?= $this->nettoyer($v['codeActivite']) ?>
</span>
</td>
<td class="fw-bold text-dark text-uppercase">
<?= $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>
<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 compact">
<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 ($activite 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['codeActivite']) ?></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>
<script>
$(document).ready(function() {
// Initialisation standard avec exports et compteur dynamique
initDataTableReference('#tableLister', 'Secteurs_Activite');
});
</script>
<style>
/* Rappel des constantes du Design System 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>

View File

@ -1,93 +1,86 @@
<?php
$nbreTotal = count($affection);
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 conforme au standard Neutral Pro
$nbreTotal = count($affection);
?>
<?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-hand-holding-medical me-2"></i><?= _("Référentiel des Affections") ?>
</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 compact">
<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"><?= _("Type Affection") ?></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 ($affection as $v):
$idData = $this->nettoyer($v['id']);
<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="15%"><?= _("Centre") ?></th>
<th class="border-0" width="10%">Code</th>
<th class="border-0"><?= _("Libellé") ?></th>
<th class="border-0"><?= _("Type Affection") ?></th>
<th class="border-0 text-center pe-4" width="15%"><?= _("Actions") ?></th>
</tr>
</thead>
<tbody>
<?php foreach ($affection as $v):
$idData = $this->nettoyer($v['id']);
// Gestion multilingue Standard
$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['codeAffection']) ?>
</span>
</td>
<td class="fw-bold text-dark text-uppercase">
<?= $libelle ?>
</td>
<td>
<span class="text-muted small fw-bold">
<i class="fas fa-notes-medical me-1 opacity-50"></i>
<?= $this->nettoyer($v['typeaffection']) ?>
</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>
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['codeAffection']) ?></td>
<td class="text-left majuscule" width="35%"><?= $libelle ?></td>
<td class="text-left" width="20%"><?= $this->nettoyer($v['typeaffection']) ?></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>
<script>
$(document).ready(function() {
// Initialisation avec activation du compteur dynamique et des exports
initDataTableReference('#tableLister', 'Liste_Affections');
});
</script>
<style>
/* Rappel des constantes du Design System Neutral Pro */
#tableLister tbody td {
height: 60px; /* Règle d'or */
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>

View File

@ -1,89 +1,78 @@
<?php
$nbreTotal = count($specialite);
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 Neutral Pro
$nbreTotal = count($specialite);
?>
<?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-stethoscope me-2"></i><?= _("Référentiel des Spécialités") ?>
</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 compact">
<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 ($specialite as $v):
$idData = $this->nettoyer($v['id']);
$libelle = $this->nettoyer($v['libelle']);
<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="15%"><?= _("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 ($specialite 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>
<span class="badge bg-light text-dark border fw-bold px-2 py-1">
<?= $this->nettoyer($v['codeSpecialite']) ?>
</span>
</td>
<td class="fw-bold text-dark text-uppercase">
<?= $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>
if (est_anglophone()){
$libelle = $this->nettoyer($v['libelleEng']);
}
?>
<tr valign="top">
<td class="text-center" width="12%"><?= $this->nettoyer($v['codeSociete']);; ?>
<td class="text-center" width="10%"><?= $this->nettoyer($v['codeSpecialite']) ?></td>
<td class="text-left" width="35%"><?= $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>
<script>
$(document).ready(function() {
// Initialisation standard avec exports et compteur
initDataTableReference('#tableLister', 'Liste_Specialites');
});
</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>

View File

@ -1,91 +1,92 @@
<?php
$nbreTotal = count($typeaffection);
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 Neutral Pro
$nbreTotal = count($typeaffection);
?>
<?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-microscope me-2"></i><?= _("Référentiel des Types d'Affection") ?>
</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"><?= _("Maladie Chronique") ?> ?</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 ($typeaffection as $v):
$idData = $this->nettoyer($v['id']);
$libelle = $this->nettoyer($v['libelle']);
<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="15%"><?= _("Centre") ?></th>
<th class="border-0" width="10%">Code</th>
<th class="border-0"><?= _("Libellé") ?></th>
<th class="border-0 text-center"><?= _("Chronique") ?></th>
<th class="border-0 text-center pe-4" width="15%"><?= _("Actions") ?></th>
</tr>
</thead>
<tbody>
<?php foreach ($typeaffection as $v):
$idData = $this->nettoyer($v['id']);
$libelle = est_anglophone() ? $this->nettoyer($v['libelleEng']) : $this->nettoyer($v['libelle']);
$isChronique = ($this->nettoyer($v['maladieChronique']) == 1);
?>
<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['codeTypeAffection']) ?>
</span>
</td>
<td class="fw-bold text-dark text-uppercase">
<?= $libelle ?>
</td>
<td class="text-center">
<?php if ($isChronique): ?>
<span class="badge rounded-pill bg-danger-ghost text-danger px-3">
<i class="fas fa-check-circle me-1"></i> <?= _("Oui") ?>
</span>
<?php else: ?>
<span class="badge rounded-pill bg-light text-muted px-3 border">
<?= _("Non") ?>
</span>
<?php endif; ?>
</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>
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" width="10%"><?= $this->nettoyer($v['codeTypeAffection']) ?></td>
<td class="text-left" width="25%"><?= $libelle; ?></td>
<td class="text-center" width="20%"><?= ($this->nettoyer($v['maladieChronique'])==1)?'Oui':'Non' ?></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>
<script>
$(document).ready(function() {
// Initialisation standard avec exports et compteur
initDataTableReference('#tableLister', 'Types_Affection');
});
</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; }
.bg-danger-ghost { background-color: rgba(220, 53, 69, 0.08) !important; }
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.text-primary { color: #212e53 !important; }
</style>

View File

@ -1,18 +1,93 @@
<form id="formData">
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$activite['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="codeActivite" NAME="codeActivite" value="<?= $this->nettoyer($activite['codeActivite']); ?>" 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'activité de soins") ?>
</h6>
</div>
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
<td width="28%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" autofocus value="<?= $this->nettoyer($activite['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($activite['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($activite['libelleEng']); ?>"></td>
</tr>
</tbody>
</table>
</form>
<div class="row g-4 align-items-end">
<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="codeActivite"
name="codeActivite"
value="<?= $this->nettoyer($activite['codeActivite']); ?>"
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($activite['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($activite['libelleEng']); ?>">
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// Règle d'Or Neutral Pro : Focus différé de 200ms pour garantir l'interactivité
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;
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>

View File

@ -1,23 +1,93 @@
<form id="formData">
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$affection['id']?>">
<table class="table table-responsive table-condensed">
<tbody>
<tr>
<td width="5%" align="center">Code</td>
<td width="8%" ><INPUT class="form-control majuscule" TYPE="text" id="codeAffection" NAME="codeAffection" value="<?= $this->nettoyer($affection['codeAffection']); ?>" disabled></td>
<td width="5%" align="center" class="required">Type</td>
<td width="15%">
<select name="codeTypeAffection" id="codeTypeAffection" class="form-select" required AUTOCOMPLETE="OFF">
<?= liste_options($typeaffection,$this->nettoyer($affection['codeTypeAffection']),true) ?>
</select>
</td>
<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" value="<?= $this->nettoyer($affection['libelle']); ?>"></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'affection") ?>
</h6>
</div>
<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($affection['libelleEng']); ?>"></td>
</tr>
</tbody>
</table>
</form>
<div class="card-body p-4">
<form id="formData" class="container-fluid p-0">
<input type="hidden" id="id" name="id" value="<?= $this->nettoyer($affection['id']) ?>">
<div class="row g-3 align-items-end">
<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="codeAffection" name="codeAffection"
value="<?= $this->nettoyer($affection['codeAffection']); ?>" disabled>
</div>
</div>
<div class="col-md-3">
<label class="form-label fw-bold text-muted small required"><?= _("Type") ?></label>
<select name="codeTypeAffection" id="codeTypeAffection" class="selectpicker form-control border-2 shadow-xs" data-live-search="true" data-container="body" required>
<?= liste_options($typeaffection, $this->nettoyer($affection['codeTypeAffection']), true) ?>
</select>
</div>
<div class="col-md-3">
<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($affection['libelle']); ?>">
</div>
</div>
<div class="col-md-4">
<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"
value="<?= $this->nettoyer($affection['libelleEng']); ?>">
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// Initialisation du SelectPicker avec votre fonction Standard
actualiserSelectPicker('#codeTypeAffection', false);
// Focus UX Neutral Pro : 200ms sur le libellé
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 */
.bootstrap-select > .dropdown-toggle {
border-width: 2px !important;
height: 38px !important;
background-color: #fff !important;
}
</style>

View File

@ -1,18 +1,94 @@
<form id="formData">
<legend id="titre_formData"><?= _("Modification des données") ?></legend>
<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$specialite['id']?>">
<table class="table table-responsive table-condensed">
<tbody>
<tr>
<td width="5%" align="center">Code</td>
<td width="10%" ><INPUT class="form-control majuscule" TYPE="text" id="codeSpecialite" NAME="codeSpecialite" value="<?= $this->nettoyer($specialite['codeSpecialite']); ?>" 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 la spécialité") ?>
</h6>
</div>
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
<td width="25%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($specialite['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($specialite['id']) ?>">
<td width="5%" align="center"><?= _("Libellé Eng") ?></td>
<td width="25%" ><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng" value="<?= $this->nettoyer($specialite['libelleEng']); ?>"></td>
</tr>
</tbody>
</table>
</form>
<div class="row g-4 align-items-end">
<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="codeSpecialite"
name="codeSpecialite"
value="<?= $this->nettoyer($specialite['codeSpecialite']); ?>"
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($specialite['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"
autocomplete="OFF"
value="<?= $this->nettoyer($specialite['libelleEng']); ?>">
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// 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;
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>

View File

@ -1,26 +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="<?=$typeaffection['id']?>">
<table class="table table-responsive table-condensed">
<tbody>
<tr>
<td width="5%" align="center">Code</td>
<td width="10%" ><INPUT class="form-control majuscule" TYPE="text" id="codeTypeAffection" NAME="codeTypeAffection" value="<?= $this->nettoyer($typeaffection['codeTypeAffection']); ?>" 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 type d'affection") ?>
</h6>
</div>
<td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
<td width="25%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($typeaffection['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($typeaffection['id']) ?>">
<td width="10%" align="center"><?= _("Libellé Eng") ?></td>
<td width="25%" ><INPUT class="form-control majuscule" TYPE="text" id="libelleEng" NAME="libelleEng" value="<?= $this->nettoyer($typeaffection['libelleEng']); ?>"></td>
<div class="row g-3 align-items-end">
<td width="10%" align="center"><?= _("Maladie Chronique") ?></td>
<td width="5%">
<select name="maladieChronique" id="maladieChronique" class="form-select">
<?= liste_options($ouinonplafondmodifiable,$this->nettoyer($$typeaffection['maladieChronique']),true) ?>
</select>
<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="codeTypeAffection" name="codeTypeAffection"
value="<?= $this->nettoyer($typeaffection['codeTypeAffection']); ?>" disabled>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</form>
<div class="col-md-3">
<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($typeaffection['libelle']); ?>">
</div>
</div>
<div class="col-md-3">
<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"
value="<?= $this->nettoyer($typeaffection['libelleEng']); ?>">
</div>
</div>
<div class="col-md-4">
<label class="form-label fw-bold text-muted small"><?= _("Maladie Chronique") ?></label>
<div class="shadow-xs">
<select name="maladieChronique" id="maladieChronique" class="selectpicker form-control border-2" data-container="body">
<?= liste_options($ouinonplafondmodifiable, $this->nettoyer($typeaffection['maladieChronique']), true) ?>
</select>
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function() {
// Initialisation SelectPicker avec style 2px
$('.selectpicker').selectpicker();
// Focus UX Neutral Pro : 200ms sur le champ libellé
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 */
.bootstrap-select > .dropdown-toggle {
border-width: 2px !important;
height: 38px !important;
background-color: #fff !important;
}
</style>