--- dao/DaoAdresseVedligehold/src/main/webapp/index.html	2016/02/03 22:32:05	2910
+++ 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>
@@ -41,7 +50,12 @@
 			
 			
 			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;
@@ -103,6 +117,13 @@
 		
 	});
 	
+	$(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,		
@@ -134,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
 		} );
 		
@@ -154,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">
@@ -222,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>