--- dao/DaoAdresseVedligehold/src/main/webapp/index.html	2016/02/01 07:30:14	2895
+++ dao/DaoAdresseVedligehold/src/main/webapp/index.html	2016/02/05 11:01:48	2927
@@ -6,6 +6,15 @@
 	<link rel="stylesheet" href="webjars/bootstrap/3.3.5/css/bootstrap.min.css" />
 	
 	<link rel="stylesheet" href="webjars/bootstrap-fileinput/4.2.7/css/fileinput.min.css" />
+	
+	<style>
+	
+@media (min-width: 1300px) {
+	.container {
+	    width: 1300px; /*default 1170px*/
+	}
+}
+	</style>
 
 <!--  use webjars for dependencies -->
 	<script src="webjars/jquery/2.1.4/jquery.js"></script>
@@ -19,7 +28,7 @@
 
 
 function loadTasks() {
-	$.get("TaskServlet", function(data) {
+	$.get("rest/tasks/list", function(data) {
 		//console.log(data);
 		
 		
@@ -41,7 +50,13 @@
 			
 			
 			html += "<div class='panel " + pclass + "'>";
-			html += "<div class='panel-heading'><h4 class='panel-title'>" + entry.description + "</h4></div>";
+			html += "<div class='panel-heading'>";
+			if (entry.state == "STATE_DONE" || entry.state == "STATE_ABORTED") {
+				html += "<button type='button' class='close removetask' aria-label='Close' taskid='" + entry.id+ "'><span aria-hidden='true'>&times;</span></button>";
+			}
+			html += "<h4 class='panel-title'>" + entry.description + "</h4>";
+			html += "</div>";
+			html += "  <div class='panel-body'>";
 
 			html += entry.detail;
 			
@@ -59,9 +74,15 @@
 				}
 			}
 			
-			html += "<br/><div style='font-size: 8px; margin: 7px;'>" + entry.state + "</div>";
+			var viewlog = "";
+			if (entry.state == "STATE_RUNNING" || entry.state == "STATE_DONE" || entry.state == "STATE_ABORTED") {
+				viewlog = "<span style='float: right'><a href='#' class='viewlog' taskid='" + entry.id+ "'>Log</a></span>";
+			}
 			
-			html += "</div>";
+			html += "  <div style='font-size: 8px; '>" + entry.state + viewlog + "</div>";
+			
+			html += "  </div>"; //panel-body
+			html += "</div>"; //panel
 			
 		});
 		if (html == "") {
@@ -87,9 +108,22 @@
 
 $(document).ready( function() {
 	loadTasks(); 
-	setInterval(loadTasks, 2500);
+	setInterval(loadTasks, 5000);
 	
 	
+	$(document).on('click', '.viewlog', function(event) { // Bind future elements
+		var taskid = $(this).attr('taskid');
+		$("#logview").load('rest/tasks/log/' + taskid);
+		
+	});
+	
+	$(document).on('click', '.removetask', function(event) { // Bind future elements
+		var taskid = $(this).attr('taskid');
+		$.get('rest/tasks/remove/' + taskid, function() {
+			loadTasks();
+		});		
+	});
+	
 	$("#file").fileinput({
 		//'showUpload':false, 
 		'showRemove': false,		
@@ -121,9 +155,11 @@
 			alert("Du skal vælge distributør");
 			return;
 		}
+		var type = $("#afstand_type").val();
+		var url = "rest/commands/distancecalculation/" + dist + "/" + type;
 		
 		
-		$.get("rest/commands/distancecalculation/" + dist, function() {
+		$.get(url, function() {
 			loadTasks(); //Force reload of tasks immediately
 		} );
 		
@@ -141,7 +177,7 @@
     <h1>Dao Adresse Vedligehold</h1> 
   </div>
   <div id="body">
-    <div class="row">
+    <div class="row"> 
       <div class="col-sm-3" id="leftCol" >
       	<div class="panel panel-primary">
       		<div class="panel-heading">
@@ -155,8 +191,9 @@
       	</div>
       </div>
       
-      <div class="col-sm-6" id="center" >
-    	b
+      <div class="col-sm-6" id="center">
+      <pre id="logview">
+      </pre>
       </div>
       
       <div class="col-sm-3" id="rightCol" >
@@ -208,7 +245,15 @@
 			    <option>BK</option>
 			    <option>DAO</option>
 			  </select>
+
+			  
+			  <label for="type">Type:</label>
+			  <select class="form-control" id="afstand_type" name="afstand_type">
+			    <option>Incremental</option>
+			    <option>Full</option>			    
+			  </select>
 			  <br>
+
 			  
 			  <button class="btn btn-primary" id="afstandBtn">Beregn</button>