Merge branch 'develop' into Eole_Graph

Conflicts:
	client/index.html
	client/js/controllers/home/home.js
	client/partials/home/home.html

client/partials/home/home.html

@@ -1,11 +1,11 @@
- <div class="panel panel-default">
+<div class="panel panel-default">
     <div class="panel-heading">
         Home 
     </div>
     <div class="panel-body">
+
 		<div id="graphHolder"></div>
-		Pour charger les machines, recharger la page (temporaire)<br />
-		Selectionner une machine:
-		<div ng-repeat="machine in machines"> <a ng-click="raiseShowMachineDetailsEvent(machine.id)"> {{ machine.name  }}</a></div>
+			Selectionner une machine:
+			<div ng-repeat="machine in machines"> <a ng-click="raiseShowMachineDetailsEvent(machine.id)"> {{ machine.name  }}</a></div>
     </div>
 </div>

client/partials/image/image.html

@@ -1,10 +1,38 @@
- <div class="panel panel-default" ng-controller="imageCtrl">
+
+
+<div class="panel panel-default" ng-controller="imageCtrl">
     <div class="panel-heading">
-        Images disponibles
+        Image Manager
     </div>
     <div class="panel-body">
-        <div ng-repeat="image in images">
-			{{image.name}}
+
+		
+		<div  class="btn-group btn-group-md" role="group" aria-label="...">
+			<button type="button" class="btn btn-default" data-toggle="modal" data-target="#uploadImageModal"">Upload</button>
+					<button type="button" class="btn btn-default">Download</button>
 		</div>
+		<p></p>
+		<table class="table table-hover">
+			<thead>
+				<tr>
+					<th>Name</th>
+					<th>Size</th>
+					<th>Action</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr ng-repeat="image in images">
+						<td>{{ image.name }}</td>
+						<td>{{ (image.size /  1048576).toFixed(2) }} MB</td>
+						<td><button type="button" class="btn btn-danger">Remove</button></td>
+				</tr>
+			
+			</tbody>
+			  </table>
+
+
+
+		
+
     </div>
 </div>

client/partials/image/upload.html

@@ -0,0 +1,31 @@
+<div class="modal fade" id="uploadImageModal" ng-controller="uploadImageCtrl">
+    <div class="modal-dialog">
+        <div class="modal-content"></div>
+    </div>
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
+                 <h4 class="modal-title">Upload Image</h4>
+
+            </div>
+			
+            <div class="modal-body">
+
+                <form action="../server/index.php" method="post">
+                    <input type="hidden" name="task" value="image" />
+                    <input type="hidden" name="token" value="{{ token }}" />
+                    <input type="hidden" name="action" value="uploadImage" />
+                    <input type="hidden" name="id" value="2564" />
+                    <input name="file" type="file" />
+                    <input type="submit" value="Upload" />
+                </form>
+				
+				<div class="modal-footer"> 
+                <!--<a href="#" data-dismiss="modal" class="btn btn-default">Close</a>-->
+                
+                <a class="btn btn-lg btn-primary btn-block" id="loginButton" ng-click="doUpload()">Upload</a>
+            </div>
+        </div>
+    </div>
+</div>