Skip to content
Snippets Groups Projects
Commit ef98d268 authored by Alexa Valentová's avatar Alexa Valentová
Browse files

Update makeawish templates

parent 69640617
No related branches found
No related tags found
2 merge requests!1268Release,!1267Update makeawish templates
Pipeline #20806 failed
Stage: build
Hide whitespace changes
Inline Side-by-side
Showing
with 155 additions and 182 deletions
make_a_wish/migrations/0006_makeawishroot_header_image_and_more.py 0 → 100644
+ 25
− 0
View file @ ef98d268
# Generated by Django 5.0.7 on 2025-03-19 18:26
import django.db.models.deletion
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('make_a_wish', '0005_makeawishroot_success_text'),
('wagtailimages', '0027_image_description'),
]
operations = [
migrations.AddField(
model_name='makeawishroot',
name='header_image',
field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.PROTECT, related_name='+', to='wagtailimages.image', verbose_name='Obrázek v headeru'),
),
migrations.AlterField(
model_name='makeawishroot',
name='new_wish_image',
field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.PROTECT, related_name='+', to='wagtailimages.image', verbose_name='Obrázek k novému přání'),
),
]
make_a_wish/migrations/0007_makeawishroot_matomo_id.py 0 → 100644
+ 18
− 0
View file @ ef98d268
# Generated by Django 5.0.7 on 2025-03-20 05:48
from django.db import migrations, models
class Migration(migrations.Migration):
dependencies = [
('make_a_wish', '0006_makeawishroot_header_image_and_more'),
]
operations = [
migrations.AddField(
model_name='makeawishroot',
name='matomo_id',
field=models.IntegerField(blank=True, null=True, verbose_name='Matomo ID pro sledování návštěvnosti'),
),
]
make_a_wish/models.py
+ 19
− 2
View file @ ef98d268
......@@ -32,12 +32,22 @@ class MakeAWishRoot(
main_text = models.TextField(verbose_name="Hlavní text")
success_text = models.TextField(verbose_name="Text po odeslání formuláře")
header_image = models.ForeignKey(
"wagtailimages.Image",
on_delete=models.PROTECT,
blank=True,
null=True,
related_name="+",
verbose_name="Obrázek v headeru",
)
new_wish_image = models.ForeignKey(
"wagtailimages.Image",
on_delete=models.PROTECT,
blank=True,
null=True,
verbose_name="Obrázek k novému prání",
related_name="+",
verbose_name="Obrázek k novému přání",
)
video_url = models.URLField(
......@@ -66,9 +76,14 @@ class MakeAWishRoot(
verbose_name="Statistiky"
)
matomo_id = models.IntegerField(
"Matomo ID pro sledování návštěvnosti", blank=True, null=True
)
content_panels = Page.content_panels + [
FieldPanel("main_text"),
FieldPanel("success_text"),
FieldPanel("header_image"),
FieldPanel("new_wish_image"),
FieldPanel("video_url"),
FieldPanel("common_wishes"),
......@@ -77,7 +92,9 @@ class MakeAWishRoot(
InlinePanel("form_fields", label="Formulář - neměnit!!"),
]
promote_panels = make_promote_panels()
promote_panels = make_promote_panels() + [
FieldPanel("matomo_id")
]
submissions_panels = [FormSubmissionsPanel()]
......
make_a_wish/templates/make_a_wish/header/wish_header.html
+ 1
− 1
View file @ ef98d268
......@@ -15,7 +15,7 @@
</div>
<div class="xl:block xl:w-auto w-full flex justify-center items-center">
{% image new_wish_image original class="pb-4 xl:mr-32 xl:w-[300px] w-[200px]" %}
{% image header_image original class="pb-4 xl:mr-32 xl:w-[300px] w-[200px]" %}
</div>
</div>
</div>
......
make_a_wish/templates/make_a_wish/make_a_wish_root.html
+ 85
− 78
View file @ ef98d268
......@@ -4,105 +4,112 @@
{% block head_start %}
{% comment %}quick dirty fix{% endcomment %}
<title>Máte přání?</title>
{% if page.root_page.matomo_id %}
{% include "shared/matomo_snippet.html" with matomo_id=page.root_page.matomo_id %}
{% endif %}
{% 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 %}
{% include 'make_a_wish/header/wish_header.html' with title=page.title header_image=page.header_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-8">
{{ page.main_text }}
</div>
<div class="bg-grey-175 border-grey-200 border-2">
<div class="flex gap-0 xl:flex-row flex-col">
{% image page.new_wish_image original class="h-32 xl:flex-1" style="height:6rem" %}
<div
class="
font-alt text-3xl xl:border-l-2 border-grey-200 xl:w-48 justify-center items-center flex
hover:bg-grey-200 duration-100 cursor-pointer
h-24
"
id="open_wish"
>
+ Přidat přání
</div>
{% block top_content %}
<div class="prose prose-black text-2xl xl:text-3xl mb-8 xl:!w-[115%%]">
{{ page.main_text }}
</div>
<div class="hidden duration-150" id="make_a_wish">
<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 %}
<div class="bg-grey-175 border-grey-200 border-2 xl:!w-[115%]">
<div class="flex gap-0 xl:flex-row flex-col">
{% image page.new_wish_image original class="h-32 xl:flex-1" style="height:6rem" %}
<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="
font-alt text-3xl xl:border-l-2 border-grey-200 xl:w-48 justify-center items-center flex
hover:bg-grey-600 duration-100 cursor-pointer bg-black text-white
h-24
"
id="open_wish"
>
<div class="flex xl:gap-6 gap-4 justify-center mt-4 xl:flex-row flex-col">
<input
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>
<div class="mt-4">
<input
type="submit"
class="bg-black duration-150 font-alt text-4xl p-3 hover:bg-grey-600 text-white w-full cursor-pointer"
value="Odeslat přání"
>
+ Přidat přání
</div>
</form>
</div>
<div class="hidden duration-150" id="make_a_wish">
<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 %}
<textarea
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"
></textarea>
<div class="flex xl:gap-6 gap-4 justify-center mt-4 xl:flex-row flex-col">
<input
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>
<div class="mt-4">
<input
type="submit"
class="bg-black duration-150 font-alt text-4xl p-3 hover:bg-grey-600 text-white w-full cursor-pointer"
value="Odeslat přání"
>
</div>
</form>
</div>
</div>
</div>
{% endblock %}
<div class="xl:mb-16 hidden" id="separator"></div>
</div>
<div class="flex xl:justify-end xl:absolute xl:ml-[920px] xl:mt-[-8px] xl:mb-0 mb-8">
<video
width="720"
height="1280"
class="w-96 mr-16"
autoplay controls muted
>
<source src="{{ page.video_url }}" type="video/mp4">
</video>
</div>
{% block video %}
<div class="flex xl:justify-end xl:absolute xl:ml-[920px] xl:mt-[-8px] xl:mb-0 mb-8">
<video
width="720"
height="1280"
class="w-full xl:w-96 xl:mr-16"
autoplay controls muted
>
<source src="{{ page.video_url }}" type="video/mp4">
</video>
</div>
{% endblock %}
</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="xl:col-span-2 xl:pr-32 text-center xl:text-left">
<h2 class="head-14xl xl:text-8xl xl:leading-[7rem] leading-[6rem]">Co trápí čechy a češky</h2>
<div class="text-7xl xl:text-center">▼</div>
</div>
</div>
......@@ -125,7 +132,7 @@
</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>
<h3 class="head-4xl text-5xl pt-6">Máte přání tour</h3>
<ul class="flex flex-col gap-4 mt-8">
{% for tour_date in page.tour_dates %}
......
make_a_wish/templates/make_a_wish/make_a_wish_root_landing.html
+ 6
− 100
View file @ ef98d268
{% extends "styleguide2/base.html" %}
{% load wagtailcore_tags wagtailimages_tags %}
{% extends "make_a_wish/make_a_wish_root.html" %}
{% block head_start %}
{% comment %}quick dirty fix{% endcomment %}
<title>Máte přání?</title>
{% block top_content %}
<div class="prose prose-black text-2xl xl:text-3xl mb-16 xl:!w-[115%%]">
{{ page.success_text }}
</div>
{% 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 %}
{% block video %}{% endblock %}
\ No newline at end of file
shared/static/styleguide2/main.css
+ 1
− 1
View file @ ef98d268
Source diff could not be displayed: it is too large. Options to address this: view the blob.
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Pirátský GitLab - Home of the CopyLeft