128 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			128 lines
		
	
	
		
			4.7 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="mailto:{{explorer.user.email}}" class="LP-Link">{{explorer.user.email}}</a>
 | 
						|
							</span>
 | 
						|
                        </td>
 | 
						|
						{% endif %}
 | 
						|
                    </tr>
 | 
						|
                    <tr>
 | 
						|
                        <td class="LP-UserInfo__Key">
 | 
						|
                            <span class="LP-Paragraph">{% translate '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">{% translate '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">{% translate 'Place Assets'%}</span>
 | 
						|
                        </td>
 | 
						|
                        <td class="LP-UserInfo__Value">
 | 
						|
                            <span class="LP-Paragraph">{{asset_count}}</span>
 | 
						|
                        </td>
 | 
						|
                    </tr>
 | 
						|
                </table>
 | 
						|
                <div class="LP-UserInfo__Edit">
 | 
						|
                    <a href="{% url 'explorer_profile_update' %}" class="LP-Button LP-Button--fullWidth LP-Link">{% trans 'Edit Profile' %}</a>
 | 
						|
                </div>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
</div>
 | 
						|
 | 
						|
<section class="LP-Section">
 | 
						|
	<div class="LP-PlaceList">
 | 
						|
		<h1 class="LP-Headline">{% translate 'Places submitted by' %} {{explorer.user.username}}</h1>
 | 
						|
		<ul class="LP-PlaceList__List">
 | 
						|
			{% for place in place_list %}
 | 
						|
			<li class="LP-PlaceList__Item">
 | 
						|
				<a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
 | 
						|
					{% include 'partials/place_teaser.html' with place=place extended=True %}
 | 
						|
				</a>
 | 
						|
			</li>
 | 
						|
			{% endfor %}
 | 
						|
		</ul>
 | 
						|
 | 
						|
        {% include 'partials/nav/pagination.html' %}
 | 
						|
 | 
						|
    </div>
 | 
						|
</section>
 | 
						|
 | 
						|
<section class="LP-Section">
 | 
						|
	{% translate 'Images submitted by' as submitted_by %}
 | 
						|
	{% include 'partials/placeImageGrid.html' with headline=submitted_by|add:' '|add:explorer.user.username image_list=assets.placeimages.all%}
 | 
						|
</section>
 | 
						|
 | 
						|
<section class=" LP-Section">
 | 
						|
	<h1 class="LP-Headline">{% translate 'External links submitted by' %} {{explorer.user.username}}</h1>
 | 
						|
	<div class="LP-LinkList">
 | 
						|
		<ul class="LP-LinkList__Container">
 | 
						|
			{% for external_link in assets.externallinks.all %}
 | 
						|
			<li class="LP-LinkList__Item">
 | 
						|
				<a target="_blank" href="{{external_link.url}}" class="LP-Link">
 | 
						|
					<span class="LP-Text">{{external_link.label}}</span>
 | 
						|
				</a>
 | 
						|
				{% if user.explorer == external_link.submitted_by%}
 | 
						|
				<a href="{% url 'external_link_delete' pk=external_link.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 %} |