Add spin icon

client/js/controllers/home/machineDetails.js

@@ -21,11 +21,11 @@ mainApp.controller('machineDetailsCtrl', [ '$scope', 'Compute', '$rootScope', '$
 		// Fake timeout
 		$timeout(function(){
 		$("#waitingForToggleMachine").hide();	
-		}, 1000);
+		}, 3000);
 		$timeout(function(){
 		$scope.machine.online=!$scope.machine.online;
 
-		}, 1000);
+		}, 3000);
 
 		
 	};

client/js/controllers/home/main.js

@@ -17,5 +17,6 @@ mainApp.controller('homeCtrl', [ '$scope', 'Compute', '$rootScope', function ($s
 		var machine={name: "Machine 1", online:true};
 		$rootScope.$broadcast("showMachineDetailsEvent", machine);		
 	}
-    
+
+
 }]);

client/partials/home/machineDetails.html

@@ -25,7 +25,7 @@
 
 							<button class="btn btn-danger" ng-if="machine.online" ng-click="toggleMachineState()">Turn Off</button>		 
 							<button class="btn btn-success" ng-if="!machine.online" ng-click="toggleMachineState()">Turn On</button>		 
-							&nbsp;<span class="glyphicon glyphicon-refresh" aria-hidden="true" id="waitingForToggleMachine"></span>
+							&nbsp;<img src="images/spin/32x32/Preloader_1.gif" id="waitingForToggleMachine"></span>
 
 							
 						</div>

client/partials/home/main.html

@@ -5,5 +5,7 @@
     <div class="panel-body">
         Main Content
 		<button ng-click="raiseShowMachineDetailsEvent()" > Show Machine details</button>
+		<div id="test">
+		</div>
     </div>
 </div>