@planning-inspectorate/dynamic-forms 1.14.0 → 1.14.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/.prettierignore +2 -1
- package/README.md +9 -1
- package/package.json +7 -2
- package/src/components/address/question.js +1 -1
- package/src/components/address/question.test.js +3 -3
- package/src/components/multi-field-input/index.njk +2 -2
- package/src/components/multi-field-input/question.js +5 -1
- package/src/components/radio/index.njk +2 -2
- package/src/components/text-entry-redact/question.test.js +9 -9
- package/src/controller.test.js +2 -1
- package/src/index.js +8 -2
- package/src/lib/session-answer-store.test.js +1 -1
- package/src/questions/question-props.d.ts +5 -24
- package/src/questions/question.test.js +1 -1
- package/src/section.js +3 -0
- package/src/validator/validator.js +4 -1
- package/test/check-your-answers.test.js +69 -0
- package/test/journey.js +41 -0
- package/test/journey.test.js +21 -0
- package/test/questions.js +189 -0
- package/test/questions.test.js +246 -0
- package/test/snapshots/add-insurance.html +44 -0
- package/test/snapshots/check-your-answers-not-started.html +201 -0
- package/test/snapshots/check-your-answers-with-answers.html +201 -0
- package/test/snapshots/companions.html +51 -0
- package/test/snapshots/departure-date.html +57 -0
- package/test/snapshots/holiday-activities.html +49 -0
- package/test/snapshots/holiday-arrival.html +101 -0
- package/test/snapshots/holiday-description.html +33 -0
- package/test/snapshots/holiday-destination.html +56 -0
- package/test/snapshots/holiday-period.html +102 -0
- package/test/snapshots/holiday-snack.html +33 -0
- package/test/snapshots/hotel-address.html +65 -0
- package/test/snapshots/luggage-weight-units.html +75 -0
- package/test/snapshots/nights.html +28 -0
- package/test/snapshots/secret-wish.html +173 -0
- package/test/snapshots/travel-class.html +52 -0
- package/test/snapshots/travel-insurance-type.html +56 -0
- package/test/utils/app.js +41 -0
- package/test/utils/nunjucks.js +20 -0
- package/test/utils/test-server.js +167 -0
- package/test/utils/test-server.test.js +75 -0
- package/{src/lib/test-utils.js → test/utils/utils.js} +15 -16
- package/test/views/layout-check-your-answers.njk +1 -0
- /package/{src/lib/test-layout.njk → test/views/layout-question.njk} +0 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
|
|
12
|
+
<fieldset class="govuk-fieldset">
|
|
13
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
14
|
+
<h1 class="govuk-fieldset__heading">
|
|
15
|
+
Enter the names and ages of your travel companions.
|
|
16
|
+
</h1>
|
|
17
|
+
</legend>
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
<div class="govuk-form-group">
|
|
22
|
+
<label class="govuk-label govuk-label" for="name">
|
|
23
|
+
Name
|
|
24
|
+
</label>
|
|
25
|
+
<div id="name-hint" class="govuk-hint">
|
|
26
|
+
|
|
27
|
+
</div>
|
|
28
|
+
<input class="govuk-input govuk-input-!-width-three-quarters" id="name" name="name" type="text" aria-describedby="name-hint">
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<div class="govuk-form-group">
|
|
32
|
+
<label class="govuk-label govuk-label" for="age">
|
|
33
|
+
Age
|
|
34
|
+
</label>
|
|
35
|
+
<div id="age-hint" class="govuk-hint">
|
|
36
|
+
|
|
37
|
+
</div>
|
|
38
|
+
<input class="govuk-input govuk-input-!-width-three-quarters" id="age" name="age" type="text" aria-describedby="age-hint">
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
</fieldset>
|
|
44
|
+
|
|
45
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
46
|
+
Continue
|
|
47
|
+
</button>
|
|
48
|
+
|
|
49
|
+
</form>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
<div class="govuk-form-group">
|
|
12
|
+
<fieldset class="govuk-fieldset" role="group" aria-describedby="departureDate-hint">
|
|
13
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
14
|
+
<h1 class="govuk-fieldset__heading">
|
|
15
|
+
When do you want to start your holiday?
|
|
16
|
+
</h1>
|
|
17
|
+
</legend>
|
|
18
|
+
<div id="departureDate-hint" class="govuk-hint">
|
|
19
|
+
|
|
20
|
+
</div>
|
|
21
|
+
<div class="govuk-date-input" id="departureDate">
|
|
22
|
+
<div class="govuk-date-input__item">
|
|
23
|
+
<div class="govuk-form-group">
|
|
24
|
+
<label class="govuk-label govuk-date-input__label" for="departureDate_day">
|
|
25
|
+
Day
|
|
26
|
+
</label>
|
|
27
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="departureDate_day" name="departureDate_day" type="text" inputmode="numeric">
|
|
28
|
+
</div>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="govuk-date-input__item">
|
|
31
|
+
<div class="govuk-form-group">
|
|
32
|
+
<label class="govuk-label govuk-date-input__label" for="departureDate_month">
|
|
33
|
+
Month
|
|
34
|
+
</label>
|
|
35
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="departureDate_month" name="departureDate_month" type="text" inputmode="numeric">
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="govuk-date-input__item">
|
|
39
|
+
<div class="govuk-form-group">
|
|
40
|
+
<label class="govuk-label govuk-date-input__label" for="departureDate_year">
|
|
41
|
+
Year
|
|
42
|
+
</label>
|
|
43
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-4" id="departureDate_year" name="departureDate_year" type="text" inputmode="numeric">
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
</fieldset>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
53
|
+
Continue
|
|
54
|
+
</button>
|
|
55
|
+
</form>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
<div class="govuk-form-group">
|
|
12
|
+
<fieldset class="govuk-fieldset" aria-describedby="holidayActivities-hint">
|
|
13
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
14
|
+
<h1 class="govuk-fieldset__heading">
|
|
15
|
+
Which activities do you want to do on holiday?
|
|
16
|
+
</h1>
|
|
17
|
+
</legend>
|
|
18
|
+
<div id="holidayActivities-hint" class="govuk-hint">
|
|
19
|
+
|
|
20
|
+
</div>
|
|
21
|
+
<div class="govuk-checkboxes govuk-checkboxes" data-module="govuk-checkboxes">
|
|
22
|
+
<div class="govuk-checkboxes__item">
|
|
23
|
+
<input class="govuk-checkboxes__input" id="holidayActivities" name="holidayActivities" type="checkbox" value="swimming" data-cy="answer-swimming">
|
|
24
|
+
<label class="govuk-label govuk-checkboxes__label" for="holidayActivities">
|
|
25
|
+
Swimming
|
|
26
|
+
</label>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="govuk-checkboxes__item">
|
|
29
|
+
<input class="govuk-checkboxes__input" id="holidayActivities-2" name="holidayActivities" type="checkbox" value="hiking" data-cy="answer-hiking">
|
|
30
|
+
<label class="govuk-label govuk-checkboxes__label" for="holidayActivities-2">
|
|
31
|
+
Hiking
|
|
32
|
+
</label>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="govuk-checkboxes__item">
|
|
35
|
+
<input class="govuk-checkboxes__input" id="holidayActivities-3" name="holidayActivities" type="checkbox" value="sightseeing" data-cy="answer-sightseeing">
|
|
36
|
+
<label class="govuk-label govuk-checkboxes__label" for="holidayActivities-3">
|
|
37
|
+
Sightseeing
|
|
38
|
+
</label>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</fieldset>
|
|
42
|
+
</div>
|
|
43
|
+
|
|
44
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
45
|
+
Continue
|
|
46
|
+
</button>
|
|
47
|
+
</form>
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<style >
|
|
8
|
+
.pins-select--width-4 {
|
|
9
|
+
min-width: 4.5em !important;
|
|
10
|
+
max-width: 4.5em !important;
|
|
11
|
+
}
|
|
12
|
+
</style>
|
|
13
|
+
|
|
14
|
+
<div class="govuk-grid-row">
|
|
15
|
+
<div class="govuk-grid-column-two-thirds">
|
|
16
|
+
<form action="" method="post" novalidate>
|
|
17
|
+
<input type="hidden" name="_csrf" value="">
|
|
18
|
+
<div class="govuk-form-group">
|
|
19
|
+
<fieldset class="govuk-fieldset" role="group">
|
|
20
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
21
|
+
<h1 class="govuk-fieldset__heading">
|
|
22
|
+
When would you like to arrive at your destination?
|
|
23
|
+
</h1>
|
|
24
|
+
</legend>
|
|
25
|
+
<div class="govuk-date-input" id="holidayArrival">
|
|
26
|
+
<div class="govuk-date-input__item">
|
|
27
|
+
<div class="govuk-form-group">
|
|
28
|
+
<label class="govuk-label govuk-date-input__label" for="holidayArrival_day">
|
|
29
|
+
Day
|
|
30
|
+
</label>
|
|
31
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="holidayArrival_day" name="holidayArrival_day" type="text" inputmode="numeric">
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="govuk-date-input__item">
|
|
35
|
+
<div class="govuk-form-group">
|
|
36
|
+
<label class="govuk-label govuk-date-input__label" for="holidayArrival_month">
|
|
37
|
+
Month
|
|
38
|
+
</label>
|
|
39
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="holidayArrival_month" name="holidayArrival_month" type="text" inputmode="numeric">
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="govuk-date-input__item">
|
|
43
|
+
<div class="govuk-form-group">
|
|
44
|
+
<label class="govuk-label govuk-date-input__label" for="holidayArrival_year">
|
|
45
|
+
Year
|
|
46
|
+
</label>
|
|
47
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-4" id="holidayArrival_year" name="holidayArrival_year" type="text" inputmode="numeric">
|
|
48
|
+
</div>
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
51
|
+
</fieldset>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
<div class="govuk-form-group">
|
|
56
|
+
<fieldset class="govuk-fieldset" role="group">
|
|
57
|
+
<div id="holidayArrival-hint" class="govuk-hint">For example, 9:30am or 2:55pm</div>
|
|
58
|
+
<div class="govuk-date-input" id=holidayArrival>
|
|
59
|
+
<div class="govuk-date-input__item">
|
|
60
|
+
<div class="govuk-form-group">
|
|
61
|
+
<label class="govuk-label" for="holidayArrival_hour">
|
|
62
|
+
Hour
|
|
63
|
+
</label>
|
|
64
|
+
<input class="govuk-input govuk-input--width-2" id="holidayArrival_hour" name="holidayArrival_hour" type="text">
|
|
65
|
+
</div>
|
|
66
|
+
|
|
67
|
+
</div>
|
|
68
|
+
<div class="govuk-date-input__item">
|
|
69
|
+
<div class="govuk-form-group">
|
|
70
|
+
<label class="govuk-label" for="holidayArrival_minutes">
|
|
71
|
+
Minute
|
|
72
|
+
</label>
|
|
73
|
+
<input class="govuk-input govuk-input--width-2" id="holidayArrival_minutes" name="holidayArrival_minutes" type="text">
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
|
+
</div>
|
|
77
|
+
<div class="govuk-date-input__item">
|
|
78
|
+
<div class="govuk-form-group">
|
|
79
|
+
<label class="govuk-label" for="holidayArrival_period">
|
|
80
|
+
am or pm
|
|
81
|
+
</label>
|
|
82
|
+
<select class="govuk-select govuk-select pins-select--width-4" id="holidayArrival_period" name="holidayArrival_period">
|
|
83
|
+
<option value="" selected></option>
|
|
84
|
+
<option value="am">AM</option>
|
|
85
|
+
<option value="pm">PM</option>
|
|
86
|
+
</select>
|
|
87
|
+
</div>
|
|
88
|
+
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
</fieldset>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
95
|
+
Continue
|
|
96
|
+
</button>
|
|
97
|
+
</form>
|
|
98
|
+
</div>
|
|
99
|
+
</div>
|
|
100
|
+
|
|
101
|
+
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
<h1 class="govuk-heading-l">
|
|
12
|
+
Describe your ideal holiday.
|
|
13
|
+
</h1>
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
<div class="govuk-form-group">
|
|
17
|
+
<label class="govuk-label" for="holidayDescription">
|
|
18
|
+
Description
|
|
19
|
+
</label>
|
|
20
|
+
<div id="holidayDescription-hint" class="govuk-hint">
|
|
21
|
+
|
|
22
|
+
</div>
|
|
23
|
+
<textarea class="govuk-textarea" id="holidayDescription" name="holidayDescription" rows="5" aria-describedby="holidayDescription-hint"></textarea>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
29
|
+
Continue
|
|
30
|
+
</button>
|
|
31
|
+
</form>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
<fieldset class="govuk-fieldset">
|
|
14
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
15
|
+
<h1 class="govuk-fieldset__heading">
|
|
16
|
+
Where would you like to go on holiday?
|
|
17
|
+
</h1>
|
|
18
|
+
</legend>
|
|
19
|
+
|
|
20
|
+
<p class="govuk-body"></p>
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
<div class="govuk-form-group">
|
|
24
|
+
<div class="govuk-radios govuk-radios" data-module="govuk-radios">
|
|
25
|
+
<div class="govuk-radios__item">
|
|
26
|
+
<input class="govuk-radios__input" id="holidayDestination" name="holidayDestination" type="radio" value="beach" data-cy="answer-beach">
|
|
27
|
+
<label class="govuk-label govuk-radios__label" for="holidayDestination">
|
|
28
|
+
Beach
|
|
29
|
+
</label>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="govuk-radios__item">
|
|
32
|
+
<input class="govuk-radios__input" id="holidayDestination-2" name="holidayDestination" type="radio" value="mountains" data-cy="answer-mountains">
|
|
33
|
+
<label class="govuk-label govuk-radios__label" for="holidayDestination-2">
|
|
34
|
+
Mountains
|
|
35
|
+
</label>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="govuk-radios__item">
|
|
38
|
+
<input class="govuk-radios__input" id="holidayDestination-3" name="holidayDestination" type="radio" value="city" data-cy="answer-city">
|
|
39
|
+
<label class="govuk-label govuk-radios__label" for="holidayDestination-3">
|
|
40
|
+
City
|
|
41
|
+
</label>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
</fieldset>
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
52
|
+
Continue
|
|
53
|
+
</button>
|
|
54
|
+
</form>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
|
|
12
|
+
<fieldset class="govuk-fieldset">
|
|
13
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
14
|
+
<h1 class="govuk-fieldset__heading">
|
|
15
|
+
What is the period of your holiday?
|
|
16
|
+
</h1>
|
|
17
|
+
</legend>
|
|
18
|
+
</fieldset>
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
<div class="govuk-form-group">
|
|
22
|
+
<fieldset class="govuk-fieldset" role="group" aria-describedby="holidayPeriod_start-hint">
|
|
23
|
+
<legend class="govuk-fieldset__legend">
|
|
24
|
+
Start
|
|
25
|
+
</legend>
|
|
26
|
+
<div id="holidayPeriod_start-hint" class="govuk-hint">
|
|
27
|
+
|
|
28
|
+
</div>
|
|
29
|
+
<div class="govuk-date-input" id="holidayPeriod_start">
|
|
30
|
+
<div class="govuk-date-input__item">
|
|
31
|
+
<div class="govuk-form-group">
|
|
32
|
+
<label class="govuk-label govuk-date-input__label" for="holidayPeriod_start_day">
|
|
33
|
+
Day
|
|
34
|
+
</label>
|
|
35
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="holidayPeriod_start_day" name="holidayPeriod_start_day" type="text" inputmode="numeric">
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="govuk-date-input__item">
|
|
39
|
+
<div class="govuk-form-group">
|
|
40
|
+
<label class="govuk-label govuk-date-input__label" for="holidayPeriod_start_month">
|
|
41
|
+
Month
|
|
42
|
+
</label>
|
|
43
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="holidayPeriod_start_month" name="holidayPeriod_start_month" type="text" inputmode="numeric">
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
<div class="govuk-date-input__item">
|
|
47
|
+
<div class="govuk-form-group">
|
|
48
|
+
<label class="govuk-label govuk-date-input__label" for="holidayPeriod_start_year">
|
|
49
|
+
Year
|
|
50
|
+
</label>
|
|
51
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-4" id="holidayPeriod_start_year" name="holidayPeriod_start_year" type="text" inputmode="numeric">
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
</fieldset>
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
<div class="govuk-form-group">
|
|
60
|
+
<fieldset class="govuk-fieldset" role="group" aria-describedby="holidayPeriod_end-hint">
|
|
61
|
+
<legend class="govuk-fieldset__legend">
|
|
62
|
+
End
|
|
63
|
+
</legend>
|
|
64
|
+
<div id="holidayPeriod_end-hint" class="govuk-hint">
|
|
65
|
+
|
|
66
|
+
</div>
|
|
67
|
+
<div class="govuk-date-input" id="holidayPeriod_end">
|
|
68
|
+
<div class="govuk-date-input__item">
|
|
69
|
+
<div class="govuk-form-group">
|
|
70
|
+
<label class="govuk-label govuk-date-input__label" for="holidayPeriod_end_day">
|
|
71
|
+
Day
|
|
72
|
+
</label>
|
|
73
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="holidayPeriod_end_day" name="holidayPeriod_end_day" type="text" inputmode="numeric">
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="govuk-date-input__item">
|
|
77
|
+
<div class="govuk-form-group">
|
|
78
|
+
<label class="govuk-label govuk-date-input__label" for="holidayPeriod_end_month">
|
|
79
|
+
Month
|
|
80
|
+
</label>
|
|
81
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="holidayPeriod_end_month" name="holidayPeriod_end_month" type="text" inputmode="numeric">
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
<div class="govuk-date-input__item">
|
|
85
|
+
<div class="govuk-form-group">
|
|
86
|
+
<label class="govuk-label govuk-date-input__label" for="holidayPeriod_end_year">
|
|
87
|
+
Year
|
|
88
|
+
</label>
|
|
89
|
+
<input class="govuk-input govuk-date-input__input govuk-input--width-4" id="holidayPeriod_end_year" name="holidayPeriod_end_year" type="text" inputmode="numeric">
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
</fieldset>
|
|
94
|
+
</div>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
98
|
+
Continue
|
|
99
|
+
</button>
|
|
100
|
+
</form>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
<h1 class="govuk-heading-l">
|
|
12
|
+
What is your favourite snack to eat on holiday?
|
|
13
|
+
</h1>
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
<div class="govuk-form-group">
|
|
18
|
+
<label class="govuk-label govuk-label" for="holidaySnack">
|
|
19
|
+
Snack
|
|
20
|
+
</label>
|
|
21
|
+
<div id="holidaySnack-hint" class="govuk-hint">
|
|
22
|
+
|
|
23
|
+
</div>
|
|
24
|
+
<input class="govuk-input" id="holidaySnack" name="holidaySnack" type="text" value="" aria-describedby="holidaySnack-hint">
|
|
25
|
+
</div>
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
29
|
+
Continue
|
|
30
|
+
</button>
|
|
31
|
+
</form>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
<fieldset class="govuk-fieldset">
|
|
12
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
13
|
+
<h1 class="govuk-fieldset__heading">
|
|
14
|
+
What is the address of your hotel?
|
|
15
|
+
</h1>
|
|
16
|
+
</legend>
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
<div class="govuk-form-group">
|
|
20
|
+
<label class="govuk-label" for="address-line-1">
|
|
21
|
+
Address line 1 (optional)
|
|
22
|
+
</label>
|
|
23
|
+
<input class="govuk-input" id="address-line-1" name="hotelAddress_addressLine1" type="text" value="" autocomplete="address-line1">
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
<div class="govuk-form-group">
|
|
28
|
+
<label class="govuk-label" for="address-line-2">
|
|
29
|
+
Address line 2 (optional)
|
|
30
|
+
</label>
|
|
31
|
+
<input class="govuk-input" id="address-line-2" name="hotelAddress_addressLine2" type="text" value="" autocomplete="address-line2">
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
<div class="govuk-form-group">
|
|
36
|
+
<label class="govuk-label" for="address-town">
|
|
37
|
+
Town or city (optional)
|
|
38
|
+
</label>
|
|
39
|
+
<input class="govuk-input govuk-!-width-two-thirds" id="address-town" name="hotelAddress_townCity" type="text" value="" autocomplete="address-level2">
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
<div class="govuk-form-group">
|
|
44
|
+
<label class="govuk-label" for="address-county">
|
|
45
|
+
County (optional)
|
|
46
|
+
</label>
|
|
47
|
+
<input class="govuk-input govuk-!-width-two-thirds" id="address-county" name="hotelAddress_county" type="text" value="" autocomplete="address-level1">
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
<div class="govuk-form-group">
|
|
52
|
+
<label class="govuk-label" for="address-postcode">
|
|
53
|
+
Postcode (optional)
|
|
54
|
+
</label>
|
|
55
|
+
<input class="govuk-input govuk-input--width-10" id="address-postcode" name="hotelAddress_postcode" type="text" value="" autocomplete="postal-code">
|
|
56
|
+
</div>
|
|
57
|
+
|
|
58
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
59
|
+
Continue
|
|
60
|
+
</button>
|
|
61
|
+
|
|
62
|
+
</fieldset>
|
|
63
|
+
</form>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<form action="" method="post" novalidate>
|
|
10
|
+
<input type="hidden" name="_csrf" value="">
|
|
11
|
+
|
|
12
|
+
<fieldset class="govuk-fieldset">
|
|
13
|
+
<legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
|
|
14
|
+
<h1 class="govuk-fieldset__heading">
|
|
15
|
+
Select your luggage weight and unit.
|
|
16
|
+
</h1>
|
|
17
|
+
</legend>
|
|
18
|
+
|
|
19
|
+
<p class="govuk-body"></p>
|
|
20
|
+
|
|
21
|
+
<div class="govuk-form-group">
|
|
22
|
+
<div class="govuk-radios govuk-radios" data-module="govuk-radios">
|
|
23
|
+
<div class="govuk-radios__item">
|
|
24
|
+
<input class="govuk-radios__input" id="luggageWeightUnits" name="luggageWeightUnits" type="radio" value="kg" data-aria-controls="conditional-luggageWeightUnits" data-cy="answer-kg">
|
|
25
|
+
<label class="govuk-label govuk-radios__label" for="luggageWeightUnits">
|
|
26
|
+
Kilograms
|
|
27
|
+
</label>
|
|
28
|
+
</div>
|
|
29
|
+
<div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-luggageWeightUnits">
|
|
30
|
+
<div class="govuk-form-group">
|
|
31
|
+
<label class="govuk-label" for="luggageWeightValue_kg">
|
|
32
|
+
Weight in kilograms
|
|
33
|
+
</label>
|
|
34
|
+
<div id="luggageWeightValue_kg-hint" class="govuk-hint">
|
|
35
|
+
|
|
36
|
+
</div>
|
|
37
|
+
<div class="govuk-input__wrapper">
|
|
38
|
+
<input class="govuk-input govuk-input--width-5" id="luggageWeightValue_kg" name="luggageWeightValue_kg" type="text" spellcheck="false" value="" aria-describedby="luggageWeightValue_kg-hint" inputmode="numeric">
|
|
39
|
+
<div class="govuk-input__suffix" aria-hidden="true">kg</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<div class="govuk-radios__item">
|
|
44
|
+
<input class="govuk-radios__input" id="luggageWeightUnits-2" name="luggageWeightUnits" type="radio" value="lbs" data-aria-controls="conditional-luggageWeightUnits-2" data-cy="answer-lbs">
|
|
45
|
+
<label class="govuk-label govuk-radios__label" for="luggageWeightUnits-2">
|
|
46
|
+
Pounds
|
|
47
|
+
</label>
|
|
48
|
+
</div>
|
|
49
|
+
<div class="govuk-radios__conditional govuk-radios__conditional--hidden" id="conditional-luggageWeightUnits-2">
|
|
50
|
+
<div class="govuk-form-group">
|
|
51
|
+
<label class="govuk-label" for="luggageWeightValue_lbs">
|
|
52
|
+
Weight in pounds
|
|
53
|
+
</label>
|
|
54
|
+
<div id="luggageWeightValue_lbs-hint" class="govuk-hint">
|
|
55
|
+
|
|
56
|
+
</div>
|
|
57
|
+
<div class="govuk-input__wrapper">
|
|
58
|
+
<input class="govuk-input govuk-input--width-5" id="luggageWeightValue_lbs" name="luggageWeightValue_lbs" type="text" spellcheck="false" value="" aria-describedby="luggageWeightValue_lbs-hint" inputmode="numeric">
|
|
59
|
+
<div class="govuk-input__suffix" aria-hidden="true">lbs</div>
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
</fieldset>
|
|
69
|
+
|
|
70
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
71
|
+
Continue
|
|
72
|
+
</button>
|
|
73
|
+
</form>
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
<div class="govuk-grid-row">
|
|
2
|
+
<div class="govuk-grid-column-two-thirds">
|
|
3
|
+
</div>
|
|
4
|
+
</div>
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
<div class="govuk-grid-row">
|
|
8
|
+
<div class="govuk-grid-column-two-thirds">
|
|
9
|
+
<h1 class="govuk-heading-l">How many nights will you stay on holiday?</h1>
|
|
10
|
+
<p class="govuk-body"></p>
|
|
11
|
+
<form action="" method="post" novalidate>
|
|
12
|
+
<input type="hidden" name="_csrf" value="">
|
|
13
|
+
<div class="govuk-form-group">
|
|
14
|
+
<label class="govuk-label" for="nights">
|
|
15
|
+
Nights
|
|
16
|
+
</label>
|
|
17
|
+
<div id="nights-hint" class="govuk-hint">
|
|
18
|
+
|
|
19
|
+
</div>
|
|
20
|
+
<input class="govuk-input govuk-input--width-5" id="nights" name="nights" type="text" spellcheck="false" value="" aria-describedby="nights-hint" inputmode="numeric">
|
|
21
|
+
</div>
|
|
22
|
+
|
|
23
|
+
<button type="submit" class="govuk-button" data-module="govuk-button" data-cy="button-save-and-continue">
|
|
24
|
+
Continue
|
|
25
|
+
</button>
|
|
26
|
+
</form>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|