ebene/newdesigngestionnaire
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

valider

Browse Source
This commit is contained in:
KONE SOREL 2026-02-24 18:22:22 +00:00
parent 24dec6c4b1
commit 19fa870620
4 changed files with 159 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
Bootstrap_new/css/theme-modern.css
View File

@ -239,47 +239,126 @@ body {
color: white;
}
/* 4. Main content */
/* Styles pour le main content */
.main {
margin-left: var(--sidebar-width);
padding: calc(var(--header-height) + 20px) 1.5rem 1.5rem 1.5rem;
transition: margin-left 0.3s ease;
margin-left: 260px;
padding: 100px 30px 30px 30px;
transition: margin-left 0.3s;
min-height: 100vh;
background: #f8fafc;
}
/* Style pour le breadcrumb */
.breadcrumb {
background: transparent;
padding: 0;
margin: 0;
}
.breadcrumb-item a {
color: #64748b;
text-decoration: none;
font-size: 0.95rem;
}
.breadcrumb-item a:hover {
color: #0b5e7c;
}
.breadcrumb-item.active {
color: #0b5e7c;
font-weight: 500;
}
/* Badge notifications */
.badge-notification {
position: absolute;
top: 5px;
right: 5px;
background: #dc3545;
color: white;
border-radius: 50%;
padding: 2px 6px;
font-size: 0.7rem;
min-width: 18px;
text-align: center;
}
/* Logo entité */
.entity-logo {
height: 35px;
width: auto;
max-width: 100px;
object-fit: contain;
}
.entity-name {
font-weight: 500;
color: #1e293b;
margin-left: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
}
/* Initiales utilisateur */
.user-initials {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background: #0b5e7c;
color: white;
font-weight: 600;
border-radius: 10px;
font-size: 1rem;
text-transform: uppercase;
}
/* Mode test */
.test-badge {
background: #ffc107;
color: #1e293b;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.5px;
}
/* Scrollmenu (si présent dans la page) */
.scrollmenu {
background: white;
border-radius: 40px;
padding: 4px;
display: inline-flex;
border: 1px solid #e2e8f0;
margin-bottom: 25px;
}
.scrollmenu a {
padding: 8px 24px;
border-radius: 30px;
color: #64748b;
text-decoration: none;
transition: all 0.2s;
font-weight: 500;
}
.scrollmenu a:hover,
.scrollmenu a.active {
background: #0b5e7c;
color: white;
}
/* Quand la sidebar est réduite */
.sidebar-collapsed .main {
margin-left: 80px;
}
/* Scrollmenu (sous-navigation) */
.scrollmenu {
background: white;
border-radius: 50px;
padding: 0.3rem;
margin-bottom: 2rem;
display: inline-flex;
flex-wrap: wrap;
gap: 0.2rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.02);
border: 1px solid var(--border-color);
}
.scrollmenu a {
padding: 0.5rem 1.2rem;
border-radius: 40px;
font-size: 0.9rem;
font-weight: 500;
color: var(--secondary);
text-decoration: none;
transition: all 0.2s;
white-space: nowrap;
}
.scrollmenu a:hover {
background: var(--primary-light);
color: var(--primary);
}
/* 5. Cartes et conteneurs */
.card {

5
Vue/gabarit.php
View File

@ -34,7 +34,11 @@ $_SESSION['bdTests_C'] = "0";
?>
<!doctype html>
<?php if (est_anglophone()): ?>
<html lang="en">
<?php else: ?>
<html lang="fr">
<?php endif; ?>
<head>
<?php include('includes/head-meta.php'); ?>
</head>
@ -51,6 +55,5 @@ $_SESSION['bdTests_C'] = "0";
<?php include('includes/barre-contexte.php'); ?>
<?php include('includes/modals.php'); ?>
<?php include('includes/scripts-footer.php'); ?>
</body>
</html>

64
Vue/includes/header.php
View File

@ -1,31 +1,35 @@
<?php
$flag = (est_anglophone()) ? 'england.png' : 'france.png';
$alt = (est_anglophone()) ? 'English' : 'Français';
$lib = (est_anglophone()) ? 'En' : 'Fr';
$flag = (est_anglophone()) ? 'england.png' : 'france.png';
$alt = (est_anglophone()) ? 'English' : 'Français';
$lib = (est_anglophone()) ? 'En' : 'Fr';
?>
<header id="header" class="header">
<div class="d-flex align-items-center">
<div class="header-left">
<a href="<?= $racineWeb ?>" class="logo">
<img src="Bootstrap_new/images/new/favicon.png" alt="Inter Santé">
<span class="brand-name">INTER SANTE</span>
</a>
<i class="bi bi-list toggle-sidebar-btn"></i>
</div>
<!-- Breadcrumb avec traductions -->
<!-- BREADCRUMB - Navigation -->
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="<?= $_SESSION['retourVue'] ?>">
<a href="<?= $_SESSION['retourVue'] ?? '#' ?>">
<i class="fas fa-arrow-left me-1"></i>
<?= _($_SESSION['titreRetour']) ?>
<?= htmlspecialchars($_SESSION['titreRetour'] ?? _('Retour')) ?>
</a>
</li>
<li class="breadcrumb-item active">
<?= _($_SESSION['descriptionVue']) ?>
<?= htmlspecialchars($_SESSION['descriptionVue'] ?? '') ?>
</li>
</ol>
</nav>
<div class="header-nav ms-auto">
<!-- ICONES DROITE -->
<nav class="header-nav ms-auto">
<ul class="d-flex align-items-center">
<!-- Mode test -->
<?php if ($_SESSION['bdTests_C'] == "1"): ?>
@ -36,34 +40,31 @@
<!-- Notifications -->
<li class="nav-item">
<a class="nav-link" href="#" onclick="pop_messagerie();">
<a class="nav-link" href="javascript:pop_messagerie();" title="<?= _("Messages") ?>">
<i class="bi bi-bell"></i>
<span id="span_notification" class="badge">0</span>
<span id="span_notification" class="badge-notification">0</span>
</a>
</li>
<!-- Logo société -->
<li class="nav-item">
<a class="nav-link" href="javascript:infos_entite();"
<a class="nav-link d-flex align-items-center" href="javascript:infos_entite();"
title="<?= _("Gestionnaire d'assurance santé") ?>">
<img src="<?= $_SESSION['lienLogo'] ?>"
alt="Logo" style="height: 40px;">
<span class="ms-2"><?= $companyDisplayName ?></span>
<img src="<?= $_SESSION['lienLogo'] ?>" alt="Logo" class="entity-logo">
<span class="entity-name"><?= $companyDisplayName ?></span>
</a>
</li>
<!-- Sélecteur langue -->
<!-- Langue -->
<li class="nav-item dropdown">
<a class="nav-link" href="#" data-bs-toggle="dropdown">
<img src="Bootstrap_new/images/<?= $flag ?>"
alt="<?= $alt ?>" width="24">
<span class="ms-1"><?= $lib ?></span>
<a class="nav-link" href="#" data-bs-toggle="dropdown" title="<?= _("Changer la langue") ?>">
<img src="Bootstrap_new/images/<?= $flag ?>" alt="<?= $alt ?>" width="24" class="rounded-circle">
<span class="ms-1 d-none d-md-inline"><?= $lib ?></span>
</a>
<ul class="dropdown-menu">
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="javascript:changer_langue();">
<i class="fa fa-exchange me-2"></i>
<?= _("Changer de langue") ?>
<i class="fa fa-exchange me-2"></i><?= _("Changer de langue") ?>
</a>
</li>
</ul>
@ -71,33 +72,30 @@
<!-- Aide -->
<li class="nav-item">
<a class="nav-link" href="Guideutilisation/"
title="<?= _("Guide d'utilisation") ?>">
<a class="nav-link" href="Guideutilisation/" title="<?= _("Guide d'utilisation") ?>">
<i class="bi bi-question-circle"></i>
</a>
</li>
<!-- Profil -->
<li class="nav-item dropdown">
<a class="nav-link" href="#" data-bs-toggle="dropdown">
<span class="user-initials"><?= $_SESSION['userInitials_C'] ?></span>
<a class="nav-link" href="#" data-bs-toggle="dropdown" title="<?= _("Mon profil") ?>">
<span class="user-initials"><?= $_SESSION['userInitials_C'] ?? 'U' ?></span>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a class="dropdown-item" href="javascript:change_password();">
<i class="fa fa-user-circle me-2"></i>
<?= $_SESSION['utilisateur_C'] ?>
<i class="fa fa-user-circle me-2"></i><?= $_SESSION['utilisateur_C'] ?? '' ?>
</a>
</li>
<li><hr class="dropdown-divider"></li>
<li>
<a class="dropdown-item" href="#">
<i class="bi bi-box-arrow-right me-2"></i>
<?= _("Déconnexion") ?>
<i class="bi bi-box-arrow-right me-2"></i><?= _("Déconnexion") ?>
</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>

20
Vue/includes/sidebar.php
View File

@ -1,9 +1,9 @@
<aside id="sidebar" class="sidebar">
<div class="sidebar-brand">
<img src="Bootstrap_new/images/new/favicon.png" alt="Inter Santé" style="width: 40px;">
<img src="Bootstrap_new/images/new/favicon.png" alt="Inter Santé">
<span>INTER SANTE</span>
</div>
<ul class="sidebar-nav">
<?php foreach ($menus as $menuParent):
$menuChildren = $gabary->get_menus_by_parent_code($menuParent['vue']);
@ -15,26 +15,30 @@
<a class="nav-link <?= $isActive ? '' : 'collapsed' ?>"
data-bs-target="#menu-<?= $menuParent['codeMenu'] ?>"
data-bs-toggle="collapse"
href="#">
href="#"
title="<?= htmlspecialchars($menuParent['libeleMenu']) ?>">
<i class="<?= $menuParent['icone'] ?>"></i>
<span><?= _($menuParent['libeleMenu']) ?></span>
<span><?= htmlspecialchars($menuParent['libeleMenu']) ?></span>
<i class="bi bi-chevron-down ms-auto"></i>
</a>
<ul id="menu-<?= $menuParent['codeMenu'] ?>"
class="nav-content collapse <?= $isActive ? 'show' : '' ?>">
<?php foreach ($menuChildren as $child): ?>
<li>
<a href="<?= $child['lienMenu'] ?>">
<a href="<?= $child['lienMenu'] ?>"
title="<?= htmlspecialchars($child['descriptionMenu'] ?? '') ?>">
<i class="bi bi-circle"></i>
<span><?= _($child['libeleMenu']) ?></span>
<span><?= htmlspecialchars($child['libeleMenu']) ?></span>
</a>
</li>
<?php endforeach; ?>
</ul>
<?php else: ?>
<a class="nav-link" href="<?= $menuParent['lienMenu'] ?>">
<a class="nav-link <?= ($menuParent['lienMenu'] == $current_url) ? 'active' : '' ?>"
href="<?= $menuParent['lienMenu'] ?>"
title="<?= htmlspecialchars($menuParent['libeleMenu']) ?>">
<i class="<?= $menuParent['icone'] ?>"></i>
<span><?= _($menuParent['libeleMenu']) ?></span>
<span><?= htmlspecialchars($menuParent['libeleMenu']) ?></span>
</a>
<?php endif; ?>
</li>