]> _ Git - eif-extranet.git/commitdiff
projects / eif-extranet.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 522a5d5)
wait #5481 @1
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 26 Sep 2022 18:03:14 +0000 (20:03 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 26 Sep 2022 18:03:14 +0000 (20:03 +0200)
inc/foot.php patch | blob | history
inc/head.php patch | blob | history
js/script.js patch | blob | history
style/inc/variables.sass patch | blob | history
style/style.sass patch | blob | history
tableau-de-bord.php patch | blob | history

diff --git a/inc/foot.php b/inc/foot.php
index 3e2a4e0b9485893a2f6b2cb372a2c55c8eb1e062..8ccc665e067ce36fa6cdb18ab14153fa874916da 100644 (file)
--- a/inc/foot.php
+++ b/inc/foot.php
@@ -1,3 +1,4 @@
+</main>
 <?php include "inc/scripts.php" ?>
 </body>
 </html>
\ No newline at end of file
diff --git a/inc/head.php b/inc/head.php
index fc9515348e8b73648727b0dfa0c6ec6d64160f0b..26cf073acdf46c16c36a488a970eec22c8157029 100644 (file)
--- a/inc/head.php
+++ b/inc/head.php
@@ -5,10 +5,11 @@
     <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 href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&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/svg-sprite.php" ?>
-<?php include "inc/menu.php" ?>
\ No newline at end of file
+<?php include "inc/menu.php" ?>
+<main>
diff --git a/js/script.js b/js/script.js
index 5e6763c02c085e8bddc5a5e4f87a92fa474e1061..32e9098fe3ade48fa1ceaa59991ab401201e3c35 100644 (file)
--- a/js/script.js
+++ b/js/script.js
@@ -6,7 +6,7 @@ $(function () {
 
     // Ajouter les symboles SVG
     $("[data-icon]").each(function () {
-        $(this).html(getSpriteIcon('eif-' + $(this).data('icon')));
+        $(this).append(getSpriteIcon('eif-' + $(this).data('icon')));
     });
 
     // Menu : afficher le sous-menu au clic sur un élement
diff --git a/style/inc/variables.sass b/style/inc/variables.sass
index 09b51a9a34f7a4f0247eb1f1e44e49b625d66797..5cea54a961e3300d31a83599d69b7785eb12db57 100644 (file)
--- a/style/inc/variables.sass
+++ b/style/inc/variables.sass
@@ -2,4 +2,6 @@ $font: Lato, sans-serif
 $background-color: #F0EDEB
 $menu-background: #363636
 $button-color: #c1ce3a
+$headings-color: #454565
+$light-color:#a2a1bc
 $space: 25px
\ No newline at end of file
diff --git a/style/style.sass b/style/style.sass
index f5c7aa8328d01c70f46504371df74ca69d90d619..c8fa4f2ae91bffa4a56edc18b8ba42ebca47732a 100644 (file)
--- a/style/style.sass
+++ b/style/style.sass
@@ -1,11 +1,65 @@
 @import "inc/variables"
 @import "inc/reset"
 
-html,body
+html, body, main
   min-height: 100%
 
 body
   background-color: $background-color
   font-family: $font
 
+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
+      color: $headings-color
+      font-family: $font
+      font-size: 24px
+      font-weight: 900
+      margin-bottom: 9px
+    .grid
+      display: grid
+      grid-template-columns: repeat( 3, 1fr )
+      grid-gap: 25px
+      align-items: start
+
+    article
+
+      height: 100px
+      padding: 15px
+      text-align: right
+
+      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
+
+      svg
+        position: absolute
+        top: 15px
+        left: 15px
+        height: 70px
+        width: auto
+
+
 @import "inc/menu"
diff --git a/tableau-de-bord.php b/tableau-de-bord.php
index 75bf2aebda5afd4f1f5fab101bd77736e213c2d4..fcdfacbfffc3c8c927be04d558cf8b58b5b80a3a 100644 (file)
--- a/tableau-de-bord.php
+++ b/tableau-de-bord.php
@@ -1,2 +1,31 @@
 <?php include "inc/head.php" ?>
+    <section class="indicators">
+        <h2>Indicateurs de performance</h2>
+        <div class="grid">
+            <article data-icon="icone-audits-clotures">
+                <h4>Audits clôturés</h4>
+                <strong>557</strong>
+            </article>
+            <article data-icon="icone-actifs-audites">
+                <h4>Actifs audités</h4>
+                <strong>659</strong>
+            </article>
+            <article data-icon="icone-degrevements-obtenus">
+                <h4>Dégrèvements obtenus</h4>
+                <strong>11 781 722 €</strong>
+            </article>
+            <article data-icon="icone-degrevements-en-cours">
+                <h4>Dégrèvements en cours d’instruction</h4>
+                <strong>45</strong>
+            </article>
+            <article data-icon="icone-honoraires">
+                <h4>Honoraires en attente de règlement</h4>
+                <strong>1 195 434</strong>
+            </article>
+            <article data-icon="icone-optimisation">
+                <h4>Optimisation moyenne</h4>
+                <strong>9,87%</strong>
+            </article>
+        </div>
+    </section>
 <?php include "inc/foot.php" ?>
\ No newline at end of file
Unnamed repository; edit this file 'description' to name the repository.