frontend: improve home page
This commit is contained in:
parent
6fab208a23
commit
6765e6af32
|
|
@ -1,6 +1,6 @@
|
|||
<div class="well well-lg">
|
||||
<h3>Bienvenue <span ng-repeat="member in my.members"><span ng-show="$last && !$first"> et </span><span ng-show="$middle">, </span>{{ member.firstname | capitalize }} {{ member.lastname | capitalize }}</span> !</h3>
|
||||
<p ng-show="(my.team_id)">
|
||||
<div class="well well-lg" style="text-indent: 1em">
|
||||
<h3 style="text-indent: 0">Bienvenue <span ng-repeat="member in my.members"><span ng-if="$last && !$first"> et </span><span ng-if="$middle">, </span>{{ member.firstname | capitalize }} {{ member.lastname | capitalize }}</span> !</h3>
|
||||
<p ng-if="(my.team_id)">
|
||||
Félicitations ! vous êtes maintenant connecté à l'espace de votre
|
||||
équipe <em>{{ teams[my.team_id].name }}</em>. Vous pouvez changer ce nom
|
||||
dès maintenant en vous rendant sur la page de <a href="/edit">votre
|
||||
|
|
@ -19,60 +19,59 @@
|
|||
Saurez-vous identifier les différents vecteurs de fuites de données avec
|
||||
lesquels nos systèmes d'informations et nos utilisateurs font faces ?
|
||||
</p>
|
||||
<p>
|
||||
<strong>Attention :</strong> puisqu'il s'agit de captures effectuées dans
|
||||
le but de découvrir si des actes malveillants ont été commis sur différents
|
||||
systèmes d'information, les contenus qui sont
|
||||
téléchargeables <em>peuvent</em> contenir du contenu malveillant !
|
||||
</p>
|
||||
<p>
|
||||
Bon courage !
|
||||
</p>
|
||||
</div>
|
||||
<div class="alert alert-danger">
|
||||
<strong>Attention :</strong> puisqu'il s'agit de captures effectuées dans le
|
||||
but de découvrir si des actes malveillants ont été commis sur différents
|
||||
systèmes d'information, les contenus qui sont
|
||||
téléchargeables <em>peuvent</em> contenir du contenu malveillant !
|
||||
</div>
|
||||
<div class="panel panel-default" ng-if="(my.team_id)">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Progression</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
<div class="panel panel-default" ng-show="(my.team_id)">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Progression</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
<strong>Vous</strong>
|
||||
<div class="progress progress-striped">
|
||||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ my.score * 100 / max_gain }}%;">
|
||||
<span class="sr-only">{{ my.score * 100 / max_gain }}% Complete</span>
|
||||
</div>
|
||||
<strong>Vous</strong>
|
||||
<div class="progress progress-striped">
|
||||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ my.score * 100 / max_gain }}%;">
|
||||
<span class="sr-only">{{ my.score * 100 / max_gain }}% Complete</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<strong>Le temps </strong>
|
||||
<strong>Le temps</strong>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ 100 - time.remaining / time.duration * 100 }}%;">
|
||||
<span class="sr-only">{{ time.remaining }} secondes restantes</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-if="rank.length && rank[0].id != my.team_id">
|
||||
<strong>La meilleure équipe ({{ rank[0].name }})</strong>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ 100 - time.remaining / time.duration * 100 }}%;">
|
||||
<span class="sr-only">{{ time.remaining }} secondes restantes</span>
|
||||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ rank[0].score * 100 / max_gain }}%;">
|
||||
<span class="sr-only">{{ rank[0].score * 100 / max_gain }}% Complete</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-show="rank.length && rank[0].id != my.team_id">
|
||||
<strong>La meilleure équipe ({{ rank[0].name }})</strong>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ rank[0].score * 100 / max_gain }}%;">
|
||||
<span class="sr-only">{{ rank[0].score * 100 / max_gain }}% Complete</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-show="rank[0].id == my.team_id && rank.length > 1">
|
||||
<strong>La seconde équipe ({{ rank[1].name }})</strong>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ rank[1].score * 100 / max_gain }}%;">
|
||||
<span class="sr-only">{{ rank[1].score * 100 / max_gain }}% Complete</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div ng-if="rank[0].id == my.team_id && rank.length > 1">
|
||||
<strong>La seconde équipe ({{ rank[1].name }})</strong>
|
||||
<div class="progress">
|
||||
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
|
||||
aria-valuemin="0" aria-valuemax="100" style="width: {{ rank[1].score * 100 / max_gain }}%;">
|
||||
<span class="sr-only">{{ rank[1].score * 100 / max_gain }}% Complete</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-controller="RankController" ng-if="!(my.team_id)">
|
||||
|
|
|
|||
Loading…
Reference in New Issue