wait #5493 @0:40

diff --git a/projet-details.php b/projet-details.php
index 6d41224dc95599d636e6efbe8abc3103f7740937..4c60f6518ac7561e11d98b777da5ab13beb4e765 100644 (file)
--- a/projet-details.php
+++ b/projet-details.php
@@ -10,59 +10,73 @@
                 <a class="button" href="projet-calcul.php" data-icon="bouton-rafraichir">Mettre à jour le calcul</a>
             </div>
         </header>
-        <table>
-            <thead>
-            <tr data-href="projet-details.php">
-                <th><input type="checkbox" value="1" name="col"></th>
-                <th data-icon="order-desc">Numéro et rue</th>
-                <th data-icon="order">Code postal</th>
-                <th data-icon="order">Ville</th>
-                <th data-icon="order">Nature du projet</th>
-                <th data-icon="order">Nature du bien</th>
-                <th data-icon="order">Superficie totale</th>
-                <th data-icon="order">Année(s)</th>
-                <th data-icon="order">TDPM-TEOM N+1/N+2</th>
-                <th data-icon="order">TDPM-TEOM N+1/N+2</th>
-            </tr>
-            </thead>
-            <tbody>
-            <tr data-href="projet-details.php">
-                <td><input type="checkbox" value="1" name="col"></td>
-                <td>9 Passage de la Boule Blanche</td>
-                <td>75012</td>
-                <td>Paris</td>
-                <td>Construction</td>
-                <td>Ensemble commercial</td>
-                <td>120</td>
-                <td>2020-2021</td>
-                <td>11 380 €</td>
-                <td>17 613 €</td>
-            </tr>
-            <tr data-href="projet-details.php">
-                <td><input type="checkbox" value="1" name="col"></td>
-                <td>9 Passage de la Boule Blanche</td>
-                <td>75012</td>
-                <td>Paris</td>
-                <td>Construction</td>
-                <td>Ensemble commercial</td>
-                <td>120</td>
-                <td>2020-2021</td>
-                <td>11 380 €</td>
-                <td>17 613 €</td>
-            </tr>
-            <tr data-href="projet-details.php">
-                <td><input type="checkbox" value="1" name="col"></td>
-                <td>9 Passage de la Boule Blanche</td>
-                <td>75012</td>
-                <td>Paris</td>
-                <td>Construction</td>
-                <td>Ensemble commercial</td>
-                <td>120</td>
-                <td>2020-2021</td>
-                <td>11 380 €</td>
-                <td>17 613 €</td>
-            </tr>
-            </tbody>
-        </table>
+        <form class="details">
+            <fieldset>
+                <legend>Infos générales</legend>
+                <div class="fields grid-12">
+                    <label><span>Numéro</span><input type="text" name="number"></label>
+                    <label class="grid-item-6"><span>Route</span><input type="text" name="street"></label>
+                    <label><span>Code postal</span><input type="text" name="postcode"></label>
+                    <label class="grid-item-2"><span>Ville</span><input type="text" name="city"></label>
+                    <label class="grid-item-2"><span>Pays</span><select name="country">
+                            <option>France</option>
+                        </select></label>
+                    <label class="grid-item-2"><span>Nature de l'opération</span><select name="operation">
+                            <option>Construction</option>
+                        </select></label>
+                    <label class="grid-item-2"><span>Année de livraison</span><input type="text" name="year"></label>
+                </div>
+            </fieldset>
+            <fieldset>
+                <legend>Détail des surfaces</legend>
+                <div class="fields">
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                    <label><span>Vente salle</span><input type="text" name="sales"></label>
+                    <label><span>Bureaux</span><input type="text" name="offices"></label>
+                    <label><span>Salles de réunion</span><input type="text" name="metting_rooms"></label>
+                    <label><span>Stockage</span><input type="text" name="storage"></label>
+                </div>
+            </fieldset>
+        </form>
+        <footer>
+            <div class="actions">
+                <a class="button" href="projet-calcul.php" data-icon="bouton-rafraichir">Mettre à jour le calcul</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 c7632885575be318eb06c947bb1af72ae23cf03b..c4dd4494216328348863d5c7d4af1bec5e54c450 100644 (file)
--- a/style/inc/forms.sass
+++ b/style/inc/forms.sass
@@ -26,8 +26,7 @@ input[type="text"], input[type="search"], select, textarea
     height: 25px
 
 form
-
-  > label
+  label
     display: inline-block
     vertical-align: bottom
     position: relative
@@ -38,7 +37,7 @@ form
       font-size: 12px
       text-transform: uppercase
       position: absolute
-      top: -14px
+      top: -16px
       left: 0
 
   &.filter-form
@@ -68,6 +67,45 @@ form
       svg
         height: 12px
 
+  &.details
+    fieldset
+      padding-top: 30px
+      margin-top: 40px
+
+      legend
+        display: block
+        width: 100%
+        padding: 10px
+        text-align: left
+        background-color: $thead-background
+        color: #ffffff
+        border-radius: 4px 4px 0 0
+
+    .fields
+      display: grid
+      grid-template-columns: repeat( 4, 1fr)
+      grid-gap: 35px 25px
+
+      &.grid-12
+        grid-template-columns: repeat( 12, 1fr)
+
+        .grid-item-2
+          grid-column: 2 span
+
+        .grid-item-4
+          grid-column: 4 span
+
+        .grid-item-6
+          grid-column: 6 span
+
+
+    label
+      margin: 0
+
+    input[type="text"], input[type="search"], select, textarea
+      background-color: $background-color
+      width: 100%
+
   &.notes
     label
       height: 175px

diff --git a/style/style.sass b/style/style.sass
index 94015202c6d21455f3634029424c94d238a9c875..2f015b391923c18ae9fb39d7f94fb5c3ee23698e 100644 (file)
--- a/style/style.sass
+++ b/style/style.sass
@@ -12,12 +12,13 @@ body
 .button
   border-radius: 6px
   display: inline-block
-  padding: 10px 50px 10px 20px
+  padding: 12px 50px 8px 20px
   color: #fff
   background-color: $button-color
   height: 40px
   position: relative
   font-weight: bold
+  line-height: 0.9em
 
   svg
     height: 30px
@@ -165,7 +166,6 @@ main
             .buttons
               display: block
 
-
 @import "inc/forms"
 @import "inc/menu"
 @import "inc/switch"