Simplify template, add previous/next hour links, use a single route

2021-06-01 23:03:57 +02:00
parent 8c0478fafb
commit a2cc77954f
3 changed files with 72 additions and 51 deletions
--- a/views/search_results.tpl
+++ b/views/search_results.tpl
@@ -1,7 +1,32 @@
-% rebase('base.tpl', title='Radio Balises - Résultats')
-<h1>Liste des chansons</h1>
-<ul>
-  % for x in results:
-    <li>[{{str(x.date)}}] {{x.song.artist}} - {{x.song.title}}
-  % end
-</ul>
+<html>
+<head>
+  <title>Radio Balises</title>
+</head>
+<body>
+    <form action="/" method="post" id="datetime_form">
+      <label for="date">Date:</label>
+      <input name="date" type="date" value="{{date}}" />
+      <label for="time">Heure:</label>
+      <input name="time" type="time" value="{{time}}" />
+      <input name="timedelta" id="timedelta" type="hidden" value="0" />
+      <input value="Chercher" type="submit" />
+  </form>
+  <h1>Chansons du {{date.strftime('%A %d %B %Y')}} entre {{start_time}} et {{end_time}}</h1>
+  <a href="#" id="go_sooner">[Plus tôt]</a>
+  <a href="#" id="go_later">[Plus tard]</a>
+  <ul>
+    % for x in results:
+      <li>[{{str(x.date)}}] {{x.song.artist}} - {{x.song.title}}
+    % end
+  </ul>
+
+  <script>
+    move_in_time = (delta) => () => {
+      document.getElementById('timedelta').value = delta;
+      document.getElementById('datetime_form').submit();
+    }
+    document.getElementById('go_sooner').onclick = move_in_time(-1);
+    document.getElementById('go_later').onclick = move_in_time(1);
+  </script>
+</body>
+</html>