Fix: When expanding filters, submitting filters should keep the filters expanded
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
import { Controller } from "@hotwired/stimulus"
|
||||
|
||||
export default class extends Controller {
|
||||
static targets = [ "element" ]
|
||||
|
||||
toggle() {
|
||||
this.elementTargets.forEach((element) => {
|
||||
element.toggleAttribute("disabled")
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -2,7 +2,7 @@
|
||||
<%= tag.aside id: "filter-settings",
|
||||
class: class_names("filters flex align-center gap-half justify-center center margin-block-end", { "filters--expanded": user_filtering.expanded? }),
|
||||
data: { controller: "toggle-class", toggle_class_toggle_class: "filters--expanded" } do %>
|
||||
<div class="flex-inline center align-center gap-half">
|
||||
<div class="flex-inline center align-center gap-half" data-controller="toggle-enable">
|
||||
<%= render "filters/settings/terms", user_filtering: user_filtering %>
|
||||
<%= render "filters/settings/controls", user_filtering: user_filtering %>
|
||||
|
||||
|
||||
@@ -32,9 +32,7 @@
|
||||
<%= hidden_field_tag :assignment_status, "unassigned" %>
|
||||
<% end %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<%= hidden_field_tag :expand_all, user_filtering.expanded? %>
|
||||
<% end %>
|
||||
<%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
|
||||
|
||||
<%= form.button type: "submit", class: "popup__item btn" do %>
|
||||
<span class="overflow-ellipsis flex-item-grow">No one</span>
|
||||
@@ -61,9 +59,7 @@
|
||||
<%= hidden_field_tag "assignee_ids[]", user.id %>
|
||||
<% end %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<%= hidden_field_tag :expand_all, user_filtering.expanded? %>
|
||||
<% end %>
|
||||
<%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
|
||||
|
||||
<%= form.button type: "submit", class: "popup__item btn" do %>
|
||||
<span class="overflow-ellipsis flex-item-grow"><%= user.name %></span>
|
||||
|
||||
@@ -38,9 +38,7 @@
|
||||
<%= hidden_field_tag "closer_ids[]", user.id %>
|
||||
<% end %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<%= hidden_field_tag :expand_all, user_filtering.expanded? %>
|
||||
<% end %>
|
||||
<%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
|
||||
|
||||
<%= form.button type: "submit", class: "popup__item btn" do %>
|
||||
<span class="overflow-ellipsis flex-item-grow"><%= user.name %></span>
|
||||
|
||||
@@ -38,9 +38,7 @@
|
||||
<%= hidden_field_tag "creator_ids[]", user.id %>
|
||||
<% end %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<%= hidden_field_tag :expand_all, user_filtering.expanded? %>
|
||||
<% end %>
|
||||
<%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
|
||||
|
||||
<%= form.button type: "submit", class: "popup__item btn" do %>
|
||||
<span class="overflow-ellipsis flex-item-grow"><%= user.name %></span>
|
||||
|
||||
@@ -21,9 +21,7 @@
|
||||
|
||||
<%= hidden_field_tag :indexed_by, index %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<%= hidden_field_tag :expand_all, user_filtering.expanded? %>
|
||||
<% end %>
|
||||
<%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
|
||||
|
||||
<%= form.button type: "submit", class: "popup__item btn" do %>
|
||||
<span class="overflow-ellipsis flex-item-grow"><%= index.humanize %></span>
|
||||
|
||||
@@ -21,9 +21,7 @@
|
||||
|
||||
<%= hidden_field_tag :sorted_by, sort %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<%= hidden_field_tag :expand_all, user_filtering.expanded? %>
|
||||
<% end %>
|
||||
<%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
|
||||
|
||||
<%= form.button type: "submit", class: "popup__item btn" do %>
|
||||
<span class="overflow-ellipsis flex-item-grow"><%= sorted_by_label(sort) %></span>
|
||||
|
||||
@@ -38,9 +38,7 @@
|
||||
<%= hidden_field_tag "tag_ids[]", tag.id %>
|
||||
<% end %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<%= hidden_field_tag :expand_all, user_filtering.expanded? %>
|
||||
<% end %>
|
||||
<%= hidden_field_tag :expand_all, true, disabled: !user_filtering.expanded?, data: { toggle_enable_target: "element" } %>
|
||||
|
||||
<%= form.button type: "submit", class: "popup__item btn" do %>
|
||||
<span class="overflow-ellipsis flex-item-grow"><%= tag.hashtag %></span>
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
<% filter = user_filtering.filter %>
|
||||
|
||||
<% if user_filtering.expanded? %>
|
||||
<button type="button" class="btn txt-x-small btn--reversed" aria-selected="true" aria-label="Close filter options" data-action="toggle-class#toggle">
|
||||
<button type="button" class="btn txt-x-small btn--reversed" aria-selected="true" aria-label="Close filter options" data-action="toggle-class#toggle toggle-enable#toggle">
|
||||
<%= icon_tag "filter" %>
|
||||
</button>
|
||||
<% else %>
|
||||
<button type="button" class="btn txt-x-small" aria-label="Expand filter options" data-action="toggle-class#toggle">
|
||||
<button type="button" class="btn txt-x-small" aria-label="Expand filter options" data-action="toggle-class#toggle toggle-enable#toggle">
|
||||
<%= icon_tag "filter" %>
|
||||
</button>
|
||||
<% end %>
|
||||
|
||||
Reference in New Issue
Block a user