b304c640e1
Note we're keeping this section's original design (which had one button to add a new group which after being pressed was replaced by a button to cancel) but we aren't using Foundation's `data-toggle` because there were a couple of usability and accessibility issues. First, using `data-toggle` multiple times and applying it to multiple elements led to the "cancel" button not being available after submitting a form with errors. Fixing it made the code more complicated. Second, the "Add new group" button always had the `aria-expanded` attribute set to "true", so my screen reader was announcing the button as expanded even when it wasn't. I didn't manage to fix it using `data-toggle`. Finally, after pressing either the "Add new group" and "Cancel" buttons, the keyboard focus was lost since the elements disappeared. So we're simplifying the HTML and adding some custom JavaScript to be able to handle the focus and manually setting the `aria-expanded` attribute. Co-Authored-By: Javi Martín <javim@elretirao.net> Co-Authored-By: Julian Herrero <microweb10@gmail.com>
49 lines
1.1 KiB
Ruby
49 lines
1.1 KiB
Ruby
class Admin::TableActionsComponent < ApplicationComponent
|
|
include TableActionLink
|
|
include Admin::Namespace
|
|
attr_reader :record, :options
|
|
|
|
def initialize(record = nil, **options)
|
|
@record = record
|
|
@options = options
|
|
end
|
|
|
|
private
|
|
|
|
def actions
|
|
options[:actions] || [:edit, :destroy]
|
|
end
|
|
|
|
def edit_text
|
|
options[:edit_text] || t("admin.actions.edit")
|
|
end
|
|
|
|
def edit_path
|
|
options[:edit_path] || namespaced_polymorphic_path(namespace, record, action: :edit)
|
|
end
|
|
|
|
def edit_options
|
|
{ class: "edit-link" }.merge(options[:edit_options] || {})
|
|
end
|
|
|
|
def destroy_text
|
|
options[:destroy_text] || t("admin.actions.delete")
|
|
end
|
|
|
|
def destroy_path
|
|
options[:destroy_path] || namespaced_polymorphic_path(namespace, record)
|
|
end
|
|
|
|
def destroy_options
|
|
{
|
|
method: :delete,
|
|
class: "destroy-link",
|
|
data: { confirm: destroy_confirmation }
|
|
}.merge(options[:destroy_options] || {})
|
|
end
|
|
|
|
def destroy_confirmation
|
|
options[:destroy_confirmation] || t("admin.actions.confirm")
|
|
end
|
|
end
|