diff options
author | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-05-31 01:12:20 +0200 |
---|---|---|
committer | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-05-31 01:12:20 +0200 |
commit | 82f0a877a001ead0bd0cdd76d96fe46a071535d8 (patch) | |
tree | a37f50a00c77c5e6afd1790ccde75ab3639c6c96 /templates/part.listfolder.php | |
parent | 32f2759945521129e00a7cd4933682ff63d9440f (diff) |
add active and unread stuff
Diffstat (limited to 'templates/part.listfolder.php')
-rw-r--r-- | templates/part.listfolder.php | 131 |
1 files changed, 68 insertions, 63 deletions
diff --git a/templates/part.listfolder.php b/templates/part.listfolder.php index 9aecb58c4..f7a81ff03 100644 --- a/templates/part.listfolder.php +++ b/templates/part.listfolder.php @@ -1,76 +1,81 @@ <li ng-class="{ - active: folderBusinessLayer.isActive(folder.id), - open: folder.opened && folderBusinessLayer.hasFeeds(folder.id), - collapsible: folderBusinessLayer.hasFeeds(folder.id), - unread: folderBusinessLayer.getUnreadCount(folder.id) != 0, - failed: folder.error - }" - ng-repeat="folder in folderBusinessLayer.getAll() | orderBy:'id':true" - ng-show="folderBusinessLayer.isVisible(folder.id) || !folder.id" - class="folder" - data-id="{{ folder.id }}" - news-droppable> - <button class="collapse" - ng-hide="folder.editing" - title="<?php p($l->t('Collapse'));?>" - ng-click="folderBusinessLayer.toggleFolder(folder.id)"></button> - <div ng-show="folder.editing" class="rename-feed"> + active: Navigation.isFolderActive(folder.id), + open: folder.opened && Navigation.hasFeeds(folder.id), + collapsible: Navigation.hasFeeds(folder.id), + unread: Navigation.getFolderUnreadCount(folder.id) != 0, + failed: folder.error + }" + ng-repeat="folder in Navigation.getAllFolders() | orderBy:'id':true" + ng-show="Navigation.getFolderUnreadCount(folder.id) != 0 + || Navigation.isShowAll() + || Navigation.isFolderActive(folder.id) + || Navigation.subFeedActive(folder.id) + || !folder.id" + class="folder" + data-id="{{ folder.id }}" + news-droppable> + <button class="collapse" + ng-hide="folder.editing" + title="<?php p($l->t('Collapse'));?>" + ng-click="Navigation.toggleFolder(folder.name)"></button> + <div ng-if="folder.editing" class="rename-feed"> <input type="text" ng-model="folder.name" class="folder-input" autofocus> <button title="<?php p($l->t('Cancel')); ?>" - ng-click="folderBusinessLayer.cancel(folder.id)" - class="action-button back-button action"></button> - <button title="<?php p($l->t('Save')); ?>" - ng-click="folderBusinessLayer.rename(folder.id, folder.name)" - class="action-button create-button action"> - </button> + ng-click="Navigation.cancelRenameFolder(folder.id)" + class="action-button back-button action"></button> + <button title="<?php p($l->t('Save')); ?>" + ng-click="Navigation.renameFolder(folder.id, folder.name)" + class="action-button create-button action"> + </button> </div> - <a href="#" - class="title folder-icon" - ng-hide="folder.editing" - ng-click="folderBusinessLayer.load(folder.id)" - ng-class="{ - 'progress-icon': !folder.id, - 'problem-icon': folder.error - }" - oc-click-focus="{selector: '#app-content'}"> - {{ folder.name }} - </a> - <span class="utils"> + <a href="#/items/folders/{{ folder.id }}" + class="title folder-icon" + ng-hide="folder.editing" + ng-class="{ + 'progress-icon': !folder.id, + 'problem-icon': folder.error + }"> + {{ folder.name }} + </a> - <button ng-click="folderBusinessLayer.delete(folder.id)" - ng-hide="folder.editing || !folder.id" - class="svg action delete-icon delete-button" - title="<?php p($l->t('Delete folder')); ?>" - oc-tooltip></button> + <span class="utils"> - <span class="unread-counter" - ng-show="folderBusinessLayer.getUnreadCount(folder.id) > 0 && !folder.editing"> - {{ unreadCountFormatter(folderBusinessLayer.getUnreadCount(folder.id)) }} - </span> - <button class="svg action mark-read-icon" - ng-show="folderBusinessLayer.getUnreadCount(folder.id) > 0 && folder.id && !folder.editing" - ng-click="folderBusinessLayer.markRead(folder.id)" - title="<?php p($l->t('Mark read')); ?>" - oc-tooltip></button> + <span class="unread-counter" + ng-show="Navigation.getUnreadCount(folder.id) > 0 && !folder.editing"> + {{ Navigation.getFolderUnreadCount(folder.id) | unreadCountFormatter }} + </span> - <button class="svg action delete-icon" - ng-click="folderBusinessLayer.markErrorRead(folder.name)" - title="<?php p($l->t('Delete folder')); ?>" - ng-show="folder.error" - oc-tooltip></button> + <!-- + <button ng-click="Navigation.delete(folder.id)" + ng-hide="folder.editing || !folder.id" + class="svg action delete-icon delete-button" + title="<?php p($l->t('Delete folder')); ?>" + oc-tooltip></button> - <button class="svg action rename-feed-icon" - ng-hide="folder.editing" - ng-click="folderBusinessLayer.edit(folder.id)" - title="<?php p($l->t('Rename folder')); ?>" - oc-tooltip></button> + <button class="svg action mark-read-icon" + ng-show="Navigation.getUnreadCount(folder.id) > 0 && folder.id && !folder.editing" + ng-click="Navigation.markRead(folder.id)" + title="<?php p($l->t('Mark read')); ?>" + oc-tooltip></button> - </span> - <ul> - <?php print_unescaped($this->inc('part.listfeed', ['folderId' => 'folder.id'])); ?> - </ul> + <button class="svg action delete-icon" + ng-click="Navigation.markErrorRead(folder.name)" + title="<?php p($l->t('Delete folder')); ?>" + ng-show="folder.error" + oc-tooltip></button> - <div class="message" ng-show="folder.error">{{ folder.error }}</div> + <button class="svg action rename-feed-icon" + ng-hide="folder.editing" + ng-click="Navigation.edit(folder.id)" + title="<?php p($l->t('Rename folder')); ?>" + oc-tooltip></button> + --> + </span> + <ul> + <?php print_unescaped($this->inc('part.listfeed', ['folderId' => 'folder.id'])); ?> + </ul> + + <div class="message" ng-show="folder.error">{{ folder.error }}</div> </li> |