[FEAT] indicateur d'attente dataLoading dans la vue document

annotations/static/annotations/document.js

@@ -2,10 +2,13 @@
   'use strict';
 
   var annotationsAppDocument = angular.module('annotationsAppDocument', ['annotationsAppHttp']);
-
   annotationsAppDocument.controller('DocController',
     ['$scope', '$rootScope', '$timeout', 'NgramListHttpService', 'DocumentHttpService',
     function ($scope, $rootScope, $timeout, NgramListHttpService, DocumentHttpService) {
+
+      // dataLoading = signal pour afficher wait
+      $scope.dataLoading = true ;
+
       $rootScope.documentResource = DocumentHttpService.get(
         {'docId': $rootScope.docId},
         function(data, responseHeaders) {
@@ -27,6 +30,7 @@
             function(data) {
               $rootScope.annotations = data[$rootScope.corpusId.toString()][$rootScope.docId.toString()];
               $rootScope.lists = data[$rootScope.corpusId.toString()].lists;
+              $scope.dataLoading = false ;
             },
             function(data) {
               console.error("unable to get the list of ngrams");
@@ -34,6 +38,7 @@
           );
 
       });
+
       // TODO setup article pagination
       $scope.onPreviousClick = function () {
         DocumentHttpService.get($scope.docId - 1);

annotations/templates/annotations/main.html

@@ -86,6 +86,16 @@
                 <li class="list-group-item small"><span class="badge">date</span>{[{publication_date}]}</li>
               </ul>
             </div>
+
+            <div ng-if="dataLoading">
+                Loading text...
+                <br>
+                  <center>
+                    <img width="10%" src="{% static 'img/ajax-loader.gif'%}"></img>
+                  </center>
+                <br>
+            </div>
+
             <div ng-if="abstract_text != null">
                 <span class="badge">abstract</span>
             </div>