89 lines
3.5 KiB
HTML
89 lines
3.5 KiB
HTML
<div class="row">
|
|
<div class="col text-justify">
|
|
<div class="jumbotron" style="text-indent: 1em">
|
|
<h2 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> !</h2>
|
|
<hr>
|
|
<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
|
|
équipe</a>.
|
|
</p>
|
|
<p class="text-warning" ng-if="(my.team_id && !my.members.length)">
|
|
Les membres de votre équipes ne sont pas encore enregistrés.
|
|
Passez voir l'équipe serveur pour corriger cela.
|
|
</p>
|
|
<p>
|
|
Compromissions, défauts de configuration, utilisations malveillantes,
|
|
contournements des règles de sécurité, … tous les jours nous mettons
|
|
en danger nos données.
|
|
</p>
|
|
<p>
|
|
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>
|
|
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>
|
|
|
|
<div class="col-md-3" ng-if="(my.team_id)">
|
|
<div class="card text-white bg-primary">
|
|
<div class="card-header">
|
|
Progression
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
<strong>Vous</strong>
|
|
<div class="progress progress-striped">
|
|
<div class="progress-bar bg-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>
|
|
<div class="progress">
|
|
<div class="progress-bar bg-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 bg-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-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 bg-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)">
|
|
<ng-include src="'views/rank.html'">
|
|
</div>
|
|
|
|
<!-- Avoid title rewrite... -->
|
|
<div ng-controller="HomeController"></div>
|