dashboard: add graph score

This commit is contained in:
nemunaire 2020-01-30 04:17:53 +01:00
commit b9fa5accff
5 changed files with 216 additions and 8 deletions

View file

@ -13,6 +13,17 @@
<link href="{{.urlbase}}css/glyphicon.css" type="text/css" rel="stylesheet" media="screen">
<link href="{{.urlbase}}css/fic.css" type="text/css" rel="stylesheet" media="screen">
<script src="{{.urlbase}}js/angular.min.js"></script>
<style>
.axis path,
.axis line {
fill: none;
stroke: slategray;
shape-rendering: crispEdges;
}
.axis .tick text {
fill: white;
}
</style>
</head>
<body class="bg-light bg-public" style="overflow: hidden;" class="container-fluid" ng-controller="DataController">
<div class="row" style="margin:10px 0">
@ -166,13 +177,22 @@
<tbody ng-if="s.params.which == 'general'">
<tr ng-repeat="r in rank | orderBy: 'rank' | limitTo: s.params.limit: s.params.begin">
<th class="text-right">{{ r.rank }}<sup ng-if="r.rank == 1">er</sup><sup ng-if="r.rank > 1">e</sup></th>
<td>{{ r.name }}</td>
<td><span class="badge" style="background-color: {{r.color}}" ng-if="s.params.legend">&nbsp;&nbsp;</span> {{ r.name }}</td>
<td>{{ r.score | number:0 }}</td>
</tr>
</tbody>
</table>
</div>
<div class="card niceborder bg-dark" ng-if="s.type == 'graph' && !s.params.hide">
<div class="card-header bg-{{ s.params.color }} text-white" ng-if="s.params.title">
<h3 style="margin:0" ng-bind="s.params.title" class="text-dark" ng-if="s.params.color == 'light'"></h3>
<h3 style="margin:0" ng-bind="s.params.title" ng-if="s.params.color != 'light'"></h3>
</div>
<div class="card-body bg-dark" id="rank_graph" ng-controller="RankGraphController">
</div>
</div>
<div class="card niceborder bg-dark" ng-if="s.type == 'carousel' && !s.params.hide">
<div class="card-header bg-{{ s.params.color }} text-white" ng-if="s.params.title">
<h3 style="margin:0" ng-bind="s.params.title" class="text-dark" ng-if="s.params.color == 'light'"></h3>
@ -560,6 +580,7 @@
<script src="{{.urlbase}}js/angular-route.min.js"></script>
<script src="{{.urlbase}}js/angular-sanitize.min.js"></script>
<script src="{{.urlbase}}js/i18n/angular-locale_fr-fr.js"></script>
<script src="{{.urlbase}}js/d3.v3.min.js"></script>
<script src="{{.urlbase}}js/dashboard.js"></script>
<script src="{{.urlbase}}js/common.js"></script>
</body>