admin: add time progress bar
This commit is contained in:
parent
f27072db16
commit
d1a41bbcb7
2 changed files with 12 additions and 4 deletions
|
@ -28,7 +28,7 @@ const indextpl = `<!DOCTYPE html>
|
||||||
<script src="/js/d3.v3.min.js"></script>
|
<script src="/js/d3.v3.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-light text-dark">
|
<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}}">
|
<a class="navbar-brand" href="{{.urlbase}}">
|
||||||
<img alt="FIC" src="{{.urlbase}}img/fic.png" style="height: 30px">
|
<img alt="FIC" src="{{.urlbase}}img/fic.png" style="height: 30px">
|
||||||
</a>
|
</a>
|
||||||
|
@ -64,7 +64,11 @@ const indextpl = `<!DOCTYPE html>
|
||||||
</span>
|
</span>
|
||||||
</nav>
|
</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>
|
<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">×</span></button>
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||||
<strong ng-if="box.title">{{"{{ box.title }}"}}</strong> {{"{{ box.msg }}"}}
|
<strong ng-if="box.title">{{"{{ box.title }}"}}</strong> {{"{{ box.msg }}"}}
|
||||||
|
|
|
@ -26,7 +26,7 @@
|
||||||
<script src="/js/d3.v3.min.js"></script>
|
<script src="/js/d3.v3.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-light text-dark">
|
<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/">
|
<a class="navbar-brand" href="/admin/">
|
||||||
<img alt="FIC" src="/admin/img/fic.png" style="height: 30px">
|
<img alt="FIC" src="/admin/img/fic.png" style="height: 30px">
|
||||||
</a>
|
</a>
|
||||||
|
@ -62,7 +62,11 @@
|
||||||
</span>
|
</span>
|
||||||
</nav>
|
</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>
|
<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">×</span></button>
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||||
<strong ng-if="box.title">{{ box.title }}</strong> {{ box.msg }}
|
<strong ng-if="box.title">{{ box.title }}</strong> {{ box.msg }}
|
||||||
|
|
Reference in a new issue