admin: implement MCQ edition in interface

This commit is contained in:
nemunaire 2018-06-24 18:12:26 +02:00 committed by Pierre-Olivier Mercier
commit 3a65363ebb
3 changed files with 137 additions and 0 deletions

View file

@ -110,6 +110,44 @@
</form>
</div>
</div>
<div class="card border-success mt-2" ng-controller="ExerciceMCQKeysController">
<div class="card-header bg-success text-light">
<button ng-click="addQuiz()" class="float-right btn btn-sm btn-primary" style="margin-left: 7px"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
<h4>Quizz</h4>
</div>
<div class="list-group">
<form ng-submit="saveQuiz()" class="list-group-item form-horizontal bg-light text-dark" ng-repeat="(qk,q) in quiz">
<div class="form-group row" id="quiz-{{q.id}}">
<input type="text" id="qlabel{{q.id}}" ng-model="q.title" class="col form-control" placeholder="Intitulé">
<div class="col-auto" ng-show="q.id">
<button type="button" ng-click="deleteQuiz()" class="btn btn-danger"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
</div>
</div>
<div class="form-group row" ng-repeat="(ck,choice) in q.entries">
<div class="col form-check">
<label class="custom-control custom-checkbox">
<input class="custom-control-input" type="checkbox" ng-model="choice.response">
<span class="custom-control-label">
<input type="text" id="kchoice{{q.id}}-{{choice.id}}" ng-model="choice.label" class="form-control form-control-sm" placeholder="Intitulé">
</span>
</label>
</div>
<div class="col-auto">
<button type="button" ng-click="deleteChoice()" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
</div>
</div>
<div class="form-group row">
<div class="col-auto">
<button type="button" ng-click="addChoice()" class="btn btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter un choix</button>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>