Finish make a wish (mostly)

make_a_wish/migrations/0004_makeawishformfield.py

+# Generated by Django 5.0.7 on 2025-03-19 14:41
+
+import django.db.models.deletion
+import modelcluster.fields
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('make_a_wish', '0003_makeawishroot_stats'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='MakeAWIshFormField',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('sort_order', models.IntegerField(blank=True, editable=False, null=True)),
+                ('clean_name', models.CharField(blank=True, default='', help_text='Safe name of the form field, the label converted to ascii_snake_case', max_length=255, verbose_name='name')),
+                ('label', models.CharField(help_text='The label of the form field', max_length=255, verbose_name='label')),
+                ('field_type', models.CharField(choices=[('singleline', 'Single line text'), ('multiline', 'Multi-line text'), ('email', 'Email'), ('number', 'Number'), ('url', 'URL'), ('checkbox', 'Checkbox'), ('checkboxes', 'Checkboxes'), ('dropdown', 'Drop down'), ('multiselect', 'Multiple select'), ('radio', 'Radio buttons'), ('date', 'Date'), ('datetime', 'Date/time'), ('hidden', 'Hidden field')], max_length=16, verbose_name='field type')),
+                ('required', models.BooleanField(default=True, verbose_name='required')),
+                ('choices', models.TextField(blank=True, help_text='Comma or new line separated list of choices. Only applicable in checkboxes, radio and dropdown.', verbose_name='choices')),
+                ('default_value', models.TextField(blank=True, help_text='Default value. Comma or new line separated values supported for checkboxes.', verbose_name='default value')),
+                ('help_text', models.CharField(blank=True, max_length=255, verbose_name='help text')),
+                ('page', modelcluster.fields.ParentalKey(on_delete=django.db.models.deletion.CASCADE, related_name='form_fields', to='make_a_wish.makeawishroot')),
+            ],
+            options={
+                'ordering': ['sort_order'],
+                'abstract': False,
+            },
+        ),
+    ]

make_a_wish/migrations/0005_makeawishroot_success_text.py

+# Generated by Django 5.0.7 on 2025-03-19 15:30
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('make_a_wish', '0004_makeawishformfield'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='makeawishroot',
+            name='success_text',
+            field=models.TextField(default='', verbose_name='Text po odeslání formuláře'),
+            preserve_default=False,
+        ),
+    ]

make_a_wish/models.py

 from django.db import models
 
+from modelcluster.fields import ParentalKey
 from wagtail.models import Page
 from wagtail.fields import StreamField
 
@@ -7,7 +8,10 @@ from shared.models import (
     ExtendedMetadataHomePageMixin,
 )
 from wagtailmetadata.models import MetadataPageMixin
