Bug fixes here and there

This commit is contained in:
Remy Moll
2021-10-31 06:36:22 +01:00
parent d44761170d
commit c1e3685986
16 changed files with 532 additions and 212 deletions

View File

@@ -0,0 +1,53 @@
{# emulate a booking overview which shows the connection#}
{% extends "base.html" %}
{% block content %}
<script>
$( document ).ready(function() {
$('#booking-info').delay(1500).show(0);
$('#loading-animation').delay(1500).hide(0);
});
</script>
<div class="position-relative" style="height: 100vh;" id="loading-animation">
<div class="position-absolute top-50 start-50 translate-middle">
<div class="spinner-grow text-danger" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
</div>
<div id="booking-info" style="display:none;">
<h1 class="display-2">{{ event.name }}</h1>
<div class="card mb-4 shadow">
<div class="card-body">
<h1 class="card-title">Trip outbound</h1>
<img src="/static/trip_to.jpg" width="100%">
</div>
</div>
<div class="card mb-4 shadow">
<div class="card-body">
<h1 class="card-title">Activity</h1>
<img src="/static/bettmeralp_weg.png" width="100%">
<ul class="list-group list-group-flush">
<li class="list-group-item"><b>Coordinates:</b> 46.386321, 8.057643</li>
<li class="list-group-item"><b>Start:</b> Bettmeralp, Bergstation Luftseilbahn</li>
<li class="list-group-item"><b>Route:</b> Bergstation Luftseilbahn Bettmeralp Bettmersee Blausee Biel Hohbalm Roti Chumma Märjelensee Obers Tälli (Tunnel) Fiescheralp - Bettmeralp</li>
<li class="list-group-item"><b>Goal:</b> Bettmeralp, Bergstation Luftseilbahn</li>
</ul>
</div>
</div>
<div class="card mb-4 shadow">
<div class="card-body">
<h1 class="card-title">Trip inbound</h1>
<img src="/static/trip_back.jpg" width="100%">
</div>
</div>
</div>
{% endblock %}

View File

@@ -13,7 +13,7 @@
<li class="list-group-item"><i class="far fa-map"></i> {{ event.location_name }}</li>
<li class="list-group-item">{{ event.description }}</li>
</ul>
<span class="d-flex flex-row-reverse"><a href="" class="btn btn-primary">Book now</a></span>
<span class="d-flex flex-row-reverse"><a href="{{event.id}}/booked" class="btn btn-primary">Book now</a></span>
</div>
</div>
<h1 class="display-4">Reviews:</h1>

View File

@@ -20,9 +20,15 @@
</div>
</div>
<div class="card-body">
<h5 class="card-title">The weather today is:</h5>
<!-- <div class="d-flex justify-content-between align-items-center"> -->
<h5 class="card-title text-center">Today's weather {{ context.weather_string }} <span class="badge bg-light">{{ context.weather_emoji }}</span></h5>
</div>
<!-- <p class="card-text">We .</p> -->
</div>
</div>
<h1 class="display-4">Recommended for you:</h1>
<div class="list"></div>
</div>
</div>

View File

@@ -1,13 +1,14 @@
<nav class="navbar navbar-dark navbar-custom fixed-top">
<nav class="navbar navbar-dark navbar-custom fixed-top shadow">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/static/sbb.png" alt="SBB" width="30px">
<span class="font-monospace fw-bold">Click &
<span class="font-monospace fw-bold position-relative ml-1">
Click &
<span class="ml4">
<span class="letters letters-1">Hike</span>
<span class="letters letters-2">Bike</span>
<span class="letters letters-3">Culture</span>
<span class="letters letters-4">Jodel</span>
<span class="letters letters-1">Hike</span>
<span class="letters letters-2">Bike</span>
<span class="letters letters-3">Culture</span>
<span class="letters letters-4">Jodel</span>
</span>
</span>
@@ -82,7 +83,7 @@
<form class="d-flex">
<a href="/profile" style="color: inherit; text-decoration: none;">
<i class="fas fa-user"></i>
<i class="fas fa-user" style="background-color: transparent; color: white;"></i>
</a>
</form>

View File

@@ -7,9 +7,9 @@
<div class="card-body">
<h5 class="card-title">{{ user.name }} - Profile overview</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item">id: {{user.id }}</li>
<li class="list-group-item">total trips: {{ user.number_of_trips }}</li>
<li class="list-group-item">total CO2 saved: {{ user.total_co2_savings }}</li>
<li class="list-group-item"><b>id</b>: {{user.id }}</li>
<li class="list-group-item"><b>total trips:</b> {{ user.number_of_trips }}</li>
<li class="list-group-item"><b>g of CO2 saved (total):</b> {{ user.total_co2_savings }}</li>
</ul>
</div>
</div>