blob: ddf8783648baa5d225e4e0f03d0b9fdc6c61e4ac (
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
86
87
88
89
90
91
92
93
|
<div id="first-run">
<div>
<div class="helper"><h1><?php p($l->t('Add a feed')) ?></h1></div>
<div class="title"><h1><?php p($l->t('There are no feeds yet. Go ahead and add some')) ?> :)</h1></div>
<div class="helper"><h1><?php p($l->t('Import feeds and articles')) ?></h1></div>
</div>
</div>
<div news-auto-focus="#app-content"
ng-class="{compact: Content.isCompactView(), 'feed-view': Content.isFeed()}">
<ul>
<li class="item {{ Content.getFeed(item.feedId).cssClass }}"
ng-repeat="item in Content.getItems() | orderBy:[Content.orderBy()] track by item.id"
ng-click="Content.markRead(item.id)"
ng-class="{read: !item.unread, open: item.show}"
data-id="{{ item.id }}">
<div class="utils" ng-click="Content.toggleItem(item)">
<ul>
<li class="util-spacer"></li>
<li class="title only-in-compact"
title="{{ item.title }}"
ng-class="{'icon-rss': !Content.getFeed(item.feedId).faviconLink }"
ng-style="{ backgroundImage: 'url(' + Content.getFeed(item.feedId).faviconLink + ')'}">
<h1><a>{{ item.title }}</a></h1>
</li>
<li class="only-in-compact">
<time class="date" title="{{ item.pubDate*1000|date:'yyyy-MM-dd HH:mm:ss' }}"
datetime="{{ item.pubDate*1000|date:'yyyy-MM-ddTHH:mm:ssZ' }}">{{ Content.getRelativeDate(item.pubDate) }}
</time>
</li>
<li ng-click="Content.toggleStar(item.id)" class="util" news-stop-propagation>
<button class="star svg" ng-hide="item.starred" title="<?php p($l->t('Star article')); ?>"></button>
<button class="starred svg" ng-show="item.starred" title="<?php p($l->t('Unstar article')); ?>"></button>
</li>
<li ng-click="Content.toggleKeepUnread(item.id)" class="util" news-stop-propagation>
<button class="icon-toggle toggle-keep-unread" ng-hide="item.keepUnread" title="<?php p($l->t('Keep article unread')); ?>"></button>
<button class="icon-toggle toggle-keep-unread keep-unread" ng-show="item.keepUnread" title="<?php p($l->t('Remove keep article unread')); ?>"></button>
</li>
<li class="util only-in-compact">
<a class="external icon-link"
target="_blank"
ng-href="{{ item.url }}"
title="<?php p($l->t('Open website')) ?>"
news-stop-propagation>
</a>
</li>
</ul>
</div>
<div class="article">
<div class="heading only-in-expanded">
<time class="date" title="{{ item.pubDate*1000|date:'yyyy-MM-dd HH:mm:ss' }}"
datetime="{{ item.pubDate*1000|date:'yyyy-MM-ddTHH:mm:ssZ' }}">{{ Content.getRelativeDate(item.pubDate) }}</time>
<h1>
<a class="external"
target="_blank"
ng-href="{{ item.url }}"
title="{{ item.title }}">
{{ item.title }}
</a>
</h1>
</div>
<div class="subtitle">
<span class="author" ng-show="item.author"> <?php p($l->t('by')) ?> {{ item.author }}</span>
<span class="source"><?php p($l->t('from')) ?> <a ng-href="#/items/feeds/{{ item.feedId }}/">{{ Content.getFeed(item.feedId).title }}</a></span>
</div>
<div class="enclosure" ng-if="item.enclosureLink">
<news-enclosure type="{{ item.enclosureMime }}"
link="{{ item.enclosureLink }}">
<p class="enclosure-error">
<?php p($l->t('Browser can not play media type')) ?>
{{ item.enclosureMime }}
</p>
<a class="button"
ng-href="{{ item.enclosureLink | trustUrl }}"
target="_blank">
<?php p($l->t('Download')) ?>
</a>
</news-enclosure>
</div>
<div class="body" news-bind-html-unsafe="item.body"></div>
</div>
</li>
</ul>
</div>
|
