Move filter controller up to dialog for narrower listener scope

This commit is contained in:
Andy Smith
2025-11-12 15:41:36 -06:00
parent 3615c07f7f
commit 43ee91cee7
9 changed files with 18 additions and 18 deletions
+2 -2
View File
@@ -28,9 +28,9 @@ module FiltersHelper
def filter_dialog(label, &block)
tag.dialog class: "margin-block-start-half popup panel flex-column align-start gap-half fill-white shadow txt-small", data: {
action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter dialog:close@document->filter#clearInput",
action: "turbo:before-cache@document->dialog#close keydown->navigable-list#navigate filter:changed->navigable-list#reset toggle->filter#filter",
aria: { label: label, aria_description: label },
controller: "filter navigable-list",
controller: "navigable-list",
dialog_target: "dialog",
navigable_list_focus_on_selection_value: false,
navigable_list_actionable_items_value: true
+2 -2
View File
@@ -5,8 +5,8 @@
data: { controller: "form", turbo_frame: "cards_container", turbo_action: "advance" } do |form| %>
<%= tag.div class: "flex-inline position-relative quick-filter",
data: {
controller: "dialog multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside turbo:morph@window->multi-selection-combobox#refresh",
controller: "dialog filter multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside turbo:morph@window->multi-selection-combobox#refresh dialog:close@document->filter#clearInput",
filter_show: user_filtering.show_boards?,
multi_selection_combobox_no_selection_label_value: user_filtering.selected_boards_label } do %>
<button type="button" class="btn borderless btn--plain events__filter-select" data-action="click->dialog#toggle:stop">
@@ -1,8 +1,8 @@
<% filter = user_filtering.filter %>
<%= tag.div class: "quick-filter",
data: {
controller: "dialog multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
controller: "dialog filter multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
filter_show: user_filtering.show_assignees?,
multi_selection_combobox_no_selection_label_value: "Assigned to…",
multi_selection_combobox_label_prefix_value: "Assigned to" } do %>
+2 -2
View File
@@ -2,8 +2,8 @@
<%= tag.div class: "quick-filter",
data: {
controller: "dialog multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
controller: "dialog filter multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close->filter#clearInput",
filter_show: user_filtering.show_boards?,
multi_selection_combobox_no_selection_label_value: "Board…",
multi_selection_combobox_label_prefix_value: "" } do %>
+2 -2
View File
@@ -2,8 +2,8 @@
<%= tag.div class: "quick-filter",
data: {
controller: "dialog multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
controller: "dialog filter multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
filter_show: user_filtering.show_closers?,
multi_selection_combobox_no_selection_label_value: "Closed by…",
multi_selection_combobox_label_prefix_value: "Closed by" } do %>
@@ -2,8 +2,8 @@
<%= tag.div class: "quick-filter",
data: {
controller: "dialog multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
controller: "dialog filter multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
filter_show: user_filtering.show_creators?,
multi_selection_combobox_no_selection_label_value: "Added by…",
multi_selection_combobox_label_prefix_value: "Added by" } do %>
@@ -1,8 +1,8 @@
<% filter = user_filtering.filter %>
<%= tag.div class: class_names("quick-filter"),
data: { controller: "dialog combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
data: { controller: "dialog filter combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
filter_show: user_filtering.show_indexed_by?,
combobox_default_value_value: "all",
combobox_default_label_value: "Status…",
@@ -2,8 +2,8 @@
<%= tag.div class: class_names("quick-filter"),
data: {
controller: "dialog combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
controller: "dialog filter combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
filter_show: user_filtering.show_sorted_by?,
combobox_default_value_value: "latest",
combobox_with_default_class: "quick-filter--with-default" } do %>
+2 -2
View File
@@ -2,8 +2,8 @@
<%= tag.div class: "quick-filter",
data: {
controller: "dialog multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside",
controller: "dialog filter multi-selection-combobox",
action: "keydown.esc->dialog#close click@document->dialog#closeOnClickOutside dialog:close@document->filter#clearInput",
filter_show: user_filtering.show_tags?,
multi_selection_combobox_no_selection_label_value: "Tagged…" } do %>
<button type="button" class="btn input input--select flex-inline txt-x-small" data-action="click->dialog#toggle:stop">