mirror of
https://github.com/we-promise/sure.git
synced 2026-04-09 23:34:50 +00:00
* feat: add new UI component to display dropdown select with filter * feat: use new dropdown componet for category selection in transactions * feat: improve dropdown controller * feat: Add checkbox indicator to highlight selected element in list * feat: add possibility to define dropdown without search * feat: initial implementation of variants * feat: Add default color for dropdown menu * feat: add "icon" variant for dropdown * refactor: component + controller refactoring * refactor: view + component * fix: adjust min width in selection for mobile * feat: refactor collection_select method to use new filter dropdown component * fix: compute fixed position for dropdown * feat: controller improvements * lint issues * feat: add dot color if no icon is available * refactor: controller refactor + update naming for variant from icon to logo * fix: set width to 100% for select dropdown * feat: add variant to collection_select in new transaction form * fix: typo in placeholder value * fix: add back include_blank property * refactor: rename component from FilterDropdown to Select * fix: translate placeholder and keep value_method and text_method * fix: remove duplicate variable assignment * fix: translate placeholder * fix: verify color format * fix: use right autocomplete value * fix: selection issue + controller adjustments * fix: move calls to startAutoUpdate and stopAutoUpdate * Update app/javascript/controllers/select_controller.js Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Signed-off-by: Alessio Cappa <104093777+alessiocappa@users.noreply.github.com> * fix: add aria-labels * fix: pass html_options to DS::Select * fix: unnecessary closing tag * fix: use offsetvalue for position checks * fix: use right classes for dropdown transitions * include options[:prompt] in placeholder init * fix: remove unused locale key * fix: Emit a native change event after updating the input value. * fix: Guard against negative maxHeight in constrained layouts. * fix: Update test * fix: lint issues * Update test/system/transfers_test.rb Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Signed-off-by: Alessio Cappa <104093777+alessiocappa@users.noreply.github.com> * Update test/system/transfers_test.rb Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Signed-off-by: Alessio Cappa <104093777+alessiocappa@users.noreply.github.com> * refactor: move CSS class for button select form in maybe-design-system.css --------- Signed-off-by: Alessio Cappa <104093777+alessiocappa@users.noreply.github.com> Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
153 lines
5.1 KiB
Ruby
153 lines
5.1 KiB
Ruby
class StyledFormBuilder < ActionView::Helpers::FormBuilder
|
|
class_attribute :text_field_helpers, default: field_helpers - [ :label, :check_box, :radio_button, :fields_for, :fields, :hidden_field, :file_field ]
|
|
|
|
text_field_helpers.each do |selector|
|
|
class_eval <<-RUBY_EVAL, __FILE__, __LINE__ + 1
|
|
def #{selector}(method, options = {})
|
|
form_options = options.slice(:label, :label_tooltip, :inline, :container_class, :required)
|
|
html_options = options.except(:label, :label_tooltip, :inline, :container_class)
|
|
|
|
build_field(method, form_options, html_options) do |merged_options|
|
|
super(method, merged_options)
|
|
end
|
|
end
|
|
RUBY_EVAL
|
|
end
|
|
|
|
def radio_button(method, tag_value, options = {})
|
|
merged_options = { class: "form-field__radio" }.merge(options)
|
|
super(method, tag_value, merged_options)
|
|
end
|
|
|
|
def select(method, choices, options = {}, html_options = {})
|
|
field_options = normalize_options(options, html_options)
|
|
|
|
build_field(method, field_options, html_options) do |merged_html_options|
|
|
super(method, choices, options, merged_html_options)
|
|
end
|
|
end
|
|
|
|
def collection_select(method, collection, value_method, text_method, options = {}, html_options = {})
|
|
selected_value = @object.public_send(method) if @object.respond_to?(method)
|
|
placeholder = options[:prompt] || options[:include_blank] || options[:placeholder] || I18n.t("helpers.select.default_label")
|
|
|
|
@template.render(
|
|
DS::Select.new(
|
|
form: self,
|
|
method: method,
|
|
items: collection.map { |item| { value: item.public_send(value_method), label: item.public_send(text_method), object: item } },
|
|
selected: selected_value,
|
|
placeholder: placeholder,
|
|
searchable: options.fetch(:searchable, false),
|
|
variant: options.fetch(:variant, :simple),
|
|
include_blank: options[:include_blank],
|
|
label: options[:label],
|
|
container_class: options[:container_class],
|
|
label_tooltip: options[:label_tooltip],
|
|
html_options: html_options
|
|
)
|
|
)
|
|
end
|
|
|
|
def money_field(amount_method, options = {})
|
|
@template.render partial: "shared/money_field", locals: {
|
|
form: self,
|
|
amount_method:,
|
|
currency_method: options[:currency_method] || :currency,
|
|
**options
|
|
}
|
|
end
|
|
|
|
def toggle(method, options = {}, checked_value = "1", unchecked_value = "0")
|
|
field_id = field_id(method)
|
|
field_name = field_name(method)
|
|
checked = object ? object.send(method) : options[:checked]
|
|
|
|
@template.render(
|
|
DS::Toggle.new(
|
|
id: field_id,
|
|
name: field_name,
|
|
checked: checked,
|
|
disabled: options[:disabled],
|
|
checked_value: checked_value,
|
|
unchecked_value: unchecked_value,
|
|
**options
|
|
)
|
|
)
|
|
end
|
|
|
|
def submit(value = nil, options = {})
|
|
value, options = nil, value if value.is_a?(Hash)
|
|
value ||= submit_default_value
|
|
|
|
@template.render(
|
|
DS::Button.new(
|
|
text: value,
|
|
data: (options[:data] || {}).merge({ turbo_submits_with: "Submitting..." }),
|
|
full_width: true
|
|
)
|
|
)
|
|
end
|
|
|
|
private
|
|
def build_field(method, options = {}, html_options = {}, &block)
|
|
if options[:inline] || options[:label] == false
|
|
return yield({ class: "form-field__input" }.merge(html_options))
|
|
end
|
|
|
|
label_element = build_label(method, options)
|
|
field_element = yield({ class: "form-field__input" }.merge(html_options))
|
|
|
|
container_classes = [ "form-field", options[:container_class] ].compact
|
|
|
|
@template.tag.div class: container_classes do
|
|
if options[:label_tooltip]
|
|
@template.tag.div(class: "form-field__header") do
|
|
label_element +
|
|
@template.tag.div(class: "form-field__actions") do
|
|
build_tooltip(options[:label_tooltip])
|
|
end
|
|
end +
|
|
@template.tag.div(class: "form-field__body") do
|
|
field_element
|
|
end
|
|
else
|
|
@template.tag.div(class: "form-field__body") do
|
|
label_element + field_element
|
|
end
|
|
end
|
|
end
|
|
end
|
|
|
|
def normalize_options(options, html_options)
|
|
options.merge(required: options[:required] || html_options[:required])
|
|
end
|
|
|
|
def build_label(method, options)
|
|
return "".html_safe unless options[:label]
|
|
|
|
label_text = options[:label]
|
|
|
|
if options[:required]
|
|
label_text = @template.safe_join([
|
|
label_text == true ? method.to_s.humanize : label_text,
|
|
@template.tag.span("*", class: "text-red-500 ml-0.5")
|
|
])
|
|
end
|
|
|
|
return label(method, class: "form-field__label") if label_text == true
|
|
label(method, label_text, class: "form-field__label")
|
|
end
|
|
|
|
def build_tooltip(tooltip_text)
|
|
return nil unless tooltip_text
|
|
|
|
@template.tag.div(data: { controller: "tooltip" }) do
|
|
@template.safe_join([
|
|
@template.icon("help-circle", size: "sm", color: "default", class: "cursor-help"),
|
|
@template.tag.div(tooltip_text, role: "tooltip", data: { tooltip_target: "tooltip" }, class: "tooltip bg-gray-700 text-sm p-2 rounded w-64 text-white")
|
|
])
|
|
end
|
|
end
|
|
end
|