FF
This commit is contained in:
parent
59dbc75115
commit
fcc5b01d16
|
|
@ -1,66 +1,67 @@
|
|||
/* --- BASE --- */
|
||||
:root {
|
||||
--primary: #1e293b;
|
||||
--primary: #2C3E50;
|
||||
--accent: #08C5D1;
|
||||
--bg-body: #edf2f7; /* Gris bleuté pour le fond */
|
||||
--shadow-wahoo: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||
--bg-body: #F4F7FB;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-body) !important;
|
||||
font-family: 'Plus Jakarta Sans', sans-serif !important;
|
||||
body { background: var(--bg-body); color: #444; }
|
||||
|
||||
/* --- HEADER FLOATING --- */
|
||||
#header {
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
backdrop-filter: blur(10px);
|
||||
margin: 10px 15px;
|
||||
width: calc(100% - 30px);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 20px rgba(0,0,0,0.04);
|
||||
}
|
||||
|
||||
/* LE SECRET : On ne touche pas au bord de l'écran */
|
||||
/* --- LE "WAHOO" : MAIN CARD --- */
|
||||
#main {
|
||||
margin: 85px 25px 25px 285px !important; /* Sidebar large + marge */
|
||||
background: #ffffff !important;
|
||||
border-radius: 30px !important; /* Arrondi très fort */
|
||||
box-shadow: var(--shadow-wahoo) !important;
|
||||
border: none !important;
|
||||
min-height: calc(100vh - 110px);
|
||||
padding: 40px !important;
|
||||
margin: 95px 20px 20px 320px; /* Espace pour la sidebar */
|
||||
background: white;
|
||||
border-radius: 20px;
|
||||
min-height: 80vh;
|
||||
padding: 30px;
|
||||
border: 1px solid #edf2f7;
|
||||
/* On évite les ombres lourdes, on mise sur la netteté */
|
||||
}
|
||||
|
||||
/* SIDEBAR : Elle doit être détachée ou très sombre */
|
||||
.sidebar {
|
||||
background: var(--primary) !important;
|
||||
width: 260px !important;
|
||||
border: none !important;
|
||||
/* --- SIDEBAR : UNITÉ VISUELLE --- */
|
||||
#sidebar {
|
||||
background: var(--primary);
|
||||
border-right: none;
|
||||
margin: 10px 0 10px 15px;
|
||||
height: calc(100vh - 20px);
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
/* HEADER : On le rend invisible ou très léger */
|
||||
.header {
|
||||
background: rgba(248, 250, 252, 0.8) !important;
|
||||
backdrop-filter: blur(8px);
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
/* --- CONTEXTE (Sidenav) --- */
|
||||
.sidenav-context {
|
||||
position: fixed;
|
||||
right: -340px;
|
||||
top: 10px;
|
||||
height: calc(100vh - 20px);
|
||||
width: 320px;
|
||||
background: white;
|
||||
border-radius: 20px 0 0 20px;
|
||||
box-shadow: -10px 0 40px rgba(0,0,0,0.05);
|
||||
z-index: 1060;
|
||||
transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
padding: 25px;
|
||||
}
|
||||
.sidenav-context.active { right: 0; }
|
||||
|
||||
/* --- LES TABLEAUX "WAHOO" (Effet Liste de Cartes) --- */
|
||||
.table {
|
||||
border-collapse: separate !important;
|
||||
border-spacing: 0 12px !important; /* Espace entre les lignes */
|
||||
background: transparent !important;
|
||||
}
|
||||
/* --- WIDGETS DE DONNÉES --- */
|
||||
.context-label { font-size: 0.65rem; font-weight: 800; text-transform: uppercase; color: #94a3b8; letter-spacing: 1px; }
|
||||
.context-value-box { padding: 12px; background: #f8fafc; border-radius: 10px; border: 1px solid #eef2f7; display: flex; align-items: center; }
|
||||
.assured-card { cursor: pointer; transition: 0.3s; padding: 10px; border-radius: 12px; }
|
||||
.assured-card:hover { background: #f0f9fa; transform: translateY(-2px); }
|
||||
|
||||
.table tbody tr {
|
||||
background: white !important;
|
||||
border-radius: 15px !important;
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
|
||||
transition: all 0.3s ease !important;
|
||||
}
|
||||
|
||||
.table tbody tr:hover {
|
||||
transform: translateY(-4px) scale(1.01);
|
||||
box-shadow: 0 15px 30px rgba(8, 197, 209, 0.15) !important;
|
||||
}
|
||||
|
||||
.table td {
|
||||
padding: 20px !important;
|
||||
border: none !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Arrondis pour chaque ligne */
|
||||
.table td:first-child { border-radius: 15px 0 0 15px !important; }
|
||||
.table td:last-child { border-radius: 0 15px 15px 0 !important; }
|
||||
/* Avatar initials */
|
||||
.initials-circle {
|
||||
width: 40px; height: 40px; background: var(--accent); color: white;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
border-radius: 50%; font-weight: bold;
|
||||
}
|
||||
|
|
@ -1,40 +1,41 @@
|
|||
<div id="barre_laterale_d" class="sidenav">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4 pb-2 border-bottom">
|
||||
<span class="small fw-bold text-muted text-uppercase tracking-wider"><?= _("Fiche Contexte") ?></span>
|
||||
<i class="bi bi-x-lg cursor-pointer text-muted" id="hideSideNav"></i>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<label class="d-block small text-primary fw-bold mb-2"><?= _("GARANT") ?></label>
|
||||
<div class="p-3 bg-light rounded-3 border">
|
||||
<div class="fw-bold" style="font-size: 0.85rem;"><?= $this->nettoyer($_SESSION['nomGcAssureur_C']) ?></div>
|
||||
<div class="text-muted" style="font-size: 0.75rem;"><?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?></div>
|
||||
<div id="barre_laterale_d" class="sidenav-context">
|
||||
<div class="context-inner">
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h6 class="fw-800 text-uppercase mb-0 text-muted small tracking-widest"><?= _("Contexte Actif") ?></h6>
|
||||
<i class="bi bi-x-circle-fill fs-5 text-muted cursor-pointer" id="hideSideNav"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php if(!empty($_SESSION['numeroClient_C'])): ?>
|
||||
<div class="mb-4">
|
||||
<label class="d-block small text-primary fw-bold mb-2"><?= _("ASSURÉ") ?></label>
|
||||
<div class="d-flex align-items-center p-3 border rounded-3 bg-white hover-light" onclick="afficher_client_id();" style="cursor:pointer">
|
||||
<div class="avatar-circle me-3">
|
||||
<img src="<?= $_SESSION['photoAssureCrypte'] ?>" class="rounded-circle" width="45" height="45" style="object-fit: cover; border: 1px solid #eee;">
|
||||
</div>
|
||||
<div style="line-height: 1.2;">
|
||||
<div class="fw-bold text-dark" style="font-size: 0.85rem;"><?= $this->nettoyer($_SESSION['nomClient_C']) ?></div>
|
||||
<div class="text-info fw-bold mt-1" style="font-size: 0.75rem;"><?= $_SESSION['numeroClient_C'] ?></div>
|
||||
<div class="context-group mb-4">
|
||||
<label class="context-label"><?= _("Garant") ?></label>
|
||||
<div class="context-value-box">
|
||||
<i class="bi bi-shield-check text-primary me-2"></i>
|
||||
<span class="fw-bold"><?= $this->nettoyer($_SESSION['nomGcAssureur_C']) ?></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if(!empty($_SESSION['numeroPolice_C'])): ?>
|
||||
<div class="mb-4">
|
||||
<label class="d-block small text-primary fw-bold mb-2"><?= _("POLICE") ?></label>
|
||||
<div class="p-3 border rounded-3 bg-white shadow-xs">
|
||||
<div class="fw-bold text-dark" style="font-size: 0.85rem;">
|
||||
<i class="bi bi-file-earmark-text me-2"></i><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?>
|
||||
<?php if(!empty($_SESSION['numeroClient_C'])): ?>
|
||||
<div class="context-group mb-4 assured-card" onclick="afficher_client_id();">
|
||||
<label class="context-label text-info"><?= _("Assuré en cours") ?></label>
|
||||
<div class="d-flex align-items-center mt-2">
|
||||
<div class="photo-wrapper">
|
||||
<img src="<?= $_SESSION['photoAssureCrypte'] ?>" class="rounded-circle shadow-sm">
|
||||
</div>
|
||||
<div class="ms-3 overflow-hidden">
|
||||
<div class="fw-bold text-dark text-truncate small"><?= $this->nettoyer($_SESSION['nomClient_C']) ?></div>
|
||||
<div class="badge-id"><?= $_SESSION['numeroClient_C'] ?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if(!empty($_SESSION['numeroPolice_C'])): ?>
|
||||
<div class="context-group" onclick="afficher_police_id_init();">
|
||||
<label class="context-label"><?= _("Police Active") ?></label>
|
||||
<div class="context-value-box border-dashed">
|
||||
<i class="bi bi-file-earmark-text text-secondary me-2"></i>
|
||||
<span class="fw-semibold small text-secondary"><?= $this->nettoyer($_SESSION['numeroPolice_C']) ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
|
@ -3,16 +3,14 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><?= $companyDisplayName ?></title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
|
||||
<link href="<?=$racineWeb?>Bootstrap/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap/vendor/quill/quill.snow.css" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap/vendor/quill/quill.bubble.css" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap/vendor/remixicon/remixicon.css" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap/vendor/simple-datatables/style.css" rel="stylesheet">
|
||||
<link href="<?=$racineWeb?>Bootstrap_new/css/select2.min.css" rel="stylesheet">
|
||||
<?php $url = $racineWeb; ?>
|
||||
|
||||
<link href="<?= $url ?>Bootstrap/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="<?= $url ?>Bootstrap/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="<?= $url ?>Bootstrap/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
||||
<link href="<?= $url ?>Bootstrap_new/css/select2.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
||||
|
||||
<link href="<?=$racineWeb?>Bootstrap_new/css/theme-modern.css?ver=2026.02.23.09" rel="stylesheet">
|
||||
<link href="<?= $url ?>Bootstrap_new/css/theme-modern.css?ver=2026.02.23.00" rel="stylesheet">
|
||||
|
|
@ -1,17 +1,35 @@
|
|||
<header id="header" class="header fixed-top d-flex align-items-center">
|
||||
<div class="d-flex align-items-center justify-content-between px-4">
|
||||
<div class="d-flex align-items-center justify-content-between header-logo-zone">
|
||||
<a class="logo d-flex align-items-center text-decoration-none">
|
||||
<div class="bg-primary p-2 rounded-3 me-2">
|
||||
<img src="<?=$racineWeb?>Bootstrap_new/images/new/favicon.png" alt="Logo" height="25">
|
||||
</div>
|
||||
<span class="fw-800 text-primary fs-5 tracking-tight">INTER SANTÉ</span>
|
||||
<img src="<?= $url ?>Bootstrap_new/images/new/favicon.png" alt="Logo" height="30">
|
||||
<span class="d-none d-lg-block ms-2 fw-bold text-dark tracking-tight">INTER SANTE</span>
|
||||
</a>
|
||||
<i class="bi bi-list toggle-sidebar-btn fs-4 ms-3"></i>
|
||||
</div>
|
||||
|
||||
<div class="ms-auto d-flex align-items-center pe-4">
|
||||
<button id="showSideNav" class="btn btn-light rounded-pill border-0 shadow-sm px-3 me-3 text-primary fw-bold">
|
||||
<i class="bi bi-layout-sidebar-reverse me-2"></i> Dossier
|
||||
</button>
|
||||
<div class="initials shadow-sm"><?= $_SESSION['userInitials_C'] ?></div>
|
||||
</div>
|
||||
<?php if($_SESSION['bdTests_C'] == "1"): ?>
|
||||
<div class="mode-test-indicator shadow-sm">
|
||||
<span class="pulse"></span> <?= _("ENVIRONNEMENT DE TEST") ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<nav class="header-nav ms-auto pe-4">
|
||||
<ul class="d-flex align-items-center list-unstyled mb-0">
|
||||
<li class="nav-item me-3">
|
||||
<button id="showSideNav" class="btn btn-context-trigger">
|
||||
<i class="bi bi-person-vcard me-2"></i><?= _("Dossier") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link nav-profile d-flex align-items-center" href="#" data-bs-toggle="dropdown">
|
||||
<div class="initials-circle"><?= $_SESSION['userInitials_C'] ?></div>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-end border-0 shadow-lg rounded-3">
|
||||
<li class="dropdown-header fw-bold"><?= $_SESSION['utilisateur_C']; ?></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item py-2" href="deconnexion.php"><i class="bi bi-box-arrow-right me-2"></i><?= _("Déconnexion") ?></a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
Loading…
Reference in New Issue
Block a user