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>
          <% if can_clone_experiment?(experiment) %>
            <%= link_to clone_modal_experiment_url(experiment),
                        remote: true, type: 'button',
                        class: 'clone-experiment pull-right' do %>
              <span class="fas fa-copy"></span>&nbsp;
              <%= t('experiments.clone.label_title') %>
            <% end %>
          <% end %>
        <% end %>
      <div class="panel-title">
        <% if experiment.archived_branch? %>
          <%= link_to experiment.name, module_archive_experiment_path(experiment) %>
        <% else %>
          <%= link_to experiment.name, canvas_experiment_path(experiment) %>
        <% end %>
      </div>

      <% if experiment.archived_branch? %>
        <div class="panel-date">
          <span class="fas fa-archive" aria-hidden="true"></span>
          <%= l(experiment_archived_on(experiment), format: :full_date) %>
        </div>
      <% end %>

      <div class="panel-date">
        <span class="fas fa-calendar-alt" aria-hidden="true"></span>
        <%= l(experiment.created_at, format: :full_date) %> - <%= l(experiment.updated_at, format: :full_date) %>
      </div>

      <div data-hook="experiment-card-description">
        <% if experiment.description? %>
          <div class='experiment-description'>
            <%= custom_auto_link(experiment.description, team: current_team) %>
          </div>
        <% else %>
          <% if can_manage_experiment?(experiment) %>
            <%= link_to t('experiments.edit.add-description'),
                        edit_experiment_url(experiment),
                        remote: true,
                        data: { id: experiment.id },
                        class: 'experiment-no-description' %>
          <% else %>
            <p class='experiment-no-description'><%= t('experiments.edit.no-description') %></p>
          <% end %>
        <% end %>
      </div>
    </div>

    <div class="panel-body">
      <% if experiment.my_modules.active.exists? %>
        <%= link_to canvas_experiment_path(experiment), class: 'no-workflowimg' do %>
          <% if experiment.workflowimg.attached? %>
            <div class="workflowimg-container" data-workflowimg-present="true">
              <%= render partial: 'projects/show/workflow_img.html.erb', locals: { experiment: experiment } %>
            </div>
          <% else %>
            <div class="workflowimg-container"
                 data-workflowimg-present="false"
                 data-workflowimg-url="<%= fetch_workflow_img_experiment_url(experiment) %>" >
              <i class="fas fa-spinner fa-spin fa-3x workflowimg-spinner hidden" aria-hidden="true"></i>
            </div>
          <% end %>
        <% end %>
      <% else %>
        <% if can_manage_experiment?(experiment) %>
          <%= link_to( t('experiments.edit.add_task'),
                       canvas_experiment_path(experiment, editMode: true),
                       class: 'no-tasks') %>
        <% else %>
          <div class="no-workflowimg">
            <p><%= t('experiments.edit.no_workflowimg') %></p>
          </div>
        <% end %>

      <% end %>

    </div>
  </div>
</div>