app/templates/game_bunny_dashboard.html

@@ -19,6 +19,8 @@
         <thead>
             <tr>
                 <th scope="col">Objective Name</th>
+                <th scope="col">Latitude</th>
+                <th scope="col">Longitude</th>
                 <th scope="col">Found</th>
             </tr>
         </thead>
@@ -26,6 +28,8 @@
             {% for objective in game.objectives %}
             <tr>
                 <td>{{ objective.name }}</td>
+                <td>{{ objective.latitude }}</td>
+                <td>{{ objective.longitude }}</td>
                 <td>{{ 'Yes' if objective in current_user.player_in(game).found_objectives else 'No' }}</td>
             </tr>
             {% endfor %}
@@ -40,8 +44,39 @@
 </div>
 </div>
 
+{% if game.objectives %}
+<div class="row">
+  <div class="col-xs-1 col-md-1"></div>
+  <div id="map" style=" height: 500px; border-radius: 10px; " class="col-xs-10 col-md-10"></div>
+  <div class="col-xs-1 col-md-1"></div>
+</div>
+{% endif %}
+
 {% endblock %}
 
 {% block scripts %}
 {{ super() }}
+<script src="{{ url_for('static', filename='assets/leaflet/utils.js') }}"></script>
+<script type="text/javascript", crossorigin="anonymous">
+    // Leaflet Map
+    map = getMap()
+    markers = []
+    var objectives = JSON.parse('{{ current_user.player_in(game).encode_objectives() |safe }}')
+    for (var i = 0; i < objectives.length; i++){
+        markers.push(addObjectiveMarker(map, objectives[i]))
+    }
+    
+    function updateSelf() {
+        getPosition(updateMyLocation)
+    }
+    setInterval(updateSelf, 10 * 1000);
+    updateSelf()
+
+    if (markers.length > 1) {
+        map.fitBounds(markers.map(m => m.getLatLng()));
+    } else if (markers.length == 1){
+        map.setView(markers[0].getLatLng(), 10);
+    }
+
+</script>
 {% endblock %}

app/templates/game_player.html

@@ -68,33 +68,6 @@
     </div>
 </div>
 {% endif %}
-
-{% if player.player_found_objectives %}
-
-<div class="row">
-    <h2>Found Objectives:</h2>
-    <div class="table-responsive">
-        <table class="table">
-            <thead>
-                <tr>
-                    <th scope="col">Objective name</th>
-                    <th scope="col">Time</th>
-                    <th scope="col">Coordiates</th>
-                </tr>
-            </thead>
-            <tbody>
-                {% for pfo in player.player_found_objectives %}
-                <tr>
-                    <td><a href="{{ url_for('main.objective', objective_hash = pfo.objective.hash) }}">{{ pfo.objective.name }}</a></td>
-                    <td>{{ moment(pfo.timestamp).fromNow() }}</td>
-                    <td>{{ pfo.objective.latitude }}, {{ pfo.objective.longitude }}</td>
-                </tr>
-                {% endfor %}
-            </tbody>
-        </table>
-    </div>
-</div>
-{% endif %}
 {% endblock %}
 
 

app/templates/objective.html

@@ -56,31 +56,6 @@
 </div>
 <hr>
 
-{% if owner and objective.objective_found_by %}
-
-<div class="row">
-    <h2>Found by:</h2>
-    <div class="table-responsive">
-        <table class="table">
-            <thead>
-                <tr>
-                    <th scope="col">Player name</th>
-                    <th scope="col">Time</th>
-                </tr>
-            </thead>
-            <tbody>
-                {% for ofbp in objective.objective_found_by %}
-                <tr>
-                    <td><a href="url_for('main.game_player', game_name = game.name, username = ofbp.game_player.user.name)">{{ ofbp.game_player.user.name }}</a></td>
-                    <td>{{ moment(ofbp.timestamp).fromNow() }}</td>
-                </tr>
-                {% endfor %}
-            </tbody>
-        </table>
-    </div>
-</div>
-{% endif %}
-
 
 {% endblock %}