.js-file-title.file-title-flex-parent
  .file-header-content
    = blob_icon blob.mode, blob.name

    %strong.file-title-name
      = blob.name

    = copy_file_path_button(blob.path)

    %small
      = number_to_human_size(blob_size(blob))

  .file-actions.hidden-xs
    .btn-group{ role: "group" }<
      = copy_blob_content_button(blob) if blob_text_viewable?(blob)
      = open_raw_file_button(namespace_project_raw_path(@project.namespace, @project, @id))
      = view_on_environment_button(@commit.sha, @path, @environment) if @environment

    .btn-group{ role: "group" }<
      -# only show normal/blame view links for text files
      - if blob_text_viewable?(blob)
        - if current_page? namespace_project_blame_path(@project.namespace, @project, @id)
          = link_to 'Normal View', namespace_project_blob_path(@project.namespace, @project, @id),
              class: 'btn btn-sm'
        - else
          = link_to 'Blame', namespace_project_blame_path(@project.namespace, @project, @id),
              class: 'btn btn-sm js-blob-blame-link' unless blob.empty?

      = link_to 'History', namespace_project_commits_path(@project.namespace, @project, @id),
          class: 'btn btn-sm'

      = link_to 'Permalink', namespace_project_blob_path(@project.namespace, @project,
          tree_join(@commit.sha, @path)), class: 'btn btn-sm js-data-file-blob-permalink-url'

    .btn-group{ role: "group" }<
      = edit_blob_link if blob_text_viewable?(blob)
      - if current_user
        = replace_blob_link
        = delete_blob_link