-from wagtail.admin.panels import FieldPanel
+from wagtail.admin.panels import FieldPanel, InlinePanel, ObjectList, TabbedInterface
+from wagtail.contrib.forms.models import AbstractForm, AbstractFormField
+from wagtail.contrib.forms.panels import FormSubmissionsPanel
+from shared_legacy.utils import make_promote_panels
 
 from .blocks import (
     CommonWishBlock,
@@ -16,10 +20,17 @@ from .blocks import (
 )
 
 
+class MakeAWIshFormField(AbstractFormField):
+    page = ParentalKey(
+        "MakeAWishRoot", on_delete=models.CASCADE, related_name="form_fields"
+    )
+
+
 class MakeAWishRoot(
-    Page, ExtendedMetadataHomePageMixin, MetadataPageMixin
+    AbstractForm, ExtendedMetadataHomePageMixin, MetadataPageMixin, Page
 ):
     main_text = models.TextField(verbose_name="Hlavní text")
+    success_text = models.TextField(verbose_name="Text po odeslání formuláře")
 
     new_wish_image = models.ForeignKey(
         "wagtailimages.Image",
@@ -57,12 +68,26 @@ class MakeAWishRoot(
 
     content_panels = Page.content_panels + [
         FieldPanel("main_text"),
+        FieldPanel("success_text"),
         FieldPanel("new_wish_image"),
         FieldPanel("video_url"),
         FieldPanel("common_wishes"),
         FieldPanel("tour_dates"),
         FieldPanel("stats"),
+        InlinePanel("form_fields", label="Formulář - neměnit!!"),
     ]
 
+    promote_panels = make_promote_panels()
+
+    submissions_panels = [FormSubmissionsPanel()]
+
+    edit_handler = TabbedInterface(
+        [
+            ObjectList(content_panels, heading="Obsah"),
+            ObjectList(promote_panels, heading="Metadata"),
+            ObjectList(submissions_panels, heading="Data z formuláře"),
+        ]
+    )
+
     class Meta:
         verbose_name = "Máte přání"
\ No newline at end of file

make_a_wish/templates/make_a_wish/make_a_wish_root.html

 {% extends "styleguide2/base.html" %}
 {% load wagtailcore_tags wagtailimages_tags %}
 
+{% block head_start %}
+    {% comment %}quick dirty fix{% endcomment %}
+    <title>Máte přání?</title>
+{% endblock %}
+
 {% block content %}
     {% include 'styleguide2/includes/organisms/layout/navbar.html' %}
     {% include 'make_a_wish/header/wish_header.html' with title=page.title new_wish_image=page.new_wish_image %}
@@ -29,11 +34,24 @@
                     </div>
     
                     <div class="hidden duration-150" id="make_a_wish">
-                        <form class="border-t-2 border-grey-200 p-8">
+                        <form
+                            class="border-t-2 border-grey-200 p-8"
+                            action="{% pageurl page %}"
+                            method="post"
+                        >
+                            {% csrf_token %}
+
+                            {% for hidden_field in form.hidden_fields %}
+                                {{ hidden_field.errors }}
+                                {{ hidden_field }}
+                            {% endfor %}
+                            
                             <input
                                 type="text"
                                 class="bg-white font-alt p-3 text-3xl border-2 border-grey-200 w-full"
                                 placeholder="Přeju si, aby..."
+                                name="vase_prani"
+                                id="id_vase_prani"
                             >
     
                             <div class="flex xl:gap-6 gap-4 justify-center mt-4 xl:flex-row flex-col">
@@ -41,12 +59,16 @@
                                     type="text"
                                     class="bg-white font-alt p-3 text-3xl border-2 border-grey-200 flex-1"
                                     placeholder="Jméno & příjmení"
+                                    name="jmeno_a_prijmeni"
+                                    id="id_jmeno_a_prijmeni"
                                 >
     
                                 <input
                                     type="email"
                                     class="bg-white font-alt p-3 text-3xl border-2 border-grey-200 flex-1"
                                     placeholder="E-mail"
+                                    name="e_mail"
+                                    id="id_e_mail"
                                 >
                             </div>
                             

make_a_wish/templates/make_a_wish/make_a_wish_root_landing.html

+{% extends "styleguide2/base.html" %}
+{% load wagtailcore_tags wagtailimages_tags %}
+
+{% block head_start %}
+    {% comment %}quick dirty fix{% endcomment %}
+    <title>Máte přání?</title>
+{% endblock %}
+
+{% block content %}
+    {% include 'styleguide2/includes/organisms/layout/navbar.html' %}
+    {% include 'make_a_wish/header/wish_header.html' with title=page.title new_wish_image=page.new_wish_image %}
+
+    <main role="main">
+        <div class="container--wide grid grid-cols-1 xl:grid-cols-2 gap-8">
+            <div>
+                <div class="prose prose-black text-2xl xl:text-3xl mb-16">
+                    {{ page.success_text }}
+                </div>
+            </div>
+        </div>
+    
+        <div class="bg-black">
+            <div class="container--wide text-white pb-16 pt-24 xl:pr-[71px]">
+                <div class="grid grid-cols-1 xl:grid-cols-3">
+                    <div class="xl:col-span-2 xl:pr-32">
+                        <h2 class="head-14xl xl:text-8xl">Co trápí čechy a češky</h2>
+                        <div class="text-7xl xl:text-center">▼</div>
+                    </div>
+                </div>
+    
+                <div class="mt-16 p-12 bg-grey-50">
+                    <ul class="flex flex-col xl:gap-6 gap-12">
+                        {% for wish in page.common_wishes %}
+                            <li>
+                                <div class="flex xl:gap-8 gap-6 items-center xl:flex-row flex-col">
+                                    {% image wish.value.image original class="rounded-full h-32 w-32" %}
+
+                                    <div class="text-black">
+                                        <h4 class="font-alt text-5xl mb-3">{{ wish.value.title }}</h4>
+                                        <p class="text-2xl xl:mb-0">{{ wish.value.description }}</p>
+                                    </div>
+                                </div>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                </div>
+    
+                <div class="mt-12 xl:p-12 p-6 bg-grey-50 text-black">
+                    <h3 class="head-4xl text-5xl px-6 pt-6">Máte přání tour</h3>
+    
+                    <ul class="flex flex-col gap-4 mt-8">
+                        {% for tour_date in page.tour_dates %}
+                            <li class="py-4">
+                                <div class="font-alt text-4xl">
+                                    {{ tour_date.value.date }}
+                                </div>
+                                <div class="text-2xl">
+                                    {{ tour_date.value.details }}
+                                </div>
+                            </li>
+    
+                            {% if not forloop.last %}
+                                <div class="mx-24 border-t-2 border-grey-200"></div>
+                            {% endif %}
+                        {% endfor %}
+                    </ul>
+                </div>
+    
+                <h3 class="mt-12 xl:head-6xl head-9xl text-white">Naše data</h3>
+    
+                <div class="mt-4 p-6 bg-grey-50 text-black flex gap-8 xl:gap-16 justify-between xl:flex-row flex-col">
+                    {% for stat_info in page.stats %}
+                        <div class="flex gap-4 items-center">
+                            <div class="text-6xl font-alt">{{ stat_info.value.count }}</div>
+                            <div class="text-3xl font-alt">
+                                {{ stat_info.value.description }}
+                            </div>
+                        </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+    </main>
+    
+    <script>
+        document.getElementById("open_wish").onclick = ((e) => {
+            const makeAWish = document.getElementById("make_a_wish");
+            const separator = document.getElementById("separator");
+    
+            if (makeAWish.classList.contains("hidden")) {
+                makeAWish.classList.remove("hidden");
+                separator.classList.remove("hidden");
+    
+                e.currentTarget.innerHTML = "← Zrušit"
+            } else {
+                makeAWish.classList.add("hidden");
+                separator.classList.add("hidden");
+    
+                e.currentTarget.innerHTML = "+ Přidat přání"
+            }
+        });
+    </script>
+{% endblock %}

shared/templates/styleguide2/base.html

@@ -3,6 +3,8 @@
 <!doctype html>
 <html lang="cs">
   <head>
+    {% block head_start %}{% endblock %}
+    
     {% if request.in_preview_panel %}
       <base target="_blank">
     {% endif %}