main/webapp/index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>DAO Addresse Service</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<script>

var logObj;

function logEvent(t) {
        logObj.innerHTML += t;
        logObj.innerHTML += "<br>";
}

function clearLog() {

        logObj.innerHTML = "";
}


function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (decodeURIComponent(pair[0]) == variable) {

                var res = decodeURI(pair[1]);
                res = res.replace(/\+/g, ' ');
            return res;
        }
    }
    console.log('Query variable %s not found', variable);
}

$(document).ready( function() {
        logObj = document.getElementById("simplelog");
        
        $("#okBtn").click( function() {         
                clearLog();
                
                var varBrugerid = $("#brugerid").val();
                var varPostnr = $("#postnr").val();
                var varAdresse = $("#adresse").val();
                
                var uriParamObj = {
                        brugerid: varBrugerid,
                        postnr: varPostnr,
                        adresse: varAdresse
                } ;
                
                var uriParam = jQuery.param(uriParamObj);
                
                logEvent("Postnr: " + varPostnr);
                logEvent("Adresse: " + varAdresse);             
                logEvent("<a href='?" + uriParam + "'>Link til s�gning</a>");
                logEvent("");
                
                var obj = {
                                brugerid: varBrugerid,
                                postnr: varPostnr,
                                adresse: varAdresse
                };
                
                $.get("search", obj, function(data) {
                        var xml = $(data);
                        
                        var status = xml.find("status").text();
                        logEvent("Status: " + status);
                        logEvent("Error: " + xml.find("error").text() );
                        logEvent("");

                        logEvent("Distrikt: " + xml.find("distrikt").text() );
                        logEvent("K�reliste: " + xml.find("koreliste").text() );
                        logEvent("Kommunekode: " + xml.find("kommunekode").text() );
                        logEvent("Vejkode: " + xml.find("vejkode").text() );
                        logEvent("Bane: " + xml.find("dbkbane").text() );
                        logEvent("");
                        
                        logEvent("Split: " + xml.find("vej").text() + " / " + xml.find("husnr").text() + " / " + xml.find("litra").text() + " / " + xml.find("etage").text() + " / " + xml.find("lejlighed").text());
                        
                        logEvent("Vasketvejnavn: " + xml.find("vasketvejnavn").text() );
                        
                        logEvent("Gadeident: " + xml.find("gadeident").text() );
                        logEvent("Vejnavn: " + xml.find("vejnavn").text() );
                        logEvent("Position: " + xml.find("latitude").text() + "," + xml.find("longitude").text());
                        logEvent("D�kning: " + xml.find("daekning").text() );
                        logEvent("Distribut�r: " + xml.find("distributor").text() );
                                
                        var afstand = xml.find("extafstand").text();
                        if (afstand != "") {
                                logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
                                logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
                                        
                        }
                        logEvent("");
                        
                        logEvent("Hverdag: " + xml.find("hverdag").text() );
                        logEvent("L�rdag: " + xml.find("loerdag").text() );
                        logEvent("S�ndag: " + xml.find("soendag").text() );
                        logEvent("");
                                
                        logEvent("Levenshtein: " + xml.find("levenshtein").text() );
                        logEvent("OSM: " + xml.find("osm").text() );
                        logEvent("OSM vej: " + xml.find("osmvej").text() );
                        logEvent("Google: " + xml.find("google").text() );
                        logEvent("Google vej: " + xml.find("googlevej").text() );
                                                        
                });
                
        });
        
        
        $("#resetBtn").click( function() {
                clearLog();
        });
        
        if (window.location.search.substring(1) != "") {
                /*var varBrugerid = $("#brugerid").val();
                var varPostnr = $("#postnr").val();
                var varAdresse = $("#adresse").val();*/
                
                var brugerid = getQueryVariable("brugerid");
                $("#brugerid").val(brugerid);
                
                var postnr = getQueryVariable("postnr");
                $("#postnr").val(postnr);
                
                var adresse = getQueryVariable("adresse");
                $("#adresse").val(adresse);
                
                $("#okBtn").click();
        }
        
});


</script>

<style>
body {
        margin: 20px;
}
#simplelog {
        position: absolute;
        top: 30px;
        left: 500px;
}
</style>


</head>
<body>

<h2>DAO Addresse Service</h2>

<div id="simplelog"></div>

<table border="0">
<tr>
        <td>Brugerid: </td>
        <td><input type="text" name="brugerid" id="brugerid" value="test"></td>
</tr>
<tr>
        <td>Postnr: </td>
        <td><input type="text" name="postnr" id="postnr"></td>
</tr>
<tr>
        <td>Adresse: </td>
        <td><input type="text" name="adresse" id="adresse"></td>
</tr>
<tr>
        <td>&nbsp;</td>
        <td>
                <button id="okBtn">Ok</button>
                <button id="resetBtn">Reset</button>
        </td>
</tr>

</table>


