.idea
style/*.css
-style/*.map
\ No newline at end of file
+style/*.map
+style/inc/*.css
+style/inc/*.map
\ No newline at end of file
--- /dev/null
+<?php include "inc/scripts.php" ?>
+</body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="fr">
-<head>
- <meta charset="UTF-8">
- <title>Title</title>
- <link rel="stylesheet" href="style/style.css">
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
-</head>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+ <meta charset="UTF-8">
+ <title>EIF - Unibail Rodamco Westfield</title>
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.3.7/tippy.min.css" integrity="sha512-HbPh+j4V7pXprvQMt2dtmK/zCEsUeZWYXRln4sOwmoyHPQAPqy/k9lIquKUyKNpNbDGAY06UdiDHcEkBc72yCQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+ <link rel="stylesheet" href="style/style.css">
+</head>
+<body>
+<?php include "inc/menu.php" ?>
\ No newline at end of file
+++ /dev/null
-<header>
- <div>
- <div id="logo-client">
- <div class="icon" data-icon="logo-client"></div>
- <div class="icon" data-icon="logo-client-small"></div>
- </div>
- <nav>
- <ul>
- <li>
- <a href="#" class="open-submenu">
- <div class="icon" data-icon="portefeuille"></div>
- <span>Mon portefeuille</span>
- </a>
- <ul>
- <li><a href="patrimoine.html">Patrimoine</a></li>
- <li><a href="projections.html">Projections</a></li>
- <li><a href="simulations.html">Simulations</a></li>
- </ul>
- </li>
- <li>
- <a href="#" class="open-submenu">
- <div class="icon" data-icon="missions"></div>
- <span>Mes missions</span>
- </a>
- <ul>
- <li><a href="tableau-de-bord.html">Tableau de bord</a></li>
- <li><a href="audits.html">Audits</a></li>
- <li><a href="rapport.html">Rapport</a></li>
- </ul>
- </li>
- <li>
- <a href="#" class="open-submenu">
- <div class="icon" data-icon="outils"></div>
- <span>Outils experts</span>
- </a>
- <ul>
- <li><a href="prevision.html">Prévision projet</a></li>
- <li><a href="refacturation.html">Refacturation</a></li>
- </ul>
- </li>
- <li>
- <a href="#">
- <div class="icon" data-icon="veille"></div>
- <span>Veille EIF</span>
- </a>
- </li>
- <li>
- <a href="#" class="open-submenu">
- <div class="icon" data-icon="compte"></div>
- <span>Mon compte</span>
- </a>
- <ul>
- <li><a href="interlocuteur.html">Interlocuteur EIF</a></li>
- <li><a href="deconnexion.html">Déconnexion</a></li>
- </ul>
- </li>
- </ul>
- </nav>
- <div id="logo-eif">
- <div class="icon" data-icon="logo-eif"></div>
- <span>Powered by EIF</span>
- </div>
- </div>
- <a href="#" class="toggle-menu"></a>
-</header>
\ No newline at end of file
--- /dev/null
+<header id="menu">
+ <div>
+ <div id="logo-client">
+ <div class="icon" data-icon="logo-client"></div>
+ <div class="icon" data-icon="logo-client-small"></div>
+ </div>
+ <nav>
+ <ul>
+ <li>
+ <a href="#" class="open-submenu">
+ <div class="icon" data-icon="portefeuille"></div>
+ <span>Mon portefeuille</span>
+ </a>
+ <ul>
+ <li><a href="patrimoine.html">Patrimoine</a></li>
+ <li><a href="projections.html">Projections</a></li>
+ <li><a href="simulations.html">Simulations</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" class="open-submenu">
+ <div class="icon" data-icon="missions"></div>
+ <span>Mes missions</span>
+ </a>
+ <ul>
+ <li><a href="tableau-de-bord.html">Tableau de bord</a></li>
+ <li><a href="audits.html">Audits</a></li>
+ <li><a href="rapport.html">Rapport</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#" class="open-submenu">
+ <div class="icon" data-icon="outils"></div>
+ <span>Outils experts</span>
+ </a>
+ <ul>
+ <li><a href="prevision.html">Prévision projet</a></li>
+ <li><a href="refacturation.html">Refacturation</a></li>
+ </ul>
+ </li>
+ <li>
+ <a href="#">
+ <div class="icon" data-icon="veille"></div>
+ <span>Veille EIF</span>
+ </a>
+ </li>
+ <li>
+ <a href="#" class="open-submenu">
+ <div class="icon" data-icon="compte"></div>
+ <span>Mon compte</span>
+ </a>
+ <ul>
+ <li><a href="interlocuteur.html">Interlocuteur EIF</a></li>
+ <li><a href="deconnexion.html">Déconnexion</a></li>
+ </ul>
+ </li>
+ </ul>
+ </nav>
+ <div id="logo-eif">
+ <div class="icon" data-icon="logo-eif"></div>
+ <span>Powered by EIF</span>
+ </div>
+ </div>
+ <a href="#" class="toggle-menu"></a>
+</header>
\ No newline at end of file
+++ /dev/null
-<script src="https://unpkg.com/@popperjs/core@2"></script>
-<script src="https://unpkg.com/tippy.js@6"></script>
-<script src="js/script.js"></script>
\ No newline at end of file
--- /dev/null
+<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/8.1.1/cash.min.js" integrity="sha512-X+cPfvYTMQ4sCK62U3QG9rdhziHcvR48TwiEJmlaXOpQH/aSaarxkL+zahylcvcZLDkGujg4o/ORdjSeBsRlMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js" integrity="sha512-6UofPqm0QupIL0kzS/UIzekR73/luZdC6i/kXDbWnLOJoqwklBK6519iUnShaYceJ0y4FaiPtX/hRnV/X/xlUQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.3.7/tippy.umd.min.js" integrity="sha512-2TtfktSlvvPzopzBA49C+MX6sdc7ykHGbBQUTH8Vk78YpkXVD5r6vrNU+nOmhhl1MyTWdVfxXdZfyFsvBvOllw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="js/script.js"></script>
\ No newline at end of file
// Utilisation de tippy pour afficher les tooltips.
-tippy('[title]');
\ No newline at end of file
+tippy('[title]');
+
+//
+function getSpriteIcon(icon, attrs, dimensions) {
+ var a = [];
+ var iconSymbol = $('svg symbol[id="' + icon + '"]');
+ if (iconSymbol.length > 1) {
+ $('svg symbol[id="' + icon + '"]:not(:last)').remove();
+ iconSymbol = $('svg symbol[id="' + icon + '"]');
+ }
+
+ if (iconSymbol.length == 0) {
+ return ''; // Bail out because symbol doesn't exist
+ }
+
+ if (attrs == undefined) {
+ attrs = {};
+ }
+ if (attrs.viewBox == null) {
+ attrs.viewBox = iconSymbol.get(0).attributes.viewBox.value;
+ }
+ if (dimensions === true) {
+ var vb = attrs.viewBox.split(' ');
+ attrs.x = vb[0];
+ attrs.y = vb[1];
+ attrs.width = vb[2];
+ attrs.height = vb[3];
+ }
+ if (attrs.class == null) {
+ attrs.class = icon;
+ } else {
+ attrs.class += ' ' + icon;
+ }
+
+ attrs.class += ' nav-icon svg-icon'; // Common class for all icons
+
+ $.each(attrs, function (k, v) {
+ a.push(k + '="' + v + '"');
+ });
+ return '<svg ' + a.join(' ') + ' aria-hidden="true"><use xlink:href="#' + icon + '" /></svg>';
+}
\ No newline at end of file
--- /dev/null
+header
+ position: fixed
+ top: $space
+ left: $space
+
+ width: 150px
+
+ border-radius: 6px
+ height: calc(100% - 2*$space)
+ background-color: $menu-background
--- /dev/null
+*, *:before, *:after
+ box-sizing: border-box
+
+html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video
+ margin: 0
+ padding: 0
+ border: 0
+ font-size: 100%
+ font: inherit
+ vertical-align: baseline
+ text-rendering: optimizeLegibility
+ -webkit-font-smoothing: antialiased
+ text-size-adjust: none
+
+footer, header, nav, section, main
+ display: block
+
+body
+ line-height: 1
+
+ol, ul
+ list-style: none
+
+blockquote, q
+ quotes: none
+
+blockquote:before, blockquote:after, q:before, q:after
+ content: ''
+ content: none
+
+table
+ border-collapse: collapse
+ border-spacing: 0
+
+input
+ -webkit-appearance: none
+ border-radius: 0
\ No newline at end of file
--- /dev/null
+$background-color: #F0EDEB
+$menu-background: #363636
+$space: 25px
\ No newline at end of file
-@import "variables"
+@import "inc/variables"
+@import "inc/reset"
html,body
min-height: 100%
body
- background-color: $background-color
\ No newline at end of file
+ background-color: $background-color
+
+@import "inc/menu"
+++ /dev/null
-$background-color: #F0EDEB
\ No newline at end of file
-<?php include "inc/head.html" ?>
-<body>
-<?php include "inc/menu.html" ?>
-</body>
-<?php include "inc/scripts.html" ?>
-</html>
\ No newline at end of file
+<?php include "inc/head.php" ?>
+<?php include "inc/foot.php" ?>
\ No newline at end of file
projects / eif-extranet.git / commitdiff