scinote-web/app/views/projects/show/_experiment.html.erb

<div class="col-md-6">
  <div class="panel panel-default experiment-panel"
       data-id="<%= experiment.id %>"
       data-canvas-link="<%= canvas_experiment_url(experiment) %>"
       >
    <div class="panel-heading">
      <% if can_manage_experiment?(experiment) %>
        <div class="dropdown pull-right">
          <button class="btn btn-link dropdown-toggle"
                  type="button"
                  id="exActionsMenu-<%= experiment.id %>"
                  data-toggle="dropdown"
                  aria-haspopup="true"
                  aria-expanded="true">
            <span class="caret"></span>
          </button>
          <%= render partial: 'experiments/dropdown_actions.html.erb',
                              locals: { project: @project, experiment: experiment } %>
        </div>
      <% end %>
      <h3 class="panel-title"><%= link_to experiment.name, canvas_experiment_path(experiment) %></h3>

    </div>
    <div class="panel-body">
      <% if experiment.active_modules.length > 0 %>
        <div class="workflowimg-container"
             data-check-img="<%= updated_img_experiment_url(experiment) %>"
             data-updated-img="<%= fetch_workflow_img_experiment_url(experiment) %>"
             data-timestamp="<%= experiment.updated_at %>" >
        </div>
      <% else %>
        <div class="no-workflowimg">
          <% if can_manage_experiment?(experiment) %>
            <p><%= link_to( t('experiments.edit.add_task'),
                            canvas_experiment_path(experiment,
                                                   editMode: true)) %></p>
          <% else %>
            <p><%= t('experiments.edit.no_workflowimg') %></p>
          <% end %>
        </div>
      <% end %>
      <span>
        <span class="fas fa-calendar-alt" aria-hidden="true"></span>
        <%= localize(experiment.created_at, format: t('time.formats.full_date')) %> - <%= localize(experiment.updated_at, format: t('time.formats.full_date')) %>
      </span>
      <div data-hook="experiment-card-body">
        <% if experiment.description? %>
          <div class='experiment-description'>
            <%= custom_auto_link(experiment.description) %>
          </div>
        <% else %>
          <span class='experiment-no-description'>
            <% if can_manage_experiment?(experiment) %>
              <%= link_to t('experiments.edit.add-description'),
                          edit_project_experiment_url(@project, experiment),
                          remote: true,
                          data: { id: experiment.id } %>
            <% else %>
              <p><%= t('experiments.edit.no-description') %></p>
            <% end %>
          </span>
        <% end %>
      </div>
    </div>
  </div>
</div>