added little icons to the table for when you want to sort

This commit is contained in:
Henry Oswald 2014-07-18 10:43:32 +01:00
parent ca6e8a7d40
commit 57b461e0ff
3 changed files with 20 additions and 6 deletions

View file

@ -117,16 +117,19 @@
)
li.container-fluid
.row
.col-md-6
.col-md-6(ng-click="changePredicate('name')")
input.select-all(
select-all,
type="checkbox"
)
span.header(ng-click="changePredicate('name')") Title
.col-md-2
span.header(ng-click="changePredicate('accessLevel')") Owner
.col-md-4
span.header(ng-click="changePredicate('lastUpdated')") Last Modified
span.header Title
i.tablesort.fa(ng-class="getSortIconClass('name')")
.col-md-2(ng-click="changePredicate('accessLevel')")
span.header Owner
i.tablesort.fa(ng-class="getSortIconClass('accessLevel')")
.col-md-4(ng-click="changePredicate('lastUpdated')")
span.header Last Modified
i.tablesort.fa(ng-class="getSortIconClass('lastUpdated')")
li.project_entry.container-fluid(
ng-repeat="project in visibleProjects | orderBy:predicate:reverse",
ng-controller="ProjectListItemController"

View file

@ -82,6 +82,14 @@ define [
$scope.reverse = !$scope.reverse
$scope.predicate = newPredicate
$scope.getSortIconClass = (column)->
if column == $scope.predicate and $scope.reverse
return "fa-sort-down"
else if column == $scope.predicate and !$scope.reverse
return "fa-sort-up"
else
return "fa-sort"
$scope.clearSearchText = () ->
$scope.searchText = ""
$scope.$emit "search:clear"

View file

@ -148,6 +148,9 @@ ul.project-list {
color: white;
}
}
i.tablesort {
padding-left: 8px;
}
}
#institution_auto_complete {