amatriain/feedbunch

<% cache "entries-#{I18n.locale}" do %>

  <div class="row">
    <div id="no-entries" class="col-xs-12" ng-show="error_no_entries">
      <div>
        <%= t 'read.entries.no_entries' %>
      </div>
      <div>
        <i class="fa fa-times"></i>
      </div>
    </div>
  </div>

  <div id="feed-entries"
       ng-hide="error_no_entries"
       infinite-scroll="read_entries_page()"
       infinite-scroll-disabled="loading_entries_busy || !more_entries_available"
       infinite-scroll-distance="1"
       infinite-scroll-immediate-check="true">

    <div ng-repeat="entry in entries"
         id="entry-{{entry.id}}"
         class="entry">

      <a id="entry-{{entry.id}}-link"
         data-entry-id="{{entry.id}}"
         class="list-group-item open-entry-link"
         ng-class="{'highlighted-entry':$first, 'entry-read':entry.read && !entry.changing_state, 'entry-unread': !entry.read && !entry.changing_state, 'entry-becoming-read':entry.read && entry.changing_state, 'entry-becoming-unread':!entry.read && entry.changing_state}"
         ng-mouseover="highlight_entry(entry)"
         ng-click="toggle_open_entry(entry)">

        <i class="fa fa-fw fa-caret-right current-entry"></i>

        <div class="row">

          <div class="hidden-xs hidden-sm col-md-2 entry-feed-column">
            <span class="entry-feed-title" ng-bind-html="entry_feed_title(entry)"></span>
          </div>

          <div class="col-xs-12 col-md-7 entry-title-column">
            <span class="entry-title" ng-bind-html="entry.title"></span>
          </div>

          <div class="visible-xs visible-sm col-xs-8 entry-feed-column">
            <span class="entry-feed-title" ng-bind-html="entry_feed_title(entry)"></span>
          </div>

          <div class="col-xs-4 col-md-3 entry-published-column">
            <span class="entry-published pull-right">{{entry.published}}</span>
          </div>
        </div>
      </a>

      <%# Entry summary, initially collapsed %>
      <div id="entry-{{entry.id}}-summary"
           class="entry-panel"
           ng-class="{entry_open: entry_initially_open()}"
           ng-mouseenter="tooltips_entry_show(entry)">

        <%= render 'read/entries_toolbar' %>

        <div class="lead entry-lead"
             ng-class="{entry_open_lead: is_entry_open(entry)}">
          <a href="{{entry.url}}"
             target="_blank"
             rel="noopener noreferrer"
             data-toggle="tooltip" data-placement="top"
             title="<%= t 'read.entries.title_tooltip' %>"
             ng-bind-html="entry.title">
          </a>
        </div>
        <div class="entry-additional-info">
          <p>
            <a href="#"
               ng-click="set_current_entry_feed(entry)"
               data-toggle="tooltip" data-placement="bottom"
               title="<%= t 'read.entries.feed_tooltip' %>"
               ng-bind-html="entry_feed_title(entry)">
            </a>
          </p>
        </div>

        <hr class="entry-content-separator">

        <p class="hidden">{{entry.guid}}</p>
        <div class="entry-content">
          <p ng-bind-html="trustedEntryContent(entry)"></p>
        </div>
      </div>
    </div>

    <div id="entries-fill-block" display="block"></div>
  </div>

<% end %>