garrettmills/commafeed
1
0
Fork 0
forked from Archives/Athou_commafeed
Code Pull Requests Activity

category dropdown menu

Browse Source
This commit is contained in:
Athou
2013-04-10 22:02:18 +02:00
parent ae42170090
commit b3edfb955f
3 changed files with 57 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/main/webapp/directives/category.html
View File

@@ -1,10 +1,25 @@
<li> <li>
<span class="icon-fldr" ng-class="{'icon-fldr-closed': !node.expanded, 'icon-fldr-open': node.expanded}" ng-click="toggleCategory(node)"></span> <div ng-mouseenter="hovered=node" ng-mouseleave="hovered=null" class="pointer">
<span ng-click="categoryClick({id: node.id})" class="pointer"> <div class="dropdown pull-right">
<span class="icon-fldr icon-fldr-folder"></span> <a dropdown-toggle class="pull-right">
<span ng-class="{selected: (node.id == selectedId && selectedType == 'category'), unread: unreadCount({category:node})}">{{formatCategoryName({category:node})}} <i ng-show="hovered==node" class="icon icon-chevron-down"></i>
</a>
<ul class="dropdown-menu">
<li>
<a ng-click="renameCategory(node)">Rename</a>
</li>
<li>
<a ng-click="deleteCategory(node)">Delete</a>
</li>
</ul>
</div>
<span class="icon-fldr" ng-class="{'icon-fldr-closed': !node.expanded, 'icon-fldr-open': node.expanded}" ng-click="toggleCategory(node)"></span>
<span ng-click="categoryClick({id: node.id})">
<span class="icon-fldr icon-fldr-folder"></span>
<span ng-class="{selected: (node.id == selectedId && selectedType == 'category'), unread: unreadCount({category:node})}">{{formatCategoryName({category:node})}}
</span>
</span> </span>
</span> </div>
<ul ng-show="node.expanded" class="indent"> <ul ng-show="node.expanded" class="indent">
<recursive> <recursive>
<category ng-repeat="child in node.children" <category ng-repeat="child in node.children"
@@ -25,7 +40,7 @@
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li> <li>
<a ng-click="rename(feed)">Rename</a> <a ng-click="renameFeed(feed)">Rename</a>
</li> </li>
<li> <li>
<a ng-click="unsubscribe(feed)">Unsubscribe</a> <a ng-click="unsubscribe(feed)">Unsubscribe</a>

36
src/main/webapp/js/directives.js
View File

@@ -108,7 +108,7 @@ module.directive('category', function($compile) {
}); });
}; };
$scope.rename = function(feed) { $scope.renameFeed = function(feed) {
var name = window.prompt('Rename feed : ', feed.name); var name = window.prompt('Rename feed : ', feed.name);
if (name && name != feed.name) { if (name && name != feed.name) {
feed.name = name; feed.name = name;
@@ -120,6 +120,40 @@ module.directive('category', function($compile) {
} }
}; };
$scope.renameCategory = function(category) {
var name = window.prompt('Rename category: ', category.name);
if (name && name != category.name) {
category.name = name;
SubscriptionService.rename({
type : 'category',
id : category.id,
name : name
});
}
};
$scope.deleteCategory = function(category) {
var title = 'Delete category';
var msg = 'Delete category ' + category.name + ' ?';
var btns = [ {
result : 'cancel',
label : 'Cancel'
}, {
result : 'ok',
label : 'OK',
cssClass : 'btn-primary'
} ];
$dialog.messageBox(title, msg, btns).open().then(
function(result) {
if (result == 'ok') {
SubscriptionService.deleteCategory({
id : category.id
});
}
});
};
$scope.toggleCategory = function(category) { $scope.toggleCategory = function(category) {
category.expanded = !category.expanded; category.expanded = !category.expanded;
SubscriptionService.collapse({ SubscriptionService.collapse({

1
src/main/webapp/js/services.js
View File

@@ -129,6 +129,7 @@ module.factory('SubscriptionService', function($resource, $http) {
callback(data); callback(data);
}); });
}; };
s.deleteCategory = res.deleteCategory;
s.collapse = res.collapse; s.collapse = res.collapse;
s.init(); s.init();
return s; return s;