From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 27 Sep 2022 08:27:36 +0000 (+0200)
Subject: wip #5481 @1.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=fb2bef5c0b06160c6d1288201384d7ef4f206d7a;p=eif-extranet.git

wip #5481 @1.5
---

diff --git a/inc/chart-menu.php b/inc/chart-menu.php
new file mode 100644
index 0000000..9fca78c
--- /dev/null
+++ b/inc/chart-menu.php
@@ -0,0 +1,5 @@
+<nav>
+    <a href="#" data-tooltip="Télécharger" data-icon=""></a>
+    <a href="#" data-tooltip="Imprimer" data-icon=""></a>
+    <a href="#" data-tooltip="En savoir plus" data-icon=""></a>
+</nav>
\ No newline at end of file
diff --git a/placeholders/dummy_500x400_000000_ffffff.png b/placeholders/dummy_500x400_000000_ffffff.png
new file mode 100644
index 0000000..4af5252
Binary files /dev/null and b/placeholders/dummy_500x400_000000_ffffff.png differ
diff --git a/placeholders/dummy_500x500_000000_ffffff.png b/placeholders/dummy_500x500_000000_ffffff.png
new file mode 100644
index 0000000..0750904
Binary files /dev/null and b/placeholders/dummy_500x500_000000_ffffff.png differ
diff --git a/style/inc/menu.sass b/style/inc/menu.sass
index 66aa3a6..6f24411 100644
--- a/style/inc/menu.sass
+++ b/style/inc/menu.sass
@@ -12,6 +12,7 @@ header
   height: calc(100% - 2 * $space)
   background-color: $menu-background
   font-size: 14px
+  z-index: 1
 
   #logo-client
     padding: $space
@@ -37,7 +38,7 @@ header
 
   nav
     position: absolute
-    top: 115px
+    top: 90px
 
     & > ul > li
       position: relative
@@ -109,9 +110,11 @@ header
       transform-origin: 50% 50%
       transform: scale(-1, 1)
 
-
 .menu-compact
-  $space: 15px
+  main
+    padding: $space $space $space $space*3+70px
+
+  $compact-menu-space: 15px
   $width: 70px
 
   header
@@ -124,11 +127,11 @@ header
       display: none
 
     #logo-client, #logo-eif
-      padding: $space
+      padding: $compact-menu-space
 
     nav > ul > li
       > a
-        padding: $space
+        padding: $compact-menu-space
         height: $width
 
         span
diff --git a/style/style.sass b/style/style.sass
index c8fa4f2..ea88b9c 100644
--- a/style/style.sass
+++ b/style/style.sass
@@ -12,16 +12,6 @@ main
   padding: $space $space $space $space*3+150px
 
   section
-    article
-      position: relative
-      background-color: #fff
-      border-radius: 6px
-      transition: all 0.5s
-      &:hover
-        box-shadow: 0 0 50px rgba(0,0,0,0.05)
-
-
-  section.indicators
     padding: 15px 0
 
     h2
@@ -30,36 +20,53 @@ main
       font-size: 24px
       font-weight: 900
       margin-bottom: 9px
+
     .grid
       display: grid
-      grid-template-columns: repeat( 3, 1fr )
+      grid-template-columns: repeat( 3, 1fr)
       grid-gap: 25px
-      align-items: start
 
     article
-
-      height: 100px
+      position: relative
+      background-color: #fff
+      border-radius: 6px
+      transition: box-shadow 0.5s
       padding: 15px
-      text-align: right
+
+      &:hover
+        box-shadow: 0 0 50px rgba(0, 0, 0, 0.1)
 
       h4
         color: $light-color
         font-size: 16px
         font-weight: 400
 
-      strong
-        font-weight: 900
-        color: $headings-color
-        font-size: 36px
-        margin-top: 10px
-        display: block
+    &.indicators
+      article
+        height: 100px
+        text-align: right
+
+        strong
+          font-weight: 900
+          color: $headings-color
+          font-size: 36px
+          margin-top: 10px
+          display: block
 
-      svg
-        position: absolute
-        top: 15px
-        left: 15px
-        height: 70px
-        width: auto
+        svg
+          position: absolute
+          top: 15px
+          left: 15px
+          height: 70px
+          width: auto
 
+    &.charts
+      article
+        .chart
+          img
+            width: 100%
+            height: 100%
+            object-fit: contain
+            object-position: 50% 0
 
 @import "inc/menu"
diff --git a/tableau-de-bord.php b/tableau-de-bord.php
index fcdfacb..4c021d3 100644
--- a/tableau-de-bord.php
+++ b/tableau-de-bord.php
@@ -20,7 +20,7 @@
             </article>
             <article data-icon="icone-honoraires">
                 <h4>Honoraires en attente de règlement</h4>
-                <strong>1 195 434</strong>
+                <strong>1 195 434 €</strong>
             </article>
             <article data-icon="icone-optimisation">
                 <h4>Optimisation moyenne</h4>
@@ -28,4 +28,51 @@
             </article>
         </div>
     </section>
+    <section class="charts">
+        <h2>Panorama des dossiers en cours</h2>
+        <div class="grid">
+            <article>
+                <h4>Phasage des dossiers en cours</h4>
+                <div class="chart">
+                    <img src="placeholders/dummy_500x500_000000_ffffff.png">
+                </div>
+                <?php include "inc/chart-menu.php" ?>
+            </article>
+            <article>
+                <h4>Détail des dossiers en cours d’audit</h4>
+                <div class="chart">
+                    <img src="placeholders/dummy_500x500_000000_ffffff.png">
+                </div>
+                <?php include "inc/chart-menu.php" ?>
+            </article>
+            <article>
+                <h4>Détail des dossiers en cours d’audit</h4>
+                <div class="chart">
+                    <img src="placeholders/dummy_500x500_000000_ffffff.png">
+                </div>
+                <?php include "inc/chart-menu.php" ?>
+            </article>
+            <article>
+                <h4>Nature des missions confiées</h4>
+                <div class="chart">
+                    <img src="placeholders/dummy_500x400_000000_ffffff.png">
+                </div>
+                <?php include "inc/chart-menu.php" ?>
+            </article>
+            <article>
+                <h4>Détail des dossiers en cours d’audit</h4>
+                <div class="chart">
+                    <img src="placeholders/dummy_500x400_000000_ffffff.png">
+                </div>
+                <?php include "inc/chart-menu.php" ?>
+            </article>
+            <article>
+                <h4>Actifs audités par EIF</h4>
+                <div class="chart">
+                    <img src="placeholders/dummy_500x400_000000_ffffff.png">
+                </div>
+                <?php include "inc/chart-menu.php" ?>
+            </article>
+        </div>
+    </section>
 <?php include "inc/foot.php" ?>
\ No newline at end of file