</body>
</html>
1	torben	2274	<!DOCTYPE html>
2			<html>
3			<head>
4			<meta charset="ISO-8859-1">
5			<title>DAO Addresse Service</title>
6
7			<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
8			<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
9
10			<script>
11
12			var logObj;
13
14			function logEvent(t) {
15			logObj.innerHTML += t;
16			logObj.innerHTML += "<br>";
17			}
18
19			function clearLog() {
20
21			logObj.innerHTML = "";
22			}
23
24
25	torben	2638	function getQueryVariable(variable) {
26			var query = window.location.search.substring(1);
27			var vars = query.split('&');
28			for (var i = 0; i < vars.length; i++) {
29			var pair = vars[i].split('=');
30			if (decodeURIComponent(pair[0]) == variable) {
31
32			var res = decodeURI(pair[1]);
33			res = res.replace(/\+/g, ' ');
34			return res;
35			}
36			}
37			console.log('Query variable %s not found', variable);
38			}
39
40	torben	2274	$(document).ready( function() {
41			logObj = document.getElementById("simplelog");
42
43			$("#okBtn").click( function() {
44			clearLog();
45
46			var varBrugerid = $("#brugerid").val();
47			var varPostnr = $("#postnr").val();
48			var varAdresse = $("#adresse").val();
49
50	torben	2638	var uriParamObj = {
51			brugerid: varBrugerid,
52			postnr: varPostnr,
53			adresse: varAdresse
54			} ;
55
56			var uriParam = jQuery.param(uriParamObj);
57
58	torben	2274	logEvent("Postnr: " + varPostnr);
59	torben	2638	logEvent("Adresse: " + varAdresse);
60			logEvent("<a href='?" + uriParam + "'>Link til s�gning</a>");
61	torben	2276	logEvent("");
62	torben	2274
63			var obj = {
64			brugerid: varBrugerid,
65			postnr: varPostnr,
66			adresse: varAdresse
67			};
68
69			$.get("search", obj, function(data) {
70			var xml = $(data);
71
72			var status = xml.find("status").text();
73			logEvent("Status: " + status);
74	torben	2397	logEvent("Error: " + xml.find("error").text() );
75			logEvent("");
76
77			logEvent("Distrikt: " + xml.find("distrikt").text() );
78			logEvent("K�reliste: " + xml.find("koreliste").text() );
79			logEvent("Kommunekode: " + xml.find("kommunekode").text() );
80			logEvent("Vejkode: " + xml.find("vejkode").text() );
81			logEvent("Bane: " + xml.find("dbkbane").text() );
82			logEvent("");
83	torben	2274
84	torben	2445	logEvent("Split: " + xml.find("vej").text() + " / " + xml.find("husnr").text() + " / " + xml.find("litra").text() + " / " + xml.find("etage").text() + " / " + xml.find("lejlighed").text());
85	torben	2550
86			logEvent("Vasketvejnavn: " + xml.find("vasketvejnavn").text() );
87
88	torben	2397	logEvent("Gadeident: " + xml.find("gadeident").text() );
89			logEvent("Vejnavn: " + xml.find("vejnavn").text() );
90	torben	2442	logEvent("Position: " + xml.find("latitude").text() + "," + xml.find("longitude").text());
91	torben	2397	logEvent("D�kning: " + xml.find("daekning").text() );
92			logEvent("Distribut�r: " + xml.find("distributor").text() );
93	torben	2274
94	torben	2397	var afstand = xml.find("extafstand").text();
95			if (afstand != "") {
96			logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
97			logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
98	torben	2291
99	torben	2397	}
100	torben	2635	logEvent("");
101	torben	2546
102			logEvent("Hverdag: " + xml.find("hverdag").text() );
103	torben	2547	logEvent("L�rdag: " + xml.find("loerdag").text() );
104	torben	2546	logEvent("S�ndag: " + xml.find("soendag").text() );
105	torben	2635	logEvent("");
106	torben	2389
107	torben	2397	logEvent("Levenshtein: " + xml.find("levenshtein").text() );
108			logEvent("OSM: " + xml.find("osm").text() );
109			logEvent("OSM vej: " + xml.find("osmvej").text() );
110			logEvent("Google: " + xml.find("google").text() );
111			logEvent("Google vej: " + xml.find("googlevej").text() );
112
113	torben	2274	});
114
115			});
116
117
118			$("#resetBtn").click( function() {
119			clearLog();
120			});
121
122	torben	2638	if (window.location.search.substring(1) != "") {
123			/*var varBrugerid = $("#brugerid").val();
124			var varPostnr = $("#postnr").val();
125			var varAdresse = $("#adresse").val();*/
126
127			var brugerid = getQueryVariable("brugerid");
128			$("#brugerid").val(brugerid);
129
130			var postnr = getQueryVariable("postnr");
131			$("#postnr").val(postnr);
132
133			var adresse = getQueryVariable("adresse");
134			$("#adresse").val(adresse);
135
136			$("#okBtn").click();
137			}
138
139	torben	2274	});
140
141
142			</script>
143
144			<style>
145			body {
146			margin: 20px;
147			}
148			#simplelog {
149			position: absolute;
150			top: 30px;
151			left: 500px;
152			}
153			</style>
154
155
156			</head>
157			<body>
158
159			<h2>DAO Addresse Service</h2>
160
161			<div id="simplelog"></div>
162
163			<table border="0">
164			<tr>
165			<td>Brugerid: </td>
166	torben	2276	<td><input type="text" name="brugerid" id="brugerid" value="test"></td>
167	torben	2274	</tr>
168			<tr>
169			<td>Postnr: </td>
170	torben	2376	<td><input type="text" name="postnr" id="postnr"></td>
171	torben	2274	</tr>
172			<tr>
173			<td>Adresse: </td>
174			<td><input type="text" name="adresse" id="adresse"></td>
175			</tr>
176			<tr>
177			<td> </td>
178			<td>
179			<button id="okBtn">Ok</button>
180			<button id="resetBtn">Reset</button>
181			</td>
182			</tr>
183
184			</table>
185
186
187
188
189
190			</body>
191	torben	2635	</html>