server/frontend/static/views/theme.html

60 lines
2.7 KiB
HTML

<ul class="nav nav-tabs nav-justified">
<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 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>
<ul>
<li><strong>Gain :</strong> {{ themes[current_theme].exercices[current_exercice].gain }} points</li>
<li><strong>Résolu par :</strong> {{ themes[current_theme].exercices[current_exercice].solved }} équipes jusqu'à présent</li>
</ul>
</div>
<div class="panel panel-info" ng-show="(my.exercices[current_exercice] && my.exercices[current_exercice].files.length)">
<div class="panel-heading">
<div class="panel-title">Téléchargements</div>
</div>
<table class="table table-striped table-hover">
<thead>
<tr>
<th></th>
<th>Nom</th>
<th>Taille</th>
<th>SHA-1</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="file in my.exercices[current_exercice].files">
<td><a href="{{ file.path }}" target="_self"><span class="glyphicon glyphicon-download" aria-hidden="true"></span></a></td>
<td>{{ file.name }}</td>
<td>{{ file.size }}</td>
<td><code>{{ file.checksum }}</code></td>
</tr>
</tbody>
</table>
</div>
<div class="panel panel-danger" ng-show="!(my.exercices[current_exercice].solved)">
<div class="panel-heading">
<div class="panel-title">Soumettre une solution</div>
</div>
<div class="panel-body">
<form class="form-inline">
<div class="form-group">
<input type="text" class="form-control" placeholder="Votre solution" id="solution" name="solution">
</div>
<button type="submit" class="btn btn-success">Soumettre</button>
</form>
</div>
</div>
<div class="panel panel-success" ng-show="(my.exercices[current_exercice].solved)">
<div class="panel-heading">
<div class="panel-title">Challenge réussi !</div>
</div>
<div class="panel-body">
Vous êtes la {{ my.exercices[current_exercice].solved_number }}<sup>e</sup> équipe à avoir résolu ce challenge à {{ my.exercices[current_exercice].solved_time }}. Vous avez marqué {{ themes[current_theme].exercices[current_exercice].gain }} points !
</div>
</div>