Show a spinner when SOGo restarts

data/web/inc/footer.inc.php

@@ -85,6 +85,7 @@ $(document).ready(function() {
 	// Trigger SOGo restart
 	$('#triggerRestartSogo').click(function(){
 		$(this).prop("disabled",true);
+		$(this).html('<span class="glyphicon glyphicon-refresh glyphicon-spin"></span> ');
 		$('#statusTriggerRestartSogo').text('Stopping SOGo workers, this may take a while... ');
 		$.ajax({
 			method: 'get',
@@ -105,6 +106,7 @@ $(document).ready(function() {
 					},
 					success: function(data) {
 						$('#statusTriggerRestartSogo').append(data);
+						$('#triggerRestartSogo').html('<span class="glyphicon glyphicon-ok"></span> ');
 					}
 				});
 			}

data/web/inc/header.inc.php

@@ -119,6 +119,30 @@ table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped t
     background-color: #fafafa;
 	border:1px solid white;
 }
+.glyphicon-spin {
+    -webkit-animation: spin 1000ms infinite linear;
+    animation: spin 1000ms infinite linear;
+}
+@-webkit-keyframes spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+@keyframes spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
 </style>
 <?php
 if (preg_match("/mailbox.php/i", $_SERVER['REQUEST_URI'])):