forked from Archives/Athou_commafeed
don't refresh menu when changing categories
This commit is contained in:
@@ -9,7 +9,24 @@
|
||||
</head>
|
||||
<body>
|
||||
<div ng-app="commafeed">
|
||||
<ng:view></ng:view>
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<div class="span2" ng-controller="CategoryTreeCtrl">
|
||||
<div class="css-treeview">
|
||||
<ul>
|
||||
<category node="root" feed-click="feedClicked(id)"
|
||||
category-click="categoryClicked(id)" selected-type="selectedType"
|
||||
selected-id="selectedId"
|
||||
format-category-name="formatCategoryName(category)"
|
||||
format-feed-name="formatFeedName(feed)"> </category>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span10">
|
||||
<ng:view></ng:view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="vendor/jquery/jquery-1.9.1.min.js"></script>
|
||||
|
||||
@@ -9,8 +9,10 @@ module.run(function($rootScope) {
|
||||
module.controller('CategoryTreeCtrl', function($scope, $routeParams, $location,
|
||||
CategoryService) {
|
||||
|
||||
$scope.selectedType = $routeParams._type;
|
||||
$scope.selectedId = $routeParams._id;
|
||||
$scope.$on('$routeChangeSuccess', function() {
|
||||
$scope.selectedType = $routeParams._type;
|
||||
$scope.selectedId = $routeParams._id;
|
||||
});
|
||||
|
||||
$scope.root = CategoryService.get();
|
||||
|
||||
@@ -48,10 +50,14 @@ module.controller('CategoryTreeCtrl', function($scope, $routeParams, $location,
|
||||
}
|
||||
|
||||
$scope.feedClicked = function(id) {
|
||||
$scope.selectedType = 'feed';
|
||||
$scope.selectedId = id;
|
||||
$location.path('/feeds/view/feed/' + id);
|
||||
};
|
||||
|
||||
$scope.categoryClicked = function(id) {
|
||||
$scope.selectedType = 'category';
|
||||
$scope.selectedId = id;
|
||||
$location.path('/feeds/view/category/' + id);
|
||||
};
|
||||
|
||||
|
||||
@@ -1,37 +1,20 @@
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<div class="span2" ng-controller="CategoryTreeCtrl">
|
||||
<div class="css-treeview">
|
||||
<ul>
|
||||
<category node="root" feed-click="feedClicked(id)"
|
||||
category-click="categoryClicked(id)" selected-type="selectedType"
|
||||
selected-id="selectedId"
|
||||
format-category-name="formatCategoryName(category)"
|
||||
format-feed-name="formatFeedName(feed)"> </category>
|
||||
</ul>
|
||||
<div ng-controller="FeedListCtrl">
|
||||
<span>{{entryList.name}}</span><span
|
||||
ng-show="selectedType == 'category'"> »</span>
|
||||
<div class="accordion" id="feed-accordion">
|
||||
<div class="accordion-group" ng-repeat="entry in entryList.entries">
|
||||
<div class="accordion-heading">
|
||||
<a class="accordion-toggle" data-toggle="collapse"
|
||||
ng-click="markAsRead(entry)"
|
||||
ng-class="{unread: entry.read == false}"
|
||||
data-parent="#feed-accordion" href="{{'#feed-body' + $index}}">
|
||||
<span ng-show="selectedType == 'category'">{{entry.feedName}}
|
||||
- </span>{{entry.title}} <span class="pull-right">{{entry.date}}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div id="{{'feed-body' + $index}}" class="accordion-body collapse">
|
||||
<div class="accordion-inner" ng-bind-html="entry.content"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span10" ng-controller="FeedListCtrl">
|
||||
<span>{{entryList.name}}</span><span
|
||||
ng-show="selectedType == 'category'"> »</span>
|
||||
<div class="accordion" id="feed-accordion">
|
||||
<div class="accordion-group" ng-repeat="entry in entryList.entries">
|
||||
<div class="accordion-heading">
|
||||
<a class="accordion-toggle" data-toggle="collapse"
|
||||
ng-click="markAsRead(entry)"
|
||||
ng-class="{unread: entry.read == false}"
|
||||
data-parent="#feed-accordion" href="{{'#feed-body' + $index}}">
|
||||
<span ng-show="selectedType == 'category'">{{entry.feedName}}
|
||||
- </span>{{entry.title}} <span class="pull-right">{{entry.date}}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div id="{{'feed-body' + $index}}" class="accordion-body collapse">
|
||||
<div class="accordion-inner" ng-bind-html="entry.content"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user