--- dao/DaoAdresseVedligehold/src/main/webapp/index.html	2016/01/24 21:48:55	2838
+++ dao/DaoAdresseVedligehold/src/main/webapp/index.html	2016/02/03 18:45:33	2903
@@ -19,7 +19,7 @@
 
 
 function loadTasks() {
-	$.get("TaskServlet", function(data) {
+	$.get("rest/tasks/list", function(data) {
 		//console.log(data);
 		
 		
@@ -42,12 +42,28 @@
 			
 			html += "<div class='panel " + pclass + "'>";
 			html += "<div class='panel-heading'><h4 class='panel-title'>" + entry.description + "</h4></div>";
+			html += "  <div class='panel-body'>";
 
 			html += entry.detail;
 			
-			html += "<br/><div style='font-size: 8px; margin: 7px;'>" + entry.state + "</div>";
+			if (entry.state == "STATE_ABORTED")
+				html += "<br><div style='color: red'>" + entry.errorMessage + "</div>";
+				
+			if (entry.state == "STATE_RUNNING") {
+				if (entry.percentCompleted >= 0) {
+					var percent = entry.percentCompleted.toFixed(2);
+					html += "<div class='progress'>";
+					html += "<div class='progress-bar' role='progressbar' aria-valuenow='" + percent + "' aria-valuemin='0' aria-valuemax='100' style='width:" + percent + "%'> " ;
+					html +=	 percent + "%";
+					html +=	" </div>";
+					html += "</div>";
+				}
+			}
+			
+			html += "<div style='font-size: 8px; '>" + entry.state + "</div>";
 			
-			html += "</div>";
+			html += "  </div>"; //panel-body
+			html += "</div>"; //panel
 			
 		});
 		if (html == "") {
@@ -100,6 +116,21 @@
 		$('#file').fileinput('upload');
 	});
 	
+	
+	$("#afstandBtn").click( function(){
+		var dist = $("#afstand_distributor").val();
+		if (dist == "") {
+			alert("Du skal vælge distributør");
+			return;
+		}
+		
+		
+		$.get("rest/commands/distancecalculation/" + dist, function() {
+			loadTasks(); //Force reload of tasks immediately
+		} );
+		
+	});
+	
 });
 
 </script>	
@@ -133,7 +164,7 @@
       <div class="col-sm-3" id="rightCol" >
       	<div class="panel panel-primary">
       		<div class="panel-heading">
-    			<h3 class="panel-title">Actions</h3>
+    			<h3 class="panel-title">Upload File</h3>
   			</div>
   			<div class="panel-body">
   			
@@ -142,11 +173,9 @@
 			  <select class="form-control" id="distributor" name="distributor">
 			  	<option></option>
 			    <option>BK</option>
-			  <!-- 
 			    <option>DAO</option>
 			    <option>FD</option>
 			    <option>NS</option>
-			  --> 
 			  </select>
   
     		<label for="writeback">Write-back:</label>
@@ -166,11 +195,37 @@
     				
     			
   			</div>
-      	</div>
-      </div>
-    </div>
+      	</div> <!--  upload panel -->
+      	
+      	  <div class="panel panel-primary">
+      		<div class="panel-heading">
+    			<h3 class="panel-title">Afstand anden rute</h3>
+  			</div>
+  			<div class="panel-body">
+  			
+  			
+  			  <label for="distributor">Distributør:</label>
+			  <select class="form-control" id="afstand_distributor" name="afstand_distributor">
+			  	<option></option>
+			    <option>BK</option>
+			    <option>DAO</option>
+			  </select>
+			  <br>
+			  
+			  <button class="btn btn-primary" id="afstandBtn">Beregn</button>
+  
+			  
+			</div>
+		</div><!-- Afstand-andenrute panel -->
+			
+      	
+      	
+      </div><!-- rightcol -->
+    </div> <!-- row -->
       
-  </div>
+  </div><!-- body -->
+  
+  
 </div>