Loading icon (#1401)

refactor(frontend): Replace loading dots by animated icon

public/js/ravada.js

@@ -830,7 +830,6 @@
 
         };
         $scope.wait_request = function() {
-            $scope.dots += '.';
             if ($scope.id_request) {
                 $http.get('/request/'+$scope.id_request+'.json').then(function(response) {
                     $scope.request=response.data;
@@ -877,7 +876,6 @@
             }
         }
 
-        $scope.dots = '...';
         $scope.redirect_done = false;
         $scope.wait_request();
         $scope.view_clicked=false;

templates/main/run_request.html.ep

@@ -18,7 +18,7 @@
                 <%=l 'A viewer is required to run the virtual machines.' %>
                 <a href="/requirements"><%=l 'Read more.' %></a>
             </div>
-        <div ng-hide="request.status == 'done'">Waiting for machine to start {{dots}}</div>
+        <div ng-hide="request.status == 'done'">Waiting for machine to start <i class="fas fa-sync-alt fa-spin"></i></div>
         <div ng-show="domain">
             <div ng-show="domain.description ||(domain.is_active && domain.msg_timeout)">
                 <span ng-bind-html="domain.description"