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

add uniweb people templates

parent 554e55b6
No related branches found
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.
Finish editing this message first!
Please register or to comment