--- dao/DaoAdresseService/src/main/webapp/admin.jsp	2015/07/14 08:08:11	2604
+++ dao/DaoAdresseService/src/main/webapp/admin.jsp	2015/11/17 19:46:10	2774
@@ -32,7 +32,7 @@
 
 $(document).ready( function() {
 	$("#reloadData").click(function() {
-		$.get("admin?reload=1");
+		$.get("admin?reload=1&trigger=Manual");
 		
 		$(this).text("Running")
 			.removeClass("btn-success")
@@ -44,12 +44,76 @@
 		$("#dbProbeContent").load("DbConnectionProbe");		
 	});
 	
+	var options = {
+		    //Boolean - Whether we should show a stroke on each segment
+		    segmentShowStroke : true,
+
+		    //String - The colour of each segment stroke
+		    segmentStrokeColor : "#fff",
+
+		    //Number - The width of each segment stroke
+		    segmentStrokeWidth : 2,
+
+		    //Number - The percentage of the chart that we cut out of the middle
+		    percentageInnerCutout : 50, // This is 0 for Pie charts
+
+		    //Number - Amount of animation steps
+		    animationSteps : 10,
+
+		    //String - Animation easing effect
+		    animationEasing : "easeOutBounce",
+
+		    //Boolean - Whether we animate the rotation of the Doughnut
+		    animateRotate : true,
+
+		    //Boolean - Whether we animate scaling the Doughnut from the centre
+		    animateScale : false,
+
+		};
+	
+	
+	if ( "<c:out value="${stats.direkteCount}"></c:out>" != "") {	
+		var data = [
+		            {
+		                value: <c:out value="${stats.direkteCount}"></c:out>,
+		                color: "#46BFBD", //grøn
+		                highlight: "#5AD3D1",
+		                
+		                label: "Direkte"
+		            },
+		            {
+		                value: <c:out value="${stats.extendedCount}"></c:out>,
+		                color: "#FDB45C", //gul
+		                highlight: "#FFC870",
+		                label: "Udvidet"
+		            },
+		            {
+		                value: <c:out value="${stats.hundredePctCount}"></c:out>,
+		                color: "#949FB1", //grey
+		                highlight: "#A8B3C5",
+		                label: "100%"
+		            }
+		            ,
+		            {
+		                value: <c:out value="${stats.ikkeDaekketCount}"></c:out>,
+		                color:"#F7464A", //rød
+		                highlight: "#FF5A5E",
+		                label: "Ikke dækket"
+		            }
+		        ]
+		
+		// Get context with jQuery - using jQuery's .get() method.
+		var ctx = $("#myChart").get(0).getContext("2d");
+		// This will get the first returned node in the jQuery collection.
+		var myNewChart = new Chart(ctx).Pie(data,options);
+		
+	}
 	
 	
 	
 	
 	refreshLoaderStatus();
-	setInterval(refreshLoaderStatus, 3000 );
+	setInterval(refreshLoaderStatus, 5000 );
 	
 });
 
@@ -75,7 +139,9 @@
 	   			</tr>
 				<tr>
 	   				<td>100%: </td>
-	   				<td align="right"><c:out value="${stats.hundredePctCount}"></c:out></td>
+					<td align="right">
+	   					<a href='CsvUdtraek?type=100pct' target='_blank'><c:out value="${stats.hundredePctCount}"></c:out></a>
+	   				</td>
 	   			</tr>
 				<tr>
 	   				<td>Ikke dækket: </td>
@@ -88,6 +154,8 @@
 	   				<td align="right"><c:out value="${stats.totalCount}"></c:out></td>
 	   			</tr>
 	   		</table>
+	   		
+	   		<canvas id="myChart" width="150" height="150"></canvas>
    		
 	    </c:when>
 	    <c:otherwise>
@@ -135,6 +203,10 @@
 	   				<td>SVN version: </td>
 	   				<td align="right"><c:out value="${scmrevision}"></c:out></td>
 	   			</tr>
+				<tr>
+	   				<td>Build Time: </td>
+	   				<td align="right"><c:out value="${buildtime}"></c:out></td>
+	   			</tr>
 	</table>
 	
 	
@@ -146,11 +218,11 @@
     
     <div class="col-sm-8">
       <h3>Runtime options</h3>
-      <iframe src="ConfigServlet" width="100%" frameborder="0" height="250">
+      <iframe src="ConfigServlet" width="100%" height="250" style="border-width: 0px;">
       </iframe>
       
       
-      <iframe src="CircuitBreakerServlet" width="100%" frameborder="0" height="450">
+      <iframe src="CircuitBreakerServlet" width="100%" height="450" style="border-width: 0px;">
       </iframe>
 
     </div>