From 6970ff49eb3621ecdc68faf4c3c69c5a88ef4446 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Bedna=C5=99=C3=ADk?= <jan.bednarik@gmail.com>
Date: Tue, 26 May 2020 13:48:31 +0200
Subject: [PATCH] donate: Regions templates and models

---
 donate/models.py                              |  98 ++++++++++++++
 donate/static/donate/assets/css/style.css     |   2 +-
 donate/static/donate/img/vlajka.jpg           | Bin 0 -> 11084 bytes
 donate/templates/donate/donate_home_page.html |  57 ++------
 .../donate/donate_region_index_page.html      |  28 ++++
 .../templates/donate/donate_region_page.html  | 127 ++++++++++++++++++
 donate/templates/donate/region_snippet.html   |   9 ++
 7 files changed, 277 insertions(+), 44 deletions(-)
 create mode 100644 donate/static/donate/img/vlajka.jpg
 create mode 100644 donate/templates/donate/donate_region_index_page.html
 create mode 100644 donate/templates/donate/donate_region_page.html
 create mode 100644 donate/templates/donate/region_snippet.html

diff --git a/donate/models.py b/donate/models.py
index 4679f0db..e26aad9a 100644
--- a/donate/models.py
+++ b/donate/models.py
@@ -100,3 +100,101 @@ class DonateHomePage(Page):
     @property
     def root_page(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
diff --git a/donate/static/donate/assets/css/style.css b/donate/static/donate/assets/css/style.css
index e65af21f..fded27b6 100644
--- a/donate/static/donate/assets/css/style.css
+++ b/donate/static/donate/assets/css/style.css
@@ -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";
   line-height: 1;
   text-transform: uppercase;
diff --git a/donate/static/donate/img/vlajka.jpg b/donate/static/donate/img/vlajka.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..fbd6467d361a2212899a1eb23885177ea74ea67e
GIT binary patch
literal 11084
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
WDb3%)Iyqi{e1qG!T>UHl|0V!c3IIC*

literal 0
HcmV?d00001

diff --git a/donate/templates/donate/donate_home_page.html b/donate/templates/donate/donate_home_page.html
index c64fbac7..df06dbb9 100644
--- a/donate/templates/donate/donate_home_page.html
+++ b/donate/templates/donate/donate_home_page.html
@@ -13,16 +13,16 @@
         <div class="col-12 col-lg-7 mb-4 mb-lg-0 py-4 text-center text-md-left">
           <h1 class="lead homepage-heading">{{ page.lead_title }}</h1>
           <p class="lead mb-4">{{ page.lead_body }}</p>
-            <div class="row align-items-center">
-              <div class="col-12 col-md-auto mb-4 mb-md-0">
-                <a href="#strana" class="btn btn-dark btn-lg js-scroll-anchor">Chci darovat <i class="icon-chevron-right ml-2"></i></a>
-              </div><!-- /column -->
-              <div class="col-12 col-md-auto">
-                <div class="uvod__image-wrapper">
-                  <a href="https://www.pirati.cz"  target="_blank" rel="noreferrer"><img data-src="{% static "donate/img/logo_napis.png" %}" class="lazyload img-fluid" alt="Logo pirátské strany"></a>
-                </div><!-- /uvod__image-wrapper -->
-              </div><!-- /column -->
-            </div> <!-- /row -->
+          <div class="row align-items-center">
+            <div class="col-12 col-md-auto mb-4 mb-md-0">
+              <a href="#strana" class="btn btn-dark btn-lg js-scroll-anchor">Chci darovat <i class="icon-chevron-right ml-2"></i></a>
+            </div><!-- /column -->
+            <div class="col-12 col-md-auto">
+              <div class="uvod__image-wrapper">
+                <a href="https://www.pirati.cz"  target="_blank" rel="noreferrer"><img data-src="{% static "donate/img/logo_napis.png" %}" class="lazyload img-fluid" alt="Logo pirátské strany"></a>
+              </div><!-- /uvod__image-wrapper -->
+            </div><!-- /column -->
+          </div> <!-- /row -->
         </div><!-- /column -->
 
         <div class="col-12 col-lg-5 pl-xl-5 text-center">
@@ -186,41 +186,12 @@
       <p class="mb-4">{{ page.region_body }}</p>
       <div class="row regions mb-4">
 
-      {# TODO #}
-        <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 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 -->
+        {% for region in regions %}
+          {% include "donate/region_snippet.html" %}
+        {% endfor %}
 
       </div> <!-- /row -->
-
-      {# TODO #}
-      <a href="#" class="btn btn-dark btn-lg my-2">Všechny kraje <i class="icon-chevron-right ml-2"></i></a>
+      <a href="{{ regions_url }}" class="btn btn-dark btn-lg my-2">Všechny kraje <i class="icon-chevron-right ml-2"></i></a>
 
     </div> <!-- /container -->
   </section>
diff --git a/donate/templates/donate/donate_region_index_page.html b/donate/templates/donate/donate_region_index_page.html
new file mode 100644
index 00000000..d5fe5dd5
--- /dev/null
+++ b/donate/templates/donate/donate_region_index_page.html
@@ -0,0 +1,28 @@
+{% 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 %}
diff --git a/donate/templates/donate/donate_region_page.html b/donate/templates/donate/donate_region_page.html
new file mode 100644
index 00000000..afcdec65
--- /dev/null
+++ b/donate/templates/donate/donate_region_page.html
@@ -0,0 +1,127 @@
+{% 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 %}
diff --git a/donate/templates/donate/region_snippet.html b/donate/templates/donate/region_snippet.html
new file mode 100644
index 00000000..b171c51c
--- /dev/null
+++ b/donate/templates/donate/region_snippet.html
@@ -0,0 +1,9 @@
+{% 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 -->
-- 
GitLab