hof 20.0.0-beta.18 → 20.0.0-beta.19
Sign up to get free protection for your applications and to get access to all the features.
- package/frontend/govuk-template/govuk_template_generated.html +104 -0
- package/frontend/template-mixins/partials/forms/input-text-date.html +1 -1
- package/frontend/template-mixins/partials/forms/input-text-group.html +1 -1
- package/frontend/template-mixins/partials/forms/select.html +1 -1
- package/frontend/template-mixins/partials/forms/textarea-group.html +1 -1
- package/frontend/themes/gov-uk/styles/modules/_validation.scss +2 -2
- package/package.json +1 -1
- package/sandbox/apps/sandbox/translations/en/default.json +15 -36
- package/sandbox/public/css/app.css +6605 -12
- package/sandbox/public/js/bundle.js +2808 -24
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
|
|
2
|
+
<!DOCTYPE html>
|
|
3
|
+
<!--[if lt IE 9]><html class="lte-ie8" lang="{{htmlLang}}"><![endif]-->
|
|
4
|
+
<!--[if gt IE 8]><!--><html lang="{{htmlLang}}" class="govuk-template"><!--<![endif]-->
|
|
5
|
+
<head>
|
|
6
|
+
<meta charset="utf-8" />
|
|
7
|
+
<title>{{$pageTitle}}{{/pageTitle}}</title>
|
|
8
|
+
|
|
9
|
+
<link rel="shortcut icon" sizes="16x16 32x32 48x48" href="{{govukAssetPath}}images/favicon.ico" type="image/x-icon">
|
|
10
|
+
<link rel="mask-icon" href="{{govukAssetPath}}images/govuk-mask-icon.svg" color="#0b0c0c">
|
|
11
|
+
<link rel="apple-touch-icon" sizes="180x180" href="{{govukAssetPath}}images/govuk-apple-touch-icon-180x180.png">
|
|
12
|
+
<link rel="apple-touch-icon" sizes="167x167" href="{{govukAssetPath}}images/govuk-apple-touch-icon-167x167.png">
|
|
13
|
+
<link rel="apple-touch-icon" sizes="152x152" href="{{govukAssetPath}}images/govuk-apple-touch-icon-152x152.png">
|
|
14
|
+
<link rel="apple-touch-icon" href="{{govukAssetPath}}images/govuk-apple-touch-icon.png">
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
<meta name="theme-color" content="#0b0c0c" />
|
|
18
|
+
|
|
19
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
20
|
+
|
|
21
|
+
{{$head}}{{/head}}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
<meta property="og:image" content="{{govukAssetPath}}images/opengraph-image.png">
|
|
25
|
+
</head>
|
|
26
|
+
|
|
27
|
+
<body class="{{$bodyClasses}}{{/bodyClasses}} govuk-template__body js-enabled" >
|
|
28
|
+
<script {{#nonce}}nonce="{{nonce}}"{{/nonce}}>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
<div id="global-cookie-message" class="gem-c-cookie-banner govuk-clearfix" data-module="cookie-banner" role="region" aria-label="cookie banner" data-nosnippet="">
|
|
33
|
+
{{$cookieMessage}}{{/cookieMessage}}
|
|
34
|
+
</div>
|
|
35
|
+
|
|
36
|
+
{{$bodyStart}}{{/bodyStart}}
|
|
37
|
+
|
|
38
|
+
<header role="banner" id="govuk-header" class="{{$headerClass}}{{/headerClass}}">
|
|
39
|
+
<div class="govuk-header__container govuk-width-container">
|
|
40
|
+
|
|
41
|
+
<div class="govuk-header__logo">
|
|
42
|
+
<a href="{{$homepageUrl}}https://www.gov.uk{{/homepageUrl}}" title="{{$logoLinkTitle}}Go to the GOV.UK homepage{{/logoLinkTitle}}" id="logo" class="govuk-header__link govuk-header__link--homepage" target="_blank" data-module="track-click" data-track-category="homeLinkClicked" data-track-action="homeHeader">
|
|
43
|
+
<span class="govuk-header__logotype">
|
|
44
|
+
<!--[if gt IE 8]><!-->
|
|
45
|
+
<svg aria-hidden="true" focusable="false" class="govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132 97" height="30" width="36">
|
|
46
|
+
<path fill="currentColor" fill-rule="evenodd" d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
|
|
47
|
+
</svg>
|
|
48
|
+
<!--<![endif]-->
|
|
49
|
+
<!--<![endif]-->
|
|
50
|
+
<!--[if IE 8]>
|
|
51
|
+
<img src="{{govukAssetPath}}images/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32">
|
|
52
|
+
<![endif]-->
|
|
53
|
+
</span>
|
|
54
|
+
<span class="govuk-header__logotype-text">
|
|
55
|
+
{{$globalHeaderText}}GOV.UK{{/globalHeaderText}}
|
|
56
|
+
</span>
|
|
57
|
+
</a>
|
|
58
|
+
</div>
|
|
59
|
+
{{$insideHeader}}{{/insideHeader}}
|
|
60
|
+
|
|
61
|
+
{{$propositionHeader}}{{/propositionHeader}}
|
|
62
|
+
</div>
|
|
63
|
+
</header>
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
{{$afterHeader}}{{/afterHeader}}
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
{{$main}}{{/main}}
|
|
70
|
+
|
|
71
|
+
<footer class="govuk-footer" id="footer" role="contentinfo">
|
|
72
|
+
|
|
73
|
+
<div class="govuk-width-container">
|
|
74
|
+
{{$footerTop}}{{/footerTop}}
|
|
75
|
+
|
|
76
|
+
<div class="govuk-footer__meta">
|
|
77
|
+
<div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
|
|
78
|
+
<h2 class="govuk-visually-hidden">Support links</h2>
|
|
79
|
+
{{$footerSupportLinks}}{{/footerSupportLinks}}
|
|
80
|
+
|
|
81
|
+
<svg aria-hidden="true" focusable="false" class="govuk-footer__licence-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 483.2 195.7" height="17" width="41">
|
|
82
|
+
<path fill="currentColor" d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"></path>
|
|
83
|
+
</svg>
|
|
84
|
+
|
|
85
|
+
<span class="govuk-footer__licence-description">{{$licenceMessage}}All content is available under the <a href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" id="open-government-licence" class="govuk-footer__link" target="_blank" rel="license">Open Government Licence v3.0</a>, except where otherwise stated{{/licenceMessage}}</span>
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
|
+
<div class="govuk-footer__meta-item">
|
|
89
|
+
<a class="govuk-footer__link govuk-footer__copyright-logo" id="copyright-logo" target="_blank" href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">{{$crownCopyrightMessage}}© Crown copyright{{/crownCopyrightMessage}}</a>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
</footer>
|
|
94
|
+
|
|
95
|
+
<div id="global-app-error" class="app-error hidden"></div>
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
{{$bodyEnd}}{{/bodyEnd}}
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
<script {{#nonce}}nonce="{{nonce}}"{{/nonce}}>if (typeof window.GOVUK === 'undefined') document.body.className = document.body.className.replace('js-enabled', '');</script>
|
|
102
|
+
|
|
103
|
+
</body>
|
|
104
|
+
</html>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
type="{{type}}"
|
|
15
15
|
name="{{id}}"
|
|
16
16
|
id="{{id}}"
|
|
17
|
-
class="govuk-input{{#className}} {{className}}{{/className}}{{#error}}
|
|
17
|
+
class="govuk-input{{#className}} {{className}}{{/className}}{{#error}} govuk-input—error{{/error}}"
|
|
18
18
|
aria-required="{{required}}"
|
|
19
19
|
{{#value}} value="{{value}}"{{/value}}
|
|
20
20
|
{{#min}} min="{{min}}"{{/min}}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
type="{{type}}"
|
|
20
20
|
name="{{id}}"
|
|
21
21
|
id="{{id}}"
|
|
22
|
-
class="{{^className}}govuk-input{{/className}}{{#className}}{{className}}{{/className}}{{#error}}
|
|
22
|
+
class="{{^className}}govuk-input{{/className}}{{#className}}{{className}}{{/className}}{{#error}} govuk-input—error{{/error}}"
|
|
23
23
|
aria-required="{{required}}"
|
|
24
24
|
{{#value}} value="{{value}}"{{/value}}
|
|
25
25
|
{{#min}} min="{{min}}"{{/min}}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
{{/error}}
|
|
10
10
|
</label>
|
|
11
11
|
{{#isPageHeading}}</h1>{{/isPageHeading}}
|
|
12
|
-
<select id="{{id}}" class="govuk-select{{#className}} {{className}}{{/className}}{{#error}}
|
|
12
|
+
<select id="{{id}}" class="govuk-select{{#className}} {{className}}{{/className}}{{#error}} govuk-select—error{{/error}}" name="{{id}}" aria-required="{{required}}">
|
|
13
13
|
{{#options}}
|
|
14
14
|
<option value="{{value}}" {{#selected}}selected{{/selected}}>{{label}}</option>
|
|
15
15
|
{{/options}}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
<textarea
|
|
17
17
|
name="{{id}}"
|
|
18
18
|
id="{{id}}"
|
|
19
|
-
class="govuk-textarea{{#className}} {{className}}{{/className}} {{#maxlength}}maxlength{{/maxlength}}{{#error}}
|
|
19
|
+
class="govuk-textarea{{#className}} {{className}}{{/className}} {{#maxlength}}maxlength{{/maxlength}}{{#error}} govuk-input—error{{/error}}"
|
|
20
20
|
aria-required="{{required}}"
|
|
21
21
|
{{#maxlength}} maxlength="{{maxlength}}"{{/maxlength}}
|
|
22
22
|
{{#attributes}}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
.govuk-form-group--error {
|
|
26
26
|
box-sizing: border-box;
|
|
27
27
|
padding-left: $gutter-half - $validation-bdr-size;
|
|
28
|
-
border-left: $validation-bdr-size-lg solid $error-colour;
|
|
28
|
+
//border-left: $validation-bdr-size-lg solid $error-colour;
|
|
29
29
|
|
|
30
30
|
&:focus {
|
|
31
31
|
outline: $focus-outline;
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
margin-bottom: 0.5em;
|
|
43
43
|
}
|
|
44
44
|
@include bold-19;
|
|
45
|
-
color: $error-colour;
|
|
45
|
+
//color: $error-colour;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.invalid-input,
|
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
"fields": {
|
|
3
3
|
"landing-page-radio": {
|
|
4
4
|
"legend": "Which form would you like to explore?",
|
|
5
|
+
"hint": "Choose one of the options below and press continue.",
|
|
5
6
|
"options": {
|
|
6
7
|
"basic-form": {
|
|
7
8
|
"label": "Basic form"
|
|
@@ -15,10 +16,10 @@
|
|
|
15
16
|
}
|
|
16
17
|
},
|
|
17
18
|
"name": {
|
|
18
|
-
"label": "
|
|
19
|
+
"label": "What is your full name?"
|
|
19
20
|
},
|
|
20
21
|
"dateOfBirth": {
|
|
21
|
-
"legend": "
|
|
22
|
+
"legend": "What is your date of birth?",
|
|
22
23
|
"hint": "For example, 31 10 1990"
|
|
23
24
|
},
|
|
24
25
|
"building": {
|
|
@@ -56,7 +57,7 @@
|
|
|
56
57
|
}
|
|
57
58
|
},
|
|
58
59
|
"countryOfHearing": {
|
|
59
|
-
"
|
|
60
|
+
"legend": "What country was the appeal lodged?",
|
|
60
61
|
"options": {
|
|
61
62
|
"englandAndWales": {
|
|
62
63
|
"label": "England and Wales"
|
|
@@ -70,7 +71,7 @@
|
|
|
70
71
|
}
|
|
71
72
|
},
|
|
72
73
|
"email": {
|
|
73
|
-
"label": "
|
|
74
|
+
"label": "Enter your email address"
|
|
74
75
|
},
|
|
75
76
|
"phone": {
|
|
76
77
|
"label": "Phone number",
|
|
@@ -80,64 +81,42 @@
|
|
|
80
81
|
"legend": "International phone number"
|
|
81
82
|
},
|
|
82
83
|
"complaintDetails": {
|
|
83
|
-
"label": "Complaint details"
|
|
84
|
+
"label": "Complaint details",
|
|
85
|
+
"hint": "Briefly summarise your complaint. Include anything that can help our investigation."
|
|
84
86
|
},
|
|
85
87
|
"countrySelect": {
|
|
86
|
-
"label": "
|
|
88
|
+
"label": "Which country are you based in?",
|
|
87
89
|
"hint": "Start to type the country name and options will appear"
|
|
88
90
|
},
|
|
89
91
|
"appealStages": {
|
|
90
92
|
"label": "Appeal stage",
|
|
93
|
+
"hint": "Choose an appeal stage from the drop down menu",
|
|
91
94
|
"options": {
|
|
92
95
|
"null": "Select..."
|
|
93
96
|
}
|
|
94
97
|
}
|
|
95
98
|
},
|
|
96
99
|
"journey": {
|
|
97
|
-
"header": "HOF Bootstrap Sandbox Form"
|
|
100
|
+
"header": "HOF Bootstrap Sandbox Form",
|
|
101
|
+
"confirmation": {
|
|
102
|
+
"details": "Your reference number <br><strong>HDJ2123F</strong>"
|
|
103
|
+
}
|
|
98
104
|
},
|
|
99
105
|
"pages": {
|
|
100
106
|
"landing-page": {
|
|
101
|
-
"header": "Landing page"
|
|
102
|
-
"intro": "Choose one of the options below and press continue."
|
|
107
|
+
"header": "Landing page"
|
|
103
108
|
},
|
|
104
109
|
"build-your-own-form": {
|
|
105
110
|
"title": "Build your own form",
|
|
106
111
|
"subheader": "Access the build your own form guidance link"
|
|
107
112
|
},
|
|
108
|
-
"name": {
|
|
109
|
-
"header": "What is your full name?"
|
|
110
|
-
},
|
|
111
|
-
"dob": {
|
|
112
|
-
"header": "What is your date of birth?"
|
|
113
|
-
},
|
|
114
113
|
"address": {
|
|
115
114
|
"header": "What is your address in the UK?",
|
|
116
115
|
"intro": "If you have no fixed address, enter an address where we can contact you."
|
|
117
116
|
},
|
|
118
|
-
"checkboxes": {
|
|
119
|
-
"header": "Where does your money come from each month?"
|
|
120
|
-
},
|
|
121
|
-
"radio": {
|
|
122
|
-
"header": "What country was the appeal lodged?"
|
|
123
|
-
},
|
|
124
|
-
"country-select": {
|
|
125
|
-
"header": "What country is your address located?"
|
|
126
|
-
},
|
|
127
|
-
"email": {
|
|
128
|
-
"header": "Enter your email address"
|
|
129
|
-
},
|
|
130
117
|
"phone-number": {
|
|
131
118
|
"header": "Enter your phone number"
|
|
132
119
|
},
|
|
133
|
-
"text-input-area": {
|
|
134
|
-
"header": "What are the details of your complaint?",
|
|
135
|
-
"intro": "Briefly summarise your complaint. Include anything that can help our investigation."
|
|
136
|
-
},
|
|
137
|
-
"select": {
|
|
138
|
-
"header": "What is the appeal stage?",
|
|
139
|
-
"intro": "Choose an appeal stage from the drop down menu"
|
|
140
|
-
},
|
|
141
120
|
"confirm": {
|
|
142
121
|
"header": "Check your answers before submitting your application.",
|
|
143
122
|
"sections": {
|
|
@@ -215,7 +194,7 @@
|
|
|
215
194
|
},
|
|
216
195
|
"complaintDetails": {
|
|
217
196
|
"default": "Enter details about why you are making a complaint",
|
|
218
|
-
"maxlength": "Keep to the
|
|
197
|
+
"maxlength": "Keep to the {{maxlength}} character limit"
|
|
219
198
|
},
|
|
220
199
|
"appealStages": {
|
|
221
200
|
"required": "Select an appeal stage from the list"
|