sdr_view_components 0.2.1 → 0.3.0
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.
- checksums.yaml +4 -4
- data/Rakefile +31 -5
- data/app/assets/sdr_view_components.css +9 -1
- data/app/components/sdr_view_components/elements/toast_component.html.erb +4 -8
- data/app/components/sdr_view_components/forms/basic_select_field_component.rb +24 -0
- data/app/components/sdr_view_components/forms/select_field_component.rb +20 -0
- data/app/components/sdr_view_components/forms/toggle_component.html.erb +1 -1
- data/app/components/sdr_view_components/forms/toggle_option_component.html.erb +1 -1
- data/app/components/sdr_view_components/tables/row_component.html.erb +1 -1
- data/app/views/layouts/lookbook.html.erb +1 -2
- data/lib/sdr_view_components/version.rb +1 -1
- data/spec/components/previews/sdr_view_components/elements/tooltip_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/basic/basic_checkbox_component_preview/checked.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_checkbox_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/basic/basic_checkbox_component_preview/disabled.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_file_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/basic/basic_file_component_preview/with_accept.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_file_component_preview/with_multiple.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_file_component_preview/with_required.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_radio_button_component_preview/checked.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/basic/basic_radio_button_component_preview/default.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_radio_button_component_preview/disabled.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/basic/basic_select_field_component_preview/default.html.erb +11 -0
- data/spec/components/previews/sdr_view_components/forms/basic/basic_select_field_component_preview/with_prompt.html.erb +12 -0
- data/spec/components/previews/sdr_view_components/forms/basic/basic_select_field_component_preview.rb +13 -0
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_area_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_area_component_preview/with_placeholder.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_area_component_preview/with_required.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_area_component_preview/with_rows.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_field_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_field_component_preview/disabled.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_field_component_preview/required.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/basic/basic_text_field_component_preview/with_placeholder.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/checked.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/disabled.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_additional_container_content.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_help_text.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_label.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/checkbox_component_preview/with_validation_error.html.erb +3 -4
- data/spec/components/previews/sdr_view_components/forms/file_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/file_component_preview/with_additional_container_content.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/file_component_preview/with_help_text.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/file_component_preview/with_help_text_below.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/file_component_preview/with_label.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/file_component_preview/with_multiple.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/file_component_preview/with_validation_error.html.erb +3 -4
- data/spec/components/previews/sdr_view_components/forms/help_text_component_preview/with_text.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/label_component_preview/default.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/label_component_preview/hidden_label.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/label_component_preview/with_caption.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/label_component_preview/with_tooltip.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/default.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/with_additional_container_content.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/with_disabled_label.html.erb +11 -0
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/with_help_text.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/with_help_text_below.html.erb +6 -6
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/with_label.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview/with_validation_error.html.erb +5 -6
- data/spec/components/previews/sdr_view_components/forms/radio_button_component_preview.rb +4 -0
- data/spec/components/previews/sdr_view_components/forms/select_field_component_preview/default.html.erb +13 -0
- data/spec/components/previews/sdr_view_components/forms/select_field_component_preview/with_additional_container_content.html.erb +19 -0
- data/spec/components/previews/sdr_view_components/forms/select_field_component_preview/with_help_text.html.erb +14 -0
- data/spec/components/previews/sdr_view_components/forms/select_field_component_preview/with_help_text_below.html.erb +15 -0
- data/spec/components/previews/sdr_view_components/forms/select_field_component_preview/with_prompt.html.erb +14 -0
- data/spec/components/previews/sdr_view_components/forms/select_field_component_preview/with_validation_error.html.erb +15 -0
- data/spec/components/previews/sdr_view_components/forms/select_field_component_preview.rb +30 -0
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/danger.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/default.html.erb +2 -2
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/info.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/primary.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/secondary.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/success.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/warning.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/with_block_content_and_value.html.erb +2 -2
- data/spec/components/previews/sdr_view_components/forms/submit_component_preview/with_form_id.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/text_area_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/text_area_component_preview/with_additional_container_content.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/text_area_component_preview/with_help_text.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_area_component_preview/with_help_text_below.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/text_area_component_preview/with_hidden_label.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_area_component_preview/with_mark_required.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_area_component_preview/with_validation_error.html.erb +3 -4
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/disabled.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/label_hidden.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/marked_required.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/required.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/with_additional_container_content.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/with_help_text.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/with_help_text_below.html.erb +5 -5
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/with_placeholder.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/forms/text_field_component_preview/with_validation_error.html.erb +3 -4
- data/spec/components/previews/sdr_view_components/forms/toggle_component_preview/default.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/forms/toggle_component_preview/with_validation_error.html.erb +3 -4
- data/spec/components/previews/sdr_view_components/tables/row_component_preview/with_first_value_and_values.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/tables/row_component_preview/with_tooltip.html.erb +4 -4
- data/spec/components/previews/sdr_view_components/tables/row_component_preview/with_value.html.erb +3 -3
- data/spec/components/previews/sdr_view_components/tables/row_component_preview/with_values.html.erb +3 -3
- metadata +14 -1
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/upload') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::FileComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :file,
|
|
7
|
+
variant: :help_text_below,
|
|
8
|
+
help_text: 'Help text appears below the file input when using help_text_below variant.'
|
|
9
|
+
) %>
|
|
10
10
|
<% end %>
|
data/spec/components/previews/sdr_view_components/forms/file_component_preview/with_label.html.erb
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/upload') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::FileComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :document,
|
|
7
|
+
label_text: 'Upload your document'
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/upload') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::FileComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :file,
|
|
7
|
+
input_multiple: true
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
<% model = SdrViewComponents::Forms::FileComponentPreview::FilePreviewModel.new(document: nil) %>
|
|
2
|
-
<% model.valid? %>
|
|
3
2
|
|
|
4
3
|
<%= form_with(model: model, url: '/upload') do |form| %>
|
|
5
4
|
<%= render SdrViewComponents::Forms::FileComponent.new(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :file
|
|
7
|
+
) %>
|
|
9
8
|
<% end %>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
<%= render SdrViewComponents::Forms::HelpTextComponent.new(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
) %>
|
|
2
|
+
id: 'title-help-text',
|
|
3
|
+
text: 'Use a concise, descriptive title that will make sense to end users.'
|
|
4
|
+
) %>
|
data/spec/components/previews/sdr_view_components/forms/label_component_preview/default.html.erb
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<%= form_with(url: '/example', scope: :item) do |form| %>
|
|
2
2
|
<%= render SdrViewComponents::Forms::LabelComponent.new(
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
form: form,
|
|
4
|
+
field_name: :title,
|
|
5
|
+
text: 'Collection title'
|
|
6
|
+
) %>
|
|
7
7
|
<% end %>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<%= form_with(url: '/example', scope: :item) do |form| %>
|
|
2
2
|
<%= render SdrViewComponents::Forms::LabelComponent.new(
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
form: form,
|
|
4
|
+
field_name: :title,
|
|
5
|
+
text: 'Collection title',
|
|
6
|
+
hidden: true
|
|
7
|
+
) %>
|
|
8
8
|
<% end %>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<%= form_with(url: '/example', scope: :item) do |form| %>
|
|
2
2
|
<%= render SdrViewComponents::Forms::LabelComponent.new(
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
form: form,
|
|
4
|
+
field_name: :title,
|
|
5
|
+
text: 'Collection title',
|
|
6
|
+
caption: 'Shown to repository users and search results.'
|
|
7
|
+
) %>
|
|
8
8
|
<% end %>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<%= form_with(url: '/example', scope: :item) do |form| %>
|
|
2
2
|
<%= render SdrViewComponents::Forms::LabelComponent.new(
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
form: form,
|
|
4
|
+
field_name: :title,
|
|
5
|
+
text: 'Collection title',
|
|
6
|
+
tooltip: 'Use the public title shown to repository users.'
|
|
7
|
+
) %>
|
|
8
8
|
<% end %>
|
|
9
9
|
|
|
10
10
|
<script>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::RadioButtonComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :delivery_method,
|
|
7
|
+
input_value: 'email'
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::RadioButtonComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :delivery_method,
|
|
7
|
+
input_value: 'email',
|
|
8
|
+
label_text: 'Email'
|
|
9
|
+
) do |component| %>
|
|
10
10
|
<% component.with_additional_container_content do %>
|
|
11
11
|
<span class="text-info">Recommended if you want notifications delivered to your inbox.</span>
|
|
12
12
|
<% end %>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<% model = SdrViewComponents::Forms::RadioButtonComponentPreview::RadioButtonPreviewModel.new(delivery_method: nil) %>
|
|
2
|
+
|
|
3
|
+
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
|
+
<%= render SdrViewComponents::Forms::RadioButtonComponent.new(
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :delivery_method,
|
|
7
|
+
input_value: 'email',
|
|
8
|
+
label_text: 'Email',
|
|
9
|
+
input_disabled: true
|
|
10
|
+
) %>
|
|
11
|
+
<% end %>
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::RadioButtonComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :delivery_method,
|
|
7
|
+
input_value: 'email',
|
|
8
|
+
help_text: 'Use this option to receive updates by email.'
|
|
9
|
+
) %>
|
|
10
10
|
<% end %>
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::RadioButtonComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :delivery_method,
|
|
7
|
+
input_value: 'email',
|
|
8
|
+
variant: :help_text_below,
|
|
9
|
+
help_text: 'Use this option to receive updates by email.'
|
|
10
|
+
) %>
|
|
11
11
|
<% end %>
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::RadioButtonComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :delivery_method,
|
|
7
|
+
input_value: 'email',
|
|
8
|
+
label_text: 'Email'
|
|
9
|
+
) %>
|
|
10
10
|
<% end %>
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
<% model = SdrViewComponents::Forms::RadioButtonComponentPreview::RadioButtonPreviewModel.new(delivery_method: nil) %>
|
|
2
|
-
<% model.valid? %>
|
|
3
2
|
|
|
4
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
5
4
|
<%= render SdrViewComponents::Forms::RadioButtonComponent.new(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :delivery_method,
|
|
7
|
+
input_value: 'email',
|
|
8
|
+
label_text: 'Email'
|
|
9
|
+
) %>
|
|
11
10
|
<% end %>
|
|
@@ -5,8 +5,12 @@ module SdrViewComponents
|
|
|
5
5
|
class RadioButtonComponentPreview < ViewComponent::Preview
|
|
6
6
|
def default; end
|
|
7
7
|
|
|
8
|
+
# @!group With label
|
|
8
9
|
def with_label; end
|
|
9
10
|
|
|
11
|
+
def with_disabled_label; end
|
|
12
|
+
# @!endgroup
|
|
13
|
+
|
|
10
14
|
# @!group Help text
|
|
11
15
|
def with_help_text; end
|
|
12
16
|
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<% model = SdrViewComponents::Forms::SelectFieldComponentPreview::SelectFieldPreviewModel.new(resource_type: 'image') %>
|
|
2
|
+
|
|
3
|
+
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
|
+
<%= render SdrViewComponents::Forms::SelectFieldComponent.new(
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :resource_type,
|
|
7
|
+
options: [
|
|
8
|
+
%w[Book book],
|
|
9
|
+
%w[Image image],
|
|
10
|
+
%w[Map map]
|
|
11
|
+
]
|
|
12
|
+
) %>
|
|
13
|
+
<% end %>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<% model = SdrViewComponents::Forms::SelectFieldComponentPreview::SelectFieldPreviewModel.new(resource_type: 'image') %>
|
|
2
|
+
|
|
3
|
+
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
|
+
<%= render SdrViewComponents::Forms::SelectFieldComponent.new(
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :resource_type,
|
|
7
|
+
options: [
|
|
8
|
+
%w[Book book],
|
|
9
|
+
%w[Image image],
|
|
10
|
+
%w[Map map]
|
|
11
|
+
]
|
|
12
|
+
) do |component| %>
|
|
13
|
+
<% component.with_additional_container_content do %>
|
|
14
|
+
<div class="alert alert-info mt-2" role="alert">
|
|
15
|
+
Preferred for still images, scans, and photographs.
|
|
16
|
+
</div>
|
|
17
|
+
<% end %>
|
|
18
|
+
<% end %>
|
|
19
|
+
<% end %>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<% model = SdrViewComponents::Forms::SelectFieldComponentPreview::SelectFieldPreviewModel.new(resource_type: 'book') %>
|
|
2
|
+
|
|
3
|
+
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
|
+
<%= render SdrViewComponents::Forms::SelectFieldComponent.new(
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :resource_type,
|
|
7
|
+
options: [
|
|
8
|
+
%w[Book book],
|
|
9
|
+
%w[Image image],
|
|
10
|
+
%w[Map map]
|
|
11
|
+
],
|
|
12
|
+
help_text: 'Choose the resource type that best matches the item you are describing.'
|
|
13
|
+
) %>
|
|
14
|
+
<% end %>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<% model = SdrViewComponents::Forms::SelectFieldComponentPreview::SelectFieldPreviewModel.new(resource_type: 'map') %>
|
|
2
|
+
|
|
3
|
+
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
|
+
<%= render SdrViewComponents::Forms::SelectFieldComponent.new(
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :resource_type,
|
|
7
|
+
options: [
|
|
8
|
+
%w[Book book],
|
|
9
|
+
%w[Image image],
|
|
10
|
+
%w[Map map]
|
|
11
|
+
],
|
|
12
|
+
variant: :help_text_below,
|
|
13
|
+
help_text: 'Use the below-help-text variant when explanatory guidance should follow the select input.'
|
|
14
|
+
) %>
|
|
15
|
+
<% end %>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<% model = SdrViewComponents::Forms::SelectFieldComponentPreview::SelectFieldPreviewModel.new(resource_type: nil) %>
|
|
2
|
+
|
|
3
|
+
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
|
+
<%= render SdrViewComponents::Forms::SelectFieldComponent.new(
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :resource_type,
|
|
7
|
+
options: [
|
|
8
|
+
%w[Book book],
|
|
9
|
+
%w[Image image],
|
|
10
|
+
%w[Map map]
|
|
11
|
+
],
|
|
12
|
+
prompt: 'Choose a resource type'
|
|
13
|
+
) %>
|
|
14
|
+
<% end %>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<% model = SdrViewComponents::Forms::SelectFieldComponentPreview::SelectFieldPreviewModel.new(resource_type: nil) %>
|
|
2
|
+
<% model.valid? %>
|
|
3
|
+
|
|
4
|
+
<%= form_with(model: model, url: '/example') do |form| %>
|
|
5
|
+
<%= render SdrViewComponents::Forms::SelectFieldComponent.new(
|
|
6
|
+
form: form,
|
|
7
|
+
field_name: :resource_type,
|
|
8
|
+
options: [
|
|
9
|
+
%w[Book book],
|
|
10
|
+
%w[Image image],
|
|
11
|
+
%w[Map map]
|
|
12
|
+
],
|
|
13
|
+
prompt: 'Choose a resource type'
|
|
14
|
+
) %>
|
|
15
|
+
<% end %>
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module SdrViewComponents
|
|
4
|
+
module Forms
|
|
5
|
+
class SelectFieldComponentPreview < ViewComponent::Preview
|
|
6
|
+
def default; end
|
|
7
|
+
|
|
8
|
+
def with_prompt; end
|
|
9
|
+
|
|
10
|
+
# @!group Help text
|
|
11
|
+
def with_help_text; end
|
|
12
|
+
|
|
13
|
+
def with_help_text_below; end
|
|
14
|
+
# @!endgroup
|
|
15
|
+
|
|
16
|
+
def with_additional_container_content; end
|
|
17
|
+
|
|
18
|
+
def with_validation_error; end
|
|
19
|
+
|
|
20
|
+
class SelectFieldPreviewModel
|
|
21
|
+
include ActiveModel::Model
|
|
22
|
+
include ActiveModel::Attributes
|
|
23
|
+
|
|
24
|
+
attribute :resource_type, :string, default: nil
|
|
25
|
+
|
|
26
|
+
validates :resource_type, presence: true
|
|
27
|
+
end
|
|
28
|
+
end
|
|
29
|
+
end
|
|
30
|
+
end
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextAreaComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :description
|
|
7
|
+
) do |component| %>
|
|
8
8
|
<% component.with_additional_container_content do %>
|
|
9
9
|
<p>Character limit: 500.</p>
|
|
10
10
|
<% end %>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextAreaComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :description,
|
|
7
|
+
help_text: 'Describe the item in one or two sentences.'
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextAreaComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :description,
|
|
7
|
+
variant: :help_text_below,
|
|
8
|
+
help_text: 'This help text appears after the textarea.'
|
|
9
|
+
) %>
|
|
10
10
|
<% end %>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextAreaComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :description,
|
|
7
|
+
label_hidden: true
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextAreaComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :description,
|
|
7
|
+
mark_required: true
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
<% model = SdrViewComponents::Forms::TextAreaComponentPreview::TextAreaPreviewModel.new(description: nil) %>
|
|
2
|
-
<% model.valid? %>
|
|
3
2
|
|
|
4
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
5
4
|
<%= render SdrViewComponents::Forms::TextAreaComponent.new(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :description
|
|
7
|
+
) %>
|
|
9
8
|
<% end %>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextFieldComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :title,
|
|
7
|
+
input_disabled: true
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextFieldComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :title,
|
|
7
|
+
label_hidden: true
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
<%= form_with(model: model, url: '/example') do |form| %>
|
|
4
4
|
<%= render SdrViewComponents::Forms::TextFieldComponent.new(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
form: form,
|
|
6
|
+
field_name: :title,
|
|
7
|
+
mark_required: true
|
|
8
|
+
) %>
|
|
9
9
|
<% end %>
|