admin: add time progress bar

This commit is contained in:
Pierre-Olivier Mercier 2018-12-05 05:38:20 +01:00
parent f27072db16
commit d1a41bbcb7
2 changed files with 12 additions and 4 deletions

View File

@ -28,7 +28,7 @@ const indextpl = `<!DOCTYPE html>
<script src="/js/d3.v3.min.js"></script>
</head>
<body class="bg-light text-dark">
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark text-light" style="margin-bottom: 5px;">
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark text-light">
<a class="navbar-brand" href="{{.urlbase}}">
<img alt="FIC" src="{{.urlbase}}img/fic.png" style="height: 30px">
</a>
@ -64,7 +64,11 @@ const indextpl = `<!DOCTYPE html>
</span>
</nav>
<div class="container" ng-controller="DIWEBoxController">
<div class="progress" style="background-color: #4eaee6; height: 3px; border-radius: 0;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: {{ "{{timeProgression * 100}}" }}%"></div>
</div>
<div class="container mt-1" ng-controller="DIWEBoxController">
<div ng-repeat="box in boxes" class="alert alert-dismissible alert-{{"{{ box.kind }}"}}" ng-cloak>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong ng-if="box.title">{{"{{ box.title }}"}}</strong> {{"{{ box.msg }}"}}

View File

@ -26,7 +26,7 @@
<script src="/js/d3.v3.min.js"></script>
</head>
<body class="bg-light text-dark">
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark text-light" style="margin-bottom: 5px;">
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark text-light">
<a class="navbar-brand" href="/admin/">
<img alt="FIC" src="/admin/img/fic.png" style="height: 30px">
</a>
@ -62,7 +62,11 @@
</span>
</nav>
<div class="container" ng-controller="DIWEBoxController">
<div class="progress" style="background-color: #4eaee6; height: 3px; border-radius: 0;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: {{timeProgression * 100}}%"></div>
</div>
<div class="container mt-1" ng-controller="DIWEBoxController">
<div ng-repeat="box in boxes" class="alert alert-dismissible alert-{{ box.kind }}" ng-cloak>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong ng-if="box.title">{{ box.title }}</strong> {{ box.msg }}