Bug fixes here and there
This commit is contained in:
53
templates/event_booked.html
Normal file
53
templates/event_booked.html
Normal 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 %}
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
||||
|
@@ -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>
|
||||
|
Reference in New Issue
Block a user