<div id="queueList" pull-to-refresh="pull-to-refresh">
    <div ng-repeat="feedItem in queue|orderBy:'-date'" class="listRow">
        <div class="listItem">
            <div class="playButton" ng-click="playItem(feedItem.id)">
                <span><i ng-class="{hasAudio: feedItem.audio}" class="icon-play"></i></span>
            </div>
            <div class="feedItemContent" ng-click="showItemOptions(feedItem.id)">
                <span class="feedItemTitle">{{ feedItem.title }}</span>
                {{ feedItem.date | timeAgo }}<span ng-show="feedItem.duration">, {{ feedItem.duration }}</span>
            </div>
        </div>
        <div ng-show="feedItem.showOptions" class="feedItemOptions">
            <a ng-hide="feedItem.audio" ng-click="downloadFile(feedItem.id)"><i class="icon-download"></i> Download</a>
            | <a ng-show="feedItem.audio" ng-click="reDownloadFile(feedItem.id)"><i class="icon-download"></i> Re-Download</a>
            | <a ng-click="goToFeed(feedItem.feedId)"><i class="icon-list-ul"></i> Show Feed</a>
            | <a ng-click="removeFromQueue(feedItem.id)"><i class="icon-remove-circle"></i> Unqueue</a>
        </div>
    </div>
    <div ng-hide="queue.length" class="pullDownMessage">
        <i class="icon-arrow-down"></i> Pull down to refresh.
    </div>
</div>