/ default values for template
- mode ||= local_assigns[:mode] = local_assigns.fetch(:mode, 'full')

.feed-entry.recording-entry{:id => feed_item.id, :'data-claimed-recording-id' => feed_item.candidate_claimed_recording.id, :'data-mode' => mode}
  / avatar
  .avatar-small.ib
    = recording_avatar(feed_item)
  / type and artist
  .left.ml20.w15.feed-type-title
    .title
      %a{:href => "/recordings/#{feed_item.candidate_claimed_recording.id}", :target => "_blank", :hoveraction => "recording", :'recording-id' => feed_item.candidate_claimed_recording.id} RECORDING
    .artist
      = recording_artist_name(feed_item)
    = timeago(feed_item.created_at, class: 'small created_at')
  / name and description
  .name-and-description
    .name.dotdotdot
      = recording_name(feed_item, current_user)
    .description.dotdotdot
      = recording_description(feed_item, current_user)
  / timeline and controls
  .recording-controls-holder
    / recording play controls
    .recording-controls.mix
      / play button
      %a.left.play-button{:href => "#"}
        = image_tag 'content/icon_playbutton.png', width:20, height:20, class:'play-icon'
        - if feed_item.has_mix?
          %audio{preload: 'none'}
            %source{src: listen_mix_url(feed_item)[:mp3_url], type:'audio/mpeg'}
            %source{src: listen_mix_url(feed_item)[:ogg_url], type:'audio/ogg'}
      .recording-status
        %span.status-text
        .recording-duration
          = recording_duration(feed_item)
      / playback position
      .recording-position
        / start time
        .recording-time 0:00
        / playback background &amp; slider
        .recording-playback
          .recording-slider
            = image_tag 'content/slider_playcontrols.png', width:5, height:16
        / end time
        .recording-time.recording-duration
          = recording_duration(feed_item)
      / end playback position
      / current playback time
      .recording-current
        0:00
    / end recording play controls
    / genre and social
    .left.small
      = recording_genre(feed_item)
    .right.small.feed-details
      %a{title: 'Share', class: 'btn-share'}
        = image_tag 'content/icon_share.png', :height => "12", :width => "7"
      &nbsp;
      %span.play-count
        %span.plays
          = feed_item.play_count
        = image_tag 'content/icon_arrow.png', :height => "12", :width => "7", :title => 'Play'
      %span.comment-count
        %span.comments
          = feed_item.comment_count
        %a{title: 'Comment', class: 'btn-comment'}
          = image_tag 'content/icon_comment.png', :height => "12", :width => "13"
      %span.like-count
        %span.likes
          = feed_item.like_count
        %a{title: 'Like', class: 'btn-like'}
          = image_tag 'content/icon_like.png', :height => "12", :width => "12"
      %a.details{:href => "#"} Details
      %a.details-arrow.arrow-down-orange{:href => "#"}
    %br/
    .musician-detail.hidden
      / sub-table of musicians
      %table.musicians{:cellpadding => "0", :cellspacing => "5"}
        %tbody
          - feed_item.grouped_tracks.each do |track|
            %tr
              %td{:width => "24"}
                %a.avatar-tiny{:href => "#"}
                  = render_avatarable(track.musician)
              %td
                %a{:href => "#"}
                  = "#{track.musician.name}"
              %td
                .nowrap
                  - track.instrument_ids.uniq.each do |instrument_id|
                    %img.instrument-icon{'instrument-id' => instrument_id, 'title' => instrument_id, height:24, width:24}

  %br{:clear => "all"}/
  %br/
:javascript
  $(function () {
    new window.JK.FeedItemRecording($('.feed-entry[data-claimed-recording-id="#{feed_item.candidate_claimed_recording.id}"]'), {mix_state: #{feed_item.mix_state.to_json}});
  })
