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

<div class="row">
  <div class="pull-right" style="margin: 20px 15px 0 0;">
    <% if can_manage_protocol_in_module?(@protocol) ||
          can_manage_protocol_in_repository?(@protocol) %>
      <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>
    <% end %>
    <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>

  <div class="col-xs-4">
    <h2><%= t("protocols.steps.subtitle") %></h2>
  </div>
</div>

<div id="steps">
  <% @protocol.steps.order(:position).each do |step| %>
    <% cache [current_user, step] do %>
      <%= render partial: "steps/step.html.erb", locals: { step: step } %>
    <% end %>
  <% end %>
</div>
<% if @protocol.steps.count == 0 %>
  <div data-role="no-steps-text">
    <em><%= t("protocols.steps.no_steps") %></em>
  </div>
<% end %>

<%= javascript_include_tag "protocols/steps" %>

<!-- Libraries for formulas -->
<%= javascript_include_tag "lodash" %>
<%= javascript_include_tag "numeral" %>
<%= javascript_include_tag "numeric" %>
<%= javascript_include_tag "md5" %>
<%= javascript_include_tag "jstat" %>
<%= javascript_include_tag "formula" %>
<%= javascript_include_tag "parser" %>
<%= javascript_include_tag "ruleJS" %>
<%= javascript_include_tag "handsontable.formula" %>
<%= javascript_include_tag "big.min" %>
<%= stylesheet_link_tag "handsontable.formula" %>