admin: use toolbar inside exercice details

admin/static/views/exercice.html

@@ -30,9 +30,11 @@
 	<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>
       <div class="list-group" ng-show="showDownloads">
-	<div class="list-group-item bg-light text-dark" style="padding: 2px">
+	<div class="btn-toolbar bg-secondary justify-content-end" role="toolbar">
-	  <button type="button" ng-click="syncFiles()" class="btn btn-sm btn-light ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
+	  <div class="btn-group" role="group">
-	  <button type="button" ng-click="addFile()" class="btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter</button>
+	    <button type="button" ng-click="syncFiles()" class="btn btn-sm btn-light"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> Synchroniser</button>
+	    <button type="button" ng-click="addFile()" class="btn btn-sm btn-info"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter</button>
+	  </div>
 	</div>
 	<form ng-submit="saveFile()" class="list-group-item bg-light text-dark" ng-repeat="file in files">
 	  <div class="row form-group">
@@ -51,11 +53,15 @@
 
     <div class="mt-2 card border-info" ng-controller="ExerciceHintsController">
       <div class="card-header bg-info text-light">
-	<button type="button" ng-click="addHint()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
-	<button type="button" ng-click="syncHints()" class="float-right btn btn-sm btn-light ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
 	<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="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>
+	    <button type="button" ng-click="addHint()" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter</button>
+	  </div>
+	</div>
 	<form ng-submit="saveHint()" class="list-group-item form-horizontal bg-light text-dark" ng-repeat="hint in hints">
 	  <input type="text" id="htitle{{hint.id}}" ng-model="hint.title" class="form-control form-control-sm" placeholder="Titre">
 	  <textarea class="form-control form-control-sm" id="hcnt{{hint.id}}" ng-model="hint.content" ng-if="!hint.file"></textarea>
@@ -81,11 +87,15 @@
 
     <div class="mt-2 card border-success" ng-controller="ExerciceFlagsController">
       <div class="card-header bg-success border-success text-light">
-	<button type="button" ng-click="addFlag()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
-	<button type="button" ng-click="syncFlags()" class="float-right btn btn-sm btn-light ml-2"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button>
 	<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="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>
+	    <button type="button" ng-click="addFlag()" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Ajouter</button>
+	  </div>
+	</div>
 	<form ng-submit="saveFlag()" class="list-group-item form-horizontal bg-light text-dark" ng-repeat="flag in flags">
 	  <div class="row" id="flag-{{flag.id}}">
 	    <input type="text" id="klabel{{flag.id}}" ng-model="flag.label" class="col form-control form-control-sm" placeholder="Intitulé" title="Intitulé">
@@ -116,10 +126,14 @@
 
     <div class="mt-2 card border-success" ng-controller="ExerciceMCQFlagsController">
       <div class="card-header bg-success text-light">
-	<button type="button" ng-click="addQuiz()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
 	<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="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>
+	  </div>
+	</div>
 	<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é">
@@ -154,11 +168,15 @@
 
     <div class="mt-2 card border-warning" ng-controller="ExerciceTagsController">
       <div class="card-header bg-warning text-light">
-	<button type="button" ng-click="addTag()" class="float-right btn btn-sm btn-primary ml-2"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span></button>
-	<button type="button" ng-click="saveTags()" class="float-right btn btn-sm btn-success ml-2" ng-show="showTags"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>
 	<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="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>
+	    <button type="button" ng-click="saveTags()" class="btn btn-sm btn-success"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span> Sauvegarder</button>
+	  </div>
+	</div>
 	<form ng-submit="saveTags()" class="list-group-item bg-light text-dark">
 	  <div class="row form-group" ng-repeat="(k, tag) in tags track by $index">
 	    <input type="text" ng-model="tags[k]" class="col form-control form-control-sm" placeholder="#tag">