From 916995161f46e84b8e9c66e65ef6d28e20bf495c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=C5=91cze=20Bence?= <bence@pocze.ch>
Date: Wed, 20 May 2020 01:05:46 +0200
Subject: [PATCH] MAPG-6 add score element to game HTML

---
 views/game.php | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/views/game.php b/views/game.php
index 4246a94..370aa66 100644
--- a/views/game.php
+++ b/views/game.php
@@ -17,11 +17,22 @@
     <div id="result">
         <div id="resultMap"></div>
         <div id="resultInfo">
-            <p>You were <span id="distance" class="bold"></span> close.</p>
-            <button id="continueButton">Continue</button>
+            <div>
+                <p>You were <span id="distance" class="bold"></span> close.</p>
+            </div>
+            <div>
+                <p>You earned <span id="score" class="bold"></span> points.</p>
+            </div>
+            <div>
+                <div id="scoreBarBase"><div id="scoreBar"></div></div>
+            </div>
+            <div>
+                <button id="continueButton">Continue</button>
+            </div>
         </div>
     </div>
     <script>
+        var mapArea = <?= $bounds->calculateApproximateArea() ?>;
         var guessMapBounds = <?= $bounds->toJson() ?>;
     </script>
     <script src="static/js/mapguesser.js" async defer></script>