add boat stats Fixes #50

templates/stat.people.html.tera

@@ -0,0 +1,52 @@
+{% import "includes/macros" as macros %}
+
+{% extends "base" %}
+
+{% block content %}
+
+
+	<div class="max-w-screen-lg w-full">
+		<h1 class="h1">Statistik</h1>
+    <div class="bg-gray-200 p-3 mt-4 rounded-t-md">
+      <label for="name" class="sr-only">Suche</label>
+      <input type="search" name="name" id="filter-js" class="w-full relative block rounded-md border-0 py-1.5 px-2 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6 mb-2 md:mb-0" placeholder="Suchen nach Namen...">
+    </div>
+
+    <div id="filter-result-js" class="bg-gray-200 text-primary-950 pb-3 px-3 text-right"></div>
+
+		<div class="border-r border-l">
+      {% set_global km = 0 %}
+      {% set_global index = 1 %}
+			{% for s in stat %}
+				<div class="border-t {% if loop.last %} border-b {% endif %} bg-white flex justify-between items-center px-3 py-1" data-filterable="true" data-filter="{{ s.name }}">
+          <span class="text-sm text-gray-600 w-10">
+            {% if km != s.rowed_km %}
+                {{loop.index}}
+                {% set_global index = loop.index %}
+            {% else %} 
+                {{ index }}
+            {% endif %}
+          </span>
+          <span class="grow">{{s.name}}</span>
+					<span>{{s.rowed_km}} km</span>
+
+          {% set_global km = s.rowed_km %}
+        </div>
+			{% endfor %}
+		</div>
+    <div id="container" class="w-full"></div>
+	</div>
+
+<script>
+{% if personal %}
+const data = [
+  {%- for p in personal %}
+    { date: '{{p.date}}', km: {{p.km}} },
+  {%- endfor %}
+]
+sessionStorage.setItem('userStats', JSON.stringify(data));
+{% endif %}
+</script>
+
+<script src="/public/logbook.js"></script>
+{% endblock content%}