CSS Fix

counter/schemas.py

@@ -21,6 +21,8 @@ class PermanencySchema(ModelSchema):
 
 
 class PermanencyFilterSchema(FilterSchema):
-    start_date: datetime | None = Field(None, q="start__gte")
-    end_date: datetime | None = Field(None, q="end__lte")
+    start_after: datetime | None = Field(None, q="start__gte")
+    start_before: datetime | None = Field(None, q="start__lte")
+    end_after: datetime | None = Field(None, q="end__gte")
+    end_before: datetime | None = Field(None, q="end__lte")
     counter: set[int] | None = Field(None, q="counter_id__in")

counter/static/counter/css/activity.scss

@@ -22,3 +22,20 @@
     }
   }
 }
+
+#activityGraph {
+  th {
+    border: none;
+  }
+
+  .fc-col-header-cell-cushion {
+    color: white;
+  }
+
+  table table {
+    // the JS library puts tables inside the table
+    // Those additional tables must be hidden
+    border: none;
+    box-shadow: none;
+  }
+}

counter/static/webpack/graph-index.ts

@@ -25,8 +25,8 @@ interface EventInput {
   backgroundColor: string;
 }
 
-// TODO: Fix du look (bandes blanches dans la table, ...)
 // TODO: Semaines passées
+// TODO: Manage locales
 
 exportToHtml("loadChart", loadChart);
 
@@ -35,7 +35,7 @@ async function loadChart(options: ActivityChartConfig) {
     query: {
       counter: [options.counterId],
       // biome-ignore lint/style/useNamingConvention: backend API uses snake_case
-      start_date: options.startDate.toISOString(),
+      end_after: options.startDate.toISOString(),
     },
   } as PermanencyFetchPermananciesData);
 

counter/templates/counter/activity.jinja

@@ -29,6 +29,7 @@
     <h4>{% trans %}Last Week Activity {% endtrans %}</h4>
     <div id="activityGraph" width="400" height="200"></div>
     <br/>
+    <br/>
   {% endif %}
 
   <h5>{% trans %}Legend{% endtrans %}</h5>