--- dao/DaoAdresseVedligehold/src/main/webapp/index.html	2016/01/31 21:56:30	2890
+++ dao/DaoAdresseVedligehold/src/main/webapp/index.html	2016/02/03 22:30:22	2909
@@ -19,7 +19,7 @@
 
 
 function loadTasks() {
-	$.get("TaskServlet", function(data) {
+	$.get("rest/tasks/list", function(data) {
 		//console.log(data);
 		
 		
@@ -42,15 +42,33 @@
 			
 			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;
 			
 			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>";
+				}
+			}
+			
+			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 += "<br/><div style='font-size: 8px; margin: 7px;'>" + entry.state + "</div>";
+			html += "  <div style='font-size: 8px; '>" + entry.state + viewlog + "</div>";
 			
-			html += "</div>";
+			html += "  </div>"; //panel-body
+			html += "</div>"; //panel
 			
 		});
 		if (html == "") {
@@ -76,9 +94,15 @@
 
 $(document).ready( function() {
 	loadTasks(); 
-	setInterval(loadTasks, 2500);
+	//setInterval(loadTasks, 2500);
 	
 	
+	$(document).on('click', '.viewlog', function(event) { // Bind future elements
+		var taskid = $(this).attr('taskid');
+		$("#logview").load('rest/tasks/log/' + taskid);
+		
+	});
+	
 	$("#file").fileinput({
 		//'showUpload':false, 
 		'showRemove': false,		
@@ -112,7 +136,9 @@
 		}
 		
 		
-		$.get("rest/commands/distancecalculation/" + dist);
+		$.get("rest/commands/distancecalculation/" + dist, function() {
+			loadTasks(); //Force reload of tasks immediately
+		} );
 		
 	});
 	
@@ -142,8 +168,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" >