fic/server
Archived
1
0
Fork 0
Code Issues Pull requests 10 Releases Wiki Activity

Improve interface

Browse source
This commit is contained in:
nemunaire 2016-01-21 01:38:43 +01:00
commit 0247c89b02
5 changed files with 213 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

56
frontend/static/views/home.html Normal file
View file

@ -0,0 +1,56 @@
<div class="well">
<h3>Bienvenue !</h3>
<p>
Compromissions, défauts de configuration, utilisations malveillantes,
contournements des règles de sécurité, &hellip; 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="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Progressions</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: 18%;">
<span class="sr-only">18% Complete</span>
</div>
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
<span class="sr-only">18% Complete</span>
</div>
</div>
<strong>Le temps</strong>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
<span class="sr-only">90 minutes restantes</span>
</div>
</div>
<strong>La meilleure équipe</strong>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 28%;">
<span class="sr-only">18% Complete</span>
</div>
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 18%;">
<span class="sr-only">18% Complete</span>
</div>
</div>
</div>
</div>

16
frontend/static/views/theme.html
View file

@ -2,6 +2,9 @@
<li ng-repeat="(k,exercice) in themes[current_theme].exercices" ng-class="{active: k == current_exercice, disabled: !my.exercices[k]}"><a ng-show="(!my.exercices[k])">{{ exercice.title }}</a><a href="/{{ current_theme }}/{{ k }}" ng-show="(my.exercices[k])">{{ exercice.title }} <span ng-show="(my.exercices[k].solved)" class="badge">{{ exercice.gain }}</span></a></li>
</ul>
<div class="alert alert-warning" style="margin-top:15px;" ng-show="!(my.exercices[current_exercice])">
Vous n'avez pas encore accès à cet exercice.
</div>
<div style="margin-top: 15px" class="well" ng-show="(my.exercices[current_exercice])">
<p>{{ my.exercices[current_exercice].statement }}</p>
<p ng-show="(my.exercices[current_exercice].hint)">{{ my.exercices[current_exercice].hint }}</p>
@ -35,16 +38,21 @@
</table>
</div>
<div class="panel panel-danger" ng-show="!(my.exercices[current_exercice].solved)">
<div class="alert alert-info" ng-class="messageClass" ng-show="my.exercices[current_exercice] && !(my.exercices[current_exercice].solved) && (my.exercices[current_exercice].submitted)">
<strong>Your solution has been submitted.</strong> {{ message }}
</div>
<div class="panel panel-danger" ng-show="my.exercices[current_exercice] && !(my.exercices[current_exercice].solved) && !(my.exercices[current_exercice].submitted)">
<div class="panel-heading">
<div class="panel-title">Soumettre une solution</div>
</div>
<div class="panel-body">
<form class="form-inline">
<p ng-show="(my.exercices[current_exercice].solved_number)">Dernière solution envoyée à {{ my.exercices[current_exercice].solved_time }}.</p>
<form class="form-inline" ng-submit="ssubmit()">
<div class="form-group">
<input type="text" class="form-control" placeholder="Votre solution" id="solution" name="solution">
<input type="text" class="form-control" placeholder="Votre solution" id="solution" name="solution" onchange="sready()">
</div>
<button type="submit" class="btn btn-success">Soumettre</button>
<button type="submit" class="btn btn-success disabled" id="sbmt">Soumettre</button>
</form>
</div>
</div>