govuk-design-system-rails 0.10.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/app/helpers/govuk_design_system/accordion_helper.rb +7 -0
- data/app/helpers/govuk_design_system/back_link_helper.rb +13 -0
- data/app/helpers/govuk_design_system/breadcrumbs_helper.rb +7 -0
- data/app/helpers/govuk_design_system/button_helper.rb +71 -0
- data/app/helpers/govuk_design_system/checkboxes_helper.rb +8 -0
- data/app/helpers/govuk_design_system/components_helper.rb +13 -0
- data/app/helpers/govuk_design_system/cookie_banner_helper.rb +7 -0
- data/app/helpers/govuk_design_system/date_input_helper.rb +8 -0
- data/app/helpers/govuk_design_system/details_helper.rb +32 -0
- data/app/helpers/govuk_design_system/error_message_helper.rb +7 -0
- data/app/helpers/govuk_design_system/error_summary_helper.rb +20 -0
- data/app/helpers/govuk_design_system/fieldset_helper.rb +9 -0
- data/app/helpers/govuk_design_system/file_upload_helper.rb +59 -0
- data/app/helpers/govuk_design_system/header_helper.rb +7 -0
- data/app/helpers/govuk_design_system/hint_helper.rb +7 -0
- data/app/helpers/govuk_design_system/hmcts_badge_helper.rb +7 -0
- data/app/helpers/govuk_design_system/hmcts_banner_helper.rb +7 -0
- data/app/helpers/govuk_design_system/input_helper.rb +8 -0
- data/app/helpers/govuk_design_system/inset_text_helper.rb +9 -0
- data/app/helpers/govuk_design_system/label_helper.rb +7 -0
- data/app/helpers/govuk_design_system/notification_banner_helper.rb +8 -0
- data/app/helpers/govuk_design_system/phase_banner_helper.rb +21 -0
- data/app/helpers/govuk_design_system/radios_helper.rb +8 -0
- data/app/helpers/govuk_design_system/select_helper.rb +8 -0
- data/app/helpers/govuk_design_system/skip_link_helper.rb +13 -0
- data/app/helpers/govuk_design_system/summary_list_helper.rb +7 -0
- data/app/helpers/govuk_design_system/tabs_helper.rb +7 -0
- data/app/helpers/govuk_design_system/tag_helper.rb +8 -0
- data/app/helpers/govuk_design_system/textarea_helper.rb +8 -0
- data/app/helpers/govuk_design_system/warning_text_helper.rb +20 -0
- data/app/views/components/_govuk_accordion.html.erb +44 -0
- data/app/views/components/_govuk_action_link.html.erb +12 -0
- data/app/views/components/_govuk_breadcrumbs.html.erb +25 -0
- data/app/views/components/_govuk_checkboxes.html.erb +125 -0
- data/app/views/components/_govuk_cookie_banner.html.erb +75 -0
- data/app/views/components/_govuk_date_input.html.erb +94 -0
- data/app/views/components/_govuk_error_message.html.erb +13 -0
- data/app/views/components/_govuk_error_summary.html.erb +32 -0
- data/app/views/components/_govuk_fieldset.html.erb +21 -0
- data/app/views/components/_govuk_header.html.erb +64 -0
- data/app/views/components/_govuk_hint.html.erb +7 -0
- data/app/views/components/_govuk_hr.html.erb +1 -0
- data/app/views/components/_govuk_input.html.erb +97 -0
- data/app/views/components/_govuk_inset_text.html.erb +10 -0
- data/app/views/components/_govuk_label.html.erb +18 -0
- data/app/views/components/_govuk_notification_banner.html.erb +68 -0
- data/app/views/components/_govuk_radios.html.erb +141 -0
- data/app/views/components/_govuk_select.html.erb +105 -0
- data/app/views/components/_govuk_summary_list.html.erb +39 -0
- data/app/views/components/_govuk_tabs.html.erb +46 -0
- data/app/views/components/_govuk_textarea.html.erb +70 -0
- data/app/views/components/_hmcts_banner.html.erb +33 -0
- data/app/views/form_components/_govuk_checkboxes.html.erb +21 -0
- data/app/views/form_components/_govuk_date_input.html.erb +32 -0
- data/app/views/form_components/_govuk_input.html.erb +11 -0
- data/app/views/form_components/_govuk_radios.html.erb +24 -0
- data/app/views/form_components/_govuk_select.html.erb +25 -0
- data/app/views/form_components/_govuk_textarea.html.erb +11 -0
- data/lib/govuk-design-system-rails.rb +1 -0
- data/lib/govuk_design_system/engine.rb +50 -0
- data/lib/govuk_design_system.rb +4 -0
- data/spec/dummy/Rakefile +6 -0
- data/spec/dummy/app/assets/config/manifest.js +2 -0
- data/spec/dummy/app/assets/stylesheets/application.css +15 -0
- data/spec/dummy/app/channels/application_cable/channel.rb +4 -0
- data/spec/dummy/app/channels/application_cable/connection.rb +4 -0
- data/spec/dummy/app/controllers/application_controller.rb +2 -0
- data/spec/dummy/app/helpers/application_helper.rb +2 -0
- data/spec/dummy/app/javascript/packs/application.js +15 -0
- data/spec/dummy/app/jobs/application_job.rb +7 -0
- data/spec/dummy/app/mailers/application_mailer.rb +4 -0
- data/spec/dummy/app/models/application_record.rb +3 -0
- data/spec/dummy/app/views/layouts/application.html.erb +15 -0
- data/spec/dummy/app/views/layouts/mailer.html.erb +13 -0
- data/spec/dummy/app/views/layouts/mailer.text.erb +1 -0
- data/spec/dummy/bin/rails +4 -0
- data/spec/dummy/bin/rake +4 -0
- data/spec/dummy/bin/setup +33 -0
- data/spec/dummy/config/application.rb +38 -0
- data/spec/dummy/config/boot.rb +5 -0
- data/spec/dummy/config/cable.yml +10 -0
- data/spec/dummy/config/database.yml +25 -0
- data/spec/dummy/config/environment.rb +5 -0
- data/spec/dummy/config/environments/development.rb +76 -0
- data/spec/dummy/config/environments/production.rb +120 -0
- data/spec/dummy/config/environments/test.rb +59 -0
- data/spec/dummy/config/initializers/application_controller_renderer.rb +8 -0
- data/spec/dummy/config/initializers/assets.rb +12 -0
- data/spec/dummy/config/initializers/backtrace_silencers.rb +8 -0
- data/spec/dummy/config/initializers/content_security_policy.rb +28 -0
- data/spec/dummy/config/initializers/cookies_serializer.rb +5 -0
- data/spec/dummy/config/initializers/filter_parameter_logging.rb +6 -0
- data/spec/dummy/config/initializers/inflections.rb +16 -0
- data/spec/dummy/config/initializers/mime_types.rb +4 -0
- data/spec/dummy/config/initializers/permissions_policy.rb +11 -0
- data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
- data/spec/dummy/config/locales/en.yml +33 -0
- data/spec/dummy/config/puma.rb +43 -0
- data/spec/dummy/config/routes.rb +3 -0
- data/spec/dummy/config/storage.yml +34 -0
- data/spec/dummy/config.ru +6 -0
- data/spec/dummy/db/development.sqlite3 +0 -0
- data/spec/dummy/db/test.sqlite3 +0 -0
- data/spec/dummy/public/404.html +67 -0
- data/spec/dummy/public/422.html +67 -0
- data/spec/dummy/public/500.html +66 -0
- data/spec/dummy/public/apple-touch-icon-precomposed.png +0 -0
- data/spec/dummy/public/apple-touch-icon.png +0 -0
- data/spec/dummy/public/favicon.ico +0 -0
- data/spec/dummy/tmp/development_secret.txt +1 -0
- data/spec/helpers/govuk_design_system/accordion_helper_spec.rb +353 -0
- data/spec/helpers/govuk_design_system/breadcrumbs_helper_spec.rb +90 -0
- data/spec/helpers/govuk_design_system/button_helper_spec.rb +34 -0
- data/spec/helpers/govuk_design_system/checkboxes_helper_spec.rb +146 -0
- data/spec/helpers/govuk_design_system/cookie_banner_helper_spec.rb +65 -0
- data/spec/helpers/govuk_design_system/date_input_helper_spec.rb +63 -0
- data/spec/helpers/govuk_design_system/details_helper_spec.rb +42 -0
- data/spec/helpers/govuk_design_system/error_message_helper_spec.rb +18 -0
- data/spec/helpers/govuk_design_system/error_summary_helper_spec.rb +39 -0
- data/spec/helpers/govuk_design_system/header_helper_spec.rb +138 -0
- data/spec/helpers/govuk_design_system/hint_helper_spec.rb +20 -0
- data/spec/helpers/govuk_design_system/hmcts_badge_helper_spec.rb +16 -0
- data/spec/helpers/govuk_design_system/hmcts_banner_helper_spec.rb +59 -0
- data/spec/helpers/govuk_design_system/input_helper_spec.rb +157 -0
- data/spec/helpers/govuk_design_system/inset_text_helper_spec.rb +58 -0
- data/spec/helpers/govuk_design_system/label_helper_spec.rb +21 -0
- data/spec/helpers/govuk_design_system/notification_banner_helper_spec.rb +98 -0
- data/spec/helpers/govuk_design_system/radios_helper_spec.rb +270 -0
- data/spec/helpers/govuk_design_system/select_helper_spec.rb +85 -0
- data/spec/helpers/govuk_design_system/summary_list_helper_spec.rb +138 -0
- data/spec/helpers/govuk_design_system/tabs_helper_spec.rb +129 -0
- data/spec/helpers/govuk_design_system/tag_helper_spec.rb +17 -0
- data/spec/helpers/govuk_design_system/textarea_helper_spec.rb +67 -0
- data/spec/rails_helper.rb +64 -0
- data/spec/spec_helper.rb +116 -0
- metadata +401 -0
@@ -0,0 +1,141 @@
|
|
1
|
+
<%
|
2
|
+
id_prefix = local_assigns[:idPrefix] || local_assigns[:name]
|
3
|
+
described_by = ""
|
4
|
+
is_conditional = items.any? { |item| item[:conditional] }
|
5
|
+
%>
|
6
|
+
|
7
|
+
<% radios_html = capture do %>
|
8
|
+
<% if local_assigns[:hint] %>
|
9
|
+
<%
|
10
|
+
hint_id = id_prefix + '-hint'
|
11
|
+
described_by = described_by.present? ? described_by + ' ' + hint_id : hint_id
|
12
|
+
hint_classes = class_names(
|
13
|
+
"govuk-hint",
|
14
|
+
local_assigns[:hint][:classes]
|
15
|
+
)
|
16
|
+
%>
|
17
|
+
<%= govukHint({
|
18
|
+
id: hint_id,
|
19
|
+
classes: hint_classes,
|
20
|
+
attributes: local_assigns[:hint][:attributes],
|
21
|
+
html: local_assigns[:hint][:html],
|
22
|
+
text: local_assigns[:hint][:text]
|
23
|
+
}) %>
|
24
|
+
<% end %>
|
25
|
+
|
26
|
+
<% radio_classes = class_names(
|
27
|
+
"govuk-radios",
|
28
|
+
{ "govuk-radios--conditional" => is_conditional },
|
29
|
+
local_assigns[:classes]
|
30
|
+
)
|
31
|
+
%>
|
32
|
+
<% if local_assigns[:errorMessage] %>
|
33
|
+
<%
|
34
|
+
error_id = id_prefix + '-error'
|
35
|
+
described_by = described_by.blank? ? error_id : "#{described_by} #{error_id}"
|
36
|
+
error_attributes = (local_assigns[:errorMessage][:attributes] || {}).merge(id: error_id)
|
37
|
+
%>
|
38
|
+
<%=
|
39
|
+
govukErrorMessage({
|
40
|
+
id: error_id,
|
41
|
+
classes: local_assigns[:errorMessage][:classes],
|
42
|
+
attributes: error_attributes,
|
43
|
+
html: local_assigns[:errorMessage][:html],
|
44
|
+
text: local_assigns[:errorMessage][:text],
|
45
|
+
visuallyHiddenText: local_assigns[:errorMessage][:visuallyHiddenText]
|
46
|
+
})
|
47
|
+
%>
|
48
|
+
<% end %>
|
49
|
+
<%
|
50
|
+
radio_attributes = {class: radio_classes}.merge!(local_assigns[:attributes] || {})
|
51
|
+
.merge!({"data-module" => "govuk-radios"})
|
52
|
+
%>
|
53
|
+
|
54
|
+
<%= tag.div(**radio_attributes) do %>
|
55
|
+
<% local_assigns[:items].each_with_index do |item, index| %>
|
56
|
+
<%
|
57
|
+
id = item[:id] || "#{id_prefix}-#{index + 1}"
|
58
|
+
conditional_id = 'conditional-' + id
|
59
|
+
%>
|
60
|
+
<% if item[:divider] %>
|
61
|
+
<div class="govuk-radios__divider">
|
62
|
+
<%= item[:divider] %>
|
63
|
+
<% else %>
|
64
|
+
<%
|
65
|
+
has_hint = item[:hint] && (item[:hint][:text] || item[:hint][:html])
|
66
|
+
item_hint_id = id + '-item-hint'
|
67
|
+
disabled = item
|
68
|
+
is_checked = item[:checked] || (!item[:value].nil? && item[:value] == local_assigns[:value])
|
69
|
+
input_attributes = {
|
70
|
+
id: id,
|
71
|
+
name: local_assigns[:name],
|
72
|
+
type: "radio",
|
73
|
+
value: item[:value],
|
74
|
+
class: "govuk-radios__input"
|
75
|
+
}
|
76
|
+
|
77
|
+
input_attributes.merge!({disabled: "disabled"}) if item[:disabled]
|
78
|
+
input_attributes.merge!({checked: "checked"}) if is_checked
|
79
|
+
input_attributes.merge!({"data-aria-controls" => conditional_id}) if item[:conditional]
|
80
|
+
input_attributes.merge!({"aria-describedby" => item_hint_id}) if has_hint
|
81
|
+
%>
|
82
|
+
<%
|
83
|
+
label_classes = class_names(
|
84
|
+
'govuk-radios__label',
|
85
|
+
{ item[:label].try(:[], :classes) => item[:label] }
|
86
|
+
)
|
87
|
+
%>
|
88
|
+
<div class="govuk-radios__item">
|
89
|
+
<%= tag.input(**input_attributes) %>
|
90
|
+
<%=
|
91
|
+
govukLabel({
|
92
|
+
html: item[:html],
|
93
|
+
text: item[:text],
|
94
|
+
classes: label_classes,
|
95
|
+
attributes: item[:label].try(:[], :attributes),
|
96
|
+
for: id
|
97
|
+
})
|
98
|
+
%>
|
99
|
+
|
100
|
+
<% if has_hint %>
|
101
|
+
<% item_hint_classes = class_names('govuk-radios__hint', item.dig(:hint, :classes)) %>
|
102
|
+
<%=
|
103
|
+
govukHint({
|
104
|
+
id: item_hint_id,
|
105
|
+
classes: item_hint_classes,
|
106
|
+
attributes: item.dig(:hint, :attributes),
|
107
|
+
html: item.dig(:hint, :html),
|
108
|
+
text: item.dig(:hint, :text)
|
109
|
+
})
|
110
|
+
%>
|
111
|
+
<% end %>
|
112
|
+
<% end %>
|
113
|
+
</div>
|
114
|
+
|
115
|
+
<% if item[:conditional] %>
|
116
|
+
<% conditional_classes = class_names(
|
117
|
+
"govuk-radios__conditional",
|
118
|
+
"govuk-radios__conditional--hidden" => !is_checked
|
119
|
+
) %>
|
120
|
+
|
121
|
+
<%= tag.div(class: conditional_classes, id: conditional_id) do %>
|
122
|
+
<%= item[:conditional][:html] %>
|
123
|
+
<% end %>
|
124
|
+
<% end %>
|
125
|
+
<% end %>
|
126
|
+
<% end %>
|
127
|
+
<% end %>
|
128
|
+
|
129
|
+
<% form_group_classes = class_names(
|
130
|
+
"govuk-form-group",
|
131
|
+
local_assigns.dig(:formGroup, :classes),
|
132
|
+
"govuk-form-group--error" => local_assigns[:errorMessage]
|
133
|
+
) %>
|
134
|
+
|
135
|
+
<%= tag.div(class: form_group_classes) do %>
|
136
|
+
<% if local_assigns[:fieldset].present? %>
|
137
|
+
<%= govukFieldset(classes: local_assigns[:fieldset][:classes], describedBy: described_by, legend: local_assigns[:fieldset][:legend], attributes: local_assigns[:fieldset]) { radios_html } %>
|
138
|
+
<% else %>
|
139
|
+
<%= radios_html %>
|
140
|
+
<% end %>
|
141
|
+
<% end %>
|
@@ -0,0 +1,105 @@
|
|
1
|
+
<%
|
2
|
+
described_by = local_assigns[:described_by] || ""
|
3
|
+
form_group_classes = class_names(
|
4
|
+
"govuk-form-group",
|
5
|
+
local_assigns[:formGroup].try(:[], :classes),
|
6
|
+
"govuk-form-group--error" => local_assigns[:errorMessage].present?
|
7
|
+
)
|
8
|
+
select_classes = class_names(
|
9
|
+
"govuk-select",
|
10
|
+
local_assigns[:classes],
|
11
|
+
"govuk-select--error" => local_assigns[:errorMessage].present?
|
12
|
+
)
|
13
|
+
|
14
|
+
select_attributes = {
|
15
|
+
class: select_classes,
|
16
|
+
id: local_assigns[:id],
|
17
|
+
name: local_assigns[:name],
|
18
|
+
"aria-describedby": described_by.presence
|
19
|
+
}
|
20
|
+
|
21
|
+
select_attributes.merge!(local_assigns[:attributes]) if local_assigns[:attributes]
|
22
|
+
%>
|
23
|
+
|
24
|
+
<%= tag.div(class: form_group_classes) do %>
|
25
|
+
<%=
|
26
|
+
govukLabel(
|
27
|
+
html: local_assigns[:label].try(:[], :html),
|
28
|
+
text: local_assigns[:label].try(:[], :text),
|
29
|
+
classes: local_assigns[:label].try(:[], :classes),
|
30
|
+
attributes: local_assigns[:label].try(:[], :attributes),
|
31
|
+
for: local_assigns[:id])
|
32
|
+
%>
|
33
|
+
|
34
|
+
<% if local_assigns[:hint] %>
|
35
|
+
<%
|
36
|
+
hint_id = local_assigns.try(:[], :name) + '-hint'
|
37
|
+
described_by = described_by.present? ? described_by + ' ' + hint_id : hint_id
|
38
|
+
hint_classes = class_names(
|
39
|
+
"govuk-hint",
|
40
|
+
local_assigns[:hint][:classes]
|
41
|
+
)
|
42
|
+
%>
|
43
|
+
<%= govukHint({
|
44
|
+
id: hint_id,
|
45
|
+
classes: hint_classes,
|
46
|
+
attributes: local_assigns[:hint][:attributes],
|
47
|
+
html: local_assigns[:hint][:html],
|
48
|
+
text: local_assigns[:hint][:text]
|
49
|
+
}) %>
|
50
|
+
<% end %>
|
51
|
+
|
52
|
+
<% if local_assigns[:errorMessage] %>
|
53
|
+
<%
|
54
|
+
error_id = local_assigns.try(:[], :name) + '-error'
|
55
|
+
described_by = described_by.blank? ? error_id : "#{described_by} #{error_id}"
|
56
|
+
error_attributes = (local_assigns[:errorMessage][:attributes] || {}).merge(id: error_id)
|
57
|
+
%>
|
58
|
+
<%=
|
59
|
+
govukErrorMessage({
|
60
|
+
id: error_id,
|
61
|
+
classes: local_assigns[:errorMessage][:classes],
|
62
|
+
attributes: error_attributes,
|
63
|
+
html: local_assigns[:errorMessage][:html],
|
64
|
+
text: local_assigns[:errorMessage][:text],
|
65
|
+
visuallyHiddenText: local_assigns[:errorMessage][:visuallyHiddenText]
|
66
|
+
})
|
67
|
+
%>
|
68
|
+
<% end %>
|
69
|
+
|
70
|
+
<% select = capture do %>
|
71
|
+
<%= tag.select(**select_attributes) do %>
|
72
|
+
<% local_assigns[:items].each do |item| %>
|
73
|
+
<%
|
74
|
+
option_attributes = {
|
75
|
+
selected: item[:selected] || (!local_assigns[:value].nil? && item[:value] == local_assigns[:value]),
|
76
|
+
disabled: item[:disabled],
|
77
|
+
value: item[:value]
|
78
|
+
}
|
79
|
+
item_attributes = (item[:attributes] || {}).merge(option_attributes || {})
|
80
|
+
%>
|
81
|
+
<%= tag.option(item[:text], **item_attributes) %>
|
82
|
+
<% end %>
|
83
|
+
<% end %>
|
84
|
+
<% end %>
|
85
|
+
|
86
|
+
<% if local_assigns[:is_autocomplete] %>
|
87
|
+
<%= tag.div(class: class_names("autocomplete-select-with-clear" => local_assigns[:show_all_values])) do %>
|
88
|
+
<%= select %>
|
89
|
+
<% end %>
|
90
|
+
<% if local_assigns[:show_all_values] %>
|
91
|
+
<button class="autocomplete__clear-button" id="clear-<%= local_assigns[:id] %>" style="display: none;" type="button">
|
92
|
+
<span class="govuk-visually-hidden">Clear autocomplete</span>
|
93
|
+
<svg class="autocomplete__clear-viewbox" viewbox="0 0 40 40">
|
94
|
+
<path class="autocomplete__clear-icon" d="M 10,10 L 30,30 M 30,10 L 10,30"></path>
|
95
|
+
</svg>
|
96
|
+
</button>
|
97
|
+
<% end %>
|
98
|
+
<%= javascript_tag nonce: true do -%>
|
99
|
+
window.callAutocompleteWhenReady("<%= local_assigns[:id] %>", {showAllValues: "<%= local_assigns[:show_all_values] %>"});
|
100
|
+
<% end -%>
|
101
|
+
<% else %>
|
102
|
+
<%= select %>
|
103
|
+
<% end %>
|
104
|
+
|
105
|
+
<% end %>
|
@@ -0,0 +1,39 @@
|
|
1
|
+
<%
|
2
|
+
any_row_has_actions = local_assigns[:rows].any? { |row| row.dig(:actions, :items)&.any? }
|
3
|
+
dl_attributes = {
|
4
|
+
class: class_names("govuk-summary-list", local_assigns[:classes]),
|
5
|
+
}.merge!(local_assigns[:attributes] || {})
|
6
|
+
%>
|
7
|
+
<%= tag.dl **dl_attributes do %>
|
8
|
+
<% local_assigns[:rows].each do |row| %>
|
9
|
+
<% if row %>
|
10
|
+
<%
|
11
|
+
this_row_has_actions = row.dig(:actions, :items)&.any?
|
12
|
+
row_classes = class_names("govuk-summary-list__row", { "govuk-summary-list__row--no-actions" => (any_row_has_actions && !this_row_has_actions) }, row[:classes])
|
13
|
+
%>
|
14
|
+
<div class="<%= row_classes %>">
|
15
|
+
<dt class="<%= class_names("govuk-summary-list__key", row.dig(:key, :classes)) %>">
|
16
|
+
<%= row.dig(:key, :html).presence || row.dig(:key, :text) %>
|
17
|
+
</dt>
|
18
|
+
<dd class="<%= class_names("govuk-summary-list__value", row.dig(:value, :classes)) %>">
|
19
|
+
<%= row.dig(:value, :html).presence || row.dig(:value, :text) %>
|
20
|
+
</dd>
|
21
|
+
<% if row.dig(:actions, :items)&.any? %>
|
22
|
+
<dd class="<%= class_names("govuk-summary-list__actions", row.dig(:actions, :classes)) %>">
|
23
|
+
<% if row.dig(:actions, :items).size == 1 %>
|
24
|
+
<%= render "components/govuk_action_link", **row.dig(:actions, :items).first %>
|
25
|
+
<% else %>
|
26
|
+
<ul class="govuk-summary-list__actions-list">
|
27
|
+
<% row.dig(:actions, :items).each do |action| %>
|
28
|
+
<li class="govuk-summary-list__actions-list-item">
|
29
|
+
<%= render "components/govuk_action_link", **action %>
|
30
|
+
</li>
|
31
|
+
<% end %>
|
32
|
+
</ul>
|
33
|
+
<% end %>
|
34
|
+
</dd>
|
35
|
+
<% end %>
|
36
|
+
</div>
|
37
|
+
<% end %>
|
38
|
+
<% end %>
|
39
|
+
<% end %>
|
@@ -0,0 +1,46 @@
|
|
1
|
+
<%
|
2
|
+
id_prefix = local_assigns[:idPrefix]
|
3
|
+
attributes = {
|
4
|
+
class: class_names("govuk-tabs", local_assigns[:classes]),
|
5
|
+
data: { module: "govuk-tabs" }
|
6
|
+
}.merge!(local_assigns[:attributes] || {})
|
7
|
+
%>
|
8
|
+
<%= tag.div **attributes do %>
|
9
|
+
<h2 class="govuk-tabs__title">
|
10
|
+
<%= local_assigns[:title] || "Contents" %>
|
11
|
+
</h2>
|
12
|
+
<% if (items = local_assigns[:items] || []).any? %>
|
13
|
+
<ul class="govuk-tabs__list">
|
14
|
+
<% items.each_with_index do |item, i| %>
|
15
|
+
<% if item %>
|
16
|
+
<%
|
17
|
+
item_id = item[:id].presence || ([id_prefix, i].join("-"))
|
18
|
+
item_classes = class_names("govuk-tabs__list-item", { "govuk-tabs__list-item--selected" => i.zero? })
|
19
|
+
link_attributes = item[:attributes] || {}
|
20
|
+
link_attributes[:class] = class_names("govuk-tabs__tab", link_attributes[:class])
|
21
|
+
%>
|
22
|
+
<li class="<%= item_classes %>">
|
23
|
+
<%= tag.a item[:label], href: "##{item_id}", **link_attributes %>
|
24
|
+
</li>
|
25
|
+
<% end %>
|
26
|
+
<% end %>
|
27
|
+
</ul>
|
28
|
+
<% items.each_with_index do |item, i| %>
|
29
|
+
<% if item %>
|
30
|
+
<%
|
31
|
+
item_id = item[:id].presence || ([id_prefix, i].join("-"))
|
32
|
+
panel_attributes = {
|
33
|
+
class: class_names("govuk-tabs__panel", { "govuk-tabs__panel--hidden" => i.positive? })
|
34
|
+
}.merge!(item.dig(:panel, :attributes) || {})
|
35
|
+
%>
|
36
|
+
<%= tag.div(id: item_id, **panel_attributes) do %>
|
37
|
+
<% if (html_content = item.dig(:panel, :html).presence) %>
|
38
|
+
<%= html_content %>
|
39
|
+
<% else %>
|
40
|
+
<p class="govuk-body"><%= item.dig(:panel, :text) %></p>
|
41
|
+
<% end %>
|
42
|
+
<% end %>
|
43
|
+
<% end %>
|
44
|
+
<% end %>
|
45
|
+
<% end %>
|
46
|
+
<% end %>
|
@@ -0,0 +1,70 @@
|
|
1
|
+
<% described_by = "" %>
|
2
|
+
|
3
|
+
<%
|
4
|
+
form_classes = class_names(
|
5
|
+
"govuk-form-group",
|
6
|
+
{ "govuk-form-group--error" => local_assigns[:errorMessage] },
|
7
|
+
local_assigns[:formGroup].try(:[], :classes)
|
8
|
+
)
|
9
|
+
%>
|
10
|
+
|
11
|
+
<% text_area_class = class_names(
|
12
|
+
"govuk-textarea",
|
13
|
+
{ "govuk-textarea--error" => local_assigns[:errorMessage] },
|
14
|
+
local_assigns[:classes]
|
15
|
+
)
|
16
|
+
%>
|
17
|
+
|
18
|
+
<%= tag.div(class: form_classes) do %>
|
19
|
+
<%=
|
20
|
+
govukLabel({
|
21
|
+
html: local_assigns[:label][:html],
|
22
|
+
text: local_assigns[:label][:text],
|
23
|
+
classes: local_assigns[:label][:classes],
|
24
|
+
isPageHeading: local_assigns[:label][:isPageHeading],
|
25
|
+
attributes: local_assigns[:label][:attributes],
|
26
|
+
for: local_assigns[:id]
|
27
|
+
})
|
28
|
+
%>
|
29
|
+
|
30
|
+
<% if local_assigns[:hint] %>
|
31
|
+
<% hintId = local_assigns[:id].to_s + '-hint' %>
|
32
|
+
<% described_by = described_by.blank? ? hintId : described_by + ' ' + hintId %>
|
33
|
+
<%= govukHint({
|
34
|
+
id: hintId,
|
35
|
+
classes: local_assigns[:hint][:classes],
|
36
|
+
attributes: local_assigns[:hint][:attributes],
|
37
|
+
html: local_assigns[:hint][:html],
|
38
|
+
text: local_assigns[:hint][:text]
|
39
|
+
}) %>
|
40
|
+
<% end %>
|
41
|
+
|
42
|
+
<% if local_assigns[:errorMessage] %>
|
43
|
+
<% errorId = local_assigns[:id].to_s + '-error' %>
|
44
|
+
<% described_by = described_by.blank? ? errorId : described_by + ' ' + errorId %>
|
45
|
+
<% attributes = local_assigns[:errorMessage][:attributes] || {} %>
|
46
|
+
<%= govukErrorMessage({
|
47
|
+
id: errorId,
|
48
|
+
classes: local_assigns[:errorMessage][:classes],
|
49
|
+
attributes: attributes.merge({id: errorId}),
|
50
|
+
html: local_assigns[:errorMessage][:html],
|
51
|
+
text: local_assigns[:errorMessage][:text],
|
52
|
+
visuallyHiddenText: local_assigns[:errorMessage][:visuallyHiddenText]
|
53
|
+
}) %>
|
54
|
+
<% end %>
|
55
|
+
|
56
|
+
<%
|
57
|
+
rows = local_assigns[:rows] || 5
|
58
|
+
text_area_attributes = {
|
59
|
+
class: text_area_class,
|
60
|
+
id: local_assigns[:id],
|
61
|
+
name: local_assigns[:name],
|
62
|
+
key: local_assigns[:key],
|
63
|
+
rows: rows,
|
64
|
+
"aria-describedby" => described_by,
|
65
|
+
}.merge!(local_assigns[:attributes] || {})
|
66
|
+
text_area_attributes[:autocomplete] = local_assigns[:autocomplete] if local_assigns[:autocomplete].present?
|
67
|
+
%>
|
68
|
+
|
69
|
+
<%= tag.textarea(local_assigns[:value], **text_area_attributes) %>
|
70
|
+
<% end %>
|
@@ -0,0 +1,33 @@
|
|
1
|
+
<%
|
2
|
+
banner_type = local_assigns[:type]&.to_s
|
3
|
+
banner_classes = class_names(
|
4
|
+
"hmcts-banner",
|
5
|
+
local_assigns[:classes],
|
6
|
+
{ "hmcts-banner--#{banner_type}" => banner_type != "information" }
|
7
|
+
)
|
8
|
+
%>
|
9
|
+
<%= tag.div(class: banner_classes) do %>
|
10
|
+
<div class="hmcts-banner__message">
|
11
|
+
<% if local_assigns[:iconFallbackText] %>
|
12
|
+
<span class="hmcts-banner__assistive">
|
13
|
+
<%= local_assigns[:iconFallbackText] %>
|
14
|
+
</span>
|
15
|
+
<% end %>
|
16
|
+
<%= local_assigns[:html] || local_assigns[:text] %>
|
17
|
+
<% if banner_type == "success" %>
|
18
|
+
<svg class="hmcts-banner__icon" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 25 25" height="25" width="25">
|
19
|
+
<path d="M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"></path>
|
20
|
+
</svg>
|
21
|
+
<% end %>
|
22
|
+
<% if banner_type == "warning" %>
|
23
|
+
<svg class="hmcts-banner__icon" fill="currentColor" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" height="25" width="25">
|
24
|
+
<path d="M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z"></path>
|
25
|
+
</svg>
|
26
|
+
<% end %>
|
27
|
+
<% if banner_type == "information" %>
|
28
|
+
<svg class="hmcts-banner__icon" fill="currentColor" role="presentation" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" height="25" width="25">
|
29
|
+
<path d="M13.7,18.5h-2.4v-2.4h2.4V18.5z M12.5,13.7c-0.7,0-1.2-0.5-1.2-1.2V7.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.8 C13.7,13.2,13.2,13.7,12.5,13.7z M12.5,0.5c-6.6,0-12,5.4-12,12s5.4,12,12,12s12-5.4,12-12S19.1,0.5,12.5,0.5z"></path>
|
30
|
+
</svg>
|
31
|
+
<% end %>
|
32
|
+
</div>
|
33
|
+
<% end %>
|
@@ -0,0 +1,21 @@
|
|
1
|
+
<%
|
2
|
+
# NOTE: Give items ids based on rails' convention
|
3
|
+
local_assigns[:idPrefix] ||= get_attribute_id_prefix(form, key) if local_assigns[:key]
|
4
|
+
local_assigns[:items].each do |item|
|
5
|
+
item[:id] ||= get_attribute_id_prefix(form, item[:key] || local_assigns[:name])
|
6
|
+
item[:value] ||= "1"
|
7
|
+
item[:name] ||= get_attribute_name(form, item[:key] || local_assigns[:name])
|
8
|
+
end
|
9
|
+
if form.object
|
10
|
+
local_assigns[:items].each do |item|
|
11
|
+
if form.object.respond_to?(item[:key])
|
12
|
+
item[:checked] = form.object.send(item[:key]) == item[:value]
|
13
|
+
end
|
14
|
+
end
|
15
|
+
if form.object.errors
|
16
|
+
error_text = form.object.errors.full_messages_for(key).first.presence
|
17
|
+
local_assigns[:errorMessage] ||= { text: error_text } if error_text
|
18
|
+
end
|
19
|
+
end
|
20
|
+
%>
|
21
|
+
<%= render "components/govuk_checkboxes", **local_assigns %>
|
@@ -0,0 +1,32 @@
|
|
1
|
+
<%
|
2
|
+
# Infer name and id_prefix from attribute key
|
3
|
+
local_assigns[:id] ||= get_attribute_id_prefix(form, key)
|
4
|
+
errors = form.object.errors
|
5
|
+
date_errors = errors.full_messages_for(key.to_sym)
|
6
|
+
day_errors = errors.full_messages_for("#{key}_day".to_sym)
|
7
|
+
month_errors = errors.full_messages_for("#{key}_month".to_sym)
|
8
|
+
year_errors = errors.full_messages_for("#{key}_year".to_sym)
|
9
|
+
local_assigns[:items] = [
|
10
|
+
{
|
11
|
+
label: "day",
|
12
|
+
classes: "govuk-input--width-2 #{'govuk-input--error' if day_errors.any? || date_errors.any?}",
|
13
|
+
value: form.object.send(:get_day, key),
|
14
|
+
name: "#{get_attribute_name(form, key)}[day]"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
label: "month",
|
18
|
+
classes: "govuk-input--width-2 #{'govuk-input--error' if month_errors.any? || date_errors.any?}",
|
19
|
+
value: form.object.send(:get_month, key),
|
20
|
+
name: "#{get_attribute_name(form, key)}[month]"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
label: "year",
|
24
|
+
classes: "govuk-input--width-4 #{'govuk-input--error' if year_errors.any? || date_errors.any?}",
|
25
|
+
value: form.object.send(:get_year, key),
|
26
|
+
name: "#{get_attribute_name(form, key)}[year]"
|
27
|
+
}
|
28
|
+
]
|
29
|
+
error_text = errors.full_messages_for(key).first.presence
|
30
|
+
local_assigns[:errorMessage] ||= { text: error_text } if error_text
|
31
|
+
%>
|
32
|
+
<%= render "components/govuk_date_input", **local_assigns %>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<%
|
2
|
+
# Infer name and id_prefix from attribute key
|
3
|
+
local_assigns[:name] ||= get_attribute_name(form, key)
|
4
|
+
local_assigns[:id] ||= get_attribute_id_prefix(form, key)
|
5
|
+
local_assigns[:value] ||= form.object.send(key) if form.object.respond_to?(key)
|
6
|
+
unless form.object.nil?
|
7
|
+
error_text = form.object.errors.full_messages_for(key).first.presence
|
8
|
+
local_assigns[:errorMessage] ||= { text: error_text } if error_text
|
9
|
+
end
|
10
|
+
%>
|
11
|
+
<%= render "components/govuk_input", **local_assigns %>
|
@@ -0,0 +1,24 @@
|
|
1
|
+
<%
|
2
|
+
# Infer name and id_prefix from attribute key
|
3
|
+
local_assigns[:name] ||= get_attribute_name(form, key)
|
4
|
+
local_assigns[:idPrefix] ||= get_attribute_id_prefix(form, key)
|
5
|
+
#Give items ids based on rails' convention
|
6
|
+
local_assigns[:items].each do |item|
|
7
|
+
#sanitization taken from https://github.com/rails/rails/
|
8
|
+
# blob/7caea98e189c02721b2e944a074c405b033852eb/actionview/lib/action_view/helpers/tags/base.rb#L140
|
9
|
+
value = item[:value].to_s.gsub(/\s/, "_").gsub(/[^-[[:word:]]]/, "").mb_chars.downcase.to_s
|
10
|
+
item[:id] ||= "#{local_assigns[:idPrefix]}_#{value}"
|
11
|
+
end
|
12
|
+
if form.object.respond_to?(key)
|
13
|
+
# Make item checked based on attribute value
|
14
|
+
item_matching_state = items.find do |item|
|
15
|
+
!item[:divider] && item[:value].to_s == form.object.public_send(key).to_s
|
16
|
+
end
|
17
|
+
item_matching_state[:checked] = true if item_matching_state
|
18
|
+
end
|
19
|
+
unless form.object.nil?
|
20
|
+
error_text = form.object.errors.full_messages_for(key).first.presence
|
21
|
+
local_assigns[:errorMessage] ||= { text: error_text } if error_text
|
22
|
+
end
|
23
|
+
%>
|
24
|
+
<%= render "components/govuk_radios", **local_assigns %>
|
@@ -0,0 +1,25 @@
|
|
1
|
+
<%
|
2
|
+
local_assigns[:name] ||= get_attribute_name(form, key)
|
3
|
+
local_assigns[:id] ||= get_attribute_id_prefix(form, key)
|
4
|
+
local_assigns[:items] ||= local_assigns[:choices].map { |choice| { value: choice, text: choice } }
|
5
|
+
|
6
|
+
if local_assigns[:include_blank] || local_assigns[:is_autocomplete]
|
7
|
+
local_assigns[:items].unshift(value: nil, text: "")
|
8
|
+
end
|
9
|
+
|
10
|
+
if local_assigns[:selected]
|
11
|
+
item_matching_selected = local_assigns[:items].find { |item| item[:value].to_s == local_assigns[:selected] }
|
12
|
+
item_matching_selected[:selected] = true if item_matching_selected
|
13
|
+
elsif form.object&.respond_to?(key)
|
14
|
+
# Make item selected based on attribute value
|
15
|
+
item_matching_state = local_assigns[:items].find { |item| item[:value].to_s == form.object.send(key).to_s }
|
16
|
+
item_matching_state[:selected] = true if item_matching_state
|
17
|
+
end
|
18
|
+
|
19
|
+
if form.object&.errors
|
20
|
+
error_text = form.object.errors.full_messages_for(key).first.presence
|
21
|
+
local_assigns[:errorMessage] ||= { text: error_text } if error_text
|
22
|
+
end
|
23
|
+
%>
|
24
|
+
|
25
|
+
<%= render "components/govuk_select", **local_assigns %>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<%
|
2
|
+
# Infer name and id_prefix from attribute key
|
3
|
+
local_assigns[:name] ||= get_attribute_name(form, key)
|
4
|
+
local_assigns[:id] ||= get_attribute_id_prefix(form, key)
|
5
|
+
local_assigns[:value] ||= form.object.send(key) if form.object.respond_to?(key)
|
6
|
+
unless form.object.nil?
|
7
|
+
error_text = form.object.errors.full_messages_for(key).first.presence
|
8
|
+
local_assigns[:errorMessage] ||= { text: error_text } if error_text
|
9
|
+
end
|
10
|
+
%>
|
11
|
+
<%= render "components/govuk_textarea", **local_assigns %>
|
@@ -0,0 +1 @@
|
|
1
|
+
require "govuk_design_system"
|
@@ -0,0 +1,50 @@
|
|
1
|
+
module GovukDesignSystem
|
2
|
+
class Engine < ::Rails::Engine
|
3
|
+
isolate_namespace GovukDesignSystem
|
4
|
+
|
5
|
+
initializer "govuk_design_system.action_view" do |_app|
|
6
|
+
ActiveSupport.on_load(:action_view) do
|
7
|
+
# NOTE: These includes make the helpers available in every view of the
|
8
|
+
# consuming application. If a helper is not listed here, it will be
|
9
|
+
# isolated, and unavailable to apps which use this gem.
|
10
|
+
ActionView::Base.include GovukDesignSystem::AccordionHelper
|
11
|
+
ActionView::Base.include GovukDesignSystem::BackLinkHelper
|
12
|
+
ActionView::Base.include GovukDesignSystem::BreadcrumbsHelper
|
13
|
+
ActionView::Base.include GovukDesignSystem::ButtonHelper
|
14
|
+
ActionView::Base.include GovukDesignSystem::CheckboxesHelper
|
15
|
+
ActionView::Base.include GovukDesignSystem::ComponentsHelper
|
16
|
+
ActionView::Base.include GovukDesignSystem::CookieBannerHelper
|
17
|
+
ActionView::Base.include GovukDesignSystem::DateInputHelper
|
18
|
+
ActionView::Base.include GovukDesignSystem::DetailsHelper
|
19
|
+
ActionView::Base.include GovukDesignSystem::ErrorMessageHelper
|
20
|
+
ActionView::Base.include GovukDesignSystem::ErrorSummaryHelper
|
21
|
+
ActionView::Base.include GovukDesignSystem::FieldsetHelper
|
22
|
+
ActionView::Base.include GovukDesignSystem::FieldsetHelper
|
23
|
+
ActionView::Base.include GovukDesignSystem::FileUploadHelper
|
24
|
+
ActionView::Base.include GovukDesignSystem::HeaderHelper
|
25
|
+
ActionView::Base.include GovukDesignSystem::HintHelper
|
26
|
+
ActionView::Base.include GovukDesignSystem::HmctsBadgeHelper
|
27
|
+
ActionView::Base.include GovukDesignSystem::HmctsBannerHelper
|
28
|
+
ActionView::Base.include GovukDesignSystem::InputHelper
|
29
|
+
ActionView::Base.include GovukDesignSystem::InsetTextHelper
|
30
|
+
ActionView::Base.include GovukDesignSystem::LabelHelper
|
31
|
+
ActionView::Base.include GovukDesignSystem::NotificationBannerHelper
|
32
|
+
ActionView::Base.include GovukDesignSystem::PhaseBannerHelper
|
33
|
+
ActionView::Base.include GovukDesignSystem::RadiosHelper
|
34
|
+
ActionView::Base.include GovukDesignSystem::SelectHelper
|
35
|
+
ActionView::Base.include GovukDesignSystem::SkipLinkHelper
|
36
|
+
ActionView::Base.include GovukDesignSystem::SummaryListHelper
|
37
|
+
ActionView::Base.include GovukDesignSystem::TabsHelper
|
38
|
+
ActionView::Base.include GovukDesignSystem::TagHelper
|
39
|
+
ActionView::Base.include GovukDesignSystem::TextareaHelper
|
40
|
+
ActionView::Base.include GovukDesignSystem::WarningTextHelper
|
41
|
+
end
|
42
|
+
end
|
43
|
+
|
44
|
+
config.generators do |g|
|
45
|
+
g.test_framework :rspec
|
46
|
+
g.assets false
|
47
|
+
g.helper false
|
48
|
+
end
|
49
|
+
end
|
50
|
+
end
|
data/spec/dummy/Rakefile
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
/*
|
2
|
+
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
3
|
+
* listed below.
|
4
|
+
*
|
5
|
+
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
|
6
|
+
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
|
7
|
+
*
|
8
|
+
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
9
|
+
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
|
10
|
+
* files in this directory. Styles in this file should be added after the last require_* statement.
|
11
|
+
* It is generally better to create a new file per style scope.
|
12
|
+
*
|
13
|
+
*= require_tree .
|
14
|
+
*= require_self
|
15
|
+
*/
|