efim/Learning-HTMX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(15): submitting form data on step back

Browse Source
This commit is contained in:
efim
2023-07-15 12:05:04 +00:00
parent 5f260455cb
commit 076dc76ca4
6 changed files with 40 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
15-multi-step-form/src/main/resources/templates/step1.html
View File

@@ -39,9 +39,9 @@
class="flex flex-col items-center w-screen h-screen md:grid md:items-start md:p-5 md:bg-white md:rounded-2xl md:grid-cols-[auto_1fr] md:w-desktop-form md:h-desktop-form md:drop-shadow-2xl"
id="form-step"
th:fragment="formFragment(formData)"
hx-post="/submit-step/1"
hx-post="/submit-step/1/2"
hx-swap="outerHTML"
action="/submit-step/1"
action="/submit-step/1/2"
method="post"
>
<summary

10
15-multi-step-form/src/main/resources/templates/step2.html
View File

@@ -39,9 +39,9 @@
<form
class="flex flex-col items-center w-screen h-screen md:grid md:items-start md:p-5 md:bg-white md:rounded-2xl md:grid-cols-[auto_1fr] md:w-desktop-form md:h-desktop-form md:drop-shadow-2xl"
id="form-step"
hx-post="/submit-step/2"
hx-post="/submit-step/2/3"
hx-swap="outerHTML"
action="/submit-step/2"
action="/submit-step/2/3"
method="post"
th:fragment="formFragment(formData)"
>
@@ -119,7 +119,7 @@
name="plan-type"
value="Arcade"
class="hidden peer"
th:checked="${formData.step2.planType.toString()} == 'Acrade'"
th:checked="${formData.step2.planType.toString()} == 'Arcade'"
checked
/>
<div
@@ -187,9 +187,9 @@
class="flex flex-row items-center py-4 w-full bg-white md:items-end md:h-full"
>
<a
hx-get="/get-form/1"
hx-target="#form-step"
hx-post="/submit-step/2/1"
hx-swap="outerHTML"
hx-target="#form-step"
href="step1.html"
class="ml-6 text-sm font-semibold md:pb-3 md:ml-20 md:text-base text-cool-gray"
>Go Back</a

8
15-multi-step-form/src/main/resources/templates/step3.html
View File

@@ -39,9 +39,9 @@
<form
class="flex flex-col items-center w-screen h-screen md:grid md:items-start md:p-5 md:bg-white md:rounded-2xl md:grid-cols-[auto_1fr] md:w-desktop-form md:h-desktop-form md:drop-shadow-2xl"
id="form-step"
hx-post="/submit-step/3"
hx-post="/submit-step/3/4"
hx-swap="outerHTML"
action="/submit-step/3"
action="/submit-step/3/4"
method="post"
th:fragment="formFragment(formData)"
>
@@ -191,9 +191,9 @@
class="flex flex-row items-center py-4 w-full bg-white md:items-end md:h-full"
>
<a
hx-get="/get-form/2"
hx-target="#form-step"
hx-post="/submit-step/3/2"
hx-swap="outerHTML"
hx-target="#form-step"
href="step2.html"
class="ml-6 text-sm font-semibold md:pb-3 md:ml-20 md:text-base text-cool-gray"
>Go Back</a

8
15-multi-step-form/src/main/resources/templates/step4.html
View File

@@ -39,8 +39,8 @@
<form
class="flex flex-col items-center w-screen h-screen md:grid md:items-start md:p-5 md:bg-white md:rounded-2xl md:grid-cols-[auto_1fr] md:w-desktop-form md:h-desktop-form md:drop-shadow-2xl"
id="form-step"
hx-post="/submit-step/4"
action="/submit-step/4"
hx-post="/submit-step/4/5"
action="/submit-step/4/5"
hx-swap="outerHTML"
method="post"
th:fragment="formFragment(formData)"
@@ -134,9 +134,9 @@
class="flex flex-row items-center py-4 w-full bg-white md:items-end md:h-full"
>
<a
hx-get="/get-form/3"
hx-target="#form-step"
hx-post="/submit-step/4/3"
hx-swap="outerHTML"
hx-target="#form-step"
href="step3.html"
class="ml-6 text-sm font-semibold md:pb-3 md:ml-20 md:text-base text-cool-gray"
>Go Back</a