admin/ui: Improve home page

This commit is contained in:
nemunaire 2022-05-22 19:10:41 +02:00
commit b92381f007

View file

@ -25,22 +25,24 @@
</div> </div>
</div> </div>
<div class="card-deck mb-3"> <div class="row mb-3">
<div class="col-sm-7 col-md-8 col-lg-9">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h4>Progression</h4> <h4>Progression</h4>
</div> </div>
<table class="table table-hover table-striped table-sm" ng-controller="ThemesListController"> <div style="overflow: auto;">
<table class="table table-hover table-striped table-sm mb-0" ng-controller="ThemesListController">
<thead> <thead>
<tr> <tr>
<th class="frotated"></th> <th class="frotated"></th>
<th class="rotated" ng-repeat="(tid,th) in themes"><div><a ng-href="themes/{{ th.id }}">{{ th.name }}</a></div></th> <th class="rotated" ng-repeat="(tid,th) in themes"><div><a ng-href="themes/{{ th.id }}">{{ th.name }}</a></div></th>
</tr> </tr>
</thead> </thead>
<tbody class="table-bordered"> <tbody class="table-bordered" ng-controller="ExercicesStatsController">
<tr ng-repeat="lvl in [1,2,3,4,5]"> <tr ng-repeat="lvl in [1,2,3,4,5]">
<th class="text-center"><nobr>Challenge {{ lvl }}</nobr></th> <th class="text-center"><nobr>Challenge {{ lvl }}</nobr></th>
<td ng-repeat="(tid,theme) in themes" class="text-center text-bold" ng-controller="ExercicesStatsController"> <td ng-repeat="(tid,theme) in themes" class="text-center text-bold">
<a ng-href="exercices/{{ exercice.id_exercice }}" ng-repeat="exercice in exercices" ng-if="$index == lvl-1 && (exercice.team_tries || lvl == 1)" ng-class="{'text-primary': exercice.solved_count == 0, 'text-success': exercice.solved_count >= 1, 'text-bold': exercice.solved_count >= 1, 'text-warning': exercice.solved_count == 0 && exercice.team_tries}"> <a ng-href="exercices/{{ exercice.id_exercice }}" ng-repeat="exercice in exercices" ng-if="$index == lvl-1 && (exercice.team_tries || lvl == 1)" ng-class="{'text-primary': exercice.solved_count == 0, 'text-success': exercice.solved_count >= 1, 'text-bold': exercice.solved_count >= 1, 'text-warning': exercice.solved_count == 0 && exercice.team_tries}">
<span ng-if="exercice.solved_count">{{ exercice.solved_count }}</span> <span ng-if="exercice.solved_count">{{ exercice.solved_count }}</span>
<span ng-if="!exercice.solved_count">{{ exercice.team_tries }}</span> <span ng-if="!exercice.solved_count">{{ exercice.team_tries }}</span>
@ -61,9 +63,11 @@
</td> </td>
</tr> </tr>
</tfoot> </tfoot>
</table> </table>
</div>
</div> </div>
</div>
<div class="col-sm-5 col-md-4 col-lg-3">
<div class="card"> <div class="card">
<div class="card-header"> <div class="card-header">
<h4>Classement</h4> <h4>Classement</h4>
@ -78,4 +82,5 @@
</tbody> </tbody>
</table> </table>
</div> </div>
</div>
</div> </div>