frontend: improve theme page, with icons

This commit is contained in:
nemunaire 2018-11-27 20:00:44 +01:00
parent bb33572b19
commit ef26e46ac9

View file

@ -1,21 +1,22 @@
<div class="card text-indent mt-2 mb-4"> <div class="jumbotron text-indent mt-2 mb-4">
<div class="card-body"> <p class="lead text-justify" ng-bind-html="themes[current_theme].intro"></p>
<p class="card-text text-justify" ng-bind-html="themes[current_theme].intro"></p>
</div>
</div> </div>
<div class="card-group mb-5"> <div class="card-group mb-5">
<div class="card" ng-repeat="(k,exercice) in themes[current_theme].exercices"> <div class="card" ng-repeat="(k,exercice) in themes[current_theme].exercices">
<div class="card-body"> <div class="card-body">
<h6 class="card-title"> <h5 class="card-title">
<a ng-href="/{{ themes[current_theme].urlid }}/{{ themes[current_theme].exercices[k].urlid }}" ng-if="my.exercices[k]"> <a ng-href="/{{ themes[current_theme].urlid }}/{{ themes[current_theme].exercices[k].urlid }}" ng-if="my.exercices[k]">
{{ exercice.title }} {{ exercice.title }}
</a> </a>
<a ng-href="#" ng-if="!my.exercices[k]"> <span ng-if="!my.exercices[k]">
{{ exercice.title }} {{ exercice.title }}
</a> <span class="glyphicon glyphicon-lock" aria-hidden="true" title="Vous n'avez pas encore accès à ce défi"></span>
</span>
<a ng-href="/tags/{{tag}}" class="badge badge-pill badge-secondary ml-1 float-right" ng-repeat="tag in themes[current_theme].exercices[k].tags">#{{tag}}</a> <a ng-href="/tags/{{tag}}" class="badge badge-pill badge-secondary ml-1 float-right" ng-repeat="tag in themes[current_theme].exercices[k].tags">#{{tag}}</a>
</h6> <span class="glyphicon glyphicon-ok" aria-hidden="true" ng-if="(my.team_id && my.exercices[k].solved)"></span>
<span class="glyphicon glyphicon-gift" aria-hidden="true" ng-if="themes[current_theme].exercices[k].curcoeff > 1.0" title="Un bonus est actuellement appliqué lors de la résolution de ce défi"></span>
</h5>
<p style="clear: both" class="card-text text-justify">Sunt omnis est quibusdam aperiam quos minima numquam.</p> <p style="clear: both" class="card-text text-justify">Sunt omnis est quibusdam aperiam quos minima numquam.</p>
</div> </div>
</div> </div>