wait #5490 @2.5

diff --git a/audits.php b/audits.php
new file mode 100644 (file)
index 0000000..187418f
--- /dev/null
+++ b/audits.php
@@ -0,0 +1,198 @@
+<?php include "inc/head.php" ?>
+    <form action="#" method="get" class="section fields-medium">
+        <div class="switch-large">
+            <div class="switch navigation">
+                <a href="audits.php" class="active">Audits en cours</a>
+                <a href="audits.php">Audits clôturés</a>
+                <a href="audits.php">Actifs audités</a>
+            </div>
+        </div>
+        <label><span>Mot clé</span>
+            <input type="search" name="q"/>
+        </label>
+        <label><span>Nature</span>
+            <select name="nature">
+                <option>Audits</option>
+            </select>
+        </label>
+        <label><span>Année</span>
+            <select name="year">
+                <option>2021</option>
+            </select>
+        </label>
+        <label><span>Impôts</span>
+            <select name="taxes">
+                <option>Tous</option>
+            </select>
+        </label>
+        <a href="#" class="submit" data-icon="bouton-loupe">Rechercher</a>
+        <a href="#" class="reset" data-icon="close" data-icon-prepend> Réinitialiser les filtres</div></a>
+    </form>
+    <section class="table">
+        <header>
+            <div class="switch">
+                <label><input type="radio" name="selection_switch" value="0" checked="">Afficher tout (6)</label>
+                <label><input type="radio" name="selection_switch" value="1" checked="">Afficher ma sélection
+                    (1)</label>
+            </div>
+            <h3>Simulations : 7 Scans TFPB-TEOM</h3>
+            <div class="actions"><a class="button" href="#" data-icon="bouton-export-xls">Exporter</a></div>
+        </header>
+        <table class="table-compact">
+            <thead>
+            <tr>
+                <th><input type="checkbox" value="1" name="col"></th>
+                <th data-icon="order-asc">Numéro de dossier</th>
+                <th data-icon="order">Auditeur</th>
+                <th data-icon="order">Nature du bien</th>
+                <th data-icon="order">Propriétaire</th>
+                <th data-icon="order">Numéro d'actif</th>
+                <th data-icon="order">Code postal</th>
+                <th data-icon="order">Adresse cadastrale</th>
+                <th data-icon="order">Ville</th>
+                <th data-icon="order">Gestionnaire</th>
+                <th data-icon="order">Nature de la mission</th>
+                <th data-icon="order">Impôts</th>
+                <th data-icon="order">Années</th>
+                <th data-icon="order">Date de la conclusion</th>
+                <th data-icon="order">Etat du dossier</th>
+                <th data-icon="order">Montant impôt</th>
+                <th data-icon="order">Montant réclamé</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td><input type="checkbox" value="1" name="col"></td>
+                <td>0027030</td>
+                <td>Antoine METAYER</td>
+                <td>Bureaux</td>
+                <td>SCI Fox-Trot Bretagne Performance</td>
+                <td>Id10243</td>
+                <td>4223 Avenue De La Cote Saint Remy</td>
+                <td>20290</td>
+                <td>PRUNELLI DI CASACONI</td>
+                <td>MINTRAEL</td>
+                <td>Audit</td>
+                <td>TFPB</td>
+                <td>2020 - 2021</td>
+                <td>16/06/2021</td>
+                <td>En cours d'instruction au Pelp</td>
+                <td>-</td>
+                <td>352 675 €</td>
+            </tr>            <tr>
+                <td><input type="checkbox" value="1" name="col"></td>
+                <td>0027030</td>
+                <td>Antoine METAYER</td>
+                <td>Bureaux</td>
+                <td>SCI Fox-Trot Bretagne Performance</td>
+                <td>Id10243</td>
+                <td>4223 Avenue De La Cote Saint Remy</td>
+                <td>20290</td>
+                <td>PRUNELLI DI CASACONI</td>
+                <td>MINTRAEL</td>
+                <td>Audit</td>
+                <td>TFPB</td>
+                <td>2020 - 2021</td>
+                <td>16/06/2021</td>
+                <td>En cours d'instruction au Pelp</td>
+                <td>-</td>
+                <td>352 675 €</td>
+            </tr>            <tr>
+                <td><input type="checkbox" value="1" name="col"></td>
+                <td>0027030</td>
+                <td>Antoine METAYER</td>
+                <td>Bureaux</td>
+                <td>SCI Fox-Trot Bretagne Performance</td>
+                <td>Id10243</td>
+                <td>4223 Avenue De La Cote Saint Remy</td>
+                <td>20290</td>
+                <td>PRUNELLI DI CASACONI</td>
+                <td>MINTRAEL</td>
+                <td>Audit</td>
+                <td>TFPB</td>
+                <td>2020 - 2021</td>
+                <td>16/06/2021</td>
+                <td>En cours d'instruction au Pelp</td>
+                <td>-</td>
+                <td>352 675 €</td>
+            </tr>            <tr>
+                <td><input type="checkbox" value="1" name="col"></td>
+                <td>0027030</td>
+                <td>Antoine METAYER</td>
+                <td>Bureaux</td>
+                <td>SCI Fox-Trot Bretagne Performance</td>
+                <td>Id10243</td>
+                <td>4223 Avenue De La Cote Saint Remy</td>
+                <td>20290</td>
+                <td>PRUNELLI DI CASACONI</td>
+                <td>MINTRAEL</td>
+                <td>Audit</td>
+                <td>TFPB</td>
+                <td>2020 - 2021</td>
+                <td>16/06/2021</td>
+                <td>En cours d'instruction au Pelp</td>
+                <td>-</td>
+                <td>352 675 €</td>
+            </tr>            <tr>
+                <td><input type="checkbox" value="1" name="col"></td>
+                <td>0027030</td>
+                <td>Antoine METAYER</td>
+                <td>Bureaux</td>
+                <td>SCI Fox-Trot Bretagne Performance</td>
+                <td>Id10243</td>
+                <td>4223 Avenue De La Cote Saint Remy</td>
+                <td>20290</td>
+                <td>PRUNELLI DI CASACONI</td>
+                <td>MINTRAEL</td>
+                <td>Audit</td>
+                <td>TFPB</td>
+                <td>2020 - 2021</td>
+                <td>16/06/2021</td>
+                <td>En cours d'instruction au Pelp</td>
+                <td>-</td>
+                <td>352 675 €</td>
+            </tr>            <tr>
+                <td><input type="checkbox" value="1" name="col"></td>
+                <td>0027030</td>
+                <td>Antoine METAYER</td>
+                <td>Bureaux</td>
+                <td>SCI Fox-Trot Bretagne Performance</td>
+                <td>Id10243</td>
+                <td>4223 Avenue De La Cote Saint Remy</td>
+                <td>20290</td>
+                <td>PRUNELLI DI CASACONI</td>
+                <td>MINTRAEL</td>
+                <td>Audit</td>
+                <td>TFPB</td>
+                <td>2020 - 2021</td>
+                <td>16/06/2021</td>
+                <td>En cours d'instruction au Pelp</td>
+                <td>-</td>
+                <td>352 675 €</td>
+            </tr>
+            <tr>
+                <td><input type="checkbox" value="1" name="col"></td>
+                <td>0027030</td>
+                <td>Antoine METAYER</td>
+                <td>Bureaux</td>
+                <td>SCI Fox-Trot Bretagne Performance</td>
+                <td>Id10243</td>
+                <td>4223 Avenue De La Cote Saint Remy</td>
+                <td>20290</td>
+                <td>PRUNELLI DI CASACONI</td>
+                <td>MINTRAEL</td>
+                <td>Audit</td>
+                <td>TFPB</td>
+                <td>2020 - 2021</td>
+                <td>16/06/2021</td>
+                <td>En cours d'instruction au Pelp</td>
+                <td>-</td>
+                <td>352 675 €</td>
+            </tr>
+            </tbody>
+        </table>
+        <footer>
+            <div class="actions"><a class="button" href="#" data-icon="bouton-export-xls">Exporter</a></div>
+        </footer>
+    </section>
+<?php include "inc/foot.php" ?>
\ No newline at end of file

