Skip to content
Snippets Groups Projects
Commit 2b11ebdf authored by jan.bednarik's avatar jan.bednarik
Browse files

elections2021: Candidates list and detail

parent fe97bcb8
No related branches found
No related tags found
2 merge requests!216Release,!215Volby
This commit is part of merge request !215. Comments created here will be created in the context of that merge request.
Show whitespace changes
Inline Side-by-side
Showing
with 788 additions and 16 deletions
elections2021/constants.py
+ 47
− 9
View file @ 2b11ebdf
......@@ -35,15 +35,53 @@ RICH_TEXT_FEATURES = [
]
ARTICLES_PER_PAGE = 9
TOP_CANDIDATES_NUM = 12
REGION_JHC = "JHC"
REGION_JHM = "JHM"
REGION_KVK = "KVK"
REGION_KHK = "KHK"
REGION_LBK = "LBK"
REGION_MSK = "MSK"
REGION_OLK = "OLK"
REGION_PAK = "PAK"
REGION_PLK = "PLK"
REGION_PHA = "PHA"
REGION_STC = "STC"
REGION_ULK = "ULK"
REGION_VYS = "VYS"
REGION_ZLK = "ZLK"
REGION_CHOICES = (
(REGION_JHC, "Jihočeský kraj"),
(REGION_JHM, "Jihomoravský kraj"),
(REGION_KVK, "Karlovarský kraj"),
(REGION_KHK, "Královéhradecký kraj"),
(REGION_LBK, "Liberecký kraj"),
(REGION_MSK, "Moravskoslezský kraj"),
(REGION_OLK, "Olomoucký kraj"),
(REGION_PAK, "Pardubický kraj"),
(REGION_PLK, "Plzeňský kraj"),
(REGION_PHA, "Praha"),
(REGION_STC, "Středočeský kraj"),
(REGION_ULK, "Ústecký kraj"),
(REGION_VYS, "Vysočina"),
(REGION_ZLK, "Zlínský kraj"),
)
PIRATES = "pirati"
STAN = "stan"
PARTY_CHOICES = ((PIRATES, "Piráti"), (STAN, "STAN"))
PARTY_NAME = {PIRATES: "Pirátská strana", STAN: "Starostové a nezávislí"}
# cílovky
CHILDLESS = "childless"
PARENT = "parent"
PARENTS = "parents"
MATURE = "mature"
GRANDPARENT = "grandparent"
WORKING_SENIOR = "working_senior"
STUDENT = "student"
SENIORS = "seniors"
WORKING_SENIORS = "working_seniors"
STUDENTS = "students"
SELF_EMPLOYED = "self_employed"
SOCIALLY_WEAK = "socially_weak"
......@@ -59,11 +97,11 @@ EDUCATION = "education"
TARGET_CHOICES = (
(CHILDLESS, "bezdětní"),
(PARENT, "rodiče"),
(MATURE, "zralý"),
(GRANDPARENT, "prarodiče"),
(WORKING_SENIOR, "pracující senioři"),
(STUDENT, "studenti"),
(PARENTS, "rodiče"),
(MATURE, "zralí"),
(SENIORS, "senioři"),
(WORKING_SENIORS, "pracující senioři"),
(STUDENTS, "studenti"),
(SELF_EMPLOYED, "OSVČ"),
(SOCIALLY_WEAK, "sociálně slabí"),
(NATURE, "příroda"),
......
elections2021/migrations/0002_elections2021candidatepage_elections2021candidateslistpage_elections2021candidatesmappage.py 0 → 100644
+ 233
− 0
View file @ 2b11ebdf
# Generated by Django 3.1.7 on 2021-05-04 22:31
import django.db.models.deletion
import wagtail.core.fields
import wagtailmetadata.models
from django.db import migrations, models
import shared.models
class Migration(migrations.Migration):
dependencies = [
("wagtailcore", "0060_fix_workflow_unique_constraint"),
("wagtailimages", "0023_add_choose_permissions"),
("elections2021", "0001_initial"),
]
operations = [
migrations.CreateModel(
name="Elections2021CandidatesMapPage",
fields=[
(
"page_ptr",
models.OneToOneField(
auto_created=True,
on_delete=django.db.models.deletion.CASCADE,
parent_link=True,
primary_key=True,
serialize=False,
to="wagtailcore.page",
),
),
(
"photo",
models.ForeignKey(
blank=True,
null=True,
on_delete=django.db.models.deletion.PROTECT,
to="wagtailimages.image",
verbose_name="hlavní fotka",
),
),
(
"search_image",
models.ForeignKey(
blank=True,
null=True,
on_delete=django.db.models.deletion.SET_NULL,
related_name="+",
to="wagtailimages.image",
verbose_name="Search image",
),
),
],
options={
"verbose_name": "Kandidáti mapa",
},
bases=(
shared.models.SubpageMixin,
wagtailmetadata.models.WagtailImageMetadataMixin,
"wagtailcore.page",
models.Model,
),
),
migrations.CreateModel(
name="Elections2021CandidatesListPage",
fields=[
(
"page_ptr",
models.OneToOneField(
auto_created=True,
on_delete=django.db.models.deletion.CASCADE,
parent_link=True,
primary_key=True,
serialize=False,
to="wagtailcore.page",
),
),
(
"photo",
models.ForeignKey(
blank=True,
null=True,
on_delete=django.db.models.deletion.PROTECT,
to="wagtailimages.image",
verbose_name="hlavní fotka",
),
),
(
"search_image",
models.ForeignKey(
blank=True,
null=True,
on_delete=django.db.models.deletion.SET_NULL,
related_name="+",
to="wagtailimages.image",
verbose_name="Search image",
),
),
],
options={
"verbose_name": "Kandidáti",
},
bases=(
shared.models.SubpageMixin,
wagtailmetadata.models.WagtailImageMetadataMixin,
"wagtailcore.page",
models.Model,
),
),
migrations.CreateModel(
name="Elections2021CandidatePage",
fields=[
(
"page_ptr",
models.OneToOneField(
auto_created=True,
on_delete=django.db.models.deletion.CASCADE,
parent_link=True,
primary_key=True,
serialize=False,
to="wagtailcore.page",
),
),
(
"party",
models.CharField(
choices=[("pirati", "Piráti"), ("stan", "STAN")],
default="pirati",
max_length=6,
verbose_name="strana",
),
),
(
"region",
models.CharField(
choices=[
("JHC", "Jihočeský kraj"),
("JHM", "Jihomoravský kraj"),
("KVK", "Karlovarský kraj"),
("KHK", "Královéhradecký kraj"),
("LBK", "Liberecký kraj"),
("MSK", "Moravskoslezský kraj"),
("OLK", "Olomoucký kraj"),
("PAK", "Pardubický kraj"),
("PLK", "Plzeňský kraj"),
("PHA", "Praha"),
("STC", "Středočeský kraj"),
("ULK", "Ústecký kraj"),
("VYS", "Vysočina"),
("ZLK", "Zlínský kraj"),
],
max_length=3,
verbose_name="kraj",
),
),
("number", models.IntegerField(verbose_name="pořadí")),
("age", models.IntegerField(verbose_name="věk")),
(
"occupation",
models.CharField(max_length=255, verbose_name="povolání"),
),
("city", models.CharField(max_length=100, verbose_name="bydliště")),
(
"resume",
wagtail.core.fields.RichTextField(verbose_name="medailonek"),
),
(
"email",
models.EmailField(
blank=True, max_length=254, null=True, verbose_name="email"
),
),
(
"phone",
models.CharField(
blank=True, max_length=20, null=True, verbose_name="telefon"
),
),
(
"facebook_url",
models.URLField(blank=True, null=True, verbose_name="Facebook URL"),
),
(
"twitter_url",
models.URLField(blank=True, null=True, verbose_name="Twitter URL"),
),
(
"instagram_url",
models.URLField(
blank=True, null=True, verbose_name="Instagram URL"
),
),
(
"website_url",
models.URLField(
blank=True, null=True, verbose_name="webová stránka"
),
),
(
"photo",
models.ForeignKey(
blank=True,
null=True,
on_delete=django.db.models.deletion.PROTECT,
to="wagtailimages.image",
verbose_name="foto",
),
),
(
"search_image",
models.ForeignKey(
blank=True,
null=True,
on_delete=django.db.models.deletion.SET_NULL,
related_name="+",
to="wagtailimages.image",
verbose_name="Search image",
),
),
],
options={
"verbose_name": "Detail kandidáta",
},
bases=(
shared.models.SubpageMixin,
wagtailmetadata.models.WagtailImageMetadataMixin,
"wagtailcore.page",
models.Model,
),
),
]
elections2021/models.py
+ 227
− 4
View file @ 2b11ebdf
from collections import defaultdict
from functools import cached_property
from django import forms
from django.core.paginator import Paginator
from django.db import models
from django.utils.translation import gettext_lazy
from modelcluster.contrib.taggit import ClusterTaggableManager
from modelcluster.fields import ParentalKey
from taggit.models import TaggedItemBase
from wagtail.admin.edit_handlers import FieldPanel, StreamFieldPanel
from wagtail.admin.edit_handlers import (
FieldPanel,
HelpPanel,
MultiFieldPanel,
StreamFieldPanel,
)
from wagtail.core import blocks
from wagtail.core.fields import RichTextField, StreamField
from wagtail.core.models import Page
......@@ -12,12 +22,19 @@ from wagtailmetadata.models import MetadataPageMixin
from shared.models import ArticleMixin, SubpageMixin
from shared.utils import get_subpage_url
from tuning import help
from .constants import (
ARTICLES_PER_PAGE,
PARTY_CHOICES,
PARTY_NAME,
PIRATES,
REGION_CHOICES,
REGION_PHA,
RICH_TEXT_FEATURES,
STYLE_CHOICES,
STYLE_CSS,
TOP_CANDIDATES_NUM,
WHITE,
)
......@@ -46,6 +63,8 @@ class Elections2021HomePage(Page, MetadataPageMixin):
### PANELS
# TODO promote_panels
settings_panels = [
FieldPanel("matomo_id"),
StreamFieldPanel("header_links"),
......@@ -55,7 +74,11 @@ class Elections2021HomePage(Page, MetadataPageMixin):
### RELATIONS
parent_page_types = []
subpage_types = ["elections2021.Elections2021ArticlesPage"]
subpage_types = [
"elections2021.Elections2021ArticlesPage",
"elections2021.Elections2021CandidatesListPage",
"elections2021.Elections2021CandidatesMapPage",
]
### OTHERS
......@@ -66,11 +89,18 @@ class Elections2021HomePage(Page, MetadataPageMixin):
def root_page(self):
return self
@property
@cached_property
def articles_page_url(self):
# TODO instance cache
return get_subpage_url(self, Elections2021ArticlesPage)
@cached_property
def candidates_list_page_url(self):
return get_subpage_url(self, Elections2021CandidatesListPage)
@cached_property
def candidates_map_page_url(self):
return get_subpage_url(self, Elections2021CandidatesMapPage)
class Elections2021ArticleTag(TaggedItemBase):
content_object = ParentalKey(
......@@ -89,6 +119,8 @@ class Elections2021ArticlePage(ArticleMixin, SubpageMixin, MetadataPageMixin, Pa
### PANELS
# TODO promote_panels
content_panels = ArticleMixin.content_panels + [
FieldPanel("tags"),
FieldPanel("card_style"),
......@@ -131,6 +163,8 @@ class Elections2021ArticlesPage(SubpageMixin, MetadataPageMixin, Page):
### PANELS
# TODO promote_panels
content_panels = Page.content_panels + [ImageChooserPanel("photo")]
settings_panels = []
......@@ -152,3 +186,192 @@ class Elections2021ArticlesPage(SubpageMixin, MetadataPageMixin, Page):
ARTICLES_PER_PAGE,
).get_page(request.GET.get("page"))
return context
class Elections2021CandidatesListPage(SubpageMixin, MetadataPageMixin, Page):
### FIELDS
photo = models.ForeignKey(
"wagtailimages.Image",
on_delete=models.PROTECT,
blank=True,
null=True,
verbose_name="hlavní fotka",
)
### PANELS
# TODO promote_panels
content_panels = Page.content_panels + [ImageChooserPanel("photo")]
settings_panels = []
### RELATIONS
parent_page_types = ["elections2021.Elections2021HomePage"]
subpage_types = ["elections2021.Elections2021CandidatePage"]
### OTHERS
class Meta:
verbose_name = "Kandidáti"
def get_context(self, request):
context = super().get_context(request)
region_candidates_top = defaultdict(list)
region_candidates_bottom = defaultdict(list)
candidates = (
self.get_children()
.live()
.specific()
.order_by("elections2021candidatepage__number")
)
for can in candidates:
if len(region_candidates_top[can.region]) < TOP_CANDIDATES_NUM:
region_candidates_top[can.region].append(can)
else:
region_candidates_bottom[can.region].append(can)
context["region_candidates_top"] = dict(region_candidates_top)
context["region_candidates_bottom"] = dict(region_candidates_bottom)
context["region_choices"] = REGION_CHOICES
context["region_codes"] = [code for code, _ in REGION_CHOICES]
active_region = request.GET.get("kraj", REGION_PHA)
if active_region in context["region_codes"]:
context["active_region"] = active_region
else:
context["active_region"] = REGION_PHA
return context
class Elections2021CandidatesMapPage(SubpageMixin, MetadataPageMixin, Page):
### FIELDS
photo = models.ForeignKey(
"wagtailimages.Image",
on_delete=models.PROTECT,
blank=True,
null=True,
verbose_name="hlavní fotka",
)
### PANELS
# TODO promote_panels
content_panels = Page.content_panels + [ImageChooserPanel("photo")]
settings_panels = []
### RELATIONS
parent_page_types = ["elections2021.Elections2021HomePage"]
subpage_types = []
### OTHERS
class Meta:
verbose_name = "Kandidáti mapa"
class Elections2021CandidatePage(SubpageMixin, MetadataPageMixin, Page):
### FIELDS
party = models.CharField(
"strana", choices=PARTY_CHOICES, default=PIRATES, max_length=6
)
region = models.CharField("kraj", choices=REGION_CHOICES, max_length=3)
number = models.IntegerField("pořadí")
age = models.IntegerField("věk")
occupation = models.CharField("povolání", max_length=255)
city = models.CharField("bydliště", max_length=100)
# TODO RICH_TEXT_FEATURES
resume = RichTextField("medailonek")
email = models.EmailField("email", null=True, blank=True)
phone = models.CharField("telefon", null=True, blank=True, max_length=20)
facebook_url = models.URLField("Facebook URL", blank=True, null=True)
twitter_url = models.URLField("Twitter URL", blank=True, null=True)
instagram_url = models.URLField("Instagram URL", blank=True, null=True)
website_url = models.URLField("webová stránka", blank=True, null=True)
photo = models.ForeignKey(
"wagtailimages.Image",
on_delete=models.PROTECT,
blank=True,
null=True,
verbose_name="foto",
)
### PANELS
content_panels = Page.content_panels + [
MultiFieldPanel(
[
FieldPanel("party", widget=forms.RadioSelect),
FieldPanel("region"),
FieldPanel("number"),
],
"zařazení",
),
MultiFieldPanel(
[
FieldPanel("age"),
FieldPanel("occupation"),
FieldPanel("city"),
],
"osobní údaje",
),
ImageChooserPanel("photo"),
FieldPanel("resume"),
MultiFieldPanel(
[
FieldPanel("email"),
FieldPanel("phone"),
FieldPanel("facebook_url"),
FieldPanel("twitter_url"),
FieldPanel("instagram_url"),
FieldPanel("website_url"),
],
"kontakty",
),
]
promote_panels = [
MultiFieldPanel(
[
FieldPanel("slug"),
FieldPanel("seo_title"),
FieldPanel("search_description"),
HelpPanel(help.build(help.NO_SEO_TITLE)),
],
gettext_lazy("Common page configuration"),
),
]
settings_panels = []
### RELATIONS
parent_page_types = ["elections2021.Elections2021CandidatesListPage"]
subpage_types = []
### OTHERS
class Meta:
verbose_name = "Detail kandidáta"
def get_meta_image(self):
return self.photo
@property
def party_name(self):
return PARTY_NAME[self.party]
@property
def is_pirate(self):
return self.party == PIRATES
elections2021/templates/elections2021/_candidate_card.html 0 → 100644
+ 53
− 0
View file @ 2b11ebdf
{% load static wagtailcore_tags wagtailimages_tags %}
<div class="candidate-card candidate-card--pirati-stan container-padding--zero sm:container-padding--auto ">
<div class="candidate-card__wrapper candidate-card-list__item-wrapper {% if not candidate.is_pirate %}candidate-card-list__item-wrapper--stan-candidate{% endif %}">
<div class="card candidate-card__body elevation-0 hover:elevation-10 transition duration-200">
<div class="candidate-card__avatar sm:pl-0">
<div class="candidate-card__position">{{ candidate.number }}</div>
<a href="{% pageurl candidate %}" data-href="{% pageurl candidate %}">
<div class="avatar avatar--sm sm:avatar--lg">
{% image candidate.photo fill-112x112 %}
</div>
</a>
</div>
<div class="candidate-card__bio">
<h1 class="head-heavy-xs"><a href="{% pageurl candidate %}" data-href="{% pageurl candidate %}">{{ candidate.title }}</a></h1>
<a href="mailto:{{ candidate.email }}" class="candidate-card__bio-item block mb-4">{{ candidate.email|default:"" }}</a>
<h2 class="candidate-card__bio-item">{{ candidate.occupation }}</h2>
<h2 class="head-allcaps-4xs mt-4">{{ candidate.city }}</h2>
</div>
<div class="candidate-card__affiliation">
<div>{{ candidate.age }} let</div>
<div>
<div class="mr-2">
{% if candidate.is_pirate %}
<img src="{% static "elections2021/images/logo-pirati-21px.svg" %}">
{% else %}
<img src="{% static "elections2021/images/logo-stan-21px.svg" %}">
{% endif %}
</div>
<span class="font-bold font-condensed">{{ candidate.party_name }}</span>
</div>
</div>
<div class="card__body candidate-card__social">
<div class="social-icon-group space-x-2 ">
{% if candidate.facebook_url %}
<a href="{{ candidate.facebook_url }}" class="social-icon"><i class="ico--facebook"></i></a>
{% endif %}
{% if candidate.twitter_url %}
<a href="{{ candidate.twitter_url }}" class="social-icon"><i class="ico--twitter"></i></a>
{% endif %}
{% if candidate.instagram_url %}
<a href="{{ candidate.instagram_url }}" class="social-icon"><i class="ico--instagram"></i></a>
{% endif %}
{% if candidate.website_url %}
<a href="{{ candidate.website_url }}" class="social-icon"><i class="ico--home"></i></a>
{% endif %}
{% if candidate.email %}
<a href="mailto:{{ candidate.email }}" class="social-icon"><i class="ico--envelope"></i></a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
elections2021/templates/elections2021/base.html
+ 3
− 3
View file @ 2b11ebdf
......@@ -62,8 +62,8 @@
<li class="navbar-menu__item">
<ui-navbar-subitem label="Kandidáti" href="#">
<ul class="navbar-menu__submenu">
<li><a href="#" data-href="#" class="navbar-menu__link">Výpis kandidátů</a></li>
<li><a href="#" data-href="#" class="navbar-menu__link">Výpis kandidátů podle mapy</a></li>
<li><a href="{{ page.root_page.candidates_list_page_url }}" data-href="{{ page.root_page.candidates_list_page_url }}" class="navbar-menu__link">Výpis kandidátů</a></li>
<li><a href="{{ page.root_page.candidates_map_page_url }}" data-href="{{ page.root_page.candidates_map_page_url }}" class="navbar-menu__link">Výpis kandidátů podle mapy</a></li>
</ul>
</ui-navbar-subtitem>
</li>
......@@ -114,7 +114,7 @@
<a href="{{ page.root_page.articles_page_url }}">Aktality</a>
</li>
<li>
<a href="#">Kandidáti</a>
<a href="{{ page.root_page.candidates_list_page_url }}">Kandidáti</a>
</li>
<li>
<a href="#">Programové body</a>
......
elections2021/templates/elections2021/elections2021_candidate_page.html 0 → 100644
+ 90
− 0
View file @ 2b11ebdf
{% extends "elections2021/base.html" %}
{% load static wagtailcore_tags wagtailimages_tags %}
{% block content %}
<article class="hero hero--image pt-24 pb-20 lg:pt-28 pb-10 candidate-detail__hero ">
<div class="container container--default text-center lg:text-left">
<a href="{{ page.root_page.candidates_list_page_url }}?kraj={{ page.region }}" class="btn text-sm btn--hoveractive btn--to-black">
<div class="btn__body leading-5 bg-acidgreen text-black hover:text-white px-10 py-3">zpět na výpis</div>
</a>
<h1 class="head-alt-md md:head-alt-xl mt-9 text-black">{{ page.title }}</h1>
</div>
</article>
<div class="container container--default py-8 lg:pb-24">
<main>
<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.resume|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 relative avatar--2xl lg:avatar--3xl avatar--bordered candidate-detail__avatar">
<div class="avatar-candidate-position">
<span class="font-alt text-2xl">{{ page.number }}</span>
</div>
{% image page.photo fill-224x224 %}
</div>
</div>
<div class="flex items-center">
<div class="mr-2">
{% if page.is_pirate %}
<img src="{% static "elections2021/images/logo-pirati-21px.svg" %}">
{% else %}
<img src="{% static "elections2021/images/logo-stan-21px.svg" %}">
{% endif %}
</div>
<span class="font-bold font-condensed">{{ page.party_name }}</span>
</div>
<hr>
<div>
<p class="font-bold font-condensed text-base">{{ page.get_region_display }}</p>
<p class="text-sm mt-1">{{ page.city }}</p>
</div>
<hr>
<div class="space-y-4">
<div>
<p class="text-sm">
<i class="ico--info text-xs"></i> {{ page.age }} let
</p>
</div>
<div>
<p class="text-sm">
<i class="ico--info text-xs"></i> {{ page.occupation }}
</p>
</div>
</div>
<div>
<hr>
<div class="space-y-4">
<div>
<div class="social-icon-group space-x-2 text-lg">
{% if page.facebook_url %}
<a href="{{ page.facebook_url }}" class="social-icon"><i class="ico--facebook"></i></a>
{% endif %}
{% if page.twitter_url %}
<a href="{{ page.twitter_url }}" class="social-icon"><i class="ico--twitter"></i></a>
{% endif %}
{% if page.instagram_url %}
<a href="{{ page.instagram_url }}" class="social-icon"><i class="ico--instagram"></i></a>
{% endif %}
{% if page.website_url %}
<a href="{{ page.website_url }}" class="social-icon"><i class="ico--home"></i></a>
{% endif %}
{% if page.email %}
<a href="mailto:{{ page.email }}" class="social-icon"><i class="ico--envelope"></i></a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div></section>
</div>
</main>
</div>
{% endblock %}
elections2021/templates/elections2021/elections2021_candidates_list_page.html 0 → 100644
+ 135
− 0
View file @ 2b11ebdf
{% extends "elections2021/base.html" %}
{% load static wagtailcore_tags wagtailimages_tags %}
{% block content %}
<article class="relative bg-lemon md:bg-split-color px-4 md:pl-8 md:pr-0 2xl:px-8 hero py-0 w-full ">
<div class="2xl:container w-auto bg-lemon md:pl-20 pr-0 grid lg:grid-rows-2 lg:grid-cols-7 items-center 2xl:mx-auto">
<div class="lg:row-span-1 lg:col-span-4 order-1 pt-14 md:pr-20">
<h1 class="head-alt-md sm:head-alt-lg max-w-xs">{{ page.title }}</h1>
</div>
<div class="lg:row-span-1 lg:col-span-4 order-3 pb-14 md:pr-20">
<div class="hidden md:block pt-8">
<div class="switch">
<a class="switch__item switch__item--active">seznam</a>
<a href="{{ page.root_page.candidates_map_page_url }}" class="switch__item">mapa</a>
</div>
</div>
</div>
<div class="hidden lg:block lg:row-span-2 lg:col-span-3 order-2 h-full 2xl:absolute 2xl:right-0 2xl:w-1/3">
{% image page.photo fill-618x256 as img %}
<img class="object-cover w-full h-full" src="{{ img.url }}">
</div>
</div>
</article>
<div class="container container--default py-8 lg:py-24">
<section class="text-center relative">
<h1 class="head-alt-md pt-1 mb-8">Výpis kandidátů</h1>
<div class="select md:absolute left-0 top-0 text-white w-full md:w-auto inline-flex md:float-left mb-8 md:mb-0">
<select id="region_select" class="select__control form-field__control bg-black" data-chosen="">
{% for code, name in region_choices %}
<option value="{{ code }}" {% if code == active_region %}selected=""{% endif %}>{{ name }}</option>
{% endfor %}
</select>
</div>
<main class="md:mt-20">
{% for code, candidates in region_candidates_top.items %}
<div id="candidates_top_{{ code }}" {% if code != active_region %}class="hidden"{% endif %}>
<div class="candidate-card-list grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{% for candidate in candidates %}
{% include "elections2021/_candidate_card.html" %}
{% endfor %}
</div>
</div>
{% endfor %}
{% for code, candidates in region_candidates_bottom.items %}
<div id="candidates_bottom_{{ code }}" {% if code != active_region %}class="hidden"{% endif %}>
<div class="candidate-table container-padding--zero lg:container-padding--auto pt-8">
{% for candidate in candidates %}
<a href="{% pageurl candidate %}" data-href="{% pageurl candidate %}" class="candidate-table-row">
<div class="candidate-table-row__position head-allcaps-heavy-2xs text-right">{{ candidate.number }}</div>
<div class="avatar candidate-table-row__avatar">
{% image candidate.photo fill-40x40 %}
</div>
<div class="candidate-table-row__name head-heavy-2xs font-bold">{{ candidate.title }}</div>
<div class="candidate-table-row__bio font-condensed">{{ candidate.age }} let, {{ candidate.occupation }}, {{ candidate.city }}</div>
<div class="candidate-table-row__affiliation">
<div class="w-6 mr-2">
{% if candidate.is_pirate %}
<img src="{% static "elections2021/images/logo-pirati-21px.svg" %}">
{% else %}
<img src="{% static "elections2021/images/logo-stan-21px.svg" %}">
{% endif %}
</div>
<span class="font-bold font-condensed">{{ candidate.party_name }}</span>
</div>
</a>
{% endfor %}
</div>
</div>
{% endfor %}
<script>
var codes = ['{{ region_codes|join:"','" }}'];
var regionSelect = document.getElementById('region_select');
regionSelect.addEventListener('change', function(e) {
var activeCode = this.value;
for (var i = 0; i < codes.length; i++) {
var code = codes[i];
var classValue = (code == activeCode) ? '' : 'hidden';
var top = document.getElementById('candidates_top_' + code);
var bottom = document.getElementById('candidates_bottom_' + code);
if (top !== null) {
top.setAttribute('class', classValue);
}
if (bottom !== null) {
bottom.setAttribute('class', classValue);
}
}
window.history.replaceState('', '', '?kraj=' + activeCode);
});
</script>
{% comment %}
<div class="pt-11 text-center">
<button class="btn btn--icon showfulltable text-xl btn--hoveractive btn--to-black">
<div class="btn__body-wrap">
<div class="btn__body py-4 px-11 leading-5 bg-acidgreen text-black hover:text-white">Call to action</div>
<div class="btn__icon ">
<i class="ico--chevron-right"></i>
</div>
</div>
</button>
</div>
<script>
//collapse toggle
//assumes only one present on page
var anchorShowFull = document.getElementsByClassName('showfulltable');
if (anchorShowFull !== null) {
for (var i = 0; i < anchorShowFull.length; i++) {
anchorShowFull[i].addEventListener('click', function(e) {
e.preventDefault();
var candidatestable = document.getElementsByClassName("candidate-table");
//if fadeout
//candidatestable[0].classList.remove("candidate-table--fadeout");
var collapsepart = document.getElementsByClassName("candidates-list-collapsing-part");
collapsepart[0].style.maxHeight = collapsepart[0].scrollHeight + "px";
this.remove();
});
}
}
</script>
{% endcomment %}
</main>
</section>
</div>
{% endblock %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Pirátský GitLab - Home of the CopyLeft