From aaca101d1f8d0e6f6a5f48dbc7e2e87f66dc52ab Mon Sep 17 00:00:00 2001
From: Daniel Tsvetkov <danieltcv@gmail.com>
Date: Wed, 12 Feb 2020 15:47:25 +0100
Subject: [PATCH] support multiple solutions

---
 src/tww/templates/dt.html    |  9 ++++++++-
 src/tww/templates/dt_tr.html |  9 ++++++++-
 src/tww/templates/home.html  | 12 ++----------
 src/tww/tokenizer.py         |  3 ++-
 4 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/tww/templates/dt.html b/src/tww/templates/dt.html
index 880b446..1ee2cd8 100644
--- a/src/tww/templates/dt.html
+++ b/src/tww/templates/dt.html
@@ -13,6 +13,13 @@
     <option value="{{ tz }}">{{ tz }}</option>
     {% endfor %}
 </select>
+<br>
+<canvas id="canvas-{{ solution_id }}" width="200" height="200" style="background-color:#eee"></canvas>
 <script>
-    drawClock("{{dt.iso8601_time}}");
+    var canvas = document.getElementById("canvas-{{ solution_id }}");
+    var ctx = canvas.getContext("2d");
+    var radius = canvas.height / 2;
+    ctx.translate(radius, radius);
+    radius = radius * 0.90;
+    drawClock(ctx, radius, "{{dst_dt.iso8601_time}}");
 </script>
\ No newline at end of file
diff --git a/src/tww/templates/dt_tr.html b/src/tww/templates/dt_tr.html
index 627f4dc..af2275b 100644
--- a/src/tww/templates/dt_tr.html
+++ b/src/tww/templates/dt_tr.html
@@ -13,6 +13,13 @@
     <option value="{{ tz }}">{{ tz }}</option>
     {% endfor %}
 </select>
+<br>
+<canvas id="canvas-{{ solution_id }}" width="200" height="200" style="background-color:#eee"></canvas>
 <script>
-    drawClock("{{dst_dt.iso8601_time}}");
+    var canvas = document.getElementById("canvas-{{ solution_id }}");
+    var ctx = canvas.getContext("2d");
+    var radius = canvas.height / 2;
+    ctx.translate(radius, radius);
+    radius = radius * 0.90;
+    drawClock(ctx, radius, "{{dst_dt.iso8601_time}}");
 </script>
\ No newline at end of file
diff --git a/src/tww/templates/home.html b/src/tww/templates/home.html
index 6ddb8d7..33e04d4 100644
--- a/src/tww/templates/home.html
+++ b/src/tww/templates/home.html
@@ -39,7 +39,6 @@
         </br>
         <div id="solutions"></div>
     </form>
-    <canvas id="canvas" width="200" height="200" style="background-color:#eee"></canvas>
 </main>
 <script src="{{ url_for('static', filename='jquery.js') }}"></script>
 <script src="{{ url_for('static', filename='jquery.debounce.js') }}"></script>
@@ -48,15 +47,8 @@
 
 
 <script>
-    var canvas = document.getElementById("canvas");
-    var ctx = canvas.getContext("2d");
-    var radius = canvas.height / 2;
-    ctx.translate(radius, radius);
-    radius = radius * 0.90;
-
-
-    function drawClock(time) {
-        var time = time.split(':');
+    function drawClock(ctx, radius, time) {
+        time = time.split(':');
         drawFace(ctx, radius, time);
         drawNumbers(ctx, radius);
         drawTime(ctx, radius, time);
diff --git a/src/tww/tokenizer.py b/src/tww/tokenizer.py
index 504c148..98976ae 100644
--- a/src/tww/tokenizer.py
+++ b/src/tww/tokenizer.py
@@ -251,12 +251,13 @@ def resolve_query(query):
         "solutions": [],
     }
     solutions = resolve_query_type(query)
-    for solution in solutions:
+    for sol_id, solution in enumerate(solutions):
         element = {}
         handler, results, query_type, hi = solution
         element["handler"] = handler
         element["query_type"] = query_type
         element["highlight"] = hi
+        element["solution_id"] = sol_id
         try:
             if query_type == QUERY_TYPE_DT:
                 element["dt"] = dt_pretty(results)