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 resizeIframe(obj){
   {obj.style.height = 0;};
   {obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';}
}


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() {
        
        $('iframe').load(function() { //dynamically resize all iframes on load
                resizeIframe( this );
        });
        
        $("#reloadData").click(function() {
                $.get("admin?reload=1&trigger=Manual");
                
                $(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, 5000 );
        
});


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