@planning-inspectorate/dynamic-forms 2.0.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/address/index.njk +1 -1
- package/src/components/boolean/index.njk +3 -3
- package/src/components/checkbox/index.njk +2 -2
- package/src/components/conditional/textarea.njk +1 -1
- package/src/components/conditional/unit.njk +1 -1
- package/src/components/date/index.njk +2 -2
- package/src/components/date-period/index.njk +3 -3
- package/src/components/date-time/index.njk +3 -3
- package/src/components/identifier/index.njk +1 -1
- package/src/components/multi-field-input/index.njk +2 -2
- package/src/components/number-entry/index.njk +6 -3
- package/src/components/radio/index.njk +7 -3
- package/src/components/select/index.njk +1 -1
- package/src/components/single-line-input/index.njk +3 -3
- package/src/components/text-entry/index.njk +3 -3
- package/src/components/text-entry-redact/index.njk +1 -1
- package/src/components/unit-option-entry/index.njk +4 -2
- package/test/snapshots/add-insurance.html +1 -5
- package/test/snapshots/companions.html +2 -9
- package/test/snapshots/departure-date.html +1 -5
- package/test/snapshots/holiday-activities.html +1 -5
- package/test/snapshots/holiday-arrival.html +2 -3
- package/test/snapshots/holiday-description.html +1 -5
- package/test/snapshots/holiday-destination.html +0 -4
- package/test/snapshots/holiday-period.html +2 -9
- package/test/snapshots/holiday-snack.html +1 -5
- package/test/snapshots/hotel-address.html +0 -1
- package/test/snapshots/luggage-weight-units.html +2 -11
- package/test/snapshots/nights.html +1 -6
- package/test/snapshots/secret-wish.html +0 -1
- package/test/snapshots/travel-class.html +1 -4
- package/test/snapshots/travel-insurance-type.html +0 -4
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
<div class="govuk-grid-row">
|
|
15
15
|
<div class="govuk-grid-column-two-thirds">
|
|
16
16
|
<form action="" method="post" novalidate>
|
|
17
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
17
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
18
18
|
{% call govukFieldset({
|
|
19
19
|
legend: {
|
|
20
20
|
text: question.question,
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
<div class="govuk-grid-row">
|
|
15
15
|
<div class="govuk-grid-column-two-thirds">
|
|
16
16
|
<form action="" method="post" novalidate>
|
|
17
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
17
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
18
18
|
{% if question.interfaceType === 'radio' %}
|
|
19
19
|
{{ govukRadios({
|
|
20
20
|
classes: "govuk-radios",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
classes: "govuk-fieldset__legend--l"
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
|
-
hint: { text: question.hint },
|
|
33
|
+
hint: question.hint and { text: question.hint },
|
|
34
34
|
items: question.options
|
|
35
35
|
}) }}
|
|
36
36
|
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
errorMessage: errors[question.fieldName] and {
|
|
43
43
|
text: errors[question.fieldName].msg
|
|
44
44
|
},
|
|
45
|
-
hint: {
|
|
45
|
+
hint: htmlHint and {
|
|
46
46
|
html: htmlHint
|
|
47
47
|
},
|
|
48
48
|
fieldset: {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<div class="govuk-grid-row">
|
|
8
8
|
<div class="govuk-grid-column-two-thirds">
|
|
9
9
|
<form action="" method="post" novalidate>
|
|
10
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
10
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
11
11
|
{{ govukCheckboxes({
|
|
12
12
|
classes: "govuk-checkboxes",
|
|
13
13
|
idPrefix: question.fieldName,
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
errorMessage: errors[question.fieldName] and {
|
|
16
16
|
text: errors[question.fieldName].msg
|
|
17
17
|
},
|
|
18
|
-
hint: {
|
|
18
|
+
hint: question.description and {
|
|
19
19
|
text: question.description
|
|
20
20
|
},
|
|
21
21
|
fieldset: {
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
<div class="govuk-grid-row">
|
|
18
18
|
<div class="govuk-grid-column-two-thirds">
|
|
19
19
|
<form action="" method="post" novalidate>
|
|
20
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
20
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
21
21
|
{{ govukDateInput({
|
|
22
22
|
id: question.fieldName,
|
|
23
23
|
fieldset: {
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
classes: "govuk-fieldset__legend--l"
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
|
-
hint: {
|
|
30
|
+
hint: question.hint and {
|
|
31
31
|
text: question.hint
|
|
32
32
|
},
|
|
33
33
|
errorMessage: errorSummary and {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
<div class="govuk-grid-row">
|
|
24
24
|
<div class="govuk-grid-column-two-thirds">
|
|
25
25
|
<form action="" method="post" novalidate>
|
|
26
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
26
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
27
27
|
|
|
28
28
|
{{ govukFieldset({
|
|
29
29
|
legend: {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
text: labels.start
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
|
-
hint: {
|
|
43
|
+
hint: question.hint and {
|
|
44
44
|
text: question.hint
|
|
45
45
|
},
|
|
46
46
|
errorMessage: errorSummary and {
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
text: labels.end
|
|
79
79
|
}
|
|
80
80
|
},
|
|
81
|
-
hint: {
|
|
81
|
+
hint: question.hint and {
|
|
82
82
|
text: question.hint
|
|
83
83
|
},
|
|
84
84
|
errorMessage: errorSummary and {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
<div class="govuk-grid-row">
|
|
30
30
|
<div class="govuk-grid-column-two-thirds">
|
|
31
31
|
<form action="" method="post" novalidate>
|
|
32
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
32
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
33
33
|
{{ govukDateInput({
|
|
34
34
|
id: question.fieldName,
|
|
35
35
|
fieldset: {
|
|
@@ -69,13 +69,13 @@
|
|
|
69
69
|
|
|
70
70
|
<div class="govuk-form-group{% if errors[hour].msg or errors[minutes].msg or errors[period].msg %} govuk-form-group--error{% endif %}">
|
|
71
71
|
<fieldset class="govuk-fieldset" role="group">
|
|
72
|
-
<div id="{{ question.fieldName }}-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
|
|
72
|
+
<div id="{{ question.fieldName }}-time-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
|
|
73
73
|
{% if errors[hour].msg or errors[minutes].msg or errors[period].msg %}
|
|
74
74
|
<p id="{{ question.fieldName }}-error" class="govuk-error-message">
|
|
75
75
|
<span class="govuk-visually-hidden">Error:</span> {{ errors[hour].msg or errors[minutes].msg or errors[period].msg }}
|
|
76
76
|
</p>
|
|
77
77
|
{% endif %}
|
|
78
|
-
<div class="govuk-date-input" id={{ question.fieldName }}>
|
|
78
|
+
<div class="govuk-date-input" id="{{ question.fieldName }}-time">
|
|
79
79
|
<div class="govuk-date-input__item">
|
|
80
80
|
{{ govukInput({
|
|
81
81
|
classes: "govuk-input--width-2 govuk-input--error" if errors[question.fieldName] or errors[hour] else "govuk-input--width-2",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<div class="govuk-grid-row">
|
|
9
9
|
<div class="govuk-grid-column-two-thirds">
|
|
10
10
|
<form action="" method="post" novalidate>
|
|
11
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
11
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
12
12
|
{% if question.label %}
|
|
13
13
|
<h1 class="govuk-heading-l">
|
|
14
14
|
{{ question.question }}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<div class="govuk-grid-row">
|
|
12
12
|
<div class="govuk-grid-column-two-thirds">
|
|
13
13
|
<form action="" method="post" novalidate>
|
|
14
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
14
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
15
15
|
|
|
16
16
|
{% call govukFieldset({
|
|
17
17
|
legend: {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
prefix: inputField.prefix,
|
|
54
54
|
suffix: inputField.suffix,
|
|
55
55
|
value: inputField.value,
|
|
56
|
-
hint: {
|
|
56
|
+
hint: inputField.hint and {
|
|
57
57
|
text: inputField.hint
|
|
58
58
|
},
|
|
59
59
|
classes: inputField.classes or "govuk-input-!-width-three-quarters",
|
|
@@ -7,11 +7,14 @@
|
|
|
7
7
|
<div class="govuk-grid-row">
|
|
8
8
|
<div class="govuk-grid-column-two-thirds">
|
|
9
9
|
<h1 class="govuk-heading-l">{{ question.question }}</h1>
|
|
10
|
-
|
|
10
|
+
{%- if question.description %}
|
|
11
|
+
<p class="govuk-body">{{ question.description }}</p>
|
|
12
|
+
{%- endif %}
|
|
13
|
+
|
|
11
14
|
<form action="" method="post" novalidate>
|
|
12
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
15
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
13
16
|
{{ govukInput({
|
|
14
|
-
hint: {
|
|
17
|
+
hint: question.hint and {
|
|
15
18
|
text: question.hint
|
|
16
19
|
},
|
|
17
20
|
label: {
|
|
@@ -8,11 +8,13 @@
|
|
|
8
8
|
<div class="govuk-grid-row">
|
|
9
9
|
<div class="govuk-grid-column-two-thirds">
|
|
10
10
|
<form action="" method="post" novalidate>
|
|
11
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
11
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
12
12
|
|
|
13
13
|
{% if question.legend %}
|
|
14
14
|
<h1 class="govuk-heading-l">{{ question.question }}</h1>
|
|
15
|
-
|
|
15
|
+
{%- if question.description %}
|
|
16
|
+
<p class="govuk-body">{{ question.description }}</p>
|
|
17
|
+
{%- endif -%}
|
|
16
18
|
|
|
17
19
|
{% if question.html %}
|
|
18
20
|
{% include question.html ignore missing %}
|
|
@@ -45,7 +47,9 @@
|
|
|
45
47
|
}
|
|
46
48
|
}) %}
|
|
47
49
|
|
|
48
|
-
|
|
50
|
+
{%- if question.description %}
|
|
51
|
+
<p class="govuk-body">{{ question.description }}</p>
|
|
52
|
+
{%- endif -%}
|
|
49
53
|
|
|
50
54
|
{% if question.html %}
|
|
51
55
|
{% include question.html ignore missing %}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<div class="govuk-grid-row">
|
|
9
9
|
<div class="govuk-grid-column-two-thirds">
|
|
10
10
|
<form action="" method="post" novalidate>
|
|
11
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
11
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
12
12
|
{% if question.label %}
|
|
13
13
|
<h1 class="govuk-heading-l">
|
|
14
14
|
{{ question.question }}
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
id: question.fieldName,
|
|
35
35
|
name: question.fieldName,
|
|
36
36
|
value: question.value,
|
|
37
|
-
hint: { text: question.hint },
|
|
37
|
+
hint: question.hint and { text: question.hint },
|
|
38
38
|
errorMessage: errors[question.fieldName] and {
|
|
39
39
|
text: errors[question.fieldName].msg
|
|
40
40
|
},
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
id: question.fieldName,
|
|
59
59
|
name: question.fieldName,
|
|
60
60
|
value: question.value,
|
|
61
|
-
hint: { text: question.hint },
|
|
61
|
+
hint: question.hint and { text: question.hint },
|
|
62
62
|
errorMessage: errors[question.fieldName] and {
|
|
63
63
|
text: errors[question.fieldName].msg
|
|
64
64
|
},
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<div class="govuk-grid-row">
|
|
10
10
|
<div class="govuk-grid-column-two-thirds">
|
|
11
11
|
<form action="" method="post" novalidate>
|
|
12
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
12
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
13
13
|
{% if question.label %}
|
|
14
14
|
<h1 class="govuk-heading-l">
|
|
15
15
|
{{ question.question }}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
id: question.fieldName,
|
|
27
27
|
name: question.fieldName,
|
|
28
28
|
value: question.value,
|
|
29
|
-
hint: { text: question.hint },
|
|
29
|
+
hint: question.hint and { text: question.hint },
|
|
30
30
|
errorMessage: errors[question.fieldName] and {
|
|
31
31
|
text: errors[question.fieldName].msg
|
|
32
32
|
},
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
id: question.fieldName,
|
|
49
49
|
name: question.fieldName,
|
|
50
50
|
value: question.value,
|
|
51
|
-
hint: { text: question.hint },
|
|
51
|
+
hint: question.hint and { text: question.hint },
|
|
52
52
|
errorMessage: errors[question.fieldName] and {
|
|
53
53
|
text: errors[question.fieldName].msg
|
|
54
54
|
},
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
<div class="govuk-grid-row">
|
|
12
12
|
<div class="govuk-grid-column-two-thirds">
|
|
13
13
|
<form action="" method="post" novalidate>
|
|
14
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
14
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
15
15
|
|
|
16
16
|
{% if question.label %}
|
|
17
17
|
{{ govukLabel({
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<div class="govuk-grid-row">
|
|
9
9
|
<div class="govuk-grid-column-two-thirds">
|
|
10
10
|
<form action="" method="post" novalidate>
|
|
11
|
-
<input type="hidden" name="_csrf" value="{{ _csrf }}">
|
|
11
|
+
{% if _csrf %}<input type="hidden" name="_csrf" value="{{ _csrf }}">{% endif %}
|
|
12
12
|
|
|
13
13
|
{% call govukFieldset({
|
|
14
14
|
legend: {
|
|
@@ -18,7 +18,9 @@
|
|
|
18
18
|
}
|
|
19
19
|
}) %}
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
{%- if question.description %}
|
|
22
|
+
<p class="govuk-body">{{ question.description }}</p>
|
|
23
|
+
{%- endif -%}
|
|
22
24
|
{% if question.html %}
|
|
23
25
|
{% include question.html ignore missing %}
|
|
24
26
|
{% endif %}
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
<div class="govuk-form-group">
|
|
6
|
-
<fieldset class="govuk-fieldset"
|
|
5
|
+
<fieldset class="govuk-fieldset">
|
|
7
6
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
8
7
|
<h1 class="govuk-fieldset__heading">
|
|
9
8
|
Do you want to add travel insurance to your holiday?
|
|
10
9
|
</h1>
|
|
11
10
|
</legend>
|
|
12
|
-
<div id="addInsurance-hint" class="govuk-hint">
|
|
13
|
-
|
|
14
|
-
</div>
|
|
15
11
|
<div class="govuk-radios govuk-radios" data-module="govuk-radios">
|
|
16
12
|
<div class="govuk-radios__item">
|
|
17
13
|
<input class="govuk-radios__input" id="addInsurance" name="addInsurance" type="radio" value="yes" data-cy="answer-yes">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
|
|
6
5
|
<fieldset class="govuk-fieldset">
|
|
7
6
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
@@ -16,20 +15,14 @@
|
|
|
16
15
|
<label class="govuk-label govuk-label" for="name">
|
|
17
16
|
Name
|
|
18
17
|
</label>
|
|
19
|
-
<
|
|
20
|
-
|
|
21
|
-
</div>
|
|
22
|
-
<input class="govuk-input govuk-input-!-width-three-quarters" id="name" name="name" type="text" aria-describedby="name-hint">
|
|
18
|
+
<input class="govuk-input govuk-input-!-width-three-quarters" id="name" name="name" type="text">
|
|
23
19
|
</div>
|
|
24
20
|
|
|
25
21
|
<div class="govuk-form-group">
|
|
26
22
|
<label class="govuk-label govuk-label" for="age">
|
|
27
23
|
Age
|
|
28
24
|
</label>
|
|
29
|
-
<
|
|
30
|
-
|
|
31
|
-
</div>
|
|
32
|
-
<input class="govuk-input govuk-input-!-width-three-quarters" id="age" name="age" type="text" aria-describedby="age-hint">
|
|
25
|
+
<input class="govuk-input govuk-input-!-width-three-quarters" id="age" name="age" type="text">
|
|
33
26
|
</div>
|
|
34
27
|
|
|
35
28
|
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
<div class="govuk-form-group">
|
|
6
|
-
<fieldset class="govuk-fieldset" role="group"
|
|
5
|
+
<fieldset class="govuk-fieldset" role="group">
|
|
7
6
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
8
7
|
<h1 class="govuk-fieldset__heading">
|
|
9
8
|
When do you want to start your holiday?
|
|
10
9
|
</h1>
|
|
11
10
|
</legend>
|
|
12
|
-
<div id="departureDate-hint" class="govuk-hint">
|
|
13
|
-
|
|
14
|
-
</div>
|
|
15
11
|
<div class="govuk-date-input" id="departureDate">
|
|
16
12
|
<div class="govuk-date-input__item">
|
|
17
13
|
<div class="govuk-form-group">
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
<div class="govuk-form-group">
|
|
6
|
-
<fieldset class="govuk-fieldset"
|
|
5
|
+
<fieldset class="govuk-fieldset">
|
|
7
6
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
8
7
|
<h1 class="govuk-fieldset__heading">
|
|
9
8
|
Which activities do you want to do on holiday?
|
|
10
9
|
</h1>
|
|
11
10
|
</legend>
|
|
12
|
-
<div id="holidayActivities-hint" class="govuk-hint">
|
|
13
|
-
|
|
14
|
-
</div>
|
|
15
11
|
<div class="govuk-checkboxes govuk-checkboxes" data-module="govuk-checkboxes">
|
|
16
12
|
<div class="govuk-checkboxes__item">
|
|
17
13
|
<input class="govuk-checkboxes__input" id="holidayActivities" name="holidayActivities" type="checkbox" value="swimming" data-cy="answer-swimming">
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
<div class="govuk-grid-row">
|
|
9
9
|
<div class="govuk-grid-column-two-thirds">
|
|
10
10
|
<form action="" method="post" novalidate>
|
|
11
|
-
<input type="hidden" name="_csrf" value="">
|
|
12
11
|
<div class="govuk-form-group">
|
|
13
12
|
<fieldset class="govuk-fieldset" role="group">
|
|
14
13
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
@@ -48,8 +47,8 @@
|
|
|
48
47
|
|
|
49
48
|
<div class="govuk-form-group">
|
|
50
49
|
<fieldset class="govuk-fieldset" role="group">
|
|
51
|
-
<div id="holidayArrival-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
|
|
52
|
-
<div class="govuk-date-input" id=holidayArrival>
|
|
50
|
+
<div id="holidayArrival-time-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
|
|
51
|
+
<div class="govuk-date-input" id="holidayArrival-time">
|
|
53
52
|
<div class="govuk-date-input__item">
|
|
54
53
|
<div class="govuk-form-group">
|
|
55
54
|
<label class="govuk-label" for="holidayArrival_hour">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
<h1 class="govuk-heading-l">
|
|
6
5
|
Describe your ideal holiday.
|
|
7
6
|
</h1>
|
|
@@ -11,10 +10,7 @@
|
|
|
11
10
|
<label class="govuk-label" for="holidayDescription">
|
|
12
11
|
Description
|
|
13
12
|
</label>
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
</div>
|
|
17
|
-
<textarea class="govuk-textarea" id="holidayDescription" name="holidayDescription" rows="5" aria-describedby="holidayDescription-hint"></textarea>
|
|
13
|
+
<textarea class="govuk-textarea" id="holidayDescription" name="holidayDescription" rows="5"></textarea>
|
|
18
14
|
</div>
|
|
19
15
|
|
|
20
16
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
|
|
6
5
|
|
|
7
6
|
<fieldset class="govuk-fieldset">
|
|
@@ -11,9 +10,6 @@
|
|
|
11
10
|
</h1>
|
|
12
11
|
</legend>
|
|
13
12
|
|
|
14
|
-
<p class="govuk-body"></p>
|
|
15
|
-
|
|
16
|
-
|
|
17
13
|
<div class="govuk-form-group">
|
|
18
14
|
<div class="govuk-radios govuk-radios" data-module="govuk-radios">
|
|
19
15
|
<div class="govuk-radios__item">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
|
|
6
5
|
<fieldset class="govuk-fieldset">
|
|
7
6
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
@@ -13,13 +12,10 @@
|
|
|
13
12
|
|
|
14
13
|
|
|
15
14
|
<div class="govuk-form-group">
|
|
16
|
-
<fieldset class="govuk-fieldset" role="group"
|
|
15
|
+
<fieldset class="govuk-fieldset" role="group">
|
|
17
16
|
<legend class="govuk-fieldset__legend">
|
|
18
17
|
Start
|
|
19
18
|
</legend>
|
|
20
|
-
<div id="holidayPeriod_start-hint" class="govuk-hint">
|
|
21
|
-
|
|
22
|
-
</div>
|
|
23
19
|
<div class="govuk-date-input" id="holidayPeriod_start">
|
|
24
20
|
<div class="govuk-date-input__item">
|
|
25
21
|
<div class="govuk-form-group">
|
|
@@ -51,13 +47,10 @@
|
|
|
51
47
|
|
|
52
48
|
|
|
53
49
|
<div class="govuk-form-group">
|
|
54
|
-
<fieldset class="govuk-fieldset" role="group"
|
|
50
|
+
<fieldset class="govuk-fieldset" role="group">
|
|
55
51
|
<legend class="govuk-fieldset__legend">
|
|
56
52
|
End
|
|
57
53
|
</legend>
|
|
58
|
-
<div id="holidayPeriod_end-hint" class="govuk-hint">
|
|
59
|
-
|
|
60
|
-
</div>
|
|
61
54
|
<div class="govuk-date-input" id="holidayPeriod_end">
|
|
62
55
|
<div class="govuk-date-input__item">
|
|
63
56
|
<div class="govuk-form-group">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
<h1 class="govuk-heading-l">
|
|
6
5
|
What is your favourite snack to eat on holiday?
|
|
7
6
|
</h1>
|
|
@@ -12,10 +11,7 @@
|
|
|
12
11
|
<label class="govuk-label govuk-label" for="holidaySnack">
|
|
13
12
|
Snack
|
|
14
13
|
</label>
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
</div>
|
|
18
|
-
<input class="govuk-input" id="holidaySnack" name="holidaySnack" type="text" value="" aria-describedby="holidaySnack-hint">
|
|
14
|
+
<input class="govuk-input" id="holidaySnack" name="holidaySnack" type="text" value="">
|
|
19
15
|
</div>
|
|
20
16
|
|
|
21
17
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
<fieldset class="govuk-fieldset">
|
|
6
5
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
7
6
|
<h1 class="govuk-fieldset__heading">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
|
|
6
5
|
<fieldset class="govuk-fieldset">
|
|
7
6
|
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
@@ -10,8 +9,6 @@
|
|
|
10
9
|
</h1>
|
|
11
10
|
</legend>
|
|
12
11
|
|
|
13
|
-
<p class="govuk-body"></p>
|
|
14
|
-
|
|
15
12
|
<div class="govuk-form-group">
|
|
16
13
|
<div class="govuk-radios govuk-radios" data-module="govuk-radios">
|
|
17
14
|
<div class="govuk-radios__item">
|
|
@@ -25,11 +22,8 @@
|
|
|
25
22
|
<label class="govuk-label" for="luggageWeightValue_kg">
|
|
26
23
|
Weight in kilograms
|
|
27
24
|
</label>
|
|
28
|
-
<div id="luggageWeightValue_kg-hint" class="govuk-hint">
|
|
29
|
-
|
|
30
|
-
</div>
|
|
31
25
|
<div class="govuk-input__wrapper">
|
|
32
|
-
<input class="govuk-input govuk-input--width-5" id="luggageWeightValue_kg" name="luggageWeightValue_kg" type="text" spellcheck="false" value=""
|
|
26
|
+
<input class="govuk-input govuk-input--width-5" id="luggageWeightValue_kg" name="luggageWeightValue_kg" type="text" spellcheck="false" value="" inputmode="numeric">
|
|
33
27
|
<div class="govuk-input__suffix" aria-hidden="true">kg</div>
|
|
34
28
|
</div>
|
|
35
29
|
</div>
|
|
@@ -45,11 +39,8 @@
|
|
|
45
39
|
<label class="govuk-label" for="luggageWeightValue_lbs">
|
|
46
40
|
Weight in pounds
|
|
47
41
|
</label>
|
|
48
|
-
<div id="luggageWeightValue_lbs-hint" class="govuk-hint">
|
|
49
|
-
|
|
50
|
-
</div>
|
|
51
42
|
<div class="govuk-input__wrapper">
|
|
52
|
-
<input class="govuk-input govuk-input--width-5" id="luggageWeightValue_lbs" name="luggageWeightValue_lbs" type="text" spellcheck="false" value=""
|
|
43
|
+
<input class="govuk-input govuk-input--width-5" id="luggageWeightValue_lbs" name="luggageWeightValue_lbs" type="text" spellcheck="false" value="" inputmode="numeric">
|
|
53
44
|
<div class="govuk-input__suffix" aria-hidden="true">lbs</div>
|
|
54
45
|
</div>
|
|
55
46
|
</div>
|
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<h1 class="govuk-heading-l">How many nights will you stay on holiday?</h1>
|
|
4
|
-
<p class="govuk-body"></p>
|
|
5
4
|
<form action="" method="post" novalidate>
|
|
6
|
-
<input type="hidden" name="_csrf" value="">
|
|
7
5
|
<div class="govuk-form-group">
|
|
8
6
|
<label class="govuk-label" for="nights">
|
|
9
7
|
Nights
|
|
10
8
|
</label>
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
</div>
|
|
14
|
-
<input class="govuk-input govuk-input--width-5" id="nights" name="nights" type="text" spellcheck="false" value="" aria-describedby="nights-hint" inputmode="numeric">
|
|
9
|
+
<input class="govuk-input govuk-input--width-5" id="nights" name="nights" type="text" spellcheck="false" value="" inputmode="numeric">
|
|
15
10
|
</div>
|
|
16
11
|
|
|
17
12
|
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
@@ -10,10 +10,7 @@
|
|
|
10
10
|
Which class do you want to travel in?
|
|
11
11
|
</label>
|
|
12
12
|
</h1>
|
|
13
|
-
<
|
|
14
|
-
|
|
15
|
-
</div>
|
|
16
|
-
<select class="govuk-select" id="travelClass" name="travelClass" aria-describedby="travelClass-hint">
|
|
13
|
+
<select class="govuk-select" id="travelClass" name="travelClass">
|
|
17
14
|
<option value="economy" data-cy="answer-economy">Economy</option>
|
|
18
15
|
<option value="business" data-cy="answer-business">Business</option>
|
|
19
16
|
<option value="first" data-cy="answer-first">First Class</option>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<div class="govuk-grid-row">
|
|
2
2
|
<div class="govuk-grid-column-two-thirds">
|
|
3
3
|
<form action="" method="post" novalidate>
|
|
4
|
-
<input type="hidden" name="_csrf" value="">
|
|
5
4
|
|
|
6
5
|
|
|
7
6
|
<fieldset class="govuk-fieldset">
|
|
@@ -11,9 +10,6 @@
|
|
|
11
10
|
</h1>
|
|
12
11
|
</legend>
|
|
13
12
|
|
|
14
|
-
<p class="govuk-body"></p>
|
|
15
|
-
|
|
16
|
-
|
|
17
13
|
<div class="govuk-form-group">
|
|
18
14
|
<div class="govuk-radios govuk-radios" data-module="govuk-radios">
|
|
19
15
|
<div class="govuk-radios__item">
|