fic/server
2
0
Fork 0
Code Issues Pull Requests 2 Releases Wiki Activity

frontend: improve rank rendering

Browse Source
This commit is contained in:
nemunaire 2017-01-14 15:01:18 +01:00 committed by nemunaire
parent 103979b29d
commit fbd97bdc4c
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/static/js/challenge.js
View File

@ -325,7 +325,7 @@ angular.module("FICApp", ["ngRoute", "ngSanitize"])
$scope.reverse = !$scope.reverse; $scope.reverse = !$scope.reverse;
} else { } else {
$scope.rankOrder = fld; $scope.rankOrder = fld;
$scope.reverse = false; $scope.reverse = (fld == "score");
} }
}; };
}) })

40
frontend/static/views/rank.html
View File

@ -1,18 +1,22 @@
<p><input type="search" class="form-control" placeholder="Rechercher" ng-model="query"></p> <div class="panel panel-success">
<table class="table table-hover table-bordered table-striped"> <div class="panel-body">
<thead> <input type="search" class="form-control" placeholder="Rechercher" ng-model="query">
<tr> </div>
<th ng-repeat="field in fields" ng-click="order(field)"> <table class="table table-hover table-striped">
{{ field }} <thead>
<span class="glyphicon" ng-show="rankOrder === field" ng-class="{'glyphicon-up': !reverse, 'glyphicon-down': reverse}"></span> <tr>
</th> <th ng-repeat="field in fields" ng-click="order(field)" width="33%">
</tr> {{ field | rankTitle }}
</thead> <span class="glyphicon" ng-show="rankOrder === field" ng-class="{'glyphicon-chevron-up': reverse, 'glyphicon-chevron-down': !reverse}"></span>
<tbody> </th>
<tr ng-repeat="team in rank | filter: query | orderBy:rankOrder:reverse" ng-click="show(team.id)" ng-show="team.rank"> </tr>
<td ng-repeat="field in fields" ng-class="{info: my.team_id == team.id}"> </thead>
{{ team[field] }} <tbody>
</td> <tr ng-repeat="team in rank | filter: query | orderBy:rankOrder:reverse" ng-click="show(team.id)" ng-show="team.rank">
</tr> <td ng-repeat="field in fields" ng-class="{info: my.team_id == team.id}">
</tbody> {{ team[field] }}
</table> </td>
</tr>
</tbody>
</table>
</div>