scinote-web/app/views/protocols/_steps.html.erb

<% if can_manage_protocol_in_module?(@protocol) ||
      can_manage_protocol_in_repository?(@protocol) %>
<div class="row">
  <div class="pull-left" style="margin: 0 0 20px 15px;">
      <a href="#"
         class="btn btn-primary"
         data-action="new-step"
         data-href="<%= new_protocol_step_path(protocol_id: @protocol.id, format: :json) %>">
        <span class="fas fa-plus" aria-hidden="true"></span>
        <span class="hidden-xs"><%=t "protocols.steps.new_step" %></span>
      </a>
  </div>
  <% unless @protocol.steps.empty? %>
  <div class="pull-right" style="margin: 0 15px 20px 0;">
    <a class="btn btn-default" data-action="collapse-steps">
      <span class="fas fa-caret-square-up"></span>
      <span class="hidden-xs"><%= t("protocols.steps.collapse_label") %></a></span>
    <a class="btn btn-default" data-action="expand-steps">
      <span class="fas fa-caret-square-down"></span>
      <span class="hidden-xs"><%= t("protocols.steps.expand_label") %></a></span>
  </div>
  <% end %>
</div>
<% end %>
<div id="steps">
  <% @protocol.steps.order(:position).each do |step| %>
    <%= render partial: "steps/step.html.erb", locals: { step: step } %>
  <% end %>
</div>

<%= javascript_include_tag "handsontable.full.min" %>

<!-- Libraries for formulas -->
<%= render partial: "shared/formulas_libraries.html.erb" %>

<%= javascript_include_tag "assets/wopi/create_wopi_file" %>
<%= javascript_include_tag "protocols/steps" %>