<% if current_user.at_least(:active) %>
<%= image_link_to t('.add_unit'), 'plus-outline', new_unit_path, id: :add_unit,
onclick: 'this.blur();', data: {turbo_stream: true} %>
<% end %>
<%= tag.div id: :unit_form %>
| <%= User.human_attribute_name(:symbol).capitalize %> |
<%= User.human_attribute_name(:name).capitalize %> |
<%= User.human_attribute_name(:multiplier).capitalize %> |
<% if current_user.at_least(:active) %>
<%= t :actions %> |
|
<% end %>
<%= render(@units) || render_no_items %>
<%= javascript_tag do %>
function processKey(event) {
if (event.key == "Escape") {
event.target.closest("tr").querySelector("a[name=cancel]").click();
}
}
function dragStart(event) {
var row = event.target.closest("tr");
event.dataTransfer.setData("text/plain", row.getAttribute("data-drag-path"));
var rowRectangle = row.getBoundingClientRect();
event.dataTransfer.setDragImage(row, event.x - rowRectangle.left, event.y - rowRectangle.top);
event.dataTransfer.dropEffect = "none";
}
function dragOver(event) {
event.preventDefault();
event.dataTransfer.dropEffect = "move";
}
function drop(event) {
event.preventDefault();
var params = new URLSearchParams();
params.append("unit[base_id]", event.target.closest("tr").getAttribute("data-drop-id"));
fetch(event.dataTransfer.getData("text/plain"), {
body: params,
headers: {
"Accept": "text/vnd.turbo-stream.html",
"X-CSRF-Token": document.head.querySelector("meta[name=csrf-token]").content,
"X-Requested-With": "XMLHttpRequest"
},
method: "PATCH"
})
.then(response => response.text())
.then(html => Turbo.renderStreamMessage(html))
}
<% end %>