2020-07-19 22:16:05 +02:00
{% extends 'global.html'%}
2020-07-27 18:49:50 +02:00
{% load static %}
2020-10-01 23:05:34 +02:00
{% load i18n %}
2020-08-27 09:06:24 +02:00
{% load thumbnail %}
{% load svg_icon %}
2021-04-02 22:00:13 +02:00
{% load lostplaces %}
2020-08-27 09:06:24 +02:00
2020-08-22 09:19:01 +02:00
{% block additional_head %}
2020-08-26 21:36:10 +02:00
< link rel = "stylesheet" href = "{% static 'maps/ol.css' %}" type = "text/css" >
< script src = "{% static 'maps/ol.js' %}" > < / script >
2020-08-27 15:46:45 +02:00
< script src = "{% static 'tagify.min.js' %}" > < / script >
2020-08-22 09:19:01 +02:00
{% endblock additional_head %}
2020-07-19 22:16:05 +02:00
2020-07-28 23:45:28 +02:00
{% block title %}{{place.name}}{% endblock %}
2020-08-10 19:36:42 +02:00
{% block additional_menu_items %}
2021-04-02 22:06:52 +02:00
< li class = "LP-Menu__Item LP-Menu__Item--additional" > < a href = "{% url 'place_edit' pk=place.pk %}" class = "LP-Link" > < span class = "LP-Link__Text" > {% translate 'Edit place' %}< / span > < / a > < / li >
< li class = "LP-Menu__Item LP-Menu__Item--additional" > < a href = "{% url 'place_delete' pk=place.pk %}" class = "LP-Link" > < span class = "LP-Link__Text" > {% translate 'Delete place' %}< / span > < / a > < / li >
2020-08-10 19:36:42 +02:00
{% endblock additional_menu_items %}
2020-08-26 21:36:10 +02:00
2020-07-19 22:16:05 +02:00
{% block maincontent %}
2020-08-10 19:06:45 +02:00
< article class = "LP-PlaceDetail" >
2020-08-30 18:39:45 +02:00
< header class = "LP-PlaceDetail__Header" >
2020-12-25 19:32:54 +01:00
< h1 class = "LP-Headline" > {{ place.name }} {% include 'partials/icons/place_favorite.html' %} {% include 'partials/icons/place_visited.html' %}< / h1 >
2021-04-10 08:23:36 +02:00
{% if place.get_hero_image %}
2021-04-02 17:22:28 +02:00
< div class = "LP-PlaceDetail__Image" >
2022-09-17 21:22:51 +02:00
{% include '../partials/image.html' with source_url=place.get_hero_image.filename.hero.url link_url="#image"|addstr:place.get_hero_index_in_queryset %}
2021-04-02 17:22:28 +02:00
< / div >
2020-08-30 18:39:45 +02:00
{% endif %}
< / header >
< div class = "LP-PlaceDetail__Description" >
< p class = "LP-Paragraph" > {{ place.description }}< / p >
< / div >
2021-12-30 23:20:05 +01:00
< div class = "LP-Quickinfo" >
< section class = "LP-Section" >
{% url 'place_tag_submit' place_id=place.id as tag_submit_url %}
2022-09-17 21:22:51 +02:00
{% include '../partials/tagging.html' with config=tagging_config %}
2021-12-30 23:20:05 +01:00
< / section >
{{votingplace.vote}}
< section class = "LP-Section" >
2022-09-17 21:22:51 +02:00
{% include '../partials/voting.html' with voting=placevoting %}
2021-12-30 23:20:05 +01:00
< / section >
< / div >
2020-08-30 18:39:45 +02:00
< section class = "LP-Section" >
2021-04-02 22:06:52 +02:00
< h1 class = "LP-Headline" > {% translate 'Map links' %}< / h1 >
2022-09-17 21:22:51 +02:00
{% include '../partials/osm_map.html' with config=mapping_config %}
2021-12-30 23:20:05 +01:00
< ul class = "LP-LinkList" >
< li class = "LP-LinkList__Item" >
< a target = "_blank" href = "https://www.google.com/maps?q={{place.latitude|safe}},{{place.longitude|safe}}" class = "LP-Link" >
< span class = "LP-Text RV-Iconized" >
< span class = "RV-Iconized__Text" >
Google Maps
< / span >
< span class = "RV-Iconized__Icon RV-Iconized__Icon--left" >
< i class = "mdi mdi-map-outline" > < / i >
< / span >
< / span >
< / a >
< / li >
< li class = "LP-LinkList__Item" >
< a target = "_blank" href = "https://www.tim-online.nrw.de/tim-online2/?center={{place.latitude|safe}},{{place.longitude|safe}}&icon=true&bg=dop" class = "LP-Link" >
< span class = "LP-Text RV-Iconized" >
< span class = "RV-Iconized__Text" >
TIM Online
< / span >
< span class = "RV-Iconized__Icon RV-Iconized__Icon--left" >
< i class = "mdi mdi-map-outline" > < / i >
< / span >
< / span >
< / a >
< / li >
< li class = "LP-LinkList__Item" >
< a target = "_blank" href = "http://www.openstreetmap.org/?mlat={{place.latitude|safe}}&mlon={{place.longitude|safe}}&zoom=16" class = "LP-Link" >
< span class = "LP-Text RV-Iconized" >
< span class = "RV-Iconized__Text" >
OSM
< / span >
< span class = "RV-Iconized__Icon RV-Iconized__Icon--left" >
< i class = "mdi mdi-map-outline" > < / i >
< / span >
< / span >
< / a >
< / li >
< / ul >
2020-08-30 18:39:45 +02:00
< / section >
< section class = " LP-Section" >
2021-04-02 22:06:52 +02:00
< h1 class = "LP-Headline" > {% translate 'Photo albums' %}< / h1 >
2020-08-30 18:39:45 +02:00
< div class = "LP-LinkList" >
< ul class = "LP-LinkList__Container" >
2020-09-22 21:56:51 +02:00
{% for photo_album in place.photoalbums.all %}
2020-08-30 18:39:45 +02:00
< li class = "LP-LinkList__Item" >
< a target = "_blank" href = "{{photo_album.url}}" class = "LP-Link" >
< span class = "LP-Text" > {{photo_album.label}}< / span >
< / a >
2020-10-11 07:49:50 +02:00
{% if user.explorer == photo_album.submitted_by or user.explorer == place.submitted_by %}
2020-08-30 18:39:45 +02:00
< a href = "{% url 'photo_album_delete' pk=photo_album.pk%}" class = "LP-Link LP-LinkList__ItemHover" title = "Delete Photo Album" >
< div class = "RV-Iconized__Container RV-Iconized__Container--small" >
{% icon 'trash' className="RV-Iconized__Icon" %}
< / div >
< / a >
{% endif %}
< / li >
{% endfor %}
< li class = "LP-LinkList__Item" >
< a href = "{% url 'photo_album_create' place_id=place.id %}" class = "LP-Link" >
< div class = "RV-Iconized__Container RV-Iconized__Container--small" >
< svg class = "RV-Iconized__Icon" version = "1.1" id = "Capa_1" xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" x = "0px" y = "0px" viewBox = "0 0 512 512" xml:space = "preserve" >
< g >
< path d = "M492,236H276V20c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v216H20c-11.046,0-20,8.954-20,20s8.954,20,20,20h216
2020-08-26 21:36:10 +02:00
v216c0,11.046,8.954,20,20,20s20-8.954,20-20V276h216c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z" />
2020-08-30 18:39:45 +02:00
< / g >
< / svg >
2021-04-02 22:06:52 +02:00
< span class = "RV-Iconized__Text" > {% translate 'Add photo album' %}< / span >
2020-08-30 18:39:45 +02:00
< / div >
< / a >
< / li >
< / ul >
< / div >
< / section >
< section class = "LP-Section" >
2021-04-02 22:00:13 +02:00
{% translate 'Images' as headline %}
2022-09-17 21:22:51 +02:00
{% include '../partials/placeImageGrid.html' with image_list=place.placeimages.all %}
2020-08-30 18:39:45 +02:00
< / section >
2020-08-26 21:36:10 +02:00
2020-07-27 18:49:50 +02:00
< / article >
2020-07-19 22:16:05 +02:00
{% endblock maincontent %}