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"><c:out value="${stats.hundredePctCount}"></c:out></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	<%@page contentType="text/html" pageEncoding="UTF-8"%>
2
3	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
4
5	<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
6
7	<%@ page import="dk.daoas.daoadresseservice.*" %>
8	<%@ page import="dk.daoas.daoadresseservice.beans.*" %>
9
10
11	<t:genericpage>
12
13	<jsp:body>
14
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
43	$("#dbConnectionProbe").click(function() {
44	$("#dbProbeContent").load("DbConnectionProbe");
45	});
46
47	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
74
75	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
112
113
114
115	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	<td align="right"><c:out value="${stats.hundredePctCount}"></c:out></td>
143	</tr>
144	<tr>
145	<td>Ikke dækket: </td>
146	<td align="right">
147	<a href='CsvUdtraek?type=ikkedaekket' target='_blank'><c:out value="${stats.ikkeDaekketCount}"></c:out></a>
148	</td>
149	</tr>
150	<tr>
151	<td>Total: </td>
152	<td align="right"><c:out value="${stats.totalCount}"></c:out></td>
153	</tr>
154	</table>
155
156	<canvas id="myChart" width="150" height="150"></canvas>
157
158	</c:when>
159	<c:otherwise>
160	Data ikke læst endnu
161	</c:otherwise>
162	</c:choose>
163
164	<h3>Data</h3>
165
166	<c:choose>
167	<c:when test="${hasSearch}">
168	<table>
169	<tr>
170	<td>Indlæst: </td>
171	<td align="right"><c:out value="${stats.buildTime}"></c:out></td>
172	</tr>
173	<tr>
174	<td>Forbrugt (ms): </td>
175	<td align="right"><c:out value="${stats.elapsed}"></c:out></td>
176	</tr>
177	</table>
178
179	</c:when>
180	<c:otherwise>
181	Data ikke læst endnu
182	</c:otherwise>
183	</c:choose>
184
185	<h3>Dataloader</h3>
186	<button type="button" class="btn" id="reloadData"> awaiting status</button>
187
188	<h3>DB Connection</h3>
189	<button type="button" class="btn" id="dbConnectionProbe">Test Connection</button><br>
190	<span id="dbProbeContent"></span>
191
192	<h3>Pages</h3>
193	<ul>
194	<li><a href='CsvUdtraek'>CSV Udtræk</a></li>
195	<li><a href='inspectData.jsp'>Inspect Data</a></li>
196	</ul>
197
198	<h3>Software</h3>
199	<table>
200	<tr>
201	<td>SVN version: </td>
202	<td align="right"><c:out value="${scmrevision}"></c:out></td>
203	</tr>
204	<tr>
205	<td>Build Time: </td>
206	<td align="right"><c:out value="${buildtime}"></c:out></td>
207	</tr>
208	</table>
209
210
211
212
213
214	</div>
215	<!-- ------------------------------------------ -->
216
217	<div class="col-sm-8">
218	<h3>Runtime options</h3>
219	<iframe src="ConfigServlet" width="100%" height="250" style="border-width: 0px;">
220	</iframe>
221
222
223	<iframe src="CircuitBreakerServlet" width="100%" height="450" style="border-width: 0px;">
224	</iframe>
225
226	</div>
227
228	</div>
229
230
231	</jsp:body>
232	</t:genericpage>