Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Admin] Add dynamic filters to ui/table component #5376

Merged
merged 15 commits into from
Oct 10, 2023
Merged

[Admin] Add dynamic filters to ui/table component #5376

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
68915c7
Remove order promotions promotion code value from search key
rainerdema Sep 20, 2023
679001c
Include search_param in `ui/table` component
rainerdema Sep 28, 2023
c3744d4
Update Stimulus actions for improved search behavior
rainerdema Sep 28, 2023
1850b99
Round table borders directly instead of relying overflow:hidden
elia Oct 10, 2023
53e5b45
Introduce dynamic ransack filter component for complex queries
elia Oct 10, 2023
01f75cf
Implement dynamic checkboxes sorting within options
rainerdema Sep 28, 2023
5f9aad1
Add click outside to close details
rainerdema Sep 28, 2023
2f41a2b
Introduce dynamic search bar when selections are more than 6
rainerdema Sep 28, 2023
f48eef8
Initialize checkboxes based on URL parameters
rainerdema Sep 28, 2023
983dcc9
Highlight the filter if there are selected options
rainerdema Sep 28, 2023
ca9e9f8
Introduce new filters for the products index
rainerdema Sep 28, 2023
58d4bda
Introduce new filters for the orders index
rainerdema Sep 28, 2023
0d54847
Refactor event dispatching in Stimulus controllers
rainerdema Sep 28, 2023
ef86996
Enable clickable filter labels for checkboxes
rainerdema Oct 10, 2023
6e78e0a
Add no-options message for empty filter
rainerdema Oct 10, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Enable clickable filter labels for checkboxes 
Enable functionality to allow users to toggle checkboxes by clicking
associated labels.
  • Loading branch information
@rainerdema
rainerdema committed Oct 10, 2023
commit ef86996df98aa0eabe6aaa8cdeef2c9d54b0ca39
3 changes: 2 additions & 1 deletion admin/app/components/solidus_admin/ui/table/ransack_filter/component.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,7 @@
value="<%= selection.predicate.value %>">

<%= render component('ui/forms/checkbox').new(
id: selection.id,
name: selection.option.name,
value: selection.option.value,
checked: selection.checked,
Expand All @@ -56,7 +57,7 @@
"data-#{stimulus_id}-target": "checkbox"
) %>

<%= label_tag nil, selection.presentation, class: "ml-2 text-sm text-gray-700" %>
<%= label_tag selection.id, selection.presentation, class: "ml-2 text-sm text-gray-700" %>
</div>
<% end %>
</div>
Expand Down
3 changes: 2 additions & 1 deletion admin/app/components/solidus_admin/ui/table/ransack_filter/component.rb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ def initialize(
def before_render
@selections = @options.map.with_index do |(label, value), opt_index|
Selection.new(
"#{stimulus_id}--#{label}-#{value}",
label,
build(:attribute, @attribute, opt_index),
build(:predicate, @predicate, opt_index),
Expand Down Expand Up @@ -62,6 +63,6 @@ def checked?(value)
option: '[c][%<index>s][v][]'
}

Selection = Struct.new(:presentation, :attribute, :predicate, :option, :checked)
Selection = Struct.new(:id, :presentation, :attribute, :predicate, :option, :checked)
Attribute = Struct.new(:name, :value)
end