improved css

Palto/Palto/models.py

@@ -543,7 +543,7 @@ class TeachingSession(models.Model, ModelPermissionHelper):
         """
 
         return Absence.objects.filter(
-            student__in=self.group.students,
+            student__in=self.group.students.all(),
             start__lte=self.start, end__gte=self.end
         ).distinct()
 

Palto/Palto/static/Palto/css/base.css

@@ -1,15 +1,47 @@
-/* tweaks */
-body {
-    margin: 0;
-}
-
 /* font */
 * {
     font-family: "Century Gothic", sans-serif;
 }
 
+/* color-scheme */
+@media (prefers-color-scheme: light) {
+    :root {
+        --primary: #00345F;
+        --secondary: #EF800A;
+
+        --foreground: #1B1B1B;
+        --background: #FFFFFF;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --primary: #00549F;
+        --secondary: #EF800A;
+
+        --foreground: #FFFFFF;
+        --background: #1B1B1B;
+    }
+}
+
 /* links */
 *:link, *:visited {
-    color: blue;  /* TODO: should be palette based color */
+    color: var(--primary);
     text-decoration: none;
 }
+
+*:link:hover, *:visited:hover {
+    color: var(--secondary);
+}
+
+/* table */
+table, tr, th, td {
+    border-color: var(--foreground) !important;
+}
+
+/* tweaks */
+body {
+    margin: 0;
+    color: var(--foreground);
+    background-color: var(--background);
+}

Palto/Palto/static/Palto/css/table_view.css

@@ -1,39 +1,34 @@
-#department-informations {
+#table-informations {
     border-collapse: collapse;
     border: 2px solid black;
     margin: 5% auto;
 }
 
-#department-informations th {
+#table-informations th {
     text-align: right;
     border: 1px solid black;
     padding: 4px;
 }
 
-#department-informations td {
+#table-informations td {
     text-align: left;
     border: 1px solid black;
     padding: 4px;
 }
 
-#department-relations {
+#table-relations {
     display: flex;
     width: 60%;
     margin: auto;
 }
 
-.department-relation {
+.table-relation {
     border-collapse: collapse;
     border: 2px solid black;
     margin: 0 auto auto auto;
 }
 
-.department-relation th {
+.table-relation th, .table-relation td {
-    border: 2px solid black;
-    padding: 4px;
-}
-
-.department-relation td {
     border: 2px solid black;
     padding: 4px;
 }

Palto/Palto/templates/Palto/department_view.html

@@ -12,14 +12,14 @@
 
 {% block style %}
     {{ block.super }}
-    <link rel="stylesheet" href="{% static "Palto/css/department_view.css" %}" />
+    <link rel="stylesheet" href="{% static "Palto/css/table_view.css" %}" />
 {% endblock %}
 
 {% block body %}
     {{ block.super }}
 
     {# department's information #}
-    <table id="department-informations">
+    <table id="table-informations">
         <tr>
             <th>Identifiant</th>
             <td>{{ department.id }}</td>
@@ -42,9 +42,9 @@
         </tr>
     </table>
 
-    <div id="department-relations">
+    <div id="table-relations">
         {# department's managers #}
-        <table class="department-relation">
+        <table class="table-relation">
             <thead>
                 <tr>
                     <th>Responsables</th>
@@ -60,7 +60,7 @@
         </table>
 
         {# department's teachers #}
-        <table class="department-relation">
+        <table class="table-relation">
             <thead>
                 <tr>
                     <th>Enseignants</th>

Palto/Palto/templates/Palto/student_group.html

@@ -1,4 +1,5 @@
 {% extends "Palto/base/base-features.html" %}
+{% load static %}
 
 {% block page-title %}
     Groupe Étudiant {{ group.name }}
@@ -8,11 +9,16 @@
     Groupe Étudiant {{ group.name }}
 {% endblock %}
 
+{% block style %}
+    {{ block.super }}
+    <link rel="stylesheet" href="{% static "Palto/css/table_view.css" %}" />
+{% endblock %}
+
 {% block body %}
     {{ block.super }}
 
     {# group's information #}
-    <table>
+    <table id="table-informations">
         <tr>
             <th>Identifiant</th>
             <td>{{ group.id }}</td>
@@ -31,8 +37,9 @@
         </tr>
     </table>
 
+    <div id="table-relations">
         {# group's students information #}
-    <table>
+        <table class="table-relation">
             <thead>
                 <tr>
                     <th>Étudiants</th>
@@ -46,4 +53,5 @@
                 {% endfor %}
             </tbody>
         </table>
+    </div>
 {% endblock %}

Palto/Palto/templates/Palto/teaching_session_view.html

@@ -1,5 +1,6 @@
 {% extends "Palto/base/base-features.html" %}
 {% load dict_tags %}
+{% load static %}
 
 {% block page-title %}
     Session de {{ session.unit.name }}
@@ -9,11 +10,16 @@
     Session de {{ session.unit.name }}
 {% endblock %}
 
+{% block style %}
+    {{ block.super }}
+    <link rel="stylesheet" href="{% static "Palto/css/table_view.css" %}" />
+{% endblock %}
+
 {% block body %}
     {{ block.super }}
 
     {# session's information #}
-    <table>
+    <table id="table-informations">
         <tr>
             <th>Identifiant</th>
             <td>{{ session.id }}</td>
@@ -40,8 +46,9 @@
         </tr>
     </table>
     
+    <div id="table-relations">
         {# session's students information #}
-    <table>
+        <table class="table-relation">
             <thead>
                 <tr>
                     <th>Elève</th>
@@ -71,6 +78,7 @@
                 {% endfor %}
             </tbody>
         </table>
+    </div>
     
     {# TODO(Raphaël): export boutton #}
 {% endblock %}

Palto/Palto/templates/Palto/teaching_unit_view.html

@@ -1,5 +1,6 @@
 {% extends "Palto/base/base-features.html" %}
 {% load dict_tags %}
+{% load static %}
 
 {% block page-title %}
     Unité d'Enseignement de {{ unit.name }}
@@ -9,11 +10,16 @@
     Unité d'Enseignement de {{ unit.name }}
 {% endblock %}
 
+{% block style %}
+    {{ block.super }}
+    <link rel="stylesheet" href="{% static "Palto/css/table_view.css" %}" />
+{% endblock %}
+
 {% block body %}
     {{ block.super }}
 
     {# unit's information #}
-    <table>
+    <table id="table-informations">
         <tr>
             <th>Identifiant</th>
             <td>{{ unit.id }}</td>
@@ -24,7 +30,7 @@
         </tr>
         <tr>
             <th>Département</th>
-            <td href="{% url "Palto:department_view" unit.department.id %}">{{ unit.department.name }}</td>
+            <td><a href="{% url "Palto:department_view" unit.department.id %}">{{ unit.department.name }}</a></td>
         </tr>
         <tr>
             <th>Mail</th>
@@ -36,8 +42,9 @@
         </tr>
     </table>
 
+    <div id="table-relations">
         {# unit's managers #}
-    <table>
+        <table class="table-relation">
             <thead>
                 <tr>
                     <th>Responsables</th>
@@ -53,7 +60,7 @@
         </table>
     
         {# unit's teachers #}
-    <table>
+        <table class="table-relation">
             <thead>
                 <tr>
                     <th>Enseignants</th>
@@ -67,4 +74,5 @@
                 {% endfor %}
             </tbody>
         </table>
+    </div>
 {% endblock %}