161 lines
6.1 KiB
HTML
161 lines
6.1 KiB
HTML
{% extends 'global.html'%}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
|
|
{% load svg_icon %}
|
|
|
|
{% block maincontent %}
|
|
|
|
<div class="LP-UserProfile">
|
|
<div class="LP-UserProfile__Bio">
|
|
<h2 class="LP-Headline">Bio</h2>
|
|
<p class="LP-Paragraph">{{explorer.bio}}</p>
|
|
</div>
|
|
<div class="LP-UserProfile__Info">
|
|
<div class="LP-UserInfo">
|
|
<div class="LP-UserInfo__UserName">
|
|
<h1 class="LP-Headline">{{explorer.user.username}}</h1>
|
|
</div>
|
|
|
|
<div class="LP-UserInfo__Meta">
|
|
<table>
|
|
<tr>
|
|
{% if explorer.profile_image %}
|
|
<figure class="LP-UserInfo__Image">
|
|
<img src="{{ explorer.profile_image.url }}" class="LP-Image" />
|
|
</figure>
|
|
{% endif %}
|
|
<tr>
|
|
{% if explorer.user.first_name %}
|
|
<td class="LP-UserInfo__Key">
|
|
<span class="LP-Paragraph">{% trans 'Name' %}</span>
|
|
</td>
|
|
<td class="LP-UserInfo__Value">
|
|
<span class="LP-Paragraph">{{explorer.user.first_name}} {{explorer.user.last_name}}</span>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr>
|
|
{% if explorer.user.email %}
|
|
<td class="LP-UserInfo__Key">
|
|
<span class="LP-Paragraph">{% trans 'E-mail' %}</span>
|
|
</td>
|
|
<td class="LP-UserInfo__Value">
|
|
<span class="LP-Paragraph">
|
|
<a href="{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a>
|
|
</span>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
<tr>
|
|
<td class="LP-UserInfo__Key">
|
|
<span class="LP-Paragraph">{% trans 'Joined' %}</span>
|
|
</td>
|
|
<td class="LP-UserInfo__Value">
|
|
<span class="LP-Paragraph">{{explorer.user.date_joined|date:'d.m.Y'}}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="LP-UserInfo__Key">
|
|
<span class="LP-Paragraph">{% trans 'Places'%}</span>
|
|
</td>
|
|
<td class="LP-UserInfo__Value">
|
|
<span class="LP-Paragraph">{{place_count}}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="LP-UserInfo__Key">
|
|
<span class="LP-Paragraph">{% trans 'Place assets'%}</span>
|
|
</td>
|
|
<td class="LP-UserInfo__Value">
|
|
<span class="LP-Paragraph">{{asset_count}}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="/explorer/update/"><button class="LP-Button LP-Button">{% trans 'Edit Profile' %}</button></a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="LP-Section">
|
|
<div class="LP-PlaceList">
|
|
<h1 class="LP-Headline">{% trans 'Favorite places' %}</h1>
|
|
<ul class="LP-PlaceList__List">
|
|
{% for place in explorer.favorite_places.all %}
|
|
<li class="LP-PlaceList__Item">
|
|
{% include 'partials/place_teaser.html' with place=place extended=True %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
{% include 'partials/nav/pagination.html' %}
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="LP-Section">
|
|
<div class="LP-PlaceList">
|
|
<h1 class="LP-Headline">{% trans 'Places submitted by' %} {{explorer.user.username}}</h1>
|
|
<ul class="LP-PlaceList__List">
|
|
{% for place in place_list %}
|
|
<li class="LP-PlaceList__Item">
|
|
{% include 'partials/place_teaser.html' with place=place extended=True %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
{% include 'partials/nav/pagination.html' %}
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="LP-Section">
|
|
<h1 class="LP-Headline">{% trans 'Images submitted by' %} {{explorer.user.username}}</h1>
|
|
<div class="LP-ImageGrid">
|
|
<ul class="LP-ImageGrid__Container">
|
|
{% for place_image in assets.placeimages.all %}
|
|
<li class="LP-ImageGrid__Item">
|
|
<a href="{{ place_image.filename.large.url }}" class="LP-Link">
|
|
<img class="LP-Image" src="{{ place_image.filename.thumbnail.url }}">
|
|
</a>
|
|
{% if user.explorer == place_image.submitted_by%}
|
|
<span class="LP-ImageGrid__DeleteItem" title="Bild löschen">
|
|
<a href="{% url 'place_image_delete' pk=place_image.id %}" class="LP-Link">
|
|
<img class="LP-Icon" src="{% static 'icons/cancel.svg' %}" />
|
|
</a>
|
|
</span>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class=" LP-Section">
|
|
<h1 class="LP-Headline">{% trans 'Photo albums submitted by' %} {{explorer.user.username}}</h1>
|
|
<div class="LP-LinkList">
|
|
<ul class="LP-LinkList__Container">
|
|
{% for photo_album in assets.photoalbums.all %}
|
|
<li class="LP-LinkList__Item">
|
|
<a target="_blank" href="{{photo_album.url}}" class="LP-Link">
|
|
<span class="LP-Text">{{photo_album.label}}</span>
|
|
</a>
|
|
{% if user.explorer == photo_album.submitted_by%}
|
|
<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 %}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
{% endblock maincontent %} |