From f829efcb9e635e4d84fe87bcfa9ae30837a47f6e Mon Sep 17 00:00:00 2001
From: Faraphel <rc60650@hotmail.com>
Date: Fri, 5 Jan 2024 11:43:19 +0100
Subject: [PATCH] added basic css for department view

---
 .../static/Palto/css/department_view.css      | 39 ++++++++++
 .../templates/Palto/department_view.html      | 71 +++++++++++--------
 2 files changed, 82 insertions(+), 28 deletions(-)
 create mode 100644 Palto/Palto/static/Palto/css/department_view.css

diff --git a/Palto/Palto/static/Palto/css/department_view.css b/Palto/Palto/static/Palto/css/department_view.css
new file mode 100644
index 0000000..cfb6dcb
--- /dev/null
+++ b/Palto/Palto/static/Palto/css/department_view.css
@@ -0,0 +1,39 @@
+#department-informations {
+    border-collapse: collapse;
+    border: 2px solid black;
+    margin: 5% auto;
+}
+
+#department-informations th {
+    text-align: right;
+    border: 1px solid black;
+    padding: 4px;
+}
+
+#department-informations td {
+    text-align: left;
+    border: 1px solid black;
+    padding: 4px;
+}
+
+#department-relations {
+    display: flex;
+    width: 60%;
+    margin: auto;
+}
+
+.department-relation {
+    border-collapse: collapse;
+    border: 2px solid black;
+    margin: 0 auto auto auto;
+}
+
+.department-relation th {
+    border: 2px solid black;
+    padding: 4px;
+}
+
+.department-relation td {
+    border: 2px solid black;
+    padding: 4px;
+}
\ No newline at end of file
diff --git a/Palto/Palto/templates/Palto/department_view.html b/Palto/Palto/templates/Palto/department_view.html
index 0199784..6612a89 100644
--- a/Palto/Palto/templates/Palto/department_view.html
+++ b/Palto/Palto/templates/Palto/department_view.html
@@ -1,12 +1,17 @@
 {% extends "Palto/base/base-features.html" %}
 {% load dict_tags %}
+{% load static %}
 
+{% block style %}
+    {{ block.super }}
+    <link rel="stylesheet" href="{% static "Palto/css/department_view.css" %}" />
+{% endblock %}
 
 {% block body %}
     {{ block.super }}
 
     {# department's information #}
-    <table>
+    <table id="department-informations">
         <tr>
             <th>Identifiant</th>
             <td>{{ department.id }}</td>
@@ -17,39 +22,49 @@
         </tr>
         <tr>
             <th>Mail</th>
-            <td>{% if department.email != None %}{{ department.email }}{% else %} / {% endif %}</td>
+            <td><a href="mailto:{{ department.email }}">{{ department.email }}</a></td>
+        </tr>
+        <tr>
+            <th>Enseignants</th>
+            <td>{{ department.teachers.count }}</td>
+        </tr>
+        <tr>
+            <th>Étudiants</th>
+            <td>{{ department.students.count }}</td>
         </tr>
     </table>
 
-    {# department's managers #}
-    <table>
-        <thead>
-            <tr>
-                <th>Responsables</th>
-            </tr>
-        </thead>
-        <tbody>
-            {% for manager in department.managers.all %}
+    <div id="department-relations">
+        {# department's managers #}
+        <table class="department-relation">
+            <thead>
                 <tr>
-                    <td><a href="{% url "Palto:profile" manager.id %}">{{ manager }}</a></td>
+                    <th>Responsables</th>
                 </tr>
-            {% endfor %}
-        </tbody>
-    </table>
+            </thead>
+            <tbody>
+                {% for manager in department.managers.all %}
+                    <tr>
+                        <td><a href="{% url "Palto:profile" manager.id %}">{{ manager }}</a></td>
+                    </tr>
+                {% endfor %}
+            </tbody>
+        </table>
 
-    {# department's teachers #}
-    <table>
-        <thead>
-            <tr>
-                <th>Enseignants</th>
-            </tr>
-        </thead>
-        <tbody>
-            {% for teacher in department.teachers.all %}
+        {# department's teachers #}
+        <table class="department-relation">
+            <thead>
                 <tr>
-                    <td><a href="{% url "Palto:profile" teacher.id %}">{{ teacher }}</a></td>
+                    <th>Enseignants</th>
                 </tr>
-            {% endfor %}
-        </tbody>
-    </table>
+            </thead>
+            <tbody>
+                {% for teacher in department.teachers.all %}
+                    <tr>
+                        <td><a href="{% url "Palto:profile" teacher.id %}">{{ teacher }}</a></td>
+                    </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
 {% endblock %}