govuk_publishing_components 27.19.0 → 28.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/govuk_publishing_components/analytics/custom-dimensions.js +2 -20
- data/app/assets/javascripts/govuk_publishing_components/analytics/download-link-tracker.js +21 -16
- data/app/assets/javascripts/govuk_publishing_components/analytics/external-link-tracker.js +46 -32
- data/app/assets/javascripts/govuk_publishing_components/analytics/google-analytics-universal-tracker.js +20 -7
- data/app/assets/javascripts/govuk_publishing_components/analytics/mailto-link-tracker.js +22 -17
- data/app/assets/javascripts/govuk_publishing_components/analytics/static-analytics.js +4 -4
- data/app/assets/javascripts/govuk_publishing_components/analytics.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/feedback.js +18 -18
- data/app/assets/javascripts/govuk_publishing_components/components/metadata.js +27 -0
- data/app/assets/javascripts/govuk_publishing_components/lib/extend-object.js +22 -0
- data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +1 -2
- data/app/assets/stylesheets/govuk_publishing_components/components/_feedback.scss +8 -37
- data/app/assets/stylesheets/govuk_publishing_components/components/_signup-link.scss +34 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +6 -0
- data/app/views/govuk_publishing_components/components/_big_number.html.erb +10 -4
- data/app/views/govuk_publishing_components/components/_metadata.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/_signup_link.html.erb +30 -0
- data/app/views/govuk_publishing_components/components/docs/accordion.yml +31 -25
- data/app/views/govuk_publishing_components/components/docs/big_number.yml +6 -0
- data/app/views/govuk_publishing_components/components/docs/feedback.yml +5 -0
- data/app/views/govuk_publishing_components/components/docs/input.yml +1 -1
- data/app/views/govuk_publishing_components/components/docs/signup_link.yml +39 -0
- data/app/views/govuk_publishing_components/components/docs/success_alert.yml +1 -1
- data/app/views/govuk_publishing_components/components/docs/tabs.yml +2 -2
- data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb +9 -6
- data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb +4 -3
- data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +9 -7
- data/config/locales/ar.yml +0 -8
- data/config/locales/az.yml +0 -8
- data/config/locales/be.yml +0 -8
- data/config/locales/bg.yml +0 -8
- data/config/locales/bn.yml +0 -8
- data/config/locales/cs.yml +0 -8
- data/config/locales/cy.yml +0 -8
- data/config/locales/da.yml +0 -8
- data/config/locales/de.yml +0 -8
- data/config/locales/dr.yml +0 -8
- data/config/locales/el.yml +0 -8
- data/config/locales/en.yml +0 -10
- data/config/locales/es-419.yml +0 -8
- data/config/locales/es.yml +0 -8
- data/config/locales/et.yml +0 -8
- data/config/locales/fa.yml +0 -8
- data/config/locales/fi.yml +0 -8
- data/config/locales/fr.yml +0 -8
- data/config/locales/gd.yml +0 -8
- data/config/locales/gu.yml +0 -8
- data/config/locales/he.yml +0 -8
- data/config/locales/hi.yml +0 -8
- data/config/locales/hr.yml +0 -8
- data/config/locales/hu.yml +0 -8
- data/config/locales/hy.yml +0 -8
- data/config/locales/id.yml +0 -8
- data/config/locales/is.yml +0 -8
- data/config/locales/it.yml +0 -8
- data/config/locales/ja.yml +0 -8
- data/config/locales/ka.yml +0 -8
- data/config/locales/kk.yml +0 -8
- data/config/locales/ko.yml +0 -8
- data/config/locales/lt.yml +0 -8
- data/config/locales/lv.yml +0 -8
- data/config/locales/ms.yml +0 -8
- data/config/locales/mt.yml +0 -8
- data/config/locales/nl.yml +0 -8
- data/config/locales/no.yml +0 -8
- data/config/locales/pa-pk.yml +0 -8
- data/config/locales/pa.yml +0 -8
- data/config/locales/pl.yml +0 -8
- data/config/locales/ps.yml +0 -8
- data/config/locales/pt.yml +0 -8
- data/config/locales/ro.yml +0 -8
- data/config/locales/ru.yml +0 -8
- data/config/locales/si.yml +0 -8
- data/config/locales/sk.yml +0 -8
- data/config/locales/sl.yml +0 -8
- data/config/locales/so.yml +0 -8
- data/config/locales/sq.yml +0 -8
- data/config/locales/sr.yml +0 -8
- data/config/locales/sv.yml +0 -8
- data/config/locales/sw.yml +0 -8
- data/config/locales/ta.yml +0 -8
- data/config/locales/th.yml +0 -8
- data/config/locales/tk.yml +0 -8
- data/config/locales/tr.yml +0 -8
- data/config/locales/uk.yml +0 -8
- data/config/locales/ur.yml +0 -8
- data/config/locales/uz.yml +0 -8
- data/config/locales/vi.yml +0 -8
- data/config/locales/zh-hk.yml +0 -8
- data/config/locales/zh-tw.yml +0 -8
- data/config/locales/zh.yml +0 -8
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/lib/govuk_publishing_components.rb +0 -2
- metadata +7 -15
- data/app/assets/javascripts/govuk_publishing_components/analytics/scroll-tracker.js +0 -237
- data/app/assets/stylesheets/govuk_publishing_components/components/_highlight-boxes.scss +0 -84
- data/app/assets/stylesheets/govuk_publishing_components/components/_taxonomy-list.scss +0 -21
- data/app/views/govuk_publishing_components/components/_admin_analytics.html.erb +0 -20
- data/app/views/govuk_publishing_components/components/_government_navigation.html.erb +0 -86
- data/app/views/govuk_publishing_components/components/_highlight_boxes.html.erb +0 -47
- data/app/views/govuk_publishing_components/components/_taxonomy_list.html.erb +0 -30
- data/app/views/govuk_publishing_components/components/docs/admin_analytics.yml +0 -10
- data/app/views/govuk_publishing_components/components/docs/government_navigation.yml +0 -20
- data/app/views/govuk_publishing_components/components/docs/highlight_boxes.yml +0 -171
- data/app/views/govuk_publishing_components/components/docs/taxonomy_list.yml +0 -112
- data/lib/govuk_publishing_components/presenters/highlight_boxes_helper.rb +0 -13
- data/lib/govuk_publishing_components/presenters/taxonomy_list_helper.rb +0 -23
@@ -1,18 +1,24 @@
|
|
1
1
|
<%
|
2
|
+
shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
|
3
|
+
|
2
4
|
number ||= nil
|
3
5
|
label ||= nil
|
4
6
|
href ||= nil
|
5
7
|
data_attributes ||= nil
|
6
8
|
aria ||= nil
|
7
|
-
classes = ["gem-c-big-
|
9
|
+
classes = ["gem-c-big-number"]
|
10
|
+
classes << shared_helper.get_margin_bottom
|
11
|
+
|
12
|
+
value_classes = ["gem-c-big-number__value"]
|
8
13
|
|
9
14
|
if label.nil? && href
|
10
|
-
|
15
|
+
value_classes << "gem-c-big-number__value--decorated"
|
11
16
|
end
|
17
|
+
|
12
18
|
%>
|
13
19
|
<% if number %>
|
14
20
|
<% big_number_value = capture do %>
|
15
|
-
<%= tag.span class:
|
21
|
+
<%= tag.span class: value_classes, data: href ? nil : data_attributes do %>
|
16
22
|
<%= number %>
|
17
23
|
<% end %>
|
18
24
|
|
@@ -25,7 +31,7 @@
|
|
25
31
|
<% end %>
|
26
32
|
<% end %>
|
27
33
|
|
28
|
-
<%= tag.div class:
|
34
|
+
<%= tag.div class: classes, aria: aria do %>
|
29
35
|
<% unless href.nil? %>
|
30
36
|
<%= link_to big_number_value, href, class: "govuk-link gem-c-big-number__link", data: data_attributes %>
|
31
37
|
<% else %>
|
@@ -17,7 +17,7 @@
|
|
17
17
|
classes << "gem-c-metadata--inverse" if inverse
|
18
18
|
classes << shared_helper.get_margin_bottom if local_assigns[:margin_bottom]
|
19
19
|
%>
|
20
|
-
<%= content_tag :div, class: classes, data: { module: "gem-toggle" } do %>
|
20
|
+
<%= content_tag :div, class: classes, data: { module: "gem-toggle metadata" } do %>
|
21
21
|
<dl data-module="gem-track-click">
|
22
22
|
<% if from.any? %>
|
23
23
|
<dt class="gem-c-metadata__term"><%= t("components.metadata.from") %>:</dt>
|
@@ -44,7 +44,7 @@
|
|
44
44
|
<dd class="gem-c-metadata__definition">
|
45
45
|
<%= last_updated %>
|
46
46
|
<% if local_assigns.include?(:see_updates_link) %>
|
47
|
-
— <a href="#history" class="gem-c-metadata__definition-link govuk-!-display-none-print"
|
47
|
+
— <a href="#full-publication-update-history" class="gem-c-metadata__definition-link govuk-!-display-none-print js-see-all-updates-link"
|
48
48
|
data-track-category="content-history"
|
49
49
|
data-track-action="see-all-updates-link-clicked"
|
50
50
|
data-track-label="history">
|
@@ -0,0 +1,30 @@
|
|
1
|
+
<%
|
2
|
+
local_assigns[:heading_level] ||= 3
|
3
|
+
local_assigns[:margin_bottom] ||= 0
|
4
|
+
link_text ||= false
|
5
|
+
link_href ||= false
|
6
|
+
heading ||= false
|
7
|
+
background ||= false
|
8
|
+
data ||= false
|
9
|
+
|
10
|
+
shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
|
11
|
+
|
12
|
+
classes = %w(gem-c-signup-link govuk-!-display-none-print)
|
13
|
+
classes << shared_helper.get_margin_bottom
|
14
|
+
classes << "gem-c-signup-link--link-only" unless heading
|
15
|
+
classes << "gem-c-signup-link--with-background-and-border" if background
|
16
|
+
%>
|
17
|
+
<% if link_text && link_href %>
|
18
|
+
<div class="<%= classes.join(' ') %>">
|
19
|
+
<div class="gem-c-signup-link__inner govuk-width-container">
|
20
|
+
<svg class="gem-c-signup-link__icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 459.334 459.334">
|
21
|
+
<path fill="black" d="M177.216 404.514c-.001.12-.009.239-.009.359 0 30.078 24.383 54.461 54.461 54.461s54.461-24.383 54.461-54.461c0-.12-.008-.239-.009-.359H175.216zM403.549 336.438l-49.015-72.002v-89.83c0-60.581-43.144-111.079-100.381-122.459V24.485C254.152 10.963 243.19 0 229.667 0s-24.485 10.963-24.485 24.485v27.663c-57.237 11.381-100.381 61.879-100.381 122.459v89.83l-49.015 72.002a24.76 24.76 0 0 0 20.468 38.693H383.08a24.761 24.761 0 0 0 20.469-38.694z"/>
|
22
|
+
</svg>
|
23
|
+
<%= content_tag(shared_helper.get_heading_level, heading, class: "govuk-heading-s gem-c-signup-link__title") if heading %>
|
24
|
+
<%= link_to( link_text, link_href, {
|
25
|
+
class: "govuk-link gem-c-signup-link__link",
|
26
|
+
data: data
|
27
|
+
}) %>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
<% end %>
|
@@ -3,33 +3,34 @@ description: The accordion component lets users show and hide sections of relate
|
|
3
3
|
govuk_frontend_components:
|
4
4
|
- accordion
|
5
5
|
body: |
|
6
|
-
This component is based on the [
|
7
|
-
and is currently experimental because more research is needed to validate it. If using this component, [please feed back any research findings to the Design System team](https://design-system.service.gov.uk/
|
6
|
+
This component is based on the [GOV.UK Design System accordion component](https://design-system.service.gov.uk/components/accordion/)
|
7
|
+
and is currently experimental because more research is needed to validate it. If using this component, [please feed back any research findings to the Design System team](https://design-system.service.gov.uk/get-in-touch/).
|
8
8
|
|
9
9
|
accessibility_criteria: |
|
10
10
|
The accordion must:
|
11
11
|
|
12
12
|
* accept focus
|
13
13
|
* be usable with a keyboard
|
14
|
-
* the controls
|
15
|
-
* the controls
|
14
|
+
* allow the controls to change in appearance when keyboard focus moves to it
|
15
|
+
* allow the controls to indicate when users hover their cursor over it
|
16
16
|
* be usable with touch
|
17
17
|
* be usable with voice commands
|
18
18
|
* have visible text
|
19
19
|
* indicate to users that each section can be expanded and collapsed
|
20
|
-
*
|
20
|
+
* tell the user when a step has been expanded or collapsed
|
21
21
|
* be readable when only the [text of the page is zoomed in](https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages#w_how-to-only-change-the-size-of-the-text)
|
22
|
-
* zoom in up to 300% without the text spilling off the screen
|
23
|
-
* pass colour contrast
|
24
|
-
*
|
25
|
-
*
|
22
|
+
* zoom in up to 300% [without the text spilling off the screen](https://www.w3.org/WAI/WCAG21/Understanding/reflow.html)
|
23
|
+
* pass [colour contrast](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html)
|
24
|
+
* be readable should a [user change colours](https://support.mozilla.org/en-US/kb/change-fonts-and-colors-websites-use)
|
25
|
+
* associate panel content with the control that opens it using the `aria-controls` attribute
|
26
|
+
* have `aria-label` / `aria-labelledby` on section content with a value that refers to the button that controls display of the content
|
26
27
|
|
27
|
-
Section headings must use a button element:
|
28
|
+
Section headings must use a button element so that users:
|
28
29
|
|
29
|
-
*
|
30
|
-
*
|
30
|
+
* can toggle sections with the space and enter keys
|
31
|
+
* cannot open sections in a new tab or window
|
31
32
|
|
32
|
-
When JavaScript is unavailable the component must:
|
33
|
+
When CSS and / or JavaScript is unavailable, the component must:
|
33
34
|
|
34
35
|
* be fully expanded
|
35
36
|
* not be marked as expandable
|
@@ -57,9 +58,9 @@ examples:
|
|
57
58
|
html: <p class="govuk-body">This is the content for How people read.</p>
|
58
59
|
with_supplied_identification:
|
59
60
|
description: |
|
60
|
-
An `id` is optional as it's automatically generated, but it can be supplied if a specific `id` is required.
|
61
|
+
An `id` for an individual accordion is optional as it's automatically generated, but it can be supplied if a specific `id` is required.
|
61
62
|
|
62
|
-
The `id` must be
|
63
|
+
The `id` must be unique across the domain of your service. This is because the open or closed state of individual instances of the accordion uses `localStorage` to persist across page loads.
|
63
64
|
|
64
65
|
Used as an `id` in the HTML for the accordion as a whole, and also as a prefix for the `id`s of the section contents and the buttons that open them, so that those `id`s can be the target of `aria-labelledby` and `aria-control` attributes.
|
65
66
|
data:
|
@@ -182,11 +183,11 @@ examples:
|
|
182
183
|
</ul>'
|
183
184
|
with_data_attributes:
|
184
185
|
description: |
|
185
|
-
Adds custom data attributes to
|
186
|
+
Adds custom data attributes to each section of the accordion. Accepts a hash, so multiple attributes can be added.
|
186
187
|
|
187
188
|
The `data_attributes` hash is for the outermost element in the accordion.
|
188
189
|
|
189
|
-
Each item can also have a `data_attributes` hash.
|
190
|
+
Each item can also have a `data_attributes` hash. These `data_attributes` are placed on the `button` that triggers the opening and closing - useful for differentiating between each section of the accordion.
|
190
191
|
|
191
192
|
data:
|
192
193
|
data_attributes:
|
@@ -240,7 +241,7 @@ examples:
|
|
240
241
|
html: <p class="govuk-body">This is the content for How people read.</p>
|
241
242
|
with_margin_bottom:
|
242
243
|
description: |
|
243
|
-
The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to having a margin bottom of 30px
|
244
|
+
The component accepts a number for margin bottom from `0` to `9` (`0px` to `60px`) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to having a margin bottom of `30px`.
|
244
245
|
data:
|
245
246
|
margin_bottom: 0
|
246
247
|
items:
|
@@ -254,7 +255,7 @@ examples:
|
|
254
255
|
html: <p class="govuk-body">This is the content for Writing well for specialists.</p>
|
255
256
|
with_section_open:
|
256
257
|
description: |
|
257
|
-
Adding `expanded: true` to the item will mean the section
|
258
|
+
Adding `expanded: true` to the item will mean the section defaults to being open, rather than closed. Once a user opens or closes a section, the state of each section is remembered.
|
258
259
|
data:
|
259
260
|
items:
|
260
261
|
- heading:
|
@@ -276,13 +277,18 @@ examples:
|
|
276
277
|
html: <p class="govuk-body">This is the content for How people read.</p>
|
277
278
|
with_the_anchor_link_navigation:
|
278
279
|
description: |
|
279
|
-
Some apps require custom
|
280
|
+
Some apps require custom `id`s per accordion section heading. Custom `id`s allow you to link section headings, sometimes across multiple pages.
|
281
|
+
|
282
|
+
For example on [guidance pages for Content Designers, referred to as "manuals",](https://www.gov.uk/guidance/how-to-publish-on-gov-uk/creating-and-updating-pages#associations) each manual includes multiple sets of accordions and will reference between specific sections to easily access content.
|
280
283
|
|
281
|
-
|
284
|
+
Using the same rules, custom `id`s automatically open accordions when users click within another accordion that links to either
|
282
285
|
|
283
|
-
|
286
|
+
* the `id` of an accordion section heading
|
287
|
+
* an `id` within the content of an accordion (this will also automatically navigate to and open accordions on page load)
|
284
288
|
|
285
|
-
|
289
|
+
This feature will only be used if the `anchor_navigation` flag is passed as `true`. This mitigates performance risk from event listeners on a large number of links.
|
290
|
+
|
291
|
+
Unlike with the accordion-wide custom `id` attribute, any `id`s passed to accordion headings as part of this are not stored in `localStorage`. `id`s do not need to be unique across your domain, but should still be unique in the context of the page.
|
286
292
|
data:
|
287
293
|
anchor_navigation: true
|
288
294
|
items:
|
@@ -305,7 +311,7 @@ examples:
|
|
305
311
|
html: <p class="govuk-body">This is the content for How people read.</p>
|
306
312
|
condensed_layout:
|
307
313
|
description: |
|
308
|
-
This is for when a smaller accordion is required. Since smaller screens trigger a single column layout, this modifier only makes the accordion smaller when viewed on large screens.
|
314
|
+
This layout is for when a smaller accordion is required. Since smaller screens trigger a single column layout, this modifier only makes the accordion smaller when viewed on large screens.
|
309
315
|
data:
|
310
316
|
condensed: true
|
311
317
|
items:
|
@@ -397,4 +403,4 @@ examples:
|
|
397
403
|
<li>
|
398
404
|
<a class="govuk-link govuk-body-s" href="#">Retiring your service</a>
|
399
405
|
</li>
|
400
|
-
</ul>'
|
406
|
+
</ul>'
|
@@ -61,3 +61,9 @@ examples:
|
|
61
61
|
label: Ministerial departments
|
62
62
|
aria:
|
63
63
|
hidden: true
|
64
|
+
with_bottom_margin:
|
65
|
+
description: The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). The default big number margin bottom is 15px (govuk spacing 3).
|
66
|
+
data:
|
67
|
+
number: 119
|
68
|
+
label: Open consultations
|
69
|
+
margin_bottom: 9
|
@@ -5,6 +5,11 @@ body: |
|
|
5
5
|
|
6
6
|
This component uses JavaScript for expanding and collapsing and also for submitting form responses. This code is not compatible with Internet Explorer, so IE11 and down do not use JavaScript to submit the forms, instead falling back to a normal form submission.
|
7
7
|
accessibility_criteria: |
|
8
|
+
The form must:
|
9
|
+
|
10
|
+
* be functional and accessible with JavaScript disabled
|
11
|
+
* be usable and accessible with stylesheets disabled
|
12
|
+
|
8
13
|
Form elements in the component must:
|
9
14
|
|
10
15
|
* accept focus
|
@@ -31,7 +31,7 @@ examples:
|
|
31
31
|
name: "address"
|
32
32
|
type: "email"
|
33
33
|
numeric_input:
|
34
|
-
description: If input is set to `type="number"` we set the component up as described in the [Design System guidance](https://design-system.service.gov.uk/components/text-input/#numbers) adding `inputmode` and `pattern`. These values can be overridden if necessary.
|
34
|
+
description: If input is set to `type="number"` we set the component up as described in the [GOV.UK Design System guidance](https://design-system.service.gov.uk/components/text-input/#numbers) adding `inputmode` and `pattern`. These values can be overridden if necessary.
|
35
35
|
data:
|
36
36
|
label:
|
37
37
|
text: "Account number"
|
@@ -0,0 +1,39 @@
|
|
1
|
+
name: Signup link
|
2
|
+
description: Renders a box with a link to sign up for email notifications
|
3
|
+
accessibility_criteria: |
|
4
|
+
- the component must use the correct heading level for the page
|
5
|
+
- text should have a text contrast ratio higher than 4.5:1 against the background colour to meet WCAG AA
|
6
|
+
- the icon must not be focusable or shown to screenreaders
|
7
|
+
shared_accessibility_criteria:
|
8
|
+
- link
|
9
|
+
examples:
|
10
|
+
default:
|
11
|
+
data:
|
12
|
+
heading: 'Sign up for email notifications'
|
13
|
+
link_text: 'Click right here to sign up!!'
|
14
|
+
link_href: '/this-signs-you-up'
|
15
|
+
with_background_and_border:
|
16
|
+
data:
|
17
|
+
heading: 'Sign up for email notifications'
|
18
|
+
link_text: 'Click right here to sign up!!'
|
19
|
+
link_href: '/this-signs-you-up'
|
20
|
+
background: true
|
21
|
+
link_only:
|
22
|
+
description: If no heading text is passed through, a more compact, link only version is rendered.
|
23
|
+
data:
|
24
|
+
link_text: 'Click right here to sign up!!'
|
25
|
+
link_href: '/this-signs-you-up'
|
26
|
+
with_custom_margin_bottom:
|
27
|
+
description: The component accepts a number for margin bottom from 0 to 9 (0px to 60px) using the [GOV.UK Frontend spacing scale](https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale). It defaults to having no margin bottom.
|
28
|
+
data:
|
29
|
+
heading: 'Sign up for email notifications'
|
30
|
+
link_text: 'Click right here to sign up!!'
|
31
|
+
link_href: '/this-signs-you-up'
|
32
|
+
margin_bottom: 8
|
33
|
+
with_custom_heading_level:
|
34
|
+
description: Override default heading level by passing through `heading_level` parameter (defaults to `h3`).
|
35
|
+
data:
|
36
|
+
heading: 'Sign up for email notifications'
|
37
|
+
link_text: 'Click right here to sign up!!'
|
38
|
+
link_href: '/this-signs-you-up'
|
39
|
+
heading_level: 1
|
@@ -25,7 +25,7 @@ examples:
|
|
25
25
|
message: Message to alert the user to a successful action goes here
|
26
26
|
title_id: my-custom-success-id
|
27
27
|
with_styled_link:
|
28
|
-
description: If you need to include a link in your success alert, you need to specify the `govuk-link` and `govuk-notification-banner__link` classes on that link element. This is in line with Design System guidance that the colour of the link in success notification banners can look jarring if any links are a different colour to the principal colour used by the success banner.
|
28
|
+
description: If you need to include a link in your success alert, you need to specify the `govuk-link` and `govuk-notification-banner__link` classes on that link element. This is in line with GOV.UK Design System guidance that the colour of the link in success notification banners can look jarring if any links are a different colour to the principal colour used by the success banner.
|
29
29
|
data:
|
30
30
|
message: Message to alert the user to a successful action goes here
|
31
31
|
description: <p class="govuk-body">A further description with <a href="/a-cool-page" class="govuk-link govuk-notification-banner__link">a link</a></p>
|
@@ -1,8 +1,8 @@
|
|
1
1
|
name: "Tabs (experimental)"
|
2
2
|
description: "The tabs component lets users toggle between related sections of content."
|
3
3
|
body: |
|
4
|
-
This component is based on the [
|
5
|
-
and is currently experimental. If using this component, please feed back any research findings to the Design System team.
|
4
|
+
This component is based on the [GOV.UK Design System tabs component](https://design-system.service.gov.uk/components/tabs/)
|
5
|
+
and is currently experimental. If using this component, please feed back any research findings to the Design System team](https://design-system.service.gov.uk/get-in-touch/).
|
6
6
|
|
7
7
|
The tabs component lets users navigate between related sections of content on a single page,
|
8
8
|
displaying one section at a time. Note that they are not intended to be used to navigate
|
@@ -1,9 +1,10 @@
|
|
1
1
|
<form action="/contact/govuk/problem_reports"
|
2
2
|
id="something-is-wrong"
|
3
|
-
class="gem-c-feedback__form js-feedback-form
|
3
|
+
class="gem-c-feedback__form js-feedback-form"
|
4
4
|
data-track-category="Onsite Feedback"
|
5
5
|
data-track-action="GOV.UK Send Form"
|
6
|
-
method="post"
|
6
|
+
method="post"
|
7
|
+
hidden>
|
7
8
|
<button
|
8
9
|
class="govuk-button govuk-button--secondary gem-c-feedback__close gem-c-feedback__js-show js-close-form"
|
9
10
|
data-track-category="Onsite Feedback"
|
@@ -15,26 +16,28 @@
|
|
15
16
|
|
16
17
|
<div class="govuk-grid-row">
|
17
18
|
<div class="govuk-grid-column-two-thirds">
|
18
|
-
<div class="gem-c-feedback__error-summary gem-c-feedback__js-show js-
|
19
|
+
<div class="gem-c-feedback__error-summary gem-c-feedback__js-show js-errors" tabindex="-1" hidden></div>
|
19
20
|
|
20
21
|
<input type="hidden" name="url" value="<%= url_without_pii %>">
|
21
22
|
|
22
23
|
<h3 class="gem-c-feedback__form-heading"><%= t("components.feedback.help_us_improve_govuk") %></h3>
|
23
24
|
<p id="feedback_explanation" class="gem-c-feedback__form-paragraph"><%= t("components.feedback.dont_include_personal_info") %></p>
|
24
25
|
|
25
|
-
<%= render "govuk_publishing_components/components/
|
26
|
+
<%= render "govuk_publishing_components/components/textarea", {
|
26
27
|
label: {
|
27
28
|
text: t("components.feedback.what_doing")
|
28
29
|
},
|
29
30
|
name: "what_doing",
|
31
|
+
rows: 3,
|
30
32
|
describedby: "feedback_explanation"
|
31
33
|
} %>
|
32
34
|
|
33
|
-
<%= render "govuk_publishing_components/components/
|
35
|
+
<%= render "govuk_publishing_components/components/textarea", {
|
34
36
|
label: {
|
35
37
|
text: t("components.feedback.what_wrong")
|
36
38
|
},
|
37
|
-
name: "what_wrong"
|
39
|
+
name: "what_wrong",
|
40
|
+
rows: 3
|
38
41
|
} %>
|
39
42
|
|
40
43
|
<%= render "govuk_publishing_components/components/button", {
|
@@ -1,6 +1,6 @@
|
|
1
1
|
<form action="/contact/govuk/email-survey-signup"
|
2
2
|
id="page-is-not-useful"
|
3
|
-
class="gem-c-feedback__form gem-c-feedback__form--email gem-c-feedback__js-show js-feedback-form
|
3
|
+
class="gem-c-feedback__form gem-c-feedback__form--email gem-c-feedback__js-show js-feedback-form"
|
4
4
|
data-track-category="yesNoFeedbackForm"
|
5
5
|
data-track-action="Send Form"
|
6
6
|
method="post">
|
@@ -9,13 +9,14 @@
|
|
9
9
|
data-track-category="yesNoFeedbackForm"
|
10
10
|
data-track-action="ffFormClose"
|
11
11
|
aria-controls="page-is-not-useful"
|
12
|
-
aria-expanded="true"
|
12
|
+
aria-expanded="true"
|
13
|
+
hidden>
|
13
14
|
<%= t("components.feedback.close") %>
|
14
15
|
</button>
|
15
16
|
|
16
17
|
<div class="govuk-grid-row">
|
17
18
|
<div class="govuk-grid-column-two-thirds" id="survey-wrapper">
|
18
|
-
<div class="gem-c-feedback__error-summary js-
|
19
|
+
<div class="gem-c-feedback__error-summary js-errors" tabindex="-1" hidden></div>
|
19
20
|
|
20
21
|
<input name="email_survey_signup[survey_id]" type="hidden" value="footer_satisfaction_survey">
|
21
22
|
<input name="email_survey_signup[survey_source]" type="hidden" value="<%= path_without_pii %>">
|
@@ -3,14 +3,16 @@
|
|
3
3
|
%>
|
4
4
|
|
5
5
|
<div class="gem-c-feedback__prompt gem-c-feedback__js-show js-prompt" tabindex="-1">
|
6
|
-
<div class="gem-c-feedback__prompt-questions js-prompt-questions">
|
6
|
+
<div class="gem-c-feedback__prompt-questions js-prompt-questions" hidden>
|
7
7
|
<h2 class="gem-c-feedback__prompt-question"><%= t("components.feedback.is_this_page_useful") %></h2>
|
8
|
-
<!-- Maybe button exists only to try and capture clicks by bots -->
|
9
|
-
<button data-track-category="yesNoFeedbackForm" data-track-action="ffMaybeClick" aria-expanded="false" style="display: none" hidden="hidden" aria-hidden="true">
|
10
|
-
<%= t("components.feedback.maybe") %>
|
11
|
-
</button>
|
12
8
|
|
13
9
|
<ul class="gem-c-feedback__option-list">
|
10
|
+
<li class="gem-c-feedback__option-list-item" style="display: none" hidden="hidden">
|
11
|
+
<!-- Maybe button exists only to try and capture clicks by bots -->
|
12
|
+
<button data-track-category="yesNoFeedbackForm" data-track-action="ffMaybeClick" aria-expanded="false" style="display: none" hidden="hidden" aria-hidden="true">
|
13
|
+
<%= t("components.feedback.maybe") %>
|
14
|
+
</button>
|
15
|
+
</li>
|
14
16
|
<li class="gem-c-feedback__option-list-item">
|
15
17
|
<button class="govuk-button gem-c-feedback__prompt-link js-page-is-useful" data-track-category="yesNoFeedbackForm" data-track-action="ffYesClick">
|
16
18
|
<%= t("components.feedback.yes") %> <span class="govuk-visually-hidden"><%= t("components.feedback.is_useful") %></span>
|
@@ -23,10 +25,10 @@
|
|
23
25
|
</li>
|
24
26
|
</ul>
|
25
27
|
</div>
|
26
|
-
<div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-success js-prompt-success
|
28
|
+
<div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-success js-prompt-success" role="alert" hidden>
|
27
29
|
<%= t("components.feedback.thank_you_for_feedback") %>
|
28
30
|
</div>
|
29
|
-
<div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-questions--something-is-wrong js-prompt-questions">
|
31
|
+
<div class="gem-c-feedback__prompt-questions gem-c-feedback__prompt-questions--something-is-wrong js-prompt-questions" hidden>
|
30
32
|
<button class="govuk-button gem-c-feedback__prompt-link js-toggle-form js-something-is-wrong" data-track-category="Onsite Feedback" data-track-action="GOV-UK Open Form" aria-controls="something-is-wrong" aria-expanded="false">
|
31
33
|
<%= t("components.feedback.something_wrong") %>
|
32
34
|
</button>
|
data/config/locales/ar.yml
CHANGED
@@ -82,14 +82,6 @@ ar:
|
|
82
82
|
what_doing: ماذا كنت تفعل؟
|
83
83
|
what_wrong: ما الخطأ الذي وقع؟
|
84
84
|
'yes': نعم
|
85
|
-
government_navigation:
|
86
|
-
consultations: استشارات
|
87
|
-
departments: الأقسام
|
88
|
-
get-involved: شارك
|
89
|
-
how-government-works: كيف تعمل الحكومة
|
90
|
-
news_and_communications: الأخبار والاتصالات
|
91
|
-
statistics: إحصائيات
|
92
|
-
worldwide: في جميع أنحاء العالم
|
93
85
|
layout_footer:
|
94
86
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© حقوق نشر التاج الملكي</a>
|
95
87
|
licence_html: كل المحتوى متاح بموجب <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">الترخيص الحكومي المفتوح (الإصدار v3.0)</a>، ما لم ينص على خلاف ذلك
|
data/config/locales/az.yml
CHANGED
@@ -79,14 +79,6 @@ az:
|
|
79
79
|
what_doing: Nə edirdiniz?
|
80
80
|
what_wrong: Hansı yanlışlıq oldu?
|
81
81
|
'yes': Bəli
|
82
|
-
government_navigation:
|
83
|
-
consultations: Məsləhətləşmələr
|
84
|
-
departments: Departamnetlər
|
85
|
-
get-involved: Qatılın
|
86
|
-
how-government-works: Hökumət necə işləyir
|
87
|
-
news_and_communications: Yeniliklər və məlumatlar
|
88
|
-
statistics: Statistika
|
89
|
-
worldwide: Dünya üzrə
|
90
82
|
layout_footer:
|
91
83
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Crown copyright</a>
|
92
84
|
licence_html: Bütün məzmunlar <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">v3.0 Açıq dövlət lisenziyasına əsasən mövcuddur</a>(başqa cür nəzərdə tutulmuş hallar istisna olmaqla)
|
data/config/locales/be.yml
CHANGED
@@ -85,14 +85,6 @@ be:
|
|
85
85
|
what_doing: Што вы рабiлi?
|
86
86
|
what_wrong: Што пайшло не так?
|
87
87
|
'yes': Так
|
88
|
-
government_navigation:
|
89
|
-
consultations: Кансультацыі
|
90
|
-
departments: Аддзелы
|
91
|
-
get-involved: Удзельнiчаць
|
92
|
-
how-government-works: Як працуе ўрад
|
93
|
-
news_and_communications: Навiны i паведамленні
|
94
|
-
statistics:
|
95
|
-
worldwide: Ва ўсім свеце
|
96
88
|
layout_footer:
|
97
89
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Crown copyright</a>
|
98
90
|
licence_html: Увесь змест даступны <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, калі не паказана іншае
|
data/config/locales/bg.yml
CHANGED
@@ -83,14 +83,6 @@ bg:
|
|
83
83
|
what_doing: Какво правихте?
|
84
84
|
what_wrong: Какво се обърка?
|
85
85
|
'yes': Да
|
86
|
-
government_navigation:
|
87
|
-
consultations: Консултации
|
88
|
-
departments: Министерства
|
89
|
-
get-involved: Вземете участие
|
90
|
-
how-government-works: Как работи правителството
|
91
|
-
news_and_communications: Новини и съобщения
|
92
|
-
statistics: Статистика
|
93
|
-
worldwide: По целия свят
|
94
86
|
layout_footer:
|
95
87
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Crown copyright</a>
|
96
88
|
licence_html: Цялото съдържание е налично на <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, освен ако не е посочено друго
|
data/config/locales/bn.yml
CHANGED
@@ -80,14 +80,6 @@ bn:
|
|
80
80
|
what_doing: আপনি কী করছিলেন?
|
81
81
|
what_wrong: কী ভুল হয়েছিল?
|
82
82
|
'yes': হ্যাঁ
|
83
|
-
government_navigation:
|
84
|
-
consultations: পরামর্শ
|
85
|
-
departments: বিভাগসমূহ
|
86
|
-
get-involved: যুক্ত হন
|
87
|
-
how-government-works: সরকার কিভাবে কাজ করে
|
88
|
-
news_and_communications: সংবাদ ও যোগাযোগ
|
89
|
-
statistics: পরিসংখ্যান
|
90
|
-
worldwide: বিশ্বব্যাপী
|
91
83
|
layout_footer:
|
92
84
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© ক্রাউন কপিরাইট</a>
|
93
85
|
licence_html: শুধুমাত্র অন্যভাবে বর্ণিত থাকা ছাড়া, সকল তথ্য <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">ওপেন গভর্নমেন্ট লাইসেন্স v3.0</a>-এর অধীনে উপলভ্য
|
data/config/locales/cs.yml
CHANGED
@@ -84,14 +84,6 @@ cs:
|
|
84
84
|
what_doing: Co jste dělal?
|
85
85
|
what_wrong: Co se pokazilo?
|
86
86
|
'yes': Ano
|
87
|
-
government_navigation:
|
88
|
-
consultations: Konzultace
|
89
|
-
departments: Oddělení
|
90
|
-
get-involved: Zapojte se
|
91
|
-
how-government-works: Jak funguje vláda
|
92
|
-
news_and_communications: Zprávy a komunikace
|
93
|
-
statistics: Statistika
|
94
|
-
worldwide: Celosvětově
|
95
87
|
layout_footer:
|
96
88
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Crown copyright</a>
|
97
89
|
licence_html: Veškerý obsah je k dispozici pod <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, pokud není uvedeno jinak
|
data/config/locales/cy.yml
CHANGED
@@ -83,14 +83,6 @@ cy:
|
|
83
83
|
what_doing: Beth oeddech chi'n wneud?
|
84
84
|
what_wrong: Beth aeth o'i le?
|
85
85
|
'yes': Ie
|
86
|
-
government_navigation:
|
87
|
-
consultations: Ymgynghoriadau
|
88
|
-
departments: Adrannau
|
89
|
-
get-involved: Cymryd rhan
|
90
|
-
how-government-works: Sut mae'r llywodraeth yn gweithio
|
91
|
-
news_and_communications: Newyddion a chyfathrebu
|
92
|
-
statistics: Ystadegau
|
93
|
-
worldwide: Byd-eang
|
94
86
|
layout_footer:
|
95
87
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Hawlfraint y Goron</a>
|
96
88
|
licence_html: Mae'r holl gynnwys ar gael o dan <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Drwydded Agored y Llywodraeth v3.0</a>, ac eithrio ble nodir yn wahanol
|
data/config/locales/da.yml
CHANGED
@@ -80,14 +80,6 @@ da:
|
|
80
80
|
what_doing: Hvad lavede du?
|
81
81
|
what_wrong: Hvad gik galt?
|
82
82
|
'yes': ja
|
83
|
-
government_navigation:
|
84
|
-
consultations: Konsultationer
|
85
|
-
departments: Afdelinger
|
86
|
-
get-involved: Bliv involveret
|
87
|
-
how-government-works: Hvordan regeringen fungerer
|
88
|
-
news_and_communications: nyheder og kommunikation
|
89
|
-
statistics: Statistik
|
90
|
-
worldwide: Verdensomspændende
|
91
83
|
layout_footer:
|
92
84
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Krown copyright</a>
|
93
85
|
licence_html: Alt indhold er tilgængeligt i henhold til <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">åben Forvaltning Licens v3.0</a>, medmindre andet er angivet.
|
data/config/locales/de.yml
CHANGED
@@ -83,14 +83,6 @@ de:
|
|
83
83
|
what_doing: Was haben Sie gemacht?
|
84
84
|
what_wrong: Was ist schief gelaufen?
|
85
85
|
'yes': Ja
|
86
|
-
government_navigation:
|
87
|
-
consultations: Beratungen
|
88
|
-
departments: Abteilungen
|
89
|
-
get-involved: Beteiligen Sie sich
|
90
|
-
how-government-works: Wie die Regierung arbeitet
|
91
|
-
news_and_communications: Nachrichten und Mitteilungen
|
92
|
-
statistics: Statistiken
|
93
|
-
worldwide: Weltweit
|
94
86
|
layout_footer:
|
95
87
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Crown copyright</a>
|
96
88
|
licence_html: Alle Inhalte stehen unter der <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, sofern nicht anders angegeben.
|
data/config/locales/dr.yml
CHANGED
@@ -81,14 +81,6 @@ dr:
|
|
81
81
|
what_doing: مصروف چه کاری بودید؟
|
82
82
|
what_wrong: چه اشتباهی رخ داد؟
|
83
83
|
'yes': بلی
|
84
|
-
government_navigation:
|
85
|
-
consultations: مشاوره ها
|
86
|
-
departments: دیپارتمنت ها
|
87
|
-
get-involved: شرکت نمایید
|
88
|
-
how-government-works: چگونگی عملکرد حکومت
|
89
|
-
news_and_communications: اخبار و ارتباطات
|
90
|
-
statistics: آمار
|
91
|
-
worldwide: در سرتاسر جهان
|
92
84
|
layout_footer:
|
93
85
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Crown copyright</a>
|
94
86
|
licence_html: همه محتویات در<a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, موجود است، مگر در مواردی که خلاف آن ذکر شده باشد.
|
data/config/locales/el.yml
CHANGED
@@ -79,14 +79,6 @@ el:
|
|
79
79
|
what_doing: Τι κάνατε;
|
80
80
|
what_wrong: Τι πήγε στραβά;
|
81
81
|
'yes': Ναι
|
82
|
-
government_navigation:
|
83
|
-
consultations: Διαβουλεύσεις
|
84
|
-
departments: Τμήματα
|
85
|
-
get-involved: Συμμετέχετε
|
86
|
-
how-government-works: Πώς λειτουργεί η κυβέρνηση
|
87
|
-
news_and_communications: Ειδήσεις και επικοινωνία
|
88
|
-
statistics: Στατιστική
|
89
|
-
worldwide: Παγκόσμιο
|
90
82
|
layout_footer:
|
91
83
|
copyright_html: <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/copyright-and-re-use/crown-copyright/">© Πνευματικά δικαιώματα Crown</a>
|
92
84
|
licence_html: Όλο το περιεχόμενο είναι διαθέσιμο βάσει της <a class="govuk-footer__link" href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Άδειας Ανοικτής Κυβέρνησης v3.0</a> , εκτός εάν αναφέρεται διαφορετικά
|