summaryrefslogtreecommitdiffstats
path: root/templates/part.listfeed.php
blob: 964d2f7e298fa449bb5bfa9b326857f555061aa7 (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
94
95
96
97
98
99
100
<li ng-class="{
        active: Navigation.isFeedActive(feed.id),
        unread: Navigation.getFeedUnreadCount(feed.id) > 0,
        failed: feed.error
    }"
    ng-repeat="feed in Navigation.getFeedsOfFolder(<?php p($_['folderId']); ?>) | orderBy:'id':true track by feed.url"
    ng-show="Navigation.getFeedUnreadCount(feed.id) > 0
            || Navigation.isShowAll()
            || Navigation.isFeedActive(feed.id)
            || !feed.id"
    data-id="{{ feed.id }}"
    class="feed"
    news-draggable="{
        stack: '> li',
        zIndex: 1000,
        axis: 'y',
        delay: 200,
        containment: '#app-navigation ul',
        scroll: true,
        revert: true
    }">

    <div ng-if="feed.editing" class="rename-feed">
          <input type="text" ng-model="feed.title" autofocus>
          <button title="<?php p($l->t('Cancel')); ?>"
        ng-click="cancelRenameFeed(feed.id)"
        class="action-button back-button action"></button>
      <button title="<?php p($l->t('Save')); ?>"
        ng-click="Navigation.renameFeed(feed.id, feed.title)"
        class="action-button create-button action">
      </button>
    </div>

    <a  ng-style="{ backgroundImage: 'url(' + feed.faviconLink + ')'}"
        ng-class="{
            'progress-icon': !feed.id,
            'problem-icon': feed.error
        }"
        ng-hide="feed.editing"
        ng-href="#/items/feeds/{{ feed.id }}/"
        class="title"
        title="{{ feed.title }}">

       {{ feed.title }}
    </a>

    <div class="app-navigation-entry-utils">
        <ul>
            <li class="app-navigation-entry-utils-counter"
                ng-show="feed.id && Navigation.getUnreadCount(feed.id) > 0 && !feed.error && !feed.editing">
                {{ Navigation.getFeedUnreadCount(feed.id) | unreadCountFormatter }}
            </li>
            <li><button class="app-navigation-entry-utils-menu-button" ng-click="optionsId = (optionsId == feed.id ? -1 : feed.id)"></button></li>
        </ul>
    </div>

    <div class="app-navigation-entry-options" ng-class="{'app-navigation-entry-options-open': optionsId == feed.id}">
        <ul>
            <li><button class="icon-rename" title="<?php p($l->t('Rename feed')); ?>"></button></li>
            <li><button class="icon-delete" title="<?php p($l->t('Delete website')); ?>"></button></li>
        </ul>
    </div>

    <!--<span class="utils">
        <span class="unread-counter"
            >

        </span>-->
        <!--<button ng-click="Navigation.deleteFeed(feed.id)"
            class="svg action delete-icon delete-button"
            title="<?php p($l->t('Delete website')); ?>"
            ng-show="feed.id && !feed.editing && !feed.error"
            oc-tooltip></button>-->


    <!--
        <button class="svg action mark-read-icon"
            ng-show="Navigation.getUnreadCount(feed.id) > 0 && feed.id && !feed.error && !feed.editing"
            ng-click="Navigation.markRead(feed.id)"
            title="<?php p($l->t('Mark read')); ?>"
            oc-tooltip></button>


        <button class="svg action rename-feed-icon"
            ng-hide="feed.editing || feed.error"
            ng-click="edit(feed)"
            title="<?php p($l->t('Rename feed')); ?>"
            oc-tooltip></button>

        <button class="svg action delete-icon"
            ng-click="Navigation.markErrorRead(feed.url)"
            title="<?php p($l->t('Delete website')); ?>"
            ng-show="feed.error"
            oc-tooltip></button>
    </span>
    -->

    <div class="message" ng-show="feed.error">{{ feed.error }}</div>
</li>