From 50cfeb8fd09c4e1d2bd0d02006ec94817f2f9967 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomi=20Valentov=C3=A1?= <git@imaniti.org>
Date: Sun, 7 Jul 2024 12:54:05 +0200
Subject: [PATCH] finish forms

---
 majak_uistyleguide/static/images/captcha.png     | Bin 0 -> 7663 bytes
 .../patterns/atoms/form_fields/form_captcha.html |   8 ++++++++
 .../patterns/atoms/form_fields/form_captcha.yaml |   2 ++
 .../patterns/atoms/form_fields/form_input.yaml   |   8 ++++----
 .../patterns/atoms/form_fields/form_text.html    |   1 +
 .../patterns/atoms/form_fields/form_text.yaml    |   5 +++++
 .../patterns/templates/uniweb/form.html          |   3 ++-
 7 files changed, 22 insertions(+), 5 deletions(-)
 create mode 100644 majak_uistyleguide/static/images/captcha.png
 create mode 100644 majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.html
 create mode 100644 majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.yaml
 create mode 100644 majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.html
 create mode 100644 majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.yaml

diff --git a/majak_uistyleguide/static/images/captcha.png b/majak_uistyleguide/static/images/captcha.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b27637459d390e9b46d9a7a2b523ba221a7d24e
GIT binary patch
literal 7663
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
WH+^#5A;ZAHz~JfX=d#Wzp$P!SVk+PO

literal 0
HcmV?d00001

diff --git a/majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.html b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.html
new file mode 100644
index 0000000..7f8b53a
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.html
@@ -0,0 +1,8 @@
+<div class="flex gap-3 w-full">
+  <img
+    src="/static/images/captcha.png"
+    alt="Captcha obrázek"
+  >
+  
+  {% include "patterns/atoms/form_fields/form_input.html" with placeholder=placeholder label='' hint='' extra_classes='lg:!w-full' %}
+</div>
\ No newline at end of file
diff --git a/majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.yaml b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.yaml
new file mode 100644
index 0000000..e817578
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_captcha.yaml
@@ -0,0 +1,2 @@
+context:
+  placeholder: 'Kód z obrázku'
\ No newline at end of file
diff --git a/majak_uistyleguide/templates/patterns/atoms/form_fields/form_input.yaml b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_input.yaml
index ec3dc50..8f0d299 100644
--- a/majak_uistyleguide/templates/patterns/atoms/form_fields/form_input.yaml
+++ b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_input.yaml
@@ -1,7 +1,7 @@
 context:
-  placeholder: 'Pirát Pepa'
-  hint: 'Hlavně žádné osobní údaje.'
+  placeholder: ''
+  hint: ''
   name: 'example'
-  is_required: true
+  is_required: false
   extra_classes: ''
-  label: 'Jméno'
\ No newline at end of file
+  label: ''
\ No newline at end of file
diff --git a/majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.html b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.html
new file mode 100644
index 0000000..b6e5bf2
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.html
@@ -0,0 +1 @@
+{% extends "patterns/atoms/form_fields/form_input.html" %}
\ No newline at end of file
diff --git a/majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.yaml b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.yaml
new file mode 100644
index 0000000..8b16856
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/atoms/form_fields/form_text.yaml
@@ -0,0 +1,5 @@
+context:
+  label: 'Jméno'
+  placeholder: 'Pirát Pepa'
+  hint: 'Hlavně žádné osobní údaje.'
+  id: 'name_1'
\ No newline at end of file
diff --git a/majak_uistyleguide/templates/patterns/templates/uniweb/form.html b/majak_uistyleguide/templates/patterns/templates/uniweb/form.html
index 812af91..8076f5c 100644
--- a/majak_uistyleguide/templates/patterns/templates/uniweb/form.html
+++ b/majak_uistyleguide/templates/patterns/templates/uniweb/form.html
@@ -3,7 +3,7 @@
 
 <main role="main" class="mb-10 xl:mb-32">
   <div class="container--wide flex flex-col gap-8 mb-2 lg:mb-12">
-    {% include "patterns/atoms/form_fields/form_input.html" %}
+    {% include "patterns/atoms/form_fields/form_text.html" %}
     {% include "patterns/atoms/form_fields/form_date.html" %}
     {% include "patterns/atoms/form_fields/form_datetime.html" %}
     {% include "patterns/atoms/form_fields/form_email.html" %}
@@ -13,6 +13,7 @@
     {% include "patterns/atoms/form_fields/form_multiselect.html" %}
     {% include "patterns/atoms/form_fields/form_textarea.html" %}
     {% include "patterns/atoms/form_fields/form_checkbox.html" %}
+    {% include "patterns/atoms/form_fields/form_captcha.html" %}
 
     {% comment %}
       {% if field.widget_type == "select" %}
-- 
GitLab