d
This commit is contained in:
parent
8a21e8aa0a
commit
8d4586fdf9
75
Bootstrap_new/css/theme-modern.css
Normal file
75
Bootstrap_new/css/theme-modern.css
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
/* DESIGN SYSTEM INTER SANTÉ 2026 */
|
||||
:root {
|
||||
--primary: #2C3E50;
|
||||
--accent: #08C5D1;
|
||||
--test-warning: #FF9800;
|
||||
--bg-main: #F4F7F9;
|
||||
--glass-white: rgba(255, 255, 255, 0.95);
|
||||
--shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
|
||||
--shadow-lg: 0 10px 30px rgba(0,0,0,0.08);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-main);
|
||||
font-family: 'Open Sans', 'Segoe UI', sans-serif;
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
/* On garde ton effet de grayscale sur les images mais en plus fluide */
|
||||
.image-container img {
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
.image-container img:hover {
|
||||
filter: grayscale(100%);
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
/* Modernisation du Scrollmenu de body_main */
|
||||
.scrollmenu {
|
||||
overflow: auto;
|
||||
white-space: nowrap;
|
||||
padding: 10px 0;
|
||||
scrollbar-width: none; /* Firefox */
|
||||
}
|
||||
.scrollmenu::-webkit-scrollbar { display: none; } /* Chrome */
|
||||
.scrollmenu a {
|
||||
display: inline-block;
|
||||
padding: 8px 20px;
|
||||
margin-right: 10px;
|
||||
background: white;
|
||||
border-radius: 50px;
|
||||
text-decoration: none;
|
||||
color: var(--primary);
|
||||
box-shadow: var(--shadow-sm);
|
||||
transition: 0.3s;
|
||||
font-weight: 600;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.scrollmenu a:hover {
|
||||
background: var(--accent);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Barre de contexte latérale */
|
||||
.sidenav {
|
||||
height: 100%;
|
||||
width: 320px;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
top: 0;
|
||||
right: -320px;
|
||||
background: white;
|
||||
box-shadow: var(--shadow-lg);
|
||||
transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
padding-top: 80px;
|
||||
}
|
||||
.sidenav.active { right: 0; }
|
||||
|
||||
/* Styles spécifiques importés de tes anciens fichiers */
|
||||
.initials {
|
||||
background: var(--accent);
|
||||
color: white;
|
||||
padding: 8px 12px;
|
||||
border-radius: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
1030
Vue/gabarit.php
1030
Vue/gabarit.php
File diff suppressed because it is too large
Load Diff
36
Vue/includes/barre-contexte.php
Normal file
36
Vue/includes/barre-contexte.php
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<div id="barre_laterale_d" class="sidenav">
|
||||
<div class="px-4">
|
||||
<button class="btn btn-outline-danger w-100 mb-4 rounded-pill" id="hideSideNav">
|
||||
<i class="fa fa-angle-double-right"></i> <?= _("Cacher contexte") ?>
|
||||
</button>
|
||||
|
||||
<div class="card border-0 bg-light p-3 mb-3">
|
||||
<h6 class="text-muted small fw-bold"><i class="fa fa-university"></i> GARANT</h6>
|
||||
<div class="fw-bold text-dark"><?= $this->nettoyer($_SESSION['nomGcAssureur_C']) ?></div>
|
||||
<div class="small text-secondary"><?= $this->nettoyer($_SESSION['codeGcAssureur_C']) ?></div>
|
||||
</div>
|
||||
|
||||
<?php if(!empty($_SESSION['numeroClient_C'])): ?>
|
||||
<div class="card border-0 shadow-sm p-3 mb-3 border-start border-4 border-info">
|
||||
<h6 class="text-info small fw-bold uppercase"><?= _("Assuré en cours") ?></h6>
|
||||
<div class="d-flex align-items-center mt-2">
|
||||
<img src="<?= $_SESSION['photoAssureCrypte'] ?>" class="rounded-circle me-2" width="40" height="40">
|
||||
<div>
|
||||
<div class="fw-bold small"><?= substr($this->nettoyer($_SESSION['nomClient_C']), 0, 20) ?></div>
|
||||
<div class="badge bg-info" style="cursor:pointer" onclick="afficher_client_id();"><?= $_SESSION['numeroClient_C'] ?></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if(!empty($_SESSION['numeroClient_d_C'])): ?>
|
||||
<div class="card border-0 bg-warning bg-opacity-10 p-3 mb-3">
|
||||
<h6 class="text-warning small fw-bold"><?= _("GESTION DES COTATIONS") ?></h6>
|
||||
<div class="fw-bold"><?= $this->nettoyer($_SESSION['nomClient_d_C']) ?></div>
|
||||
<button class="btn btn-sm btn-warning mt-2 w-100" onclick="afficher_client_d_id();">
|
||||
<i class="fa fa-user-times"></i> <?= $_SESSION['numeroClient_d_d_C'] ?>
|
||||
</button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
16
Vue/includes/head-meta.php
Normal file
16
Vue/includes/head-meta.php
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<meta charset="UTF-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><?= $companyDisplayName ?></title>
|
||||
|
||||
<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/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="Bootstrap_new/css/theme-modern.css" rel="stylesheet">
|
||||
17
Vue/includes/header.php
Normal file
17
Vue/includes/header.php
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<header id="header" class="header fixed-top d-flex align-items-center">
|
||||
<div class="d-flex align-items-center justify-content-between">
|
||||
<a class="logo d-flex align-items-center text-decoration-none">
|
||||
<img src="Bootstrap_new/images/new/favicon.png" alt="Logo" height="35">
|
||||
<span class="ms-3 fw-bold text-dark fs-5">INTER SANTE</span>
|
||||
</a>
|
||||
<i class="bi bi-list toggle-sidebar-btn ms-4 fs-3 cursor-pointer"></i>
|
||||
</div>
|
||||
|
||||
<div class="ms-auto d-flex align-items-center">
|
||||
<button class="btn btn-light rounded-pill me-3 border-0 shadow-sm" id="showSideNav">
|
||||
<i class="bi bi-layout-sidebar-reverse text-primary"></i> Context
|
||||
</button>
|
||||
|
||||
<div class="initials me-3"><?= $_SESSION['userInitials_C'] ?></div>
|
||||
</div>
|
||||
</header>
|
||||
16
Vue/includes/modals.php
Normal file
16
Vue/includes/modals.php
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<div class="modal fade" id="popmessagerie" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered modal-lg">
|
||||
<div class="modal-content border-0 shadow-lg rounded-4">
|
||||
<div class="modal-header bg-light">
|
||||
<h5 class="modal-title fw-bold text-primary"><i class="bi bi-envelope me-2"></i>Messages non lus</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id="div_messagerie" class="py-3 text-center text-muted">Chargement...</div>
|
||||
</div>
|
||||
<div class="modal-footer border-0">
|
||||
<button type="button" class="btn btn-light rounded-pill px-4" data-bs-dismiss="modal">Fermer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
31
Vue/includes/scripts-footer.php
Normal file
31
Vue/includes/scripts-footer.php
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<script src="Bootstrap/js/jquery.min.js"></script>
|
||||
<script src="Bootstrap/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="Bootstrap/vendor/apexcharts/apexcharts.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/js/jquery-ui.js"></script>
|
||||
<script src="Bootstrap/js/timer.jquery.js"></script>
|
||||
<script src="Bootstrap_new/js/select2.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
|
||||
<script src="<?= $_SESSION['dossierSociete'].'/Js/societe.js' ?>"></script>
|
||||
<script src="Bootstrap/js/main.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// Ta logique d'affichage originale
|
||||
$("#showSideNav").on("click", function() { $("#barre_laterale_d").addClass('active'); });
|
||||
$("#hideSideNav").on("click", function() { $("#barre_laterale_d").removeClass('active'); });
|
||||
|
||||
// Timer messagerie original
|
||||
$('#timer').timer({
|
||||
duration: '60s',
|
||||
callback: function() { raffraichier_messagerie(); },
|
||||
repeat: true
|
||||
});
|
||||
|
||||
raffraichier_gabarit();
|
||||
});
|
||||
</script>
|
||||
Loading…
Reference in New Issue
Block a user