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

donate: Regions templates and models

parent f420092d
No related branches found
No related tags found
1 merge request!16Dary
Show whitespace changes
Inline Side-by-side
Showing
with 277 additions and 44 deletions
donate/models.py
+ 98
− 0
View file @ 6970ff49
...@@ -100,3 +100,101 @@ class DonateHomePage(Page): ...@@ -100,3 +100,101 @@ class DonateHomePage(Page):
@property @property
def root_page(self): def root_page(self):
return self return self
def get_context(self, request):
context = super().get_context(request)
context["regions"] = (
self.get_descendants().type(DonateRegionPage).live().specific()
)
try:
context["regions_url"] = (
self.get_children()
.type(DonateRegionIndexPage)
.live()
.get()
.get_url(request)
)
except Page.DoesNotExist:
context["regions_url"] = "#"
return context
class DonateRegionIndexPage(Page):
parent_page_types = ["donate.DonateHomePage"]
subpage_types = ["donate.DonateRegionPage"]
promote_panels = [
MultiFieldPanel(
[
FieldPanel("slug"),
FieldPanel("seo_title"),
FieldPanel("search_description"),
],
gettext_lazy("Common page configuration"),
),
]
settings_panels = []
# flag for rendering anchor links in menu
is_home = False
class Meta:
verbose_name = "Přehled krajů"
@property
def root_page(self):
if not hasattr(self, "_root_page"):
self._root_page = self.get_parent().specific
return self._root_page
def get_context(self, request):
context = super().get_context(request)
context["regions"] = self.get_children().live().specific()
return context
class DonateRegionPage(Page):
perex = models.TextField("krátký popis do přehledu krajů")
body = RichTextField("obsah", blank=True)
content_panels = Page.content_panels + [
FieldPanel("perex"),
FieldPanel("body", classname="full"),
]
promote_panels = [
MultiFieldPanel(
[
FieldPanel("slug"),
FieldPanel("seo_title"),
FieldPanel("search_description"),
],
gettext_lazy("Common page configuration"),
),
]
settings_panels = []
parent_page_types = ["donate.DonateRegionIndexPage"]
subpage_types = []
# flag for rendering anchor links in menu
is_home = False
class Meta:
verbose_name = "Kraj"
@property
def root_page(self):
if not hasattr(self, "_root_page"):
self._root_page = self.get_ancestors().type(DonateHomePage).specific().get()
return self._root_page
def get_context(self, request):
context = super().get_context(request)
context["other_regions"] = self.get_siblings(inclusive=False).live()
return context
donate/static/donate/assets/css/style.css
+ 1
− 1
View file @ 6970ff49
...@@ -65,7 +65,7 @@ h6, h6.lead { ...@@ -65,7 +65,7 @@ h6, h6.lead {
} }
} }
h1.lead, h2.lead, h3.lead, h4.lead, h5.lead, h6.lead { h1.lead, h2.lead, h3.lead, h4.lead, h5.lead, h6.lead, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
font-family: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: "Bebas Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
line-height: 1; line-height: 1;
text-transform: uppercase; text-transform: uppercase;
......
donate/static/donate/img/vlajka.jpg 0 → 100644
+ 0
− 0
View file @ 6970ff49
donate/static/donate/img/vlajka.jpg

10.8 KiB

donate/templates/donate/donate_home_page.html
+ 14
− 43
View file @ 6970ff49
...@@ -186,41 +186,12 @@ ...@@ -186,41 +186,12 @@
<p class="mb-4">{{ page.region_body }}</p> <p class="mb-4">{{ page.region_body }}</p>
<div class="row regions mb-4"> <div class="row regions mb-4">
{# TODO #} {% for region in regions %}
<div class="col-12 col-md-4 mb-4"> {% include "donate/region_snippet.html" %}
<a class="card region" href="kraj.php"> {% endfor %}
<div class="card-body">
<h5>Pardubický kraj</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat..</p>
</div>
</a>
</div><!-- /column -->
<div class="col-12 col-md-4 mb-4">
<a class="card region" href="kraj.php">
<div class="card-body">
<h5>Pardubický kraj</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat..</p>
</div>
</a>
</div><!-- /column -->
<div class="col-12 col-md-4 mb-4">
<a class="card region" href="kraj.php">
<div class="card-body">
<h5>Pardubický kraj</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin.
Aliquam erat volutpat. Maecenas sollicitudin. Aliquam erat volutpat..</p>
</div>
</a>
</div><!-- /column -->
</div> <!-- /row --> </div> <!-- /row -->
<a href="{{ regions_url }}" class="btn btn-dark btn-lg my-2">Všechny kraje <i class="icon-chevron-right ml-2"></i></a>
{# TODO #}
<a href="#" class="btn btn-dark btn-lg my-2">Všechny kraje <i class="icon-chevron-right ml-2"></i></a>
</div> <!-- /container --> </div> <!-- /container -->
</section> </section>
......
donate/templates/donate/donate_region_index_page.html 0 → 100644
+ 28
− 0
View file @ 6970ff49
{% extends "donate/base.html" %}
{% load static wagtailcore_tags %}
{% block content %}
<!-- CONTENT -->
<main role="main">
<section class="section--primary">
<div class="container">
<h1 class="lead homepage-heading mb-4">{{ page.title }}</h1>
<div class="row regions mb-4">
{% for region in regions %}
{% include "donate/region_snippet.html" %}
{% endfor %}
</div> <!-- /row -->
</div> <!-- /container -->
</section>
</main>
<!-- /CONTENT -->
{% endblock %}
donate/templates/donate/donate_region_page.html 0 → 100644
+ 127
− 0
View file @ 6970ff49
{% extends "donate/base.html" %}
{% load static wagtailcore_tags %}
{% block content %}
<!-- CONTENT -->
<main role="main">
<section class="section--alternate region__header">
<div class="container">
<h1 class="lead heading">{{ page.title }}</h1>
</div> <!-- /container -->
</section>
<section class="section--primary">
<div class="container">
<div class="row">
<div class="col-12 col-lg-7 mb-5 mb-lg-0 richtext">
{{ page.body|richtext }}
</div><!-- /column -->
<div class="col-12 col-lg-5 col-xl-4 offset-xl-1"><!-- /column -->
<div class="region-donate-form mb-4">
<div class="region-donate-form__left">
<div class="region-donate-form__left-content">
<h2 class="lead mb-0">Podpoř kraj</h2>
</div><!-- /region-donate-form__left-content -->
</div><!-- /region-donate-form__left -->
<div class="region-donate-form__right">
<p class="mb-2">
Pokud chcete podpořit tento kraj, zadejte prosím částku a vyberte mezi měsíčním
nebo jednorázovým příspěvkem. Po kliknutí na tlačítko <strong>Darovat</strong> budete
přesměrováni na formulář, kde vyplníte potřebné údaje a vyberete způsob převodu financí.
</p>
<form id="js-donate-form">
<div class="form-group row mb-2 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Částka</legend>
<div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount1" name="amount" value="100" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="amount1">100 Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount2" name="amount" value="200" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount2">200 Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount3" name="amount" value="500" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount3">500 Kč</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="amount4" name="amount" value="custom" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="amount4">Jiná</label>
</div>
</div>
</div>
<div class="form-group row mb-2 align-items-center" id="js-custom-amount-input" style="display: none;">
<div class="col-md-12">
<div class="input-group input-group-lg mb-3 custom-amount">
<input type="text" class="form-control" id="customamount" name="customamount" placeholder="1000" aria-describedby="customamount-currency">
<div class="input-group-append">
<span class="input-group-text" id="customamount-currency">Kč</span>
</div>
</div>
</div>
</div>
<div class="form-group row mb-4 align-items-center">
<legend class="col-form-label col-md-12 col-form-label-lg">Typ příspěvku</legend>
<div class="col-md-12">
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="type1" name="type" value="monthly" class="custom-control-input" checked>
<label class="custom-control-label col-form-label-lg" for="type1">Měsíční</label>
</div>
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="type2" name="type" value="onetime" class="custom-control-input">
<label class="custom-control-label col-form-label-lg" for="type2">Jednorázový</label>
</div>
</div>
</div>
<div class="form-group row mb-0">
<div class="col-12">
<button type="submit" class="btn btn-success btn-lg">Darovat</button>
</div>
</div>
</form>
</div><!-- /region-donate-form__right -->
</div>
<div class="article__sharing-box">
<div class="card-body">
<div class="sharing-box__content">
<div class="icon"><i class="icon-heart"></i></div>
<div class="text"><h3 class="lead">Sdílení je aktem lásky</h3></div>
</div>
<div class="sharing-buttons">
{# TODO #}
<a href="#" class="btn btn-facebook"><i class="icon-facebook-f"></i></a>
<a href="#" class="btn btn-twitter"><i class="icon-twitter"></i></a>
<a href="#" class="btn btn-linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
<div class="image"><img data-src="{% static "donate/img/vlajka.jpg" %}" class="img-fluid lazyload" alt="Vlajka pirátů"></div>
</div><!-- /article__sharing-box -->
</div><!-- /column -->
</div> <!-- /row -->
</div> <!-- /container -->
</section>
<section class="section--alternate project__related">
<div class="container">
<h2 class="lead page-subheading mb-4">Ostatní kraje</h2>
<div class="row other-regions mb-4">
{% for region in other_regions %}
<div class="col-12 col-md-6 col-lg-4"><a href="{% pageurl region %}">{{ region.title }}</a></div>
{% endfor %}
</div><!-- /row -->
</div><!-- /container -->
</section>
</main>
<!-- /CONTENT -->
{% endblock %}
donate/templates/donate/region_snippet.html 0 → 100644
+ 9
− 0
View file @ 6970ff49
{% load wagtailcore_tags %}
<div class="col-12 col-md-4 mb-4">
<a class="card region" href="{% pageurl region %}">
<div class="card-body">
<h5>{{ region.title }}</h5>
<p>{{ region.perex }}</p>
</div>
</a>
</div><!-- /column -->
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