commafeed/src/main/webapp/templates/feeds.view.html

<div>
	<div class="entrylist-header" ui-if="name">
		<h3><span>{{name}}&nbsp;</span><span ng-show="name && selectedType == 'category'"> &#187;</span></h3>
	</div>
	
	<div infinite-scroll="loadMoreEntries()" infinite-scroll-disabled="busy || !settingsService.settings.readingMode" infinite-scroll-distance="1" id="feed-accordion"
		ng-class="{'expanded' : settingsService.settings.viewMode == 'expanded' }">
		<div ng-show="message && errorCount > 10">Error while loading this feed : {{message}}</div>
		<div ng-repeat="entry in entries" class="entry" scroll-to="isOpen && current == entry" scroll-to-offset="-58" on-scroll-middle="onScroll(entry)" ng-class="{current: current==entry}">
			<a href="{{entry.url}}" target="_blank" class="entry-heading" ng-click="noop($event)" ng-mouseup="entryClicked(entry, $event)"
				ng-class="{open: current == entry, closed: current != entry}">
				<span class="feed-name">
					<span class="star" ng-mouseup="star(entry, !entry.starred, $event)">
						<i ng-class="{'icon-star icon-star-yellow': entry.starred, 'icon-star-empty': !entry.starred}"
							class="pointer"></i>
					</span>
					<favicon url="entry.feedLink" />
					{{entry.feedName}}
				</span>
				<span class="entry-date">{{entry.date | entryDate}}</span>
				<span class="entry-name" ng-class="{unread: entry.read == false, shrink: true}" ng-bind-html-unsafe="entry.title"></span>
				
			</a>
			<div class="entry-body" ui-if="settingsService.settings.viewMode == 'expanded' || (isOpen && current == entry)">
				<div class="entry-header">
					<h4 class="entry-title">
						<a href="{{entry.url}}" target="_blank" ng-bind-html-unsafe="entry.title"></a>
					</h4>
				</div>
				<div ng-bind-html-unsafe="entry.content" class="entry-body-content"></div>
				<video controls ui-if="entry.enclosureType && entry.enclosureType.indexOf('video') == 0">
					<source src="{{entry.enclosureUrl}}" type="{{entry.enclosureType}}" />
				</video>
				<audio controls ui-if="entry.enclosureType && entry.enclosureType.indexOf('audio') == 0">
					<source src="{{entry.enclosureUrl}}" type="{{entry.enclosureType}}" />
				</audio>
				<div class="entry-buttons form-horizontal">
					<label class="checkbox inline">
						<input type="checkbox" ng-checked="!entry.read" ng-click="mark(entry, !entry.read)"></input>
						Keep unread
					</label>
					
					<span class="share-buttons" ui-if="settingsService.settings.socialButtons">
						<a href="mailto:?subject={{entry.title}}&body={{entry.url}}" popup>
							<i class="icon-envelope"></i>
						</a>
						<a href="http://www.facebook.com/sharer.php?u=={{entry.url|escape}}" popup>
							<i class="icon-facebook"></i>
						</a>
						<a href="http://twitter.com/share?text={{entry.title}}&url={{entry.url|escape}}" popup>
							<i class="icon-twitter"></i>
						</a>
						<a href="https://plus.google.com/share?url={{entry.url|escape}}" popup>
							<i class="icon-google-plus"></i>
						</a>
					</span>
				</div>
			</div>
		</div>
		<div class="no-entries" ng-show="name && entries.length == 0 && !busy">"{{name}}" has no unread items.</div>
		<div modal="shortcutsModal" close="shortcutsModal=false" options="shortcutsOpts">
		<div class="modal-header">
			<button type="button" class="close" ng-click="shortcutsModal=false">&times;</button>
			<h4>Keyboard shortcuts</h4>
		</div>
		<div ng-include="'templates/_shortcuts.html'"></div>
	</div>
	</div>
</div>