main/webapp/admin.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<%@ page import="dk.daoas.daoadresseservice.*" %>
<%@ page import="dk.daoas.daoadresseservice.beans.*" %>


<t:genericpage>

    <jsp:body>
    
<script>

function refreshLoaderStatus() {
        $.get("admin?isrunning=1", function(data) {
                if (data == "true") {
                        $("#reloadData").text("Running")
                                .removeClass("btn-success")
                                .addClass("btn-danger")
                                .attr("disabled","disabled");                   
                } else {
                        $("#reloadData").text("Not running")
                        .removeClass("btn-danger")
                        .addClass("btn-success")
                        .removeAttr("disabled");                        
                }
        });
}

$(document).ready( function() {
        $("#reloadData").click(function() {
                $.get("admin?reload=1");
                
                $(this).text("Running")
                        .removeClass("btn-success")
                        .addClass("btn-danger")
                        .attr("disabled","disabled");
        });
        
        $("#dbConnectionProbe").click(function() {
                $("#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 );
        
});


</script>
    
    
  <div class="row">
    <div class="col-sm-4">
        <h3>Dækning</h3>
    
    <c:choose>
            <c:when test="${hasSearch}">
                        <table>
                                <tr>
                                        <td>Direkte: </td>
                                        <td align="right"><c:out value="${stats.direkteCount}"></c:out></td>
                                </tr>
                                <tr>
                                        <td>Udvidet: </td>
                                        <td align="right"><c:out value="${stats.extendedCount}"></c:out></td>
                                </tr>
                                <tr>
                                        <td>100%: </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>
                                        <td align="right">
                                                <a href='CsvUdtraek?type=ikkedaekket' target='_blank'><c:out value="${stats.ikkeDaekketCount}"></c:out></a>
                                        </td>
                                </tr>
                                <tr>
                                        <td>Total: </td>
                                        <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>
                Data ikke læst endnu
            </c:otherwise>                  
        </c:choose>
        
        <h3>Data</h3>
        
        <c:choose>
            <c:when test="${hasSearch}">
                        <table>
                                <tr>
                                        <td>Indlæst: </td>
                                        <td align="right"><c:out value="${stats.buildTime}"></c:out></td>
                                </tr>
                                <tr>
                                        <td>Forbrugt (ms): </td>
                                        <td align="right"><c:out value="${stats.elapsed}"></c:out></td>
                                </tr>
                        </table>
                
            </c:when>
            <c:otherwise>
                Data ikke læst endnu
            </c:otherwise>                  
        </c:choose>
        
        <h3>Dataloader</h3>
        <button type="button" class="btn" id="reloadData"> awaiting status</button>
        
        <h3>DB Connection</h3>
        <button type="button" class="btn" id="dbConnectionProbe">Test Connection</button><br>
        <span id="dbProbeContent"></span>
        
        <h3>Pages</h3>
        <ul>
                <li><a href='CsvUdtraek'>CSV Udtr&aelig;k</a></li>
                <li><a href='inspectData.jsp'>Inspect Data</a></li>
        </ul>

        <h3>Software</h3>
        <table>
                                <tr>
                                        <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>
        
        
    </div>
    <!-- ------------------------------------------  -->
    
    <div class="col-sm-8">
      <h3>Runtime options</h3>
      <iframe src="ConfigServlet" width="100%" height="250" style="border-width: 0px;">
      </iframe>
      
      
      <iframe src="CircuitBreakerServlet" width="100%" height="450" style="border-width: 0px;">
      </iframe>

    </div>

  </div>


    </jsp:body>
</t:genericpage>
1	torben	2336	<%@page contentType="text/html" pageEncoding="UTF-8"%>
2	torben	2337
3			<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
4
5	torben	2336	<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
6
7	torben	2337	<%@ page import="dk.daoas.daoadresseservice.*" %>
8			<%@ page import="dk.daoas.daoadresseservice.beans.*" %>
9
10
11	torben	2336	<t:genericpage>
12	torben	2337
13	torben	2336	<jsp:body>
14	torben	2337
15			<script>
16
17			function refreshLoaderStatus() {
18			$.get("admin?isrunning=1", function(data) {
19			if (data == "true") {
20			$("#reloadData").text("Running")
21			.removeClass("btn-success")
22			.addClass("btn-danger")
23			.attr("disabled","disabled");
24			} else {
25			$("#reloadData").text("Not running")
26			.removeClass("btn-danger")
27			.addClass("btn-success")
28			.removeAttr("disabled");
29			}
30			});
31			}
32
33			$(document).ready( function() {
34			$("#reloadData").click(function() {
35			$.get("admin?reload=1");
36
37			$(this).text("Running")
38			.removeClass("btn-success")
39			.addClass("btn-danger")
40			.attr("disabled","disabled");
41			});
42	torben	2377
43			$("#dbConnectionProbe").click(function() {
44			$("#dbProbeContent").load("DbConnectionProbe");
45			});
46
47	torben	2636	var options = {
48			//Boolean - Whether we should show a stroke on each segment
49			segmentShowStroke : true,
50
51			//String - The colour of each segment stroke
52			segmentStrokeColor : "#fff",
53
54			//Number - The width of each segment stroke
55			segmentStrokeWidth : 2,
56
57			//Number - The percentage of the chart that we cut out of the middle
58			percentageInnerCutout : 50, // This is 0 for Pie charts
59
60			//Number - Amount of animation steps
61			animationSteps : 10,
62
63			//String - Animation easing effect
64			animationEasing : "easeOutBounce",
65
66			//Boolean - Whether we animate the rotation of the Doughnut
67			animateRotate : true,
68
69			//Boolean - Whether we animate scaling the Doughnut from the centre
70			animateScale : false,
71
72			};
73	torben	2377
74
75	torben	2636	if ( "<c:out value="${stats.direkteCount}"></c:out>" != "") {
76			var data = [
77			{
78			value: <c:out value="${stats.direkteCount}"></c:out>,
79			color: "#46BFBD", //grøn
80			highlight: "#5AD3D1",
81
82			label: "Direkte"
83			},
84			{
85			value: <c:out value="${stats.extendedCount}"></c:out>,
86			color: "#FDB45C", //gul
87			highlight: "#FFC870",
88			label: "Udvidet"
89			},
90			{
91			value: <c:out value="${stats.hundredePctCount}"></c:out>,
92			color: "#949FB1", //grey
93			highlight: "#A8B3C5",
94			label: "100%"
95			}
96			,
97			{
98			value: <c:out value="${stats.ikkeDaekketCount}"></c:out>,
99			color:"#F7464A", //rød
100			highlight: "#FF5A5E",
101			label: "Ikke dækket"
102			}
103			]
104
105			// Get context with jQuery - using jQuery's .get() method.
106			var ctx = $("#myChart").get(0).getContext("2d");
107			// This will get the first returned node in the jQuery collection.
108			var myNewChart = new Chart(ctx).Pie(data,options);
109
110			}
111	torben	2377
112
113	torben	2636
114
115	torben	2337	refreshLoaderStatus();
116			setInterval(refreshLoaderStatus, 3000 );
117
118			});
119
120
121
122			</script>
123
124
125			<div class="row">
126			<div class="col-sm-4">
127			<h3>Dækning</h3>
128
129			<c:choose>
130			<c:when test="${hasSearch}">
131			<table>
132			<tr>
133			<td>Direkte: </td>
134			<td align="right"><c:out value="${stats.direkteCount}"></c:out></td>
135			</tr>
136			<tr>
137			<td>Udvidet: </td>
138			<td align="right"><c:out value="${stats.extendedCount}"></c:out></td>
139			</tr>
140			<tr>
141			<td>100%: </td>
142	torben	2638	<td align="right">
143			<a href='CsvUdtraek?type=100pct' target='_blank'><c:out value="${stats.hundredePctCount}"></c:out></a>
144			</td>
145	torben	2337	</tr>
146			<tr>
147			<td>Ikke dækket: </td>
148	torben	2555	<td align="right">
149			<a href='CsvUdtraek?type=ikkedaekket' target='_blank'><c:out value="${stats.ikkeDaekketCount}"></c:out></a>
150	torben	2340	</td>
151	torben	2337	</tr>
152	torben	2598	<tr>
153			<td>Total: </td>
154			<td align="right"><c:out value="${stats.totalCount}"></c:out></td>
155			</tr>
156	torben	2337	</table>
157	torben	2636
158			<canvas id="myChart" width="150" height="150"></canvas>
159	torben	2337
160			</c:when>
161			<c:otherwise>
162			Data ikke læst endnu
163	torben	2338	</c:otherwise>
164	torben	2337	</c:choose>
165
166	torben	2338	<h3>Data</h3>
167
168			<c:choose>
169			<c:when test="${hasSearch}">
170			<table>
171			<tr>
172			<td>Indlæst: </td>
173			<td align="right"><c:out value="${stats.buildTime}"></c:out></td>
174			</tr>
175			<tr>
176			<td>Forbrugt (ms): </td>
177			<td align="right"><c:out value="${stats.elapsed}"></c:out></td>
178			</tr>
179			</table>
180
181			</c:when>
182			<c:otherwise>
183			Data ikke læst endnu
184			</c:otherwise>
185			</c:choose>
186
187	torben	2337	<h3>Dataloader</h3>
188			<button type="button" class="btn" id="reloadData"> awaiting status</button>
189
190	torben	2356	<h3>DB Connection</h3>
191	torben	2377	<button type="button" class="btn" id="dbConnectionProbe">Test Connection</button><br>
192			<span id="dbProbeContent"></span>
193	torben	2337
194	torben	2482	<h3>Pages</h3>
195			<ul>
196			<li><a href='CsvUdtraek'>CSV Udtræk</a></li>
197	torben	2484	<li><a href='inspectData.jsp'>Inspect Data</a></li>
198	torben	2482	</ul>
199	torben	2604
200			<h3>Software</h3>
201			<table>
202			<tr>
203			<td>SVN version: </td>
204			<td align="right"><c:out value="${scmrevision}"></c:out></td>
205			</tr>
206	torben	2606	<tr>
207			<td>Build Time: </td>
208			<td align="right"><c:out value="${buildtime}"></c:out></td>
209			</tr>
210	torben	2604	</table>
211	torben	2356
212	torben	2377
213	torben	2482
214	torben	2604
215	torben	2337
216			</div>
217			<!-- ------------------------------------------ -->
218
219			<div class="col-sm-8">
220	torben	2346	<h3>Runtime options</h3>
221	torben	2637	<iframe src="ConfigServlet" width="100%" height="250" style="border-width: 0px;">
222	torben	2346	</iframe>
223	torben	2352
224
225	torben	2637	<iframe src="CircuitBreakerServlet" width="100%" height="450" style="border-width: 0px;">
226	torben	2352	</iframe>
227	torben	2346
228	torben	2337	</div>
229
230			</div>
231
232
233	torben	2336	</jsp:body>
234	torben	2604	</t:genericpage>