diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index 5a86a36..2afaaae 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -102,6 +102,10 @@ module ApplicationHelper
tag.tr tag.td t('.no_items'), colspan: 10, class: 'hint'
end
+ def turbo_stream_handler(partial)
+ "Turbo.renderStreamMessage('#{j(render partial: partial)}'); return false;"
+ end
+
private
def image_element_to(type, name, image = nil, options = nil, html_options = {})
diff --git a/app/javascript/application.js b/app/javascript/application.js
index 5f9a581..d5a0d13 100644
--- a/app/javascript/application.js
+++ b/app/javascript/application.js
@@ -23,3 +23,7 @@ Turbo.StreamActions.enable = function() {
e.removeAttribute("tabindex")
})
}
+
+Turbo.StreamActions.focus = function() {
+ this.targetElements[0].focus({focusVisible: true})
+}
diff --git a/app/views/units/_form.html.erb b/app/views/units/_form.html.erb
index 3f268dd..454ee3f 100644
--- a/app/views/units/_form.html.erb
+++ b/app/views/units/_form.html.erb
@@ -17,9 +17,9 @@
- <%= form.submit form: :unit_form, onclick: 'focusAddLink(event)' %>
+ <%= form.submit form: :unit_form %>
<%= image_link_to t(:cancel), "close-circle-outline", units_path, class: 'dangerous',
- onclick: 'closeForm(event); return false;' %>
+ onclick: turbo_stream_handler('form_close'), name: :cancel %>
|
diff --git a/app/views/units/_form_close.html.erb b/app/views/units/_form_close.html.erb
new file mode 100644
index 0000000..bea914b
--- /dev/null
+++ b/app/views/units/_form_close.html.erb
@@ -0,0 +1,4 @@
+<%= turbo_stream.remove @unit %>
+<%= turbo_stream.enable_all 'td.actions .button' %>
+<%= turbo_stream.enable :add_unit %>
+<%= turbo_stream.focus :add_unit %>
diff --git a/app/views/units/index.html.erb b/app/views/units/index.html.erb
index b2b52c1..143aac8 100644
--- a/app/views/units/index.html.erb
+++ b/app/views/units/index.html.erb
@@ -2,7 +2,7 @@
<% if current_user.at_least(:active) %>
<%= turbo_frame_tag do %>
<%= image_link_to t('.add_unit'), 'plus-outline', new_unit_path, id: :add_unit,
- onclick: 'this.blur(); this.style.visibility = "hidden";', data: {turbo_stream: true} %>
+ onclick: 'this.blur();', data: {turbo_stream: true} %>
<% end %>
<% end %>
@@ -26,20 +26,9 @@
<%= javascript_tag do %>
- function closeForm(event) {
- event.target.closest("tr").remove();
- focusAddLink(event);
- }
-
- function focusAddLink(event) {
- var add_unit_link = document.querySelector("a#add_unit");
- add_unit_link.style.visibility = "visible";
- add_unit_link.focus({ focusVisible: true });
- }
-
function processKey(event) {
if (event.key == "Escape") {
- closeForm(event);
+ event.target.closest("tr").querySelector("a[name=cancel]").click();
}
}
<% end %>
diff --git a/config/initializers/turbo_stream_actions.rb b/config/initializers/turbo_stream_actions.rb
index 17b90a7..b924a80 100644
--- a/config/initializers/turbo_stream_actions.rb
+++ b/config/initializers/turbo_stream_actions.rb
@@ -1,9 +1,21 @@
ActiveSupport.on_load :turbo_streams_tag_builder do
def disable(target)
- action :disable, target
+ action :disable, target, allow_inferred_rendering: false
end
def disable_all(targets)
- action_all :disable, targets
+ action_all :disable, targets, allow_inferred_rendering: false
+ end
+
+ def enable(target)
+ action :enable, target, allow_inferred_rendering: false
+ end
+
+ def enable_all(targets)
+ action_all :enable, targets, allow_inferred_rendering: false
+ end
+
+ def focus(target)
+ action :focus, target, allow_inferred_rendering: false
end
end