Skip to content
Snippets Groups Projects
Commit 1b50b8b6 authored by Tomáš Valenta's avatar Tomáš Valenta
Browse files

add uniweb people templates

parent 554e55b6
Branches
No related tags found
2 merge requests!736Release,!735Add people pages to uniweb
Pipeline #11840 passed
......@@ -202,6 +202,8 @@ class MenuItemBlock(blocks.StructBlock):
"uniweb.UniwebFlexiblePage",
"uniweb.UniwebArticlesIndexPage",
"uniweb.UniwebFormPage",
"uniweb.UniwebPeoplePage",
"uniweb.UniwebPersonPage",
],
)
......@@ -387,6 +389,7 @@ class UniwebHomePage(
"uniweb.UniwebFlexiblePage",
"uniweb.UniwebArticlesIndexPage",
"uniweb.UniwebFormPage",
"uniweb.UniwebPeoplePage",
]
### OTHERS
......@@ -588,8 +591,8 @@ class UniwebFormPage(
return form
# Don't waste time making a new mixin for this, we'll be doing Octopus imports
# within a short while.
# Don't waste time making a new mixin for this,
# we'll be doing Octopus imports within a short while.
class UniwebPersonPage(
ExtendedMetadataPageMixin, SubpageMixin, MetadataPageMixin, Page
):
......
<section>
<h2 class="head-heavy-base mb-4">
{{ self.group_title }}
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 row-gap-8 col-gap-8">
{% for person_details in self.person_list %}
{% with person_details.person as person_page %}
{% include "shared/person_badge_snippet.html" with title=person_details.position|default:person_page.job_function %}
{% endwith %}
{% endfor %}
</div>
</section>
{% extends "uniweb/base.html" %}
{% load wagtailcore_tags wagtailimages_tags shared_filters %}
{% block content %}
<header>
<h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-8">
{{ page.title }}
</h1>
</header>
{% for block in page.content %}
{% include_block block %}
{% if not forloop.last %}
<hr class="hr--big">
{% endif %}
{% endfor %}
{% endblock %}
{% extends "uniweb/base.html" %}
{% load static wagtailcore_tags wagtailimages_tags shared_filters %}
{% block subheader %}
{% image page.get_background_photo fill-1920x500-c75 jpegquality-80 as bg_img %}
<header class="hero hero--image pt-16 pb-24 lg:pt-32 pb-24" style="--image-url: url({{ bg_img.full_url }})">
<div class="container container--default text-center lg:text-left">
<h1 class="head-alt-lg md:head-alt-xl text-shadow-lg max-w-2xl">
{{ page.title }}
</h1>
<h2 class="head-xs text-shadow-lg mt-2 max-w-xl">
{{ page.job | default_if_none:"" }}
</h2>
</div>
</header>
{% endblock %}
{% block container_spacing %}py-8 lg:pb-16{% endblock %}
{% block content %}
<div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
<section class="lg:w-3/5 xl:w-2/3">
<div class="content-block w-full">
{{ page.text|richtext }}
</div>
</section>
<section class="lg:w-2/5 xl:w-1/3 pt-8 lg:pt-0 order-first lg:order-last candidate-detail__sidebar">
<div class="container-padding--zero lg:card lg:elevation-10 lg:container-padding--auto">
<div class="card__body p-4 lg:p-8">
<div class="text-center mb-8">
<div class="avatar avatar--2xl lg:avatar--3xl avatar--bordered candidate-detail__avatar">
{% if page.profile_photo %}
{% image page.profile_photo fill-208x208 as profile_img %}
{% image page.profile_photo fill-416x416 as profile_img_2x %}
<img src="{{ profile_img.url }}" srcset="{{ profile_img.url }}, {{ profile_img_2x.url }} 2x" alt="{{ page.profile_photo }}">
{% else %}
<img src="{% static "shared/img/unknown_pirate_416x416.jpg" %}" alt="{{ person_page.title }}"/>
{% endif%}
</div>
</div>
{% if page.facebook_url or page.instagram_url or page.twitter_url or page.youtube_url or page.flickr_url or page.custom_web_url or page.other_urls %}
<div class="social-icon-group space-x-2 text-lg">
{% if page.facebook_url %}
<a href="{{ page.facebook_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
<i class="ico--facebook"></i>
</a>
{% endif %}
{% if page.instagram_url %}
<a href="{{ page.instagram_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
<i class="ico--instagram"></i></a>
{% endif %}
{% if page.twitter_url %}
<a href="{{ page.twitter_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
<i class="ico--twitter"></i>
</a>
{% endif %}
{% if page.youtube_url %}
<a href="{{ page.youtube_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
<i class="ico--youtube"></i>
</a>
{% endif %}
{% if page.flickr_url %}
<a href="{{ page.flickr_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
<i class="ico--flickr"></i>
</a>
{% endif %}
{% if page.custom_web_url %}
<a href="{{ page.custom_web_url }}" target="_blank" class="social-icon" rel="noreferrer noopener">
<i class="ico--globe"></i>
</a>
{% endif %}
{% for person_link_block in page.other_urls %}
<a
href="{{ person_link_block.value.url }}"
target="_blank"
class="social-icon"
rel="noreferrer noopener"
title="{{ person_link_block.value.title }}"
>
<i class="{% firstof person_link_block.value.custom_icon 'ico--globe' %}"></i>
</a>
{% endfor %}
</div>
{% endif %}
{% if page.is_pirate %}
<hr>
<div class="flex items-center">
<div class="avatar w-6 mr-2">
<img src="{% static "elections2021/images/logo-pirati-21px.svg" %}">
</div>
<span class="font-bold font-condensed">Pirátská strana</span>
</div>
{% endif %}
{% if not page.is_pirate and page.other_party %}
<hr>
<div class="flex items-center">
{% if page.other_party_logo %}
{% image page.other_party_logo width-48 as logo_img %}
<div class="avatar w-6 mr-2">
<img src="{{ logo_img.url }}" alt="{{ page.other_party }}">
</div>
{% endif %}
<span class="font-bold font-condensed">{{ page.other_party }}</span>
</div>
{% endif %}
{% if page.phone or page.email and page.show_email %}
<hr>
<div class="content-block">
<div class="space-y-4">
{% if page.phone %}
<div>
<h4>Telefon</h4>
<a href="tel:{{ page.phone }}" class="contact-line icon-link content-block--nostyle">
<i class="ico--phone"></i><span>{{ page.phone }}</span>
</a>
</div>
{% endif %}
{% if page.email and page.show_email %}
<div>
<h4>Email</h4>
<a href="mailto:{{ page.email }}" class="contact-line icon-link content-block--nostyle">
<i class="ico--envelope"></i><span>{{ page.email }}</span>
</a>
</div>
{% endif %}
</div>
</div>
{% endif %}
{% if random_people %}
<hr>
<div class="content-block">
<h2>Lidé</h2>
<div class="space-y-4 mt-4">
{% for person in random_people %}
{% include "shared/person_badge_snippet.html" with person_page=person skipcontacts=1 %}
{% endfor %}
</div>
<a href="{{ page.root_page.people_page.url }}"
class="btn btn--icon btn--violet-500 btn--fullwidth btn--hoveractive pt-4">
<div class="btn__body-wrap">
<div class="btn__body ">Poznejte celý náš tým</div>
<div class="btn__icon ">
<i class="ico--chevron-right"></i>
</div>
</div>
</a>
</div>
{% endif %}
{% comment %} <hr> {% endcomment %}
{# <h2>Kancelář</h2>#}
{# <h4>Poslanecká sněmovna</h4>#}
{# <p>#}
{# Jiřího náměstí 39, 290 33 Poděbrady#}
{# </p>#}
{# <iframe#}
{# src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d82007.99920528589!2d15.688131074078123!3d50.034780639742856!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470dc94b239307b5%3A0x12d59894ccf624ae!2sPardubice!5e0!3m2!1scs!2scz!4v1589382658695!5m2!1scs!2scz"#}
{# width="100%" height="300" id="mapa-mobile" frameborder="0" style="border:0;" allowfullscreen=""#}
{# aria-hidden="false" tabindex="0"></iframe>#}
{# <h4>Otevírací doba</h4>#}
{# <p>Pondělí 14:00 - 18:00 objednat se přes: kancelář-podebrady@pirati.cz nebo 778 111 462.</p>#}
<!-- Mobile divider -->
<hr class="block lg:hidden">
</div>
</div>
</section>
</div>
{% endblock %}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment