Show map of past trips

This commit is contained in:
Edward Betts 2024-01-14 12:17:22 +00:00
parent bd61b1bccd
commit 36b5d38274
4 changed files with 43 additions and 26 deletions

View file

@ -39,7 +39,7 @@
/* Additional styling for grid items can go here */
}
#map {
.map {
height: 80vh;
}
@ -91,11 +91,12 @@
{% block content %}
<div class="p-2">
<div id="map"></div>
<h1>Trips</h1>
<div id="future-map" class="map"></div>
{{ section("Current", current, "attending") }}
{{ section("Future", future, "going") }}
<div id="past-map" class="map"></div>
{{ section("Past", past|reverse, "went") }}
</div>
{% endblock %}
@ -113,7 +114,12 @@
var future_coordinates = {{ future_coordinates | tojson }};
var future_routes = {{ future_routes | tojson }};
build_map("map", future_coordinates, future_routes);
build_map("future-map", future_coordinates, future_routes);
var past_coordinates = {{ past_coordinates | tojson }};
var past_routes = {{ past_routes | tojson }};
build_map("past-map", past_coordinates, past_routes);
</script>
{% endblock %}