Add spin icon

34 files changed, 7 insertions, 4 deletions

diff --git a/client/images/spin/128x128/Preloader_1.gif b/client/images/spin/128x128/Preloader_1.gif
new file mode 100644
index 0000000..dafe17e
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_1.gif
diff --git a/client/images/spin/128x128/Preloader_10.gif b/client/images/spin/128x128/Preloader_10.gif
new file mode 100644
index 0000000..cdfa680
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_10.gif
diff --git a/client/images/spin/128x128/Preloader_2.gif b/client/images/spin/128x128/Preloader_2.gif
new file mode 100644
index 0000000..3cb9003
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_2.gif
diff --git a/client/images/spin/128x128/Preloader_3.gif b/client/images/spin/128x128/Preloader_3.gif
new file mode 100644
index 0000000..7f7d415
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_3.gif
diff --git a/client/images/spin/128x128/Preloader_4.gif b/client/images/spin/128x128/Preloader_4.gif
new file mode 100644
index 0000000..78baff6
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_4.gif
diff --git a/client/images/spin/128x128/Preloader_5.gif b/client/images/spin/128x128/Preloader_5.gif
new file mode 100644
index 0000000..c9c1530
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_5.gif
diff --git a/client/images/spin/128x128/Preloader_6.gif b/client/images/spin/128x128/Preloader_6.gif
new file mode 100644
index 0000000..3203d7f
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_6.gif
diff --git a/client/images/spin/128x128/Preloader_7.gif b/client/images/spin/128x128/Preloader_7.gif
new file mode 100644
index 0000000..2eb19be
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_7.gif
diff --git a/client/images/spin/128x128/Preloader_8.gif b/client/images/spin/128x128/Preloader_8.gif
new file mode 100644
index 0000000..3ba8217
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_8.gif
diff --git a/client/images/spin/128x128/Preloader_9.gif b/client/images/spin/128x128/Preloader_9.gif
new file mode 100644
index 0000000..7018192
--- /dev/null
+++ b/client/images/spin/128x128/Preloader_9.gif
diff --git a/client/images/spin/32x32/Preloader_1.gif b/client/images/spin/32x32/Preloader_1.gif
new file mode 100644
index 0000000..b810330
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_1.gif
diff --git a/client/images/spin/32x32/Preloader_10.gif b/client/images/spin/32x32/Preloader_10.gif
new file mode 100644
index 0000000..f9c462f
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_10.gif
diff --git a/client/images/spin/32x32/Preloader_2.gif b/client/images/spin/32x32/Preloader_2.gif
new file mode 100644
index 0000000..f23998f
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_2.gif
diff --git a/client/images/spin/32x32/Preloader_3.gif b/client/images/spin/32x32/Preloader_3.gif
new file mode 100644
index 0000000..bb7c60d
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_3.gif
diff --git a/client/images/spin/32x32/Preloader_4.gif b/client/images/spin/32x32/Preloader_4.gif
new file mode 100644
index 0000000..117c756
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_4.gif
diff --git a/client/images/spin/32x32/Preloader_5.gif b/client/images/spin/32x32/Preloader_5.gif
new file mode 100644
index 0000000..7169708
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_5.gif
diff --git a/client/images/spin/32x32/Preloader_6.gif b/client/images/spin/32x32/Preloader_6.gif
new file mode 100644
index 0000000..9087ded
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_6.gif
diff --git a/client/images/spin/32x32/Preloader_7.gif b/client/images/spin/32x32/Preloader_7.gif
new file mode 100644
index 0000000..0b1e633
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_7.gif
diff --git a/client/images/spin/32x32/Preloader_8.gif b/client/images/spin/32x32/Preloader_8.gif
new file mode 100644
index 0000000..6816be3
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_8.gif
diff --git a/client/images/spin/32x32/Preloader_9.gif b/client/images/spin/32x32/Preloader_9.gif
new file mode 100644
index 0000000..e38dd5a
--- /dev/null
+++ b/client/images/spin/32x32/Preloader_9.gif
diff --git a/client/images/spin/64x64/Preloader_1.gif b/client/images/spin/64x64/Preloader_1.gif
new file mode 100644
index 0000000..2004c5f
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_1.gif
diff --git a/client/images/spin/64x64/Preloader_10.gif b/client/images/spin/64x64/Preloader_10.gif
new file mode 100644
index 0000000..944ec82
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_10.gif
diff --git a/client/images/spin/64x64/Preloader_2.gif b/client/images/spin/64x64/Preloader_2.gif
new file mode 100644
index 0000000..9821827
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_2.gif
diff --git a/client/images/spin/64x64/Preloader_3.gif b/client/images/spin/64x64/Preloader_3.gif
new file mode 100644
index 0000000..52b81ba
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_3.gif
diff --git a/client/images/spin/64x64/Preloader_4.gif b/client/images/spin/64x64/Preloader_4.gif
new file mode 100644
index 0000000..3408b5d
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_4.gif
diff --git a/client/images/spin/64x64/Preloader_5.gif b/client/images/spin/64x64/Preloader_5.gif
new file mode 100644
index 0000000..6f0585d
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_5.gif
diff --git a/client/images/spin/64x64/Preloader_6.gif b/client/images/spin/64x64/Preloader_6.gif
new file mode 100644
index 0000000..c577f24
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_6.gif
diff --git a/client/images/spin/64x64/Preloader_7.gif b/client/images/spin/64x64/Preloader_7.gif
new file mode 100644
index 0000000..5f6dd5e
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_7.gif
diff --git a/client/images/spin/64x64/Preloader_8.gif b/client/images/spin/64x64/Preloader_8.gif
new file mode 100644
index 0000000..b57e4d8
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_8.gif
diff --git a/client/images/spin/64x64/Preloader_9.gif b/client/images/spin/64x64/Preloader_9.gif
new file mode 100644
index 0000000..fc3ddb7
--- /dev/null
+++ b/client/images/spin/64x64/Preloader_9.gif
diff --git a/client/js/controllers/home/machineDetails.js b/client/js/controllers/home/machineDetails.js
index 3ee4625..f84a073 100644
--- a/client/js/controllers/home/machineDetails.js
+++ b/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);
 
 		
 	};
diff --git a/client/js/controllers/home/main.js b/client/js/controllers/home/main.js
index 6545c1a..d93c376 100644
--- a/client/js/controllers/home/main.js
+++ b/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);		
 	}
-    
+
+
 }]);
diff --git a/client/partials/home/machineDetails.html b/client/partials/home/machineDetails.html
index 2a79f52..1a4edde 100644
--- a/client/partials/home/machineDetails.html
+++ b/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>
diff --git a/client/partials/home/main.html b/client/partials/home/main.html
index e3611e5..37638d3 100644
--- a/client/partials/home/main.html
+++ b/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>