summaryrefslogtreecommitdiffstats
path: root/templates/part.items.php
blob: 8b062b7876af95ba59efaefa4b92c0a464bb565d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<div class="pull-refresh" ng-class="{refresh: refresh}"></div>

<ul>
	<li class="feed_item"

		ng-repeat="item in itemBusinessLayer.getAll() | orderBy:['-id'] "
		ng-class="{ read: item.isRead(), compact: isCompactView(), open: item.active}"
		data-id="{{ item.id }}"
		ng-click="itemBusinessLayer.setRead(item.id)">

		<div class="item_heading">
			<button ng-class="{ important: item.isStarred() }"
					ng-click="itemBusinessLayer.toggleStarred(item.id)"
					class="star"
					>
			</button>
			<a class="external" 
				target="_blank" 
				ng-href="{{ item.url }}" 
				title="<?php p($l->t('read on website')) ?>">
			</a>
			<span class="timeago" title="{{item.pubDate*1000|date:'dd-MM-yyyy'}}">
				{{ getRelativeDate(item.pubDate) }}
			</span>
			<h1>
				<a ng-click="item.active = !item.active" href="#">{{ item.title }}</a>
			</h1>
		</div>
		
		<h2 class="item_date">
			<span class="timeago" title="{{item.pubDate*1000|date:'dd-MM-yyyy'}}">
				{{ getRelativeDate(item.pubDate) }}
			</span>
		</h2>

		<div class="item_utils">
			<ul class="primary_item_utils">
				<li>
					<button 
					title="<?php p($l->t('star')) ?>"
					ng-class="{ important: item.isStarred() }"
					ng-click="itemBusinessLayer.toggleStarred(item.id)"
					class="star"></button>
				</li>
			</ul>
		</div>

		<h1 class="item_title">
			<a target="_blank" ng-href="{{ item.url }}">
				{{ item.title }}
			</a>
		</h1>

		<h2 class="item_author">
			<span ng-show="itemBusinessLayer.noFeedActive() && feedBusinessLayer.getFeedLink(item.feedId)">
				<?php p($l->t('from')) ?>
				<a 	target="_blank" ng-href="{{ feedBusinessLayer.getFeedLink(item.feedId) }}"
					class="from_feed">{{ itemBusinessLayer.getFeedTitle(item.id) }}</a>
			</span>
			<span ui-if="item.author">
				<?php p($l->t('by')) ?>
				{{ item.author }}
			</span>
	</h2>

		<div class="enclosure" ui-if="item.enclosureLink">
			<news-audio type="{{ item.enclosureType }}" ng-src="{{ item.enclosureLink|trustUrl }}"/><?php
				p($l->t('Download'))
			?></audio>
		</div>

		<div class="item_body" news-bind-html-unsafe="item.body">
		</div>

		<div class="item_bottom_utils">
			<ul class="secondary_item_utils"
				ng-class="{ show_keep_unread: itemBusinessLayer.isKeptUnread(item.id) }">
				<li ng-click="itemBusinessLayer.toggleKeepUnread(item.id)"
					class="keep_unread"><?php p($l->t('Keep unread')); ?>
					<input type="checkbox" ng-checked="itemBusinessLayer.isKeptUnread(item.id)"/>
				</li>
			</ul>
		</div>
	</li>
</ul>