This commit is contained in:
Remy Moll 2021-10-31 03:30:21 +01:00
parent 4cb4cf7be2
commit 9b10877f45
9 changed files with 198 additions and 115 deletions

View File

@ -1,41 +1,54 @@
import datetime import datetime
import random
def populate_data(Users, Events): def populate_data(Users, Events):
Events.add_event( Events.add_event(
id = 1, id = 1,
name = "a",
location_name = 'Center of Switzerland', location_name = 'Center of Switzerland',
location_coordinates = [46.8132, 8.2242], location_coordinates = [46.8132, 8.2242],
date = datetime.date.today() - datetime.timedelta(days=100) date = datetime.date.today() - datetime.timedelta(days=100),
description = "slkjfslkdfjsldkfjsd"
) )
Events.add_event( Events.add_event(
id = 2, id = 2,
name = "b",
location_name = 'Center of Switzerland', location_name = 'Center of Switzerland',
location_coordinates = [46, 8], location_coordinates = [46, 8],
date = datetime.date.today() - datetime.timedelta(days=1) date = datetime.date.today() - datetime.timedelta(days=1),
description = "slkjfslkdfjsldkfjsd"
) )
Events.add_event( Events.add_event(
id = 3, id = 3,
name = "kfkslkjdf",
location_name = 'Center of Switzerland', location_name = 'Center of Switzerland',
location_coordinates = [46.8132, 9], location_coordinates = [46.8132, 9],
date = datetime.date.today() - datetime.timedelta(days=2) date = datetime.date.today() - datetime.timedelta(days=2),
description = "slkjfslkdfjsldkfjsd"
) )
Events.add_event( Events.add_event(
id = 4, id = 4,
name = "s",
location_name = 'Center of Switzerland', location_name = 'Center of Switzerland',
location_coordinates = [47, 8.2242], location_coordinates = [47, 8.2242],
date = datetime.date.today() - datetime.timedelta(days=3) date = datetime.date.today() - datetime.timedelta(days=3),
description = "slkjfslkdfjsldkfjsd"
) )
Events.add_event( Events.add_event(
id = 5, id = 5,
name = "d",
location_name = 'Center of Switzerland', location_name = 'Center of Switzerland',
location_coordinates = [40.8132, 8.2242], location_coordinates = [40.8132, 8.2242],
date = datetime.date.today() - datetime.timedelta(days=56) date = datetime.date.today() - datetime.timedelta(days=56),
description = "slkjfslkdfjsldkfjsd"
) )
Events.add_event( Events.add_event(
id = 6, id = 6,
name = "kfkslkjdf",
location_name = 'Zermatt', location_name = 'Zermatt',
location_coordinates = [46.11654, 10.445683], location_coordinates = [46.11654, 10.445683],
date = datetime.date.today() date = datetime.date.today(),
description = "slkjfslkdfjsldkfjsd"
) )
Users.add_user( Users.add_user(
@ -49,6 +62,8 @@ def populate_data(Users, Events):
max_age=20, max_age=20,
) )
u = Users.get_by_id(239842123) u = Users.get_by_id(239842123)
for e in Events: for e in Events:
e.add_review(text="Nice view, good weather. Would recommend.", rating=random.randint(0,5))
u.travel_history.append(e) u.travel_history.append(e)

View File

@ -1,26 +1,35 @@
class Event: class Event:
id = 0 id = 0
name = ""
location_name = [] location_name = []
location_coordinates = [] location_coordinates = []
description = ""
reviews = [] reviews = []
category = [] category = []
weather_requirements = 0 weather_requirements = 0
date = "" date = ""
image_path = "fallback.jpg"
duration = "" # datetime object duration = "" # datetime object
trip_to = "" # Trip object trip_to = "" # Trip object
trip_back = "" trip_back = ""
def __init__(self, **kwargs): def __init__(self, **kwargs):
self.id = kwargs.pop("id") self.id = kwargs.pop("id")
self.name = kwargs.pop("name")
self.location_name = kwargs.pop("location_name") self.location_name = kwargs.pop("location_name")
self.location_coordinates = kwargs.pop("location_coordinates") self.location_coordinates = kwargs.pop("location_coordinates")
self.date = kwargs.pop("date") self.date = kwargs.pop("date")
self.description = kwargs.pop("description")
def find_optimal_trip(self): def find_optimal_trip(self):
pass pass
def add_review(self, **kwargs):
self.reviews.append(Review(**kwargs))
@property @property
def trip_is_good(self): def trip_is_good(self):
pass pass
@ -31,6 +40,13 @@ class Event:
return self.trip_to.co2_savings + self.trip_back.co2_savings return self.trip_to.co2_savings + self.trip_back.co2_savings
except: except:
return 5 return 5
@property
def rating(self):
return int(sum([r.rating for r in self.reviews]) / len(self.reviews))
@property
def nreviews(self):
return len(self.reviews)
class Review: class Review:
@ -54,9 +70,10 @@ class Events:
self._events.append(Event(**kwargs)) self._events.append(Event(**kwargs))
def get_by_id(self, id): def get_by_id(self, id):
for e in self.events: for e in self._events:
if e.id == id: if e.id == id:
return e return e
return None
def __iter__(self): def __iter__(self):
return iter(self._events) return iter(self._events)

