From ee110e5950663a3482c3666992809c0225e93b51 Mon Sep 17 00:00:00 2001
From: Arthur ZHU <arthur.zhu38@gmail.com>
Date: Mon, 31 Jan 2022 20:09:49 +0100
Subject: [PATCH] ajout style fiche entreprise

---
 app/static/css/entreprises.css                | 28 +++++++++++++++
 app/templates/entreprises/_contact.html       |  4 +--
 app/templates/entreprises/_offre.html         |  4 +--
 .../entreprises/fiche_entreprise.html         | 36 ++++++++++---------
 4 files changed, 51 insertions(+), 21 deletions(-)

diff --git a/app/static/css/entreprises.css b/app/static/css/entreprises.css
index 6dded2fa40..aebcc2e685 100644
--- a/app/static/css/entreprises.css
+++ b/app/static/css/entreprises.css
@@ -8,4 +8,32 @@
     color: #ffffff;
     background-color: #222222;
     *background-color: #151515;
+}
+
+.fiche-entreprise .btn {
+    margin-bottom: 10px;
+}
+
+.parent-btn {
+    margin-bottom: -10px;
+}
+
+.entreprise, .contact, .offre {
+    border: solid 2px;
+    border-radius: 10px;
+    padding: 10px;
+    margin-bottom: 10px;
+}
+
+.contacts-et-offres {
+    display: flex;
+    justify-content: space-between;
+}
+
+.contacts-et-offres > div {
+    flex: 1 0 0;
+}
+
+.contacts-et-offres > div:nth-child(2) {
+    margin-left: 20px;
 }
\ No newline at end of file
diff --git a/app/templates/entreprises/_contact.html b/app/templates/entreprises/_contact.html
index 29f7bd46fd..5030f46eaa 100644
--- a/app/templates/entreprises/_contact.html
+++ b/app/templates/entreprises/_contact.html
@@ -1,5 +1,5 @@
 {# -*- mode: jinja-html -*- #}
-<div>
+<div class="contact">
     <p>
         Nom : {{ contact.nom }}<br>
         Prénom : {{ contact.prenom }}<br>
@@ -14,7 +14,7 @@
     </p>
 
     {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
-    <div style="margin-bottom: 10px;">
+    <div class="parent-btn">
         <a class="btn btn-primary" href="{{ url_for('entreprises.edit_contact', id=contact.id) }}">Modifier contact</a>
         <a class="btn btn-danger" href="{{ url_for('entreprises.delete_contact', id=contact.id) }}">Supprimer contact</a>
     </div>
diff --git a/app/templates/entreprises/_offre.html b/app/templates/entreprises/_offre.html
index a893cf5b61..683131ace8 100644
--- a/app/templates/entreprises/_offre.html
+++ b/app/templates/entreprises/_offre.html
@@ -1,5 +1,5 @@
 {# -*- mode: jinja-html -*- #}
-<div>
+<div class="offre">
     <p>
         Intitulé : {{ offre[0].intitule }}<br>
         Description : {{ offre[0].description }}<br>
@@ -17,7 +17,7 @@
         {% endif %}
     </p>
     
-    <div style="margin-bottom: 10px;">
+    <div class="parent-btn">
         {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
         <a class="btn btn-primary" href="{{ url_for('entreprises.edit_offre', id=offre[0].id) }}">Modifier l'offre</a>
         <a class="btn btn-danger" href="{{ url_for('entreprises.delete_offre', id=offre[0].id) }}">Supprimer l'offre</a>
diff --git a/app/templates/entreprises/fiche_entreprise.html b/app/templates/entreprises/fiche_entreprise.html
index a94abbae23..2385533242 100644
--- a/app/templates/entreprises/fiche_entreprise.html
+++ b/app/templates/entreprises/fiche_entreprise.html
@@ -34,10 +34,10 @@
     </div>
     {% endif %}
     
-    <div class="container">
+    <div class="container fiche-entreprise">
         <h2>Fiche entreprise - {{ entreprise.nom }} ({{ entreprise.siret }})</h2>
 
-        <div>
+        <div class="entreprise">
             <p>
                 SIRET : {{ entreprise.siret }}<br>
                 Nom : {{ entreprise.nom }}<br>
@@ -48,23 +48,25 @@
             </p>
         </div>
 
-        {% if contacts %}
-        <div>
-            {% for contact in contacts %}
-            Contact {{loop.index}}
-            {% include 'entreprises/_contact.html' %}
-            {% endfor %}
-        </div>
-        {% endif %}
+        <div class="contacts-et-offres">
+            {% if contacts %}
+            <div>
+                <h3>Contacts</h3>
+                {% for contact in contacts %}
+                {% include 'entreprises/_contact.html' %}
+                {% endfor %}
+            </div>
+            {% endif %}
 
-        {% if offres %}
-        <div>
-            {% for offre in offres %}
-            Offre {{loop.index}} (ajouté le {{offre[0].date_ajout.strftime('%d/%m/%Y') }})
-            {% include 'entreprises/_offre.html' %}
-            {% endfor %}
+            {% if offres %}
+            <div>
+                <h3>Offres</h3>
+                {% for offre in offres %}
+                {% include 'entreprises/_offre.html' %}
+                {% endfor %}
+            </div>
+            {% endif %}
         </div>
-        {% endif %}
 
         {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
         <div>