diff --git a/style/inc/forms.sass b/style/inc/forms.sass
index 2245e69bb8bf326ab92d6d567231ca4962955702..44043c756ebcfd2aca974fbf2b3ecbbb917b7fe9 100644 (file)
--- a/style/inc/forms.sass
+++ b/style/inc/forms.sass
@@ -1,7 +1,13 @@
 form
+  &.section
+    margin-bottom: 40px
+    @include white-block
+    input[type="text"], input[type="search"], select, textarea
+      background-color: $background-color
+
   margin-top: 20px
 
-  label
+  >label
     display: inline-block
     vertical-align: bottom
     position: relative

diff --git a/style/inc/mixins.sass b/style/inc/mixins.sass
new file mode 100644 (file)
index 0000000..829c1f2
--- /dev/null
+++ b/style/inc/mixins.sass
@@ -0,0 +1,4 @@
+@mixin white-block
+  border-radius: 6px
+  background-color: #fff
+  padding: $space
\ No newline at end of file

diff --git a/style/inc/switch.sass b/style/inc/switch.sass
index d5aeb72808c618ac0c0d0d5878968758e69419f6..5e602a792ca9e8dbef7748d4dad1e8315c629d9b 100644 (file)
--- a/style/inc/switch.sass
+++ b/style/inc/switch.sass
@@ -1,3 +1,11 @@
+.switch-large
+  margin-bottom: 40px
+  .switch
+    height: 50px
+    position: static
+    label, a
+      padding: 15px
+
 .switch
   display: inline-block
   background-color: #F0EDEB
@@ -5,7 +13,7 @@
   padding: 3px
   position: absolute
 
-  label
+  label, a
     border-radius: 3px
     padding: 10px
     font-size: 16px
@@ -13,11 +21,12 @@
     text-align: center
     display: inline-block
     cursor: pointer
+    color: $input-text-color
 
     input
       visibility: hidden
       position: absolute
 
-    &.checked
+    &.checked,&.active
       background-color: #fff
       box-shadow: 0 0 3px rgba(0, 0, 0, 0.15)
\ No newline at end of file

diff --git a/style/inc/table.sass b/style/inc/table.sass
new file mode 100644 (file)
index 0000000..dce253e
--- /dev/null
+++ b/style/inc/table.sass
@@ -0,0 +1,86 @@
+table
+  width: 100%
+  font-size: 16px
+
+  &.table-compact
+    font-size: 12px
+
+  input[type=checkbox]
+    text-align: center
+
+  td, th
+    padding: 10px
+    vertical-align: middle
+    text-align: left
+    height: 70px
+
+    &:first-child
+      text-align: center
+
+  thead
+    th
+      background-color: $thead-background
+      color: #fff
+      font-weight: bold
+      padding-right: 30px
+      position: relative
+
+      svg
+        position: absolute
+        display: inline-block
+        height: 5px
+        overflow: visible
+        top: calc(50% - 6px)
+        right: 10px
+
+        &.eif-order
+          height: 12px
+          color: rgba(255, 255, 255, 0.25)
+
+        &.eif-order-asc
+          top: calc(50% - 6px)
+
+        &.eif-order-desc
+          top: calc(50%)
+
+      &:first-child
+        border-radius: 4px 0 0 0
+        padding-right: 10px
+
+      &:last-child
+        border-radius: 0 4px 0 0
+
+  tbody
+    tr
+      border-style: solid
+      border-width: 1px 0
+      border-color: $light-color
+
+      &.selected
+        td
+          background-color: $table-selected-background
+
+      &:nth-child(even)
+        td
+          background-color: $table-odd-background
+
+        &.selected
+          td
+            background-color: $table-odd-selected-background
+
+      .svg-icon[class^=eif-evolution-]
+        position: relative
+        top: 2px
+        margin-left: 5px
+
+      .svg-icon.eif-evolution-stable
+        color: $evolution-stable
+        height: 14px
+
+      .svg-icon.eif-evolution-asc
+        color: $evolution-asc
+        height: 16px
+
+      .svg-icon.eif-evolution-desc
+        color: $evolution-desc
+        height: 16px
\ No newline at end of file

diff --git a/style/style.sass b/style/style.sass
index d0933b8f7680efa16c56899aa62c1e2eee9710d0..6b6e4394429b903715272e35d128a507c5393e35 100644 (file)
--- a/style/style.sass
+++ b/style/style.sass
@@ -1,5 +1,6 @@
 @import "inc/variables"
 @import "inc/reset"
+@import "inc/mixins"
 
 html, body, main
   min-height: 100%
@@ -32,9 +33,7 @@ main
     padding: 15px 0
 
     &.table
-      border-radius: 6px
-      background-color: #fff
-      padding: $space
+      @include white-block
 
       header, footer
         position: relative
@@ -59,89 +58,7 @@ main
       footer
         margin: 20px 0 0 0
 
-      table
-        width: 100%
-        font-size: 16px
-
-        input[type=checkbox]
-          text-align: center
-
-        td, th
-          padding: 10px
-          vertical-align: middle
-          text-align: left
-          height: 70px
-
-          &:first-child
-            text-align: center
-
-        thead
-          th
-            background-color: $thead-background
-            color: #fff
-            font-weight: bold
-            padding-right: 30px
-
-            svg
-              display: inline-block
-              height: 5px
-              margin-left: 6px
-              overflow: visible
-              vertical-align: top
-              margin-top: 3px
-
-              &.eif-order
-                height: 12px
-                color: rgba(255, 255, 255, 0.25)
-
-              &.eif-order-asc
-                vertical-align: top
-
-              &.eif-order-desc
-                margin-top: 8px
-
-            &:first-child
-              border-radius: 4px 0 0 0
-              padding-right: 10px
-
-            &:last-child
-              border-radius: 0 4px 0 0
-
-        tbody
-          tr
-            border-style: solid
-            border-width: 1px 0
-            border-color: $light-color
-
-            &.selected
-              td
-                background-color: $table-selected-background
-
-            &:nth-child(even)
-              td
-                background-color: $table-odd-background
-
-              &.selected
-                td
-                  background-color: $table-odd-selected-background
-
-            .svg-icon[class^=eif-evolution-]
-              position: relative
-              top: 2px
-              margin-left: 5px
-
-            .svg-icon.eif-evolution-stable
-              color: $evolution-stable
-              height: 14px
-
-            .svg-icon.eif-evolution-asc
-              color: $evolution-asc
-              height: 16px
-
-            .svg-icon.eif-evolution-desc
-              color: $evolution-desc
-              height: 16px
-
+      @import "inc/table"
 
     h2
       color: $headings-color