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 varNaermestehusnr = $('#naermestehusnr').prop('checked') ? 1 : 0;
                
                var uriParamObj = {
                        brugerid: varBrugerid,
                        postnr: varPostnr,
                        adresse: varAdresse,
                        naermestehusnr: varNaermestehusnr
                } ;
                
                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,
                                naermestehusnr: varNaermestehusnr
                };
                
                $.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 != "") {
                                var extpos = xml.find("extpos").text();
                                var srcpos = xml.find("latitude").text() + "," + xml.find("longitude").text();
                                
                                var mapslink = "https://www.google.dk/maps/dir/" + extpos + "/" + srcpos;

                                logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
                                logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
                                logEvent("Udv. Pos: " + extpos );
                                logEvent("Udv. rute: <a href='" + mapslink + "'>link</a>" );
                                        
                        }
                        logEvent("");
                        
                        logEvent("Hverdag: " + xml.find("hverdag").text() );
                        logEvent("L�rdag: " + xml.find("loerdag").text() );
                        logEvent("S�ndag: " + xml.find("soendag").text() );
                        logEvent("");
                        
                        logEvent("N�rmeste Husnr: " + xml.find("nearesthusnr").text() );
                        logEvent("Anvendt Husnr: " + xml.find("anvendthusnr").text() );                 
                        logEvent("N�rmeste Litra: " + xml.find("nearestlitra").text() );                        
                        logEvent("");
                        
                        
                        logEvent("Levenshtein: " + xml.find("levenshtein").text() );
                        logEvent("Levenshtein distance: " + xml.find("levenshteindistance").text() );
                        
                        logEvent("Metaphone: " + xml.find("metaphone").text() );
                        logEvent("Metaphone vej: " + xml.find("metaphonevej").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>N�rmeste husnr: </td>
        <td><input type="checkbox" name="naermestehusnr" id="naermestehusnr"></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	2785	var varNaermestehusnr = $('#naermestehusnr').prop('checked') ? 1 : 0;
51
52	torben	2638	var uriParamObj = {
53			brugerid: varBrugerid,
54			postnr: varPostnr,
55	torben	2785	adresse: varAdresse,
56			naermestehusnr: varNaermestehusnr
57	torben	2638	} ;
58
59			var uriParam = jQuery.param(uriParamObj);
60
61	torben	2274	logEvent("Postnr: " + varPostnr);
62	torben	2638	logEvent("Adresse: " + varAdresse);
63			logEvent("<a href='?" + uriParam + "'>Link til s�gning</a>");
64	torben	2276	logEvent("");
65	torben	2274
66			var obj = {
67			brugerid: varBrugerid,
68			postnr: varPostnr,
69	torben	2785	adresse: varAdresse,
70			naermestehusnr: varNaermestehusnr
71	torben	2274	};
72
73			$.get("search", obj, function(data) {
74			var xml = $(data);
75
76			var status = xml.find("status").text();
77			logEvent("Status: " + status);
78	torben	2397	logEvent("Error: " + xml.find("error").text() );
79			logEvent("");
80
81			logEvent("Distrikt: " + xml.find("distrikt").text() );
82			logEvent("K�reliste: " + xml.find("koreliste").text() );
83			logEvent("Kommunekode: " + xml.find("kommunekode").text() );
84			logEvent("Vejkode: " + xml.find("vejkode").text() );
85			logEvent("Bane: " + xml.find("dbkbane").text() );
86			logEvent("");
87	torben	2274
88	torben	2445	logEvent("Split: " + xml.find("vej").text() + " / " + xml.find("husnr").text() + " / " + xml.find("litra").text() + " / " + xml.find("etage").text() + " / " + xml.find("lejlighed").text());
89	torben	2550
90			logEvent("Vasketvejnavn: " + xml.find("vasketvejnavn").text() );
91
92	torben	2397	logEvent("Gadeident: " + xml.find("gadeident").text() );
93			logEvent("Vejnavn: " + xml.find("vejnavn").text() );
94	torben	2442	logEvent("Position: " + xml.find("latitude").text() + "," + xml.find("longitude").text());
95	torben	2397	logEvent("D�kning: " + xml.find("daekning").text() );
96			logEvent("Distribut�r: " + xml.find("distributor").text() );
97	torben	2274
98	torben	2397	var afstand = xml.find("extafstand").text();
99			if (afstand != "") {
100	torben	2751	var extpos = xml.find("extpos").text();
101	torben	2752	var srcpos = xml.find("latitude").text() + "," + xml.find("longitude").text();
102	torben	2751
103			var mapslink = "https://www.google.dk/maps/dir/" + extpos + "/" + srcpos;
104
105	torben	2397	logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
106			logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
107	torben	2751	logEvent("Udv. Pos: " + extpos );
108			logEvent("Udv. rute: <a href='" + mapslink + "'>link</a>" );
109	torben	2291
110	torben	2397	}
111	torben	2635	logEvent("");
112	torben	2546
113			logEvent("Hverdag: " + xml.find("hverdag").text() );
114	torben	2547	logEvent("L�rdag: " + xml.find("loerdag").text() );
115	torben	2546	logEvent("S�ndag: " + xml.find("soendag").text() );
116	torben	2635	logEvent("");
117	torben	2639
118	torben	2785	logEvent("N�rmeste Husnr: " + xml.find("nearesthusnr").text() );
119			logEvent("Anvendt Husnr: " + xml.find("anvendthusnr").text() );
120			logEvent("N�rmeste Litra: " + xml.find("nearestlitra").text() );
121	torben	2784	logEvent("");
122
123
124	torben	2785
125
126	torben	2397	logEvent("Levenshtein: " + xml.find("levenshtein").text() );
127	torben	2639	logEvent("Levenshtein distance: " + xml.find("levenshteindistance").text() );
128	torben	2778
129			logEvent("Metaphone: " + xml.find("metaphone").text() );
130			logEvent("Metaphone vej: " + xml.find("metaphonevej").text() );
131
132	torben	2397	logEvent("OSM: " + xml.find("osm").text() );
133			logEvent("OSM vej: " + xml.find("osmvej").text() );
134			logEvent("Google: " + xml.find("google").text() );
135			logEvent("Google vej: " + xml.find("googlevej").text() );
136
137	torben	2274	});
138
139			});
140
141
142			$("#resetBtn").click( function() {
143			clearLog();
144			});
145
146	torben	2638	if (window.location.search.substring(1) != "") {
147			/*var varBrugerid = $("#brugerid").val();
148			var varPostnr = $("#postnr").val();
149			var varAdresse = $("#adresse").val();*/
150
151			var brugerid = getQueryVariable("brugerid");
152			$("#brugerid").val(brugerid);
153
154			var postnr = getQueryVariable("postnr");
155			$("#postnr").val(postnr);
156
157			var adresse = getQueryVariable("adresse");
158			$("#adresse").val(adresse);
159
160			$("#okBtn").click();
161			}
162
163	torben	2274	});
164
165
166			</script>
167
168			<style>
169			body {
170			margin: 20px;
171			}
172			#simplelog {
173			position: absolute;
174			top: 30px;
175			left: 500px;
176			}
177			</style>
178
179
180			</head>
181			<body>
182
183			<h2>DAO Addresse Service</h2>
184
185			<div id="simplelog"></div>
186
187			<table border="0">
188			<tr>
189			<td>Brugerid: </td>
190	torben	2276	<td><input type="text" name="brugerid" id="brugerid" value="test"></td>
191	torben	2274	</tr>
192			<tr>
193			<td>Postnr: </td>
194	torben	2376	<td><input type="text" name="postnr" id="postnr"></td>
195	torben	2274	</tr>
196			<tr>
197			<td>Adresse: </td>
198			<td><input type="text" name="adresse" id="adresse"></td>
199			</tr>
200			<tr>
201	torben	2785	<td>N�rmeste husnr: </td>
202			<td><input type="checkbox" name="naermestehusnr" id="naermestehusnr"></td>
203			</tr>
204			<tr>
205	torben	2274	<td> </td>
206			<td>
207			<button id="okBtn">Ok</button>
208			<button id="resetBtn">Reset</button>
209			</td>
210			</tr>
211
212			</table>
213
214
215
216
217
218			</body>
219	torben	2635	</html>