This commit is contained in:
KANE LAZENI 2026-05-07 03:51:33 +00:00
parent b948bc7989
commit fca49ab947
3 changed files with 953 additions and 2 deletions

View File

@ -411,7 +411,11 @@
</style> </style>
<link href="Bootstrap_new/css/custom.css?ver=2025.08.12.00" rel="stylesheet"> <link href="Bootstrap_new/css/custom.css?ver=2025.08.12.00" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.0/css/all.min.css" rel="stylesheet">
<!-- 07/06/2026 => New design -->
<link rel="stylesheet" href="Bootstrap_new/css/style-moderne.css">
<!-- Favicons -->
</head> </head>
<?php <?php
$style = ""; $style = "";

944
Vue/gabarit_sav_2026_05_07.php Executable file
View File

@ -0,0 +1,944 @@
<?php
require_once 'gabarit_queries.php';
$gabary = new Gabary();
$_SESSION['firstLevelMenu']='';
$current_url = $_SERVER['REQUEST_URI'];
$elements = explode("/", $current_url);
$activeLink = $elements[1];
$_SESSION['firstLevelMenu']=$activeLink;
const MAX_COMPANY_NAME_LENGTH = 20;
/*
if (strlen($_SESSION['p_nomSociete']) <= MAX_COMPANY_NAME_LENGTH) {
$companyDisplayName = htmlspecialchars($_SESSION['p_nomSociete'], ENT_QUOTES);
} else {
$companyDisplayName = strtoupper($_SESSION['p_codeSociete']);
}
*/
$companyDisplayName = htmlspecialchars($_SESSION['p_nomSociete'], ENT_QUOTES);
$imgData = $_SESSION['p_photoAssureCrypte'];
$token = Csrf::generateToken();
$_SESSION['csrf_token_submieted'] = $token;
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="<?= $racineWeb ?>" >
<!-- Favicons -->
<link rel="icon" href="Bootstrap_new/images/favicon.ico">
<!-- Google Fonts -->
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="Bootstrap/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="Bootstrap/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="Bootstrap/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="Bootstrap/vendor/quill/quill.snow.css" rel="stylesheet">
<link href="Bootstrap/vendor/quill/quill.bubble.css" rel="stylesheet">
<link href="Bootstrap/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="Bootstrap/vendor/simple-datatables/style.css" rel="stylesheet">
<link href="Bootstrap_new/css/datatables.min.css" rel="stylesheet">
<link href="Bootstrap_new/css/select2.min.css" rel="stylesheet">
<link href="Bootstrap/css/style.css?ver=2025.03.14.00" rel="stylesheet">
<link href="Bootstrap_new/css/style.css?ver=2025.08.25.01" rel="stylesheet">
<link href="Bootstrap_new/select/css/bootstrap-select.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.min.css" rel="stylesheet">
<title><?= $_SESSION['p_vue'] ?></title>
<script type="text/javascript">
var modeDev = <?= $_SESSION['modeDev_C'] ?>;
if (modeDev!="1")
{
if (document.addEventListener) {
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
}, false);
} else {
document.attachEvent('oncontextmenu', function () {
window.event.returnValue = false;
});
}
}
</script>
<link rel="stylesheet" href="Bootstrap_new/datatables/datatable.min.css" crossorigin="anonymous">
<style>
#barre_laterale_d{
background: white;
padding: 10px;
width: 350px !important;
border: 2px ridge #d9cfcf;
padding:5px !important
}
#barre_laterale_d input textarea{
width:100%
}
input[name="test_connexion"]{
color:white;
background:red
}
input[name="numeroClient_C"]{
}
.btn-info-context{
background:#4caf50;
color:white;
border:2px solid #a49d9d;
border-top-left-radius: 50px; /* Arrondi du coin supérieur gauche */
border-bottom-left-radius: 50px; /* Arrondi du coin inférieur gauche */
cursor: pointer;
transition: all 0.3s ease; /* Animation fluide */
transform: scale(0.8); /* Réduire la taille du bouton */
}
.btn-info-context:hover{
background:#4caf50;
color:white;
border:2px solid #a49d9d;
transform: scale(1); /* Rétablir la taille normale au survol */
}
.btn-cacher-contexte{
background:red;
color:white;
border:2px solid #a49d9d;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
cursor: pointer;
font-size: 16px;
font-weight: bold;
transition: all 0.3s ease; /* Animation fluide */
transform: scale(0.8); /* Réduire la taille du bouton */
}
.btn-cacher-contexte:hover {
border:2px solid #a49d9d;
transform: scale(1); /* Rétablir la taille normale au survol */
}
legend{
background:#858585 !important;
}
.btn-primary{
background: #286090
}
.btn-warning{
background:red;
color:white
}
.btn{
border-radius:5px;
}
/* Modal */
.modal-header{
background:#286090;
color:white
}
.modal-header .close{
color:white !important;
background:transparent !important;
border:1px solid white !important
}
.modal-header legend{
background:transparent !important;
font-size:14px;
text-align:right
}
.modal-footer .btn-default{
border: solid #286090 !important;
color: #286090 !important;
}
.modal-title{
font-size:16px !important
}
@media (max-width: 1199px) {
.main{
margin-left:0 !important
}
}
td input[readonly], td select[readonly]{
background: #fffafa !important;
font-weight: bold;
}
td input[disabled], td select[disabled]{
background: #fffafa !important;
font-weight: bold;
}
.filter-option-inner-inner{
background-color : #D4D3DC !important;
}
#barre_laterale_d input{
color:black !important;
font-size:12px;
font-weight:700
}
#barre_laterale_d .form-control{
font-weight: 700;
font-size: 12px;
}
.sr-only{
display:none;
}
.table{
background-color: #fff !important
}
.table th:hover {
background-color: none !important;
}
.table tr:hover{
font-style: normal !important;
}
.table td:hover{
font-style: normal !important;
}
.table {
--bs-table-color: null !important;
--bs-table-striped-color:null !important
/* --bs-table-color: yellow; */
}
.table{
--bs-table-bg: null !important;
}
thead tr{
color:black
}
fieldset legend,form legend{
background:#027be3
}
legend{
background:#027be3
}
.btn-info{
background-color:#08C5D1;
color:white;
}
.btn-info:hover{
background-color:white
color:#286090;
}
input[id="chemin"]{
border-radius:0%
}
#barre_laterale_d input{
width:100%;
text-align:left;
border:none
}
#barre_laterale_d .form-control{
font-size:12px !important
}
footer{
background:transparent;
color:black !important
}
.table > thead
{
background-color: #5c656a !important;
color:white !important;
}
thead{
font-size: 13px;
}
thead tr {
color: white;
}
th {
background-color: #027BE3;
color: white;
}
textarea{
width: 100%;
}
textarea{
font-size: 12px;
}
#barre_laterale_d{
max-height: calc(100vh - 106px);
overflow: auto;
}
.initials {
display: inline-block; /* Nécessaire pour appliquer border-radius */
width: 25px; /* Largeur du cercle */
height: 25px; /* Hauteur du cercle, doit être égale à la largeur */
background-color: #4caf50; /* Couleur de fond */
border-radius: 15%; /* Pour arrondir complètement l'élément */
color: #fff; /* Couleur du texte */
text-align: center; /* Centrer le texte */
line-height: 25px; /* Aligner verticalement le texte */
}
.image-container img {
transition: filter 0.3s ease-in-out;
}
.image-container img:hover {
filter: grayscale(100%);
}
.photo-container img {
transition: transform 0.3s ease-in-out;
cursor:pointer;
}
.photo-container img:hover {
transform: scale(1.1);
cursor:pointer;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
text-align:center;
font-weight: bold;
background-color:#696969;
color:#fff;
}
h6 a{
text-decoration: underline;
}
h6 a:hover{
background-color:#08C5D1;
color:white;
text-decoration: none;
}
.mb-2 textarea{
font-size:9pt; width:100%;
}
.mb-2 .text-center{
font-size:9pt;
font-weight:bold;
background-color: orange; /*#6c757d;*/
color: white;
}
.flex-tooltip {
position: relative;
display: inline-block;
cursor: help;
}
.flex-tooltip .tooltip-content {
visibility: hidden;
min-width: 100px;
max-width: 100%;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 10px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
white-space: normal;
word-wrap: break-word;
}
.flex-tooltip:hover .tooltip-content {
visibility: visible;
opacity: 1;
}
</style>
<link href="Bootstrap_new/css/custom.css?ver=2025.08.12.00" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.0/css/all.min.css" rel="stylesheet">
</head>
<?php
$style = "";
$test = "";
$colorTests="";
$flag = (est_anglophone()) ? 'england.png' : 'france.png';
$alt = (est_anglophone()) ? 'English' : 'Français';
$lib = (est_anglophone()) ? 'En' : 'Fr';
if($_SESSION['p_bdTests_C']== "1"){
$colorTests=$_SESSION['p_colorTests'];
// $style = "background-color: #F5DF4D;";
$style = "background-color: $colorTests;";
$test = "MODE TEST";
error_reporting(E_ALL);
ini_set('display_errors', 1);
}
else
{
error_reporting(E_ALL & ~E_DEPRECATED & ~E_STRICT);
ini_set('display_errors', 0);
}
ini_set('log_errors', 1);
ini_set('error_log', __DIR__ . '/logs/error.log');
//var_dump($style);
?>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top d-flex align-items-center" style="<?=$style?>">
<div class="d-flex align-items-center justify-content-between">
<a class="logo d-flex align-items-center">
<img src="Bootstrap_new/images/new/favicon.png" alt="Logo Inter santé"/>
<span class="d-none d-lg-block">INTER SANTE</span>
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div><!-- End Logo -->
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center">
<li class="nav-item">
<a class="nav-link nav-icon" href="javascript:alert_ebene('TEST', 'TEST');">
<span><?=$test?></span>
</a>
</li>
<li class="nav-item dropdown">
<a style="margin-left:10px; margin-right:10px;" class="nav-link nav-icon" href="#" data-bs-toggle="dropdown">
<i class="bi bi-bell"></i>
<span id="span_notification" title="<?= _("Notification");?>" class="badge bg-primary badge-number" onclick="javascript:pop_messagerie();">0</span>
</a><!-- End Notification Icon -->
</li>
<li class="nav-item">
<a title="<?= _("Gestionnaire d'assurance santé");?>"
style="margin-left:10px; margin-right:10px;"
class="nav-link nav-icon d-flex align-items-center"
href="javascript:alert_ebene('<?=$_SESSION['p_nomSociete']?>','<?=$_SESSION['p_nomSociete']?>');">
<img src="<?= $_SESSION['p_lienLogo'] ?>"
alt="Profile"
style="max-height:40px;"
<span class="text-truncate d-inline-block" style="max-width:300px;">
<?=$companyDisplayName?>
</span>
</a>
</li>
<li class="nav-item">
<a title="<?= _("Prestataire conventionné");?>"
class="nav-link nav-icon d-flex align-items-center"
style="margin-left:10px; margin-right:10px;"
href="javascript:alert_ebene('<?=$_SESSION['p_prestataire_C']?>','<?=$_SESSION['p_prestataire_C']?>');">
<i class="bi bi-shop"></i>
<span class="text-truncate flex-grow-1" style="max-width:200px;">
<?=$_SESSION['p_prestataire_C']?>
</span>
</a>
</li>
<li class="nav-item dropdown pe-3">
<a title="<?= _("Changer la langue actuelle");?>" style="margin-left:12px;" class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
<?= "<img src='Bootstrap_new/images/$flag' alt='$alt' width='30'>" ?><span class="d-none d-md-block dropdown-toggle ps-2"><?= $lib ?></span>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
<li>
<a class="dropdown-item d-flex align-items-center" href="javascript:changer_langue();">
<i class="fa fa-exchange" aria-hidden="true"></i>
<span ><?=_("Changer de langue")?></span>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown pe-3">
<a title="<?= _("Initial utilisateur connecté");?>" style="margin-left:10px; margin-right:10px;" class="nav-link nav-profile d-flex align-items-center pe-0" href="#" data-bs-toggle="dropdown">
<span class="initials" ><?php echo $_SESSION['p_userInitials_C']; ?></span><span class="d-none d-md-block dropdown-toggle ps-2"></span>
</a>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
<li>
<a class="dropdown-item d-flex align-items-center" href="javascript:change_password();">
<i class="fa fa-user-circle" aria-hidden="true"></i>
<span ><?= $_SESSION['p_utilisateur_C']; ?></span>
</a>
</li>
<li>
<a class="dropdown-item d-flex align-items-center" href="#">
<i class="bi bi-box-arrow-right"></i>
<span style="color: grey;"><?=_("Déconnexion")?></span>
</a>
</li>
</ul>
</li>
</ul>
</nav><!-- End Icons Navigation -->
</header><!-- End Header -->
<!-- ======= Sidebar ======= -->
<aside id="sidebar" class="sidebar">
<?php
?>
<ul class="sidebar-nav" id="sidebar-nav">
<?php
foreach ($menus as $key0=>$menuParent):
$menuChildrenLevelOne = $gabary->get_menus_by_parent_code($menuParent['vue']);
if (sizeof($menuChildrenLevelOne)>0){
?>
<li class="nav-item">
<a class="nav-link collapsed" data-bs-target="#<?php echo $menuParent['codeMenu'].$key0;?>" data-bs-toggle="collapse" href="#">
<i class="<?= $menuParent['icone'];?>" style="color:white;"></i>
<?php
$parentLink = explode('/',$menuParent['lienMenu'])[0];
?>
<span >
<?= $menuParent['libeleMenu'] ?>
</span><i class="bi bi-chevron-down ms-auto" style="color:white;"></i>
</a>
<ul id="<?php echo $menuParent['codeMenu'].$key0;?>" class="nav-content collapse " data-bs-parent="#sidebar-nav">
<?php
foreach ($menuChildrenLevelOne as $key1=>$menuChild):
?>
<?php
?>
<li>
<?php
$link_clean = explode('/',$menuChild['lienMenu'])[0];
$activeLink=$_SESSION['firstLevelMenu'];
?>
<a class="<?php
echo $link_clean==$activeLink?'active-submenu':'';
?>" href="<?php echo $menuChild['lienMenu']; ?>">
<span ><?= $menuChild['libeleMenu']; ?></span>
</a>
</li>
<?php
endforeach; ?>
</ul>
</li>
<?php } else{?>
<li class="nav-item">
<a class="nav-link collapsed" data-bs-target="#<?php echo $menuParent['codeMenu'].$key0;?>" href="<?php echo $menuParent['lienMenu']; ?>">
<i class="<?= $menuParent['icone'];?>" style="color:white;"></i>
<span style="font-weight:700"><?= $menuParent['libeleMenu'] ?></span>
</a>
</li>
<?php } endforeach; ?>
</ul>
</aside>
<main id="main" class="main">
<INPUT class="sr-only" TYPE="text" id="vue" name="vue" value="<?= isset($_SESSION['p_vue']) ? $_SESSION['p_vue'] : ""; ?>">
<div class="fixed-div">
<div class="content">
<?php
$menuChildrenLevelThree=[];
if(sizeof($menusvue)>0){
$current_url = $_SERVER['REQUEST_URI'];
$elements = explode("/", $current_url);
$activeLink = $elements[1];
?>
<div class="scrollmenu">
<?php foreach ($menusvue as $key3=>$menu):
$descriptionMenu = $menu['descriptionMenu'];
?>
<a title="<?= $descriptionMenu; ?>" href="<?php echo $menu['lienMenu']; ?>"><?= $menu['libeleMenu'] ?></a>
<?php endforeach; ?>
</div>
<?php }?>
</div>
</div>
<?php
?>
<input class="sr-only" type="text" id="racineWeb" name="racineWeb" value="<?= $racineWeb ?>">
<input class="sr-only" type="text" id="dureeSession" name="dureeSession" value="<?= $_SESSION['dureeSession'] ?>">
<input class="sr-only" type="text" id="nomSociete" name="nomSociete" value="<?= $_SESSION['p_nomSociete'] ?>">
<section class="section main-dashboard">
<div id="contenu">
<div id="div_test_gabarit">
<?php if (!empty($_SESSION['flash_error'])): ?>
<div class="alert alert-warning">
<?= htmlspecialchars($_SESSION['flash_error']) ?>
<?php unset($_SESSION['flash_error']); ?>
</div>
<?php endif; ?>
<?php
/*
var_dump(
array(
"dossierSociete" => $_SESSION['p_dossierSociete'],
"csrf_token_submieted" => $_SESSION['csrf_token_submieted'],
)
);
*/
?>
</div>
<?= $contenu ?>
</div>
</section>
</main><!-- End #main -->
<INPUT class="sr-only" TYPE="text" id="prestataire_C" NAME="prestataire_C" value="<?= $this->nettoyer($_SESSION['p_prestataire_C']) ?>" >
<INPUT class="sr-only" TYPE="text" id="p_nomSociete" NAME="p_nomSociete" value="<?= $this->nettoyer($_SESSION['p_nomSociete']) ?>"/>
<button class="btn-info-context mb-2" id="showSideNav" title="<?= _("Afficher contexte") ?>">
<i class="fa-solid fa fa-angle-double-left" style="font-size:24px"></i> <i class="fa fa-cog fa-spin" style="font-size:24px"></i>
</button>
<div id="barre_laterale_d" class="col-1 sidenav" style="font-size:8pt; padding:0px;">
<div class="card shadow-sm p-2">
<button class="btn-cacher-contexte mb-3 w-100" id="hideSideNav" title="<?= _("Cacher contexte")?>">
<i class="fa fa-cog fa-spin" style="font-size:24px"></i> <i class="fa-solid fa fa-angle-double-right" style="font-size:24px"></i>
</button>
<!-- Informations sur le Souscripteur -->
<div class="mb-2">
<h6 class="text-muted"><?= _("Souscripteur")?></h6>
<textarea rows="2" cols="25" readonly ><?= $this->nettoyer($_SESSION['p_nomClient_C']) ?></textarea>
</div>
<!-- Adhérent et bénéficiaire -->
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100" title="<?= _("Assuré principale")?>">
<?= substr($this->nettoyer($_SESSION['p_adherent_C']), 0, 25) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" onclick="javascript:afficher_beneficiaire_id();" id="p_numeroBeneficiaire_C" NAME="p_numeroBeneficiaire_C" title="<?= _("Afficher les données du patient")?>">
<i class="fa-solid fa-user"></i> <?= _("Patient")." : ".$this->nettoyer($_SESSION['p_numeroBeneficiaire_C']) ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-outline-secondary btn-sm w-100" onclick="javascript:afficher_beneficiaire_id();" title="<?= _("Afficher les données du patient")?>">
<?= substr($this->nettoyer($_SESSION['p_beneficiaire_C']), 0, 25) ?>
</button>
</div>
<!-- Photo -->
<div class="photo-container text-center mb-2">
<?php if ($_SESSION['p_faceRegistered_C']=="1" && $_SESSION['p_idBeneficiaire_C'] > "0"): ?>
<img src="data:image/jpg;base64,<?=$imgData?>"
class="img-fluid rounded" style="width: 200px;" data-bs-toggle="modal" data-bs-target="#pop_photo" alt="<?= _("Photo") ?>">
<?php endif; ?>
</div>
<?php if ($_SESSION['p_modeSaisieFacture']=="1"): ?>
<div class="mb-2">
<h6 class="text-center"><?= $_SESSION['p_codeExercice_C'] . " - " . $_SESSION['p_codeMois_C'] ?></h6>
</div>
<div class="mb-2">
<button class="btn btn-info btn-sm w-100" onclick="javascript:facture_sans_bon();">
<i class="fa-solid fa-money-bill"></i> <?= _('Facture Sans Bon') ?>
</button>
</div>
<div class="mb-2">
<button class="btn btn-primary btn-sm w-100" onclick="javascript:retourdecompte();">
<i class="fa-solid fa-backward"></i> <?= _('Retour Décompte') ?>
</button>
</div>
<?php endif; ?>
<!-- Bouton Gérer Messages -->
<div class="mb-2">
<button class="btn btn-outline-primary btn-sm w-100" onclick="javascript:gerer_messagerie();">
<?= _("Gérer Messages") ?> <i class="fa fa-comments" aria-hidden="true"></i>
</button>
</div>
<div id="nbMessagesNonLus" name="nbMessagesNonLus">
<INPUT class='sr-only timer' id="timer" NAME="timer" TYPE="button" value="0">
<INPUT class="sr-only" TYPE="text" id="msgNonLus" NAME="msgNonLus" value="0" >
</div>
<!-- Changer le mot de passe -->
<div class="image-container mb-3 text-center">
<a href="javascript:change_password();"
title="<?= isset($_SESSION['lang']) && $_SESSION['lang']=="en_US" ? 'Change password' : 'Changer le mot de passe' ?>"
class="d-inline-block text-decoration-none text-dark">
<div class="p-4 bg-light rounded-circle shadow-sm d-inline-flex justify-content-center align-items-center transition hover-scale">
<img src="Bootstrap_new/images/pwd.png" alt="Changer mot de passe" class="img-fluid" style="width:30px;">
</div>
<!-- Texte sous licône -->
<div class="mt-2 fw-semibold text-secondary small">
<?= isset($_SESSION['lang']) && $_SESSION['lang']=="en_US" ? 'Change Password' : 'Changer le mot de passe' ?>
</div>
</a>
</div>
</div>
</div>
<div class="modal fade" id="popmessagerie" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Messages non lus") ?> </h4>
</div>
<div class="modal-body">
<div id="div_messagerie">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="popmessagerie" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Messages non lus") ?> </h4>
</div>
<div class="modal-body">
<div id="div_messagerie">
</div>
</div>
<div class="modal-footer">
<button id="btn_close_messagerie" NAME="btn_close_messagerie" type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<button id="btn_pop_messagerie" NAME="btn_pop_messagerie" type="button" class="sr-only" data-bs-toggle="modal" data-bs-target="#popmessagerie"> <?= _("Afficher les messages non lus...") ?> </button>
<button id="btn_pop_dernier_messagerie" NAME="btn_pop_dernier_messagerie" class="sr-only" type="button" data-bs-toggle="modal" data-bs-target="#popderniermessagerie"> <?= _("Alerte Réception Message...") ?> </button>
<div class="modal fade" id="popderniermessagerie" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Alerte Réception Message...") ?> </h4>
</div>
<div class="modal-body">
<div id="div_dernier_messagerie">
</div>
</div>
<div class="modal-footer">
<button id="btn_close_pop_dernier_messagerie" name="btn_close_pop_dernier_messagerie" type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="pop_photo" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button id="btn_close_pop" name="btn_close_pop" type="button" class="close" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
<h4 class="modal-title"> <?= _("Photo") ?> </h4>
</div>
<div class="modal-body">
<img src="data:image/jpg;base64,<?=$imgData?>" style="width: 450px;" >
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-bs-dismiss="modal"> <?= _("Fermer") ?> </button>
</div>
</div>
</div>
</div>
<script src="Bootstrap/vendor/apexcharts/apexcharts.min.js"></script>
<script src="Bootstrap/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="Bootstrap/vendor/chart.js/chart.umd.js"></script>
<script src="Bootstrap/vendor/echarts/echarts.min.js"></script>
<script src="Bootstrap/vendor/quill/quill.min.js"></script>
<script src="Bootstrap/vendor/simple-datatables/simple-datatables.js"></script>
<script src="Bootstrap/vendor/php-email-form/validate.js"></script>
<script src="Bootstrap/js/jquery.min.js"></script>
<script src="Bootstrap/js/jquery-ui.js"></script>
<script src="Bootstrap/js/timer.jquery.js"></script>
<script src="Bootstrap_new/js/select2.min.js"></script>
<script src="Bootstrap_new/select/js/bootstrap-select.min.js"></script>
<script src="Bootstrap/js/main.js"></script>
<script src="Bootstrap_new/datatables/datatable.min.js" crossorigin="anonymous"></script>
<?php if (est_anglophone()) : ?>
<script src="Js/datepicker-eng.js"></script>
<?php else: ?>
<script src="Js/datepicker-fr.js"></script>
<?php endif; ?>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/toastr@2.1.4/build/toastr.min.css" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/toastr@2.1.4/build/toastr.min.js" crossorigin="anonymous"></script>
<script src="Js/fonctions.js?ver=2026.04.26.02"></script>
<script src="Bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.1/dist/sweetalert2.all.min.js"></script>
<div id="div_ajaxgabarit">
</div>
<script type="text/javascript">
raffraichier_gabarit();
</script>
<script type="text/javascript">
$('#timer').timer({
duration: '60s',
callback: function() {
raffraichier_messagerie();
},
repeat: true
});
</script>
<script>
$(document).ready(function() {
$("#barre_laterale_d").hide()
$("#side_nav").hide()
$("#barre_laterale_d").hide()
});
$("#hideSideNav").on( "click", function() {
// $("#barre_laterale_d").hide()
$("#barre_laterale_d").hide('slide', {direction: 'right'}, 500)
} );
$("#showSideNav").on( "click", function() {
// $("#barre_laterale_d").show()
$("#barre_laterale_d").show('slide', {direction: 'right'}, 500)
} );
$( '#select-field' ).select2( {
theme: 'bootstrap-5'
} );
</script>
</body>
</html>

View File

@ -365,7 +365,10 @@
} }
</style> </style>
<!-- 07/06/2026 => New design -->
<link rel="stylesheet" href="Bootstrap_new/css/style-moderne.css">
<!-- Favicons -->
</head> </head>