fix some map zooming issues

app/templates/base.html

@@ -13,7 +13,8 @@
 <nav class="navbar navbar-default">
     <div class="container">
         <div class="navbar-header">
-      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                 <span class="sr-only">Toggle navigation</span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
@@ -32,7 +33,10 @@
                 {% if current_user.is_anonymous %}
                 <li><a href="{{ url_for('auth.login') }}">Login</a></li>
                 {% else %}
-        <li><a href="{{ url_for('main.user_profile', username=current_user.name) }}"><div class="hidden-xs hidden-sm">{{ current_user.name }}{% if game is defined %}/{{ game.name }}{% endif %}</div></a></li>
+                <li><a href="{{ url_for('main.user_profile', username=current_user.name) }}">
+                        <div class="hidden-xs hidden-sm">
+                            {{ current_user.name }}{% if game is defined %}/{{ game.name }}{% endif %}</div>
+                    </a></li>
                 <li><a href="{{ url_for('auth.logout') }}">Logout</a></li>
                 {% endif %}
             </ul>

app/templates/game_bunny_dashboard.html

@@ -60,21 +60,22 @@
 <script type="text/javascript", crossorigin="anonymous">
     // Leaflet Map
     map = getMap()
-
-    var string = '{{ current_user.player_in(game).encode_objectives() |safe }}'
-    var objectives = JSON.parse(string)
+    markers = []
+    var objectives = JSON.parse('{{ current_user.player_in(game).encode_objectives() |safe }}')
     for (var i = 0; i < objectives.length; i++){
         addObjectiveMarker(map, objectives[i])
+        markers.push([objectives[i].latitude, objectives[i].longitude])
     }
 
-    var self = JSON.parse('{{ json.dumps(current_user.last_location(game), cls=location_encoder)|safe }}')
+    var self = JSON.parse('{{ json.dumps(current_user.last_location(), cls=location_encoder)|safe }}')
     if (self){
         addPlayerMarker(map, self)
+        markers.push([self.latitude, self.longitude])
     }
 
-    map.fitBounds(
-        objectives.map(o => [o.latitude, o.longitude]).concat([self].map(p => [p.latitude, p.longitude]))
-    );
+    if (markers.length > 0) {
+        map.fitBounds(markers);
+    }
 
 </script>
 {% endblock %}

app/templates/game_hunter_dashboard.html

@@ -28,9 +28,14 @@
                     {% for bunny in game.bunnies() %}
                     <tr>
                         <td>{{ bunny.user.name }}</td>
-                <td><span style="color:green;">{{ bunny.player_caught_by_players | selectattr('catching_player', '==', player) | selectattr('review.name', '==', 'accepted') |list|length}}</span> /
-                    <span style="color:red;">{{ bunny.player_caught_by_players | selectattr('catching_player', '==', player) | selectattr('review.name', '==', 'denied') |list|length}}</span> /
-                    <span style="color:gray;">{{ bunny.player_caught_by_players | selectattr('catching_player', '==', player) | selectattr('review.name', '==', 'none') |list|length}}</span>
+                        <td><span
+                                style="color:green;">{{ bunny.player_caught_by_players | selectattr('catching_player', '==', player) | selectattr('review.name', '==', 'accepted') |list|length}}</span>
+                            /
+                            <span
+                                style="color:red;">{{ bunny.player_caught_by_players | selectattr('catching_player', '==', player) | selectattr('review.name', '==', 'denied') |list|length}}</span>
+                            /
+                            <span
+                                style="color:gray;">{{ bunny.player_caught_by_players | selectattr('catching_player', '==', player) | selectattr('review.name', '==', 'none') |list|length}}</span>
                         </td>
                         <td>{% with location = bunny.last_location(offset=hunter_delay) %}
                             {% if location %}{{ moment(location.timestamp).fromNow()}}
@@ -39,7 +44,8 @@
                             {% endif %}
                             {% endwith %}</td>
                         <td>
-                    <a href="{{ url_for('main.catch_bunny', game_name=game.name, bunny_name=bunny.user.name) }}">
+                            <a
+                                href="{{ url_for('main.catch_bunny', game_name=game.name, bunny_name=bunny.user.name) }}">
                                 <button class="btn btn-success btn-sm">Catch</button>
                             </a>
                         </td>
@@ -48,7 +54,9 @@
                 </tbody>
             </table>
             <span style="font-size: smaller;">
-          (<span style="color:green;">Accepted</span>/<span style="color:red;">Denied</span>/<span style="color:gray;">Not reviewed</span>)
+                (<span style="color:green;">Accepted</span>/<span style="color:red;">Denied</span>/<span
+                    style="color:gray;">Not
+                    reviewed</span>)
             </span>
         </div>
     </div>
@@ -70,20 +78,22 @@
 <script type="text/javascript" , crossorigin="anonymous">
     // Leaflet Map
     map = getMap()
-
-    var bunnies = JSON.parse('{{ json.dumps(game.last_locations(game.bunnies(), offset=hunter_delay), cls=location_encoder)|safe }}')
+    markers = []
+    var bunnies = JSON.parse(
+        '{{ json.dumps(game.last_locations(game.bunnies(), offset=hunter_delay), cls=location_encoder)|safe }}')
     for (var i = 0; i < bunnies.length; i++) {
         addPlayerMarker(map, bunnies[i])
+        markers.push([bunnies[i].latitude, bunnies[i].longitude])
     }
 
-    var self = JSON.parse('{{ json.dumps(current_user.last_location(game), cls=location_encoder)|safe }}')
+    var self = JSON.parse('{{ json.dumps(current_user.last_location(), cls=location_encoder)|safe }}')
     if (self) {
         addPlayerMarker(map, self, greenPlayerIcon)
+        markers.push([self.latitude, self.longitude])
     }
     
-    map.fitBounds(
-        bunnies.map(o => [o.latitude, o.longitude]).concat([self].map(p => [p.latitude, p.longitude]))
-    );
-
+    if (markers.length > 0) {
+        map.fitBounds(markers);
+    }
 </script>
 {% endblock %}

app/templates/game_owner_dashboard.html

@@ -101,21 +101,23 @@
 <script type="text/javascript", crossorigin="anonymous">
     // Leaflet Map
     map = getMap()
-
+    markers = []
     var objectives = JSON.parse('{{ json.dumps(game.objectives, cls=objective_encoder)|safe }}')
 
     for (var i = 0; i < objectives.length; i++){
         addObjectiveMarker(map, objectives[i])
+        markers.push([objectives[i].latitude, objectives[i].longitude])
     }
 
     var players = JSON.parse('{{ json.dumps(game.last_player_locations(), cls=location_encoder)|safe }}')
     for (var i = 0; i < players.length; i++){
         addPlayerMarker(map, players[i])
+        markers.push([players[i].latitude, players[i].longitude])
     }
 
-    map.fitBounds(
-        objectives.map(o => [o.latitude, o.longitude]).concat(players.map(p => [p.latitude, p.longitude]))
-    );
+    if (markers.length > 0) {
+        map.fitBounds(markers);
+    }
 
     //Delete Game button
     function deleteGame() {

app/templates/game_player.html

@@ -75,7 +75,6 @@
 {{ super() }}
 <script type="text/javascript" , crossorigin="anonymous">
     // Leaflet Map
-    '{% set last_location = player.last_location() %}'
     map = getMap()
 
     var locations = JSON.parse('{{ json.dumps(player.locations_during_game(), cls=location_encoder)|safe }}')