%ul.breadcrumb.repo-breadcrumb
  %li
    = link_to namespace_project_tree_path(@project.namespace, @project, @ref) do
      = @project.path
  - tree_breadcrumbs(tree, 6) do |title, path|
    %li
      - if path
        = link_to truncate(title, length: 40), namespace_project_tree_path(@project.namespace, @project, path)
      - else
        = link_to title, '#'
  - if current_user && can_push_branch?(@project, @ref)
    %li
      = link_to namespace_project_new_blob_path(@project.namespace, @project, @id), title: 'New file', id: 'new-file-link' do
        %small
          %i.fa.fa-plus

%div#tree-content-holder.tree-content-holder
  %table#tree-slider{class: "table_#{@hex_path} tree-table" }
    %thead
      %tr
        %th Name
        %th Last Update
        %th.hidden-xs
          .pull-left Last Commit
          .last-commit.hidden-sm.pull-left
             
            %i.fa.fa-angle-right
             
            %small.light
              = link_to @commit.short_id, namespace_project_commit_path(@project.namespace, @project, @commit)
              –
              = truncate(@commit.title, length: 50)
          = link_to 'History', namespace_project_commits_path(@project.namespace, @project, @id), class: 'pull-right'

    - if @path.present?
      %tr.tree-item
        %td.tree-item-file-name
          = link_to "..", namespace_project_tree_path(@project.namespace, @project, up_dir_path), class: 'prepend-left-10'
        %td
        %td.hidden-xs

    = render_tree(tree)

  - if tree.readme
    = render "projects/tree/readme", readme: tree.readme

%div.tree_progress

:javascript
  // Load last commit log for each file in tree
  $('#tree-slider').waitForImages(function() {
    ajaxGet("#{escape_javascript(@logs_path)}");
  });