javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Ordering and active state for toderpina

Browse Source
This commit is contained in:
Max Lynch
2013-10-07 00:32:34 -05:00
parent 03f615af39
commit c47bea49ab
4 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
example/toderp2/index.html
View File

@ -23,6 +23,7 @@
<script src="../../dist/ionic-angular.js"></script>
<script src="js/app.js"></script>
<script src="js/filters.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<style>
@ -119,7 +120,7 @@
<input type="text" ng-model="newTask.title" placeholder="Add an item...">
</form>
<list>
<li class="list-item" ng-repeat="task in activeProject.tasks" ng-class="{completed: task.isCompleted}">
<li class="list-item" ng-repeat="task in activeProject.tasks | reverse" ng-class="{completed: task.isCompleted}">
{{task.title}}
</li>
</list>
@ -136,7 +137,7 @@
<input type="text" ng-model="newProject.title" placeholder="Create a new list...">
</form>
<list>
<a ng-click="setActiveProject(project)" class="list-item list-item-primary" ng-class="{active: project.isActive}" ng-repeat="project in projects">
<a ng-click="setActiveProject(project)" class="list-item list-item-primary" ng-class="{active: project.isActive}" ng-repeat="project in projects | reverse">
{{project.title}}
</a>
</list>

1
example/toderp2/js/app.js
View File

@ -1,4 +1,5 @@
angular.module('ionic.todo', [
'ionic.todo.filters',
'ionic.todo.services',
'ionic.todo.controllers',

10
example/toderp2/js/controllers.js
View File

@ -119,7 +119,15 @@ angular.module('ionic.todo.controllers', ['ionic.todo'])
title: project.title,
tasks: angularFireCollection(ref.child('tasks'))
};
}
$scope.clearActive();
project.isActive = true;
};
$scope.clearActive = function() {
angular.forEach($scope.projects, function(project) {
project.isActive = false;
});
};
/**
* Add a project to the projects list.

11
example/toderp2/js/filters.js Normal file
View File

@ -0,0 +1,11 @@
angular.module('ionic.todo.filters', [])
.filter('reverse', function() {
return function(items) {
if(items) {
return items.slice().reverse();
}
return [];
};
});