admin: use accordeon on exercice page
This commit is contained in:
parent
07dcc1804b
commit
c877da1161
2 changed files with 140 additions and 156 deletions
|
@ -1051,31 +1051,6 @@ angular.module("FICApp")
|
|||
$scope.exercices = Exercice.query();
|
||||
$scope.fields = ["title", "urlid", "statement", "headline", "overview", "finished", "depend", "gain", "coefficient", "videoURI", "issue", "issuekind"];
|
||||
|
||||
$scope.showTags = false;
|
||||
$scope.toggleTags = function(val) {
|
||||
$scope.showTags = val ||!$scope.showTags;
|
||||
}
|
||||
|
||||
$scope.showDownloads = false;
|
||||
$scope.toggleDownloads = function(val) {
|
||||
$scope.showDownloads = val ||!$scope.showDownloads;
|
||||
}
|
||||
|
||||
$scope.showHints = false;
|
||||
$scope.toggleHints = function(val) {
|
||||
$scope.showHints = val || !$scope.showHints;
|
||||
}
|
||||
|
||||
$scope.showFlags = false;
|
||||
$scope.toggleFlags = function(val) {
|
||||
$scope.showFlags = val || !$scope.showFlags;
|
||||
}
|
||||
|
||||
$scope.showQuizz = false;
|
||||
$scope.toggleQuizz = function(val) {
|
||||
$scope.showQuizz = val || !$scope.showQuizz;
|
||||
}
|
||||
|
||||
$scope.inSync = false;
|
||||
$scope.syncExo = function() {
|
||||
$scope.inSync = true;
|
||||
|
@ -1123,7 +1098,6 @@ angular.module("FICApp")
|
|||
$scope.tags = ExerciceTags.query({ exerciceId: $routeParams.exerciceId });
|
||||
|
||||
$scope.addTag = function() {
|
||||
$scope.toggleTags(true);
|
||||
$scope.tags.push("");
|
||||
}
|
||||
$scope.deleteTag = function() {
|
||||
|
|
|
@ -28,12 +28,13 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<div class="col-md-4" ng-show="exercice.id">
|
||||
<div class="col-md-4 accordion" ng-show="exercice.id" id="accordionExercice">
|
||||
<div class="card border-secondary" ng-controller="ExerciceFilesController">
|
||||
<div class="card-header bg-secondary text-light">
|
||||
<h4 class="m-0" ng-click="toggleDownloads()"><small class="glyphicon" ng-class="{'glyphicon-chevron-right': !showDownloads, 'glyphicon-chevron-down': showDownloads}" aria-hidden="true"></small> Téléchargements</h4>
|
||||
<div class="card-header bg-secondary text-light" type="button" data-toggle="collapse" data-target="#collapseFiles" aria-expanded="true" aria-controls="collapseFiles">
|
||||
<h4 class="m-0"><small class="glyphicon glyphicon-chevron-right" aria-hidden="true"></small> Téléchargements</h4>
|
||||
</div>
|
||||
<div class="list-group" ng-show="showDownloads">
|
||||
<div class="collapse" id="collapseFiles" aria-labelledby="headingFiles" data-parent="#accordionExercice">
|
||||
<div class="list-group">
|
||||
<div class="btn-toolbar bg-secondary justify-content-end" role="toolbar">
|
||||
<div class="btn-group" role="group">
|
||||
<button type="button" ng-click="syncFiles()" class="btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
|
||||
|
@ -54,12 +55,14 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-2 card border-info" ng-controller="ExerciceHintsController">
|
||||
<div class="card-header bg-info text-light">
|
||||
<h4 class="m-0" ng-click="toggleHints()"><small class="glyphicon" ng-class="{'glyphicon-chevron-right': !showHints, 'glyphicon-chevron-down': showHints}" aria-hidden="true"></small> Indices</h4>
|
||||
</div>
|
||||
<div class="list-group" ng-show="showHints">
|
||||
|
||||
<div class="card border-info" ng-controller="ExerciceHintsController">
|
||||
<div class="card-header bg-info text-light" type="button" data-toggle="collapse" data-target="#collapseHints" aria-expanded="true" aria-controls="collapseHints">
|
||||
<h4 class="m-0"><small class="glyphicon glyphicon-chevron-right" aria-hidden="true"></small> Indices</h4>
|
||||
</div>
|
||||
<div class="collapse" id="collapseHints" aria-labelledby="headingHints" data-parent="#accordionExercice">
|
||||
<div class="list-group">
|
||||
<div class="btn-toolbar bg-info justify-content-end" role="toolbar">
|
||||
<div class="btn-group" role="group">
|
||||
<button type="button" ng-click="syncHints()" class="btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
|
||||
|
@ -88,12 +91,14 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-2 card border-success" ng-controller="ExerciceFlagsController">
|
||||
<div class="card-header bg-success border-success text-light">
|
||||
<h4 class="m-0" ng-click="toggleFlags()"><small class="glyphicon" ng-class="{'glyphicon-chevron-right': !showFlags, 'glyphicon-chevron-down': showFlags}" aria-hidden="true"></small> Drapeaux</h4>
|
||||
</div>
|
||||
<div class="list-group" ng-show="showFlags">
|
||||
|
||||
<div class="card border-success" ng-controller="ExerciceFlagsController">
|
||||
<div class="card-header bg-success text-light" type="button" data-toggle="collapse" data-target="#collapseFlags" aria-expanded="true" aria-controls="collapseFlags">
|
||||
<h4 class="m-0"><small class="glyphicon glyphicon-chevron-right" aria-hidden="true"></small> Drapeaux</h4>
|
||||
</div>
|
||||
<div class="collapse" id="collapseFlags" aria-labelledby="headingFlags" data-parent="#accordionExercice">
|
||||
<div class="list-group">
|
||||
<div class="btn-toolbar bg-success justify-content-end" role="toolbar">
|
||||
<div class="btn-group" role="group">
|
||||
<button type="button" ng-click="syncFlags()" class="btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
|
||||
|
@ -127,12 +132,14 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-2 card border-success" ng-controller="ExerciceMCQFlagsController">
|
||||
<div class="card-header bg-success text-light">
|
||||
<h4 class="m-0" ng-click="toggleQuizz()"><small class="glyphicon" ng-class="{'glyphicon-chevron-right': !showQuizz, 'glyphicon-chevron-down': showQuizz}" aria-hidden="true"></small> Quizz</h4>
|
||||
</div>
|
||||
<div class="list-group" ng-show="showQuizz">
|
||||
|
||||
<div class="card border-success" ng-controller="ExerciceMCQFlagsController">
|
||||
<div class="card-header bg-success text-light" type="button" data-toggle="collapse" data-target="#collapseQuizz" aria-expanded="true" aria-controls="collapseQuizz">
|
||||
<h4 class="m-0"><small class="glyphicon glyphicon-chevron-right" aria-hidden="true"></small> Quizz</h4>
|
||||
</div>
|
||||
<div class="collapse" id="collapseQuizz" aria-labelledby="headingQuizz" data-parent="#accordionExercice">
|
||||
<div class="list-group">
|
||||
<div class="btn-toolbar bg-success justify-content-end" role="toolbar">
|
||||
<div class="btn-group" role="group">
|
||||
<button type="button" ng-click="addQuiz()" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter</button>
|
||||
|
@ -169,12 +176,14 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-2 card border-warning" ng-controller="ExerciceTagsController">
|
||||
<div class="card-header bg-warning text-light">
|
||||
<h4 class="m-0" ng-click="toggleTags()"><small class="glyphicon" ng-class="{'glyphicon-chevron-right': !showTags, 'glyphicon-chevron-down': showTags}" aria-hidden="true"></small> Tags</h4>
|
||||
</div>
|
||||
<div class="list-group" ng-show="showTags">
|
||||
|
||||
<div class="card border-warning" ng-controller="ExerciceTagsController">
|
||||
<div class="card-header bg-warning text-light" type="button" data-toggle="collapse" data-target="#collapseTags" aria-expanded="true" aria-controls="collapseTags">
|
||||
<h4 class="m-0"><small class="glyphicon glyphicon-chevron-right" aria-hidden="true"></small> Tags</h4>
|
||||
</div>
|
||||
<div class="collapse" id="collapseTags" aria-labelledby="headingTags" data-parent="#accordionExercice">
|
||||
<div class="list-group">
|
||||
<div class="btn-toolbar bg-warning justify-content-end" role="toolbar">
|
||||
<div class="btn-group" role="group">
|
||||
<button type="button" ng-click="addTag()" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter</button>
|
||||
|
@ -189,6 +198,7 @@
|
|||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
Reference in a new issue