View File

@ -1,18 +1,22 @@
from flask import Flask, render_template, request, request, session from flask import Flask, render_template, request, request, session, abort
import random
from apis.interactive_maps import SwissMap
from models.user import Users
from models.event import Events
import plotly.graph_objects as go import plotly.graph_objects as go
from plotly.offline import plot from plotly.offline import plot
from apis.interactive_maps import SwissMap
from apis.weather import WeatherScoreCalculator
from models.user import Users
from models.event import Events
USERBASE = Users() USERBASE = Users()
MAP = SwissMap() MAP = SwissMap()
EVENTBASE = Events() EVENTBASE = Events()
WEATHERCALCULATOR = WeatherScoreCalculator()
import dummy_data import dummy_data
dummy_data.populate_data(USERBASE, EVENTBASE) dummy_data.populate_data(USERBASE, EVENTBASE)
app = Flask(__name__) app = Flask(__name__)
app.secret_key = 'A0Zr98j/3yX R~XHH!jmN]LWX/,?RT' app.secret_key = 'A0Zr98j/3yX R~XHH!jmN]LWX/,?RT'
@ -20,17 +24,16 @@ app.secret_key = 'A0Zr98j/3yX R~XHH!jmN]LWX/,?RT'
@app.route("/") @app.route("/")
def index(): def index():
session["user_id"] = 239842123 # a perfectly safe login, hem hem session["user_id"] = 239842123 # a perfectly safe login, hem hem
wscore = WEATHERCALCULATOR.calc_weather_score(EVENTBASE.get_by_id(1))
print(wscore)
weather_icon = ["☀️","🌥️","🌧️","⛈️"][int(wscore/25)]
print(weather_icon)
context = { context = {
"title" : f"Event title {id}",
"image_name" : "fallback.jpg",
"star_rating" : random.randint(1,4),
"reviews" : random.randint(10,30),
"user" : USERBASE.get_by_id(session["user_id"]).name "user" : USERBASE.get_by_id(session["user_id"]).name
} }
return render_template("event_overview.html", context=context) return render_template("event_overview.html", context=context)
@app.route("/profile") @app.route("/profile")
def profile(): def profile():
uid = session["user_id"] uid = session["user_id"]
@ -61,19 +64,25 @@ def profile():
return render_template("user_detail.html", context=context, user=user) return render_template("user_detail.html", context=context, user=user)
@app.route("/get_event") @app.route("/get_event")
def get_event(): def get_event():
id = request.args.get("id", type = int) eid = request.args.get("id", type = int)
context = { event = EVENTBASE.get_by_id(eid)
"title" : f"Event title {id}", if event:
"image_name" : "fallback.jpg", return render_template("event_card.html", event=event)
"star_rating" : random.randint(1,4), else:
"reviews" : random.randint(10,30), abort(404)
"user" : "Remy"
}
return render_template("event_card.html", context=context)
@app.route("/event/<event_id>")
def event_detail(event_id):
event = EVENTBASE.get_by_id(int(event_id))
if event:
return render_template("event_detail.html", event=event)
else:
abort(404)
#############################
## And, liftoff!
app.run(port=8000, debug=True) app.run(port=8000, debug=True)

View File

@ -1,4 +1,4 @@
.bg-primary .btn-primary .btn-primary:hover{ .bg-primary, .btn-primary, .btn-primary:hover{
border-color: #D50505; border-color: #D50505;
background-color: #D50505 !important; background-color: #D50505 !important;

View File

@ -28,6 +28,8 @@ function callData(counter) {
//alert(result[0]); //alert(result[0]);
$(result).appendTo('.list'); $(result).appendTo('.list');
}, },
error: function (result) {} error: function (result) {
return;
}
}); });
} }

View File

@ -23,7 +23,7 @@
<meta name="viewport" content="width=device-width, <meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style> <style>
#map_5ba084a655cd4fc584236f2425f4de29 { #map_2b19214dbaf846488f2433d621b9a708 {
position: relative; position: relative;
width: 100.0%; width: 100.0%;
height: 100.0%; height: 100.0%;
@ -35,13 +35,13 @@
</head> </head>
<body> <body>
<div class="folium-map" id="map_5ba084a655cd4fc584236f2425f4de29" ></div> <div class="folium-map" id="map_2b19214dbaf846488f2433d621b9a708" ></div>
</body> </body>
<script> <script>
var map_5ba084a655cd4fc584236f2425f4de29 = L.map( var map_2b19214dbaf846488f2433d621b9a708 = L.map(
"map_5ba084a655cd4fc584236f2425f4de29", "map_2b19214dbaf846488f2433d621b9a708",
{ {
center: [46.8132, 8.2242], center: [46.8132, 8.2242],
crs: L.CRS.EPSG3857, crs: L.CRS.EPSG3857,
@ -55,157 +55,157 @@
var tile_layer_40152bdb738846ba8477c732f027648d = L.tileLayer( var tile_layer_5d96e6c02c1c4683b41982c3300a820b = L.tileLayer(
"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
{"attribution": "Data by \u0026copy; \u003ca href=\"http://openstreetmap.org\"\u003eOpenStreetMap\u003c/a\u003e, under \u003ca href=\"http://www.openstreetmap.org/copyright\"\u003eODbL\u003c/a\u003e.", "detectRetina": false, "maxNativeZoom": 12, "maxZoom": 12, "minZoom": 6, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false} {"attribution": "Data by \u0026copy; \u003ca href=\"http://openstreetmap.org\"\u003eOpenStreetMap\u003c/a\u003e, under \u003ca href=\"http://www.openstreetmap.org/copyright\"\u003eODbL\u003c/a\u003e.", "detectRetina": false, "maxNativeZoom": 12, "maxZoom": 12, "minZoom": 6, "noWrap": false, "opacity": 1, "subdomains": "abc", "tms": false}
).addTo(map_5ba084a655cd4fc584236f2425f4de29); ).addTo(map_2b19214dbaf846488f2433d621b9a708);
var marker_0660c49d8fb24ff1b0409062f4679504 = L.marker( var marker_ca63f695315f4bb6b671d25118151e99 = L.marker(
[46.8132, 8.2242], [46.8132, 8.2242],
{} {}
).addTo(map_5ba084a655cd4fc584236f2425f4de29); ).addTo(map_2b19214dbaf846488f2433d621b9a708);
var icon_c7f93358bcb44e67a5c367b728b8e3e5 = L.AwesomeMarkers.icon( var icon_2ad62ef64ac64cf88189dc11eed7cdf5 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"} {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
); );
marker_0660c49d8fb24ff1b0409062f4679504.setIcon(icon_c7f93358bcb44e67a5c367b728b8e3e5); marker_ca63f695315f4bb6b671d25118151e99.setIcon(icon_2ad62ef64ac64cf88189dc11eed7cdf5);
var popup_055041826c6e48abb64946ad1fd0e85c = L.popup({"maxWidth": "100%"}); var popup_65fa70c1d5c044b0846c404db6263d30 = L.popup({"maxWidth": "100%"});
var html_10f0fccc127d44768c1d1c9cba178d7e = $(`<div id="html_10f0fccc127d44768c1d1c9cba178d7e" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0]; var html_5ec8c647dc83447b832427368990bda9 = $(`<div id="html_5ec8c647dc83447b832427368990bda9" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
popup_055041826c6e48abb64946ad1fd0e85c.setContent(html_10f0fccc127d44768c1d1c9cba178d7e); popup_65fa70c1d5c044b0846c404db6263d30.setContent(html_5ec8c647dc83447b832427368990bda9);
marker_0660c49d8fb24ff1b0409062f4679504.bindPopup(popup_055041826c6e48abb64946ad1fd0e85c) marker_ca63f695315f4bb6b671d25118151e99.bindPopup(popup_65fa70c1d5c044b0846c404db6263d30)
; ;
var marker_7591da9e5d7e4359a88df76b3ca54633 = L.marker( var marker_72f25b8a481b4aecb66a56c1cce6db63 = L.marker(
[46.0, 8.0], [46.0, 8.0],
{} {}
).addTo(map_5ba084a655cd4fc584236f2425f4de29); ).addTo(map_2b19214dbaf846488f2433d621b9a708);
var icon_feda126eb8ff45d9bbfc7cba013e3274 = L.AwesomeMarkers.icon( var icon_d04bab6dbd2a4f93bcd2229321fecd08 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"} {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
); );
marker_7591da9e5d7e4359a88df76b3ca54633.setIcon(icon_feda126eb8ff45d9bbfc7cba013e3274); marker_72f25b8a481b4aecb66a56c1cce6db63.setIcon(icon_d04bab6dbd2a4f93bcd2229321fecd08);
var popup_60efbb58821e48d09d5f097eef3f26e0 = L.popup({"maxWidth": "100%"}); var popup_2476bd5ce0394663bd5a68557e6da3f2 = L.popup({"maxWidth": "100%"});
var html_ae4580e3548843a4b867da474fe9cd08 = $(`<div id="html_ae4580e3548843a4b867da474fe9cd08" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0]; var html_459d0ba54a8a4667bb3f2782a2976e3c = $(`<div id="html_459d0ba54a8a4667bb3f2782a2976e3c" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
popup_60efbb58821e48d09d5f097eef3f26e0.setContent(html_ae4580e3548843a4b867da474fe9cd08); popup_2476bd5ce0394663bd5a68557e6da3f2.setContent(html_459d0ba54a8a4667bb3f2782a2976e3c);
marker_7591da9e5d7e4359a88df76b3ca54633.bindPopup(popup_60efbb58821e48d09d5f097eef3f26e0) marker_72f25b8a481b4aecb66a56c1cce6db63.bindPopup(popup_2476bd5ce0394663bd5a68557e6da3f2)
; ;
var marker_8853064d921840c1af5740f4ee2e34e6 = L.marker( var marker_1e5d760167f845eb8dbc5b1968eddb13 = L.marker(
[46.8132, 9.0], [46.8132, 9.0],
{} {}
).addTo(map_5ba084a655cd4fc584236f2425f4de29); ).addTo(map_2b19214dbaf846488f2433d621b9a708);
var icon_ecdd50362a7443c0873edecc52dc57fd = L.AwesomeMarkers.icon( var icon_ebad70bed4ff4660a48f2727d711b3fa = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"} {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
); );
marker_8853064d921840c1af5740f4ee2e34e6.setIcon(icon_ecdd50362a7443c0873edecc52dc57fd); marker_1e5d760167f845eb8dbc5b1968eddb13.setIcon(icon_ebad70bed4ff4660a48f2727d711b3fa);
var popup_18d1efa0560d451985de1860e853f20d = L.popup({"maxWidth": "100%"}); var popup_63700943084f4c08a9dd512565c9a140 = L.popup({"maxWidth": "100%"});
var html_dc83f40370374bc5b716197a6d8bf3e5 = $(`<div id="html_dc83f40370374bc5b716197a6d8bf3e5" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0]; var html_a3c39fae2c8b46a2b75d947f4c613c9a = $(`<div id="html_a3c39fae2c8b46a2b75d947f4c613c9a" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
popup_18d1efa0560d451985de1860e853f20d.setContent(html_dc83f40370374bc5b716197a6d8bf3e5); popup_63700943084f4c08a9dd512565c9a140.setContent(html_a3c39fae2c8b46a2b75d947f4c613c9a);
marker_8853064d921840c1af5740f4ee2e34e6.bindPopup(popup_18d1efa0560d451985de1860e853f20d) marker_1e5d760167f845eb8dbc5b1968eddb13.bindPopup(popup_63700943084f4c08a9dd512565c9a140)
; ;
var marker_f776dd130d2c41b4a4403cc20b089197 = L.marker( var marker_ff2f599e863c46f2bc6bd924a13464e9 = L.marker(
[47.0, 8.2242], [47.0, 8.2242],
{} {}
).addTo(map_5ba084a655cd4fc584236f2425f4de29); ).addTo(map_2b19214dbaf846488f2433d621b9a708);
var icon_eebb26101c2541aab20288eeba3fd092 = L.AwesomeMarkers.icon( var icon_766cef5e5b954f739795dc7a0e2a47e0 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"} {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
); );
marker_f776dd130d2c41b4a4403cc20b089197.setIcon(icon_eebb26101c2541aab20288eeba3fd092); marker_ff2f599e863c46f2bc6bd924a13464e9.setIcon(icon_766cef5e5b954f739795dc7a0e2a47e0);
var popup_7e654904d22f43bf9c55611b4a2d8f1a = L.popup({"maxWidth": "100%"}); var popup_402264ea1bab4f3fb5fab2f065e8e2df = L.popup({"maxWidth": "100%"});
var html_a6bd9db8dace4c23ac8bd4932f23e9b2 = $(`<div id="html_a6bd9db8dace4c23ac8bd4932f23e9b2" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0]; var html_9131a36e8c3c49e0bfd59ef28d9be5cb = $(`<div id="html_9131a36e8c3c49e0bfd59ef28d9be5cb" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
popup_7e654904d22f43bf9c55611b4a2d8f1a.setContent(html_a6bd9db8dace4c23ac8bd4932f23e9b2); popup_402264ea1bab4f3fb5fab2f065e8e2df.setContent(html_9131a36e8c3c49e0bfd59ef28d9be5cb);
marker_f776dd130d2c41b4a4403cc20b089197.bindPopup(popup_7e654904d22f43bf9c55611b4a2d8f1a) marker_ff2f599e863c46f2bc6bd924a13464e9.bindPopup(popup_402264ea1bab4f3fb5fab2f065e8e2df)
; ;
var marker_531b4d892c1248528bed9e28c45a0071 = L.marker( var marker_3f88a80516a94c3583fc411b99719178 = L.marker(
[40.8132, 8.2242], [40.8132, 8.2242],
{} {}
).addTo(map_5ba084a655cd4fc584236f2425f4de29); ).addTo(map_2b19214dbaf846488f2433d621b9a708);
var icon_207de4a422dd47d2ae255822073a20c5 = L.AwesomeMarkers.icon( var icon_2c84ed4b8f154af4bd365d584ec2a082 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"} {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
); );
marker_531b4d892c1248528bed9e28c45a0071.setIcon(icon_207de4a422dd47d2ae255822073a20c5); marker_3f88a80516a94c3583fc411b99719178.setIcon(icon_2c84ed4b8f154af4bd365d584ec2a082);
var popup_2e281073197241d69b565e29b7c30971 = L.popup({"maxWidth": "100%"}); var popup_846c9cd927fd4d80a9ce464dad2ab2c3 = L.popup({"maxWidth": "100%"});
var html_69e3f6cccf894922bb51d399f0f14421 = $(`<div id="html_69e3f6cccf894922bb51d399f0f14421" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0]; var html_578e7e7d0d91472d970b4a1cdc32f30e = $(`<div id="html_578e7e7d0d91472d970b4a1cdc32f30e" style="width: 100.0%; height: 100.0%;">Center of Switzerland</div>`)[0];
popup_2e281073197241d69b565e29b7c30971.setContent(html_69e3f6cccf894922bb51d399f0f14421); popup_846c9cd927fd4d80a9ce464dad2ab2c3.setContent(html_578e7e7d0d91472d970b4a1cdc32f30e);
marker_531b4d892c1248528bed9e28c45a0071.bindPopup(popup_2e281073197241d69b565e29b7c30971) marker_3f88a80516a94c3583fc411b99719178.bindPopup(popup_846c9cd927fd4d80a9ce464dad2ab2c3)
; ;
var marker_106fb6cf83a745b7b8d01d3ac5399d23 = L.marker( var marker_b134bea0a19642428ea1441073f96dfb = L.marker(
[46.11654, 10.445683], [46.11654, 10.445683],
{} {}
).addTo(map_5ba084a655cd4fc584236f2425f4de29); ).addTo(map_2b19214dbaf846488f2433d621b9a708);
var icon_bdbfc792d78445ef9257d0e9dc2e53a6 = L.AwesomeMarkers.icon( var icon_2a49b7f0516a4018be4142fc7297dfb0 = L.AwesomeMarkers.icon(
{"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"} {"extraClasses": "fa-rotate-0", "icon": "info-sign", "iconColor": "white", "markerColor": "red", "prefix": "glyphicon"}
); );
marker_106fb6cf83a745b7b8d01d3ac5399d23.setIcon(icon_bdbfc792d78445ef9257d0e9dc2e53a6); marker_b134bea0a19642428ea1441073f96dfb.setIcon(icon_2a49b7f0516a4018be4142fc7297dfb0);
var popup_5df9394c37c94f26bb59cfaf5b5216e5 = L.popup({"maxWidth": "100%"}); var popup_d4d40d6cd05b4956892dc6d70a997b05 = L.popup({"maxWidth": "100%"});
var html_b63d6c6945b546349c24295a4bebf7ca = $(`<div id="html_b63d6c6945b546349c24295a4bebf7ca" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0]; var html_88e1de9e53184c4285695742f599624f = $(`<div id="html_88e1de9e53184c4285695742f599624f" style="width: 100.0%; height: 100.0%;">Zermatt</div>`)[0];
popup_5df9394c37c94f26bb59cfaf5b5216e5.setContent(html_b63d6c6945b546349c24295a4bebf7ca); popup_d4d40d6cd05b4956892dc6d70a997b05.setContent(html_88e1de9e53184c4285695742f599624f);
marker_106fb6cf83a745b7b8d01d3ac5399d23.bindPopup(popup_5df9394c37c94f26bb59cfaf5b5216e5) marker_b134bea0a19642428ea1441073f96dfb.bindPopup(popup_d4d40d6cd05b4956892dc6d70a997b05)
; ;

View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="undefined" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" integrity="undefined" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="undefined" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="undefined" crossorigin="anonymous"></script>
<link href="static/custom-bootstrap-override.css" rel="stylesheet"> <link href="/static/custom-bootstrap-override.css" rel="stylesheet">
<!-- Font Awesome JS --> <!-- Font Awesome JS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
@ -14,7 +14,7 @@
<!-- Jquery + ajax (dynamic content) --> <!-- Jquery + ajax (dynamic content) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="static/index.js"></script> <script src="/static/index.js"></script>
</head> </head>
<body> <body>

View File

@ -1,24 +1,26 @@
<a href="event/{{event.id}}" style="color: inherit; text-decoration: none;">
<div class="card mb-4 shadow"> <div class="card mb-4 shadow">
<!-- <div class="card-header"> --> <!-- <div class="card-header"> -->
<img src="static/{{ context.image_name }}" class="card-img-top" alt="..."> <img src="static/{{ event.image_path }}" class="card-img-top" alt="...">
<!-- </div> --> <!-- </div> -->
<div class="sep"></div> <div class="sep"></div>
<div class="card-body"> <div class="card-body">
<h5 class="card-title ">{{ context.title }}</h5> <h5 class="card-title ">{{ event.name }}</h5>
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<li class="list-group-item"><i class="far fa-clock"></i> Total duration: {{context.duration }}</li> <li class="list-group-item"><i class="far fa-clock"></i> Total duration: {{event.duration }}</li>
<li class="list-group-item"><i class="far fa-map"></i> {{ context.location }}</li> <li class="list-group-item"><i class="far fa-map"></i> {{ event.location_name }}</li>
<ul class="list-group-item d-flex justify-content-between align-items-center"> <ul class="list-group-item d-flex justify-content-between align-items-center">
<span> <span>
{% for n in range(context.star_rating) %} {% for n in range(event.rating) %}
<i class="fas fa-star"></i> <i class="fas fa-star"></i>
{% endfor %} {% endfor %}
{% for n in range(5 - context.star_rating) %} {% for n in range(5 - event.rating) %}
<i class="far fa-star"></i> <i class="far fa-star"></i>
{% endfor %} {% endfor %}
</span> </span>
<span class="badge bg-secondary small rounded-pill">{{ context.reviews }} reviews</span> <span class="badge bg-secondary small rounded-pill">{{ event.nreviews }} reviews</span>
</ul> </ul>
</ul> </ul>
</div> </div>
</div> </div>
</a>

View File

@ -0,0 +1,38 @@
{% extends "base.html" %}
{% block content %}
<h1 class="display-3">{{ event.name }}</h1>
<div class="card mb-4 shadow">
<!-- <div class="card-header"> -->
<img src="/static/{{ event.image_path }}" class="card-img-top" alt="...">
<!-- </div> -->
<div class="sep"></div>
<div class="card-body">
<ul class="list-group list-group-flush">
<li class="list-group-item"><i class="far fa-clock"></i> Total duration: {{event.duration }}</li>
<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>
</div>
</div>
<h1 class="display-4">Reviews:</h1>
{% for r in event.reviews %}
<div class="card mb-4 shadow">
<div class="card-body">
{{ r.text }}
</div>
<div class="card-footer">
<span classs="d-flex align-items-center">
{% for n in range(r.rating) %}
<i class="fas fa-star"></i>
{% endfor %}
{% for n in range(5 - r.rating) %}
<i class="far fa-star"></i>
{% endfor %}
</span>
</div>
</div>
{% endfor %}
{% endblock %}