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 varDaekning = $("#daekning").val();
                
                var varNaermestehusnr = $('#naermestehusnr').prop('checked') ? 1 : 0;
                
                var uriParamObj = {
                        brugerid: varBrugerid,
                        postnr: varPostnr,
                        adresse: varAdresse,
                        daekning: varDaekning,
                        naermestehusnr: varNaermestehusnr
                } ;
                
                var uriParam = jQuery.param(uriParamObj);
                
                logEvent("Postnr: " + varPostnr);
                logEvent("Adresse: " + varAdresse);             
                logEvent("<a href='?" + uriParam + "'>Link til s�gning</a>");
                logEvent("");
                

                $.get("search", uriParamObj, 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;
                                
                                var extParamObj = {
                                        brugerid: 'test',
                                        postnr:  xml.find("extpost").text(),
                                        adresse: xml.find("extaddr").text()
                                } ;
                                var extParam = jQuery.param(extParamObj);
                                var extAddr = xml.find("extaddr").text() + ", " + xml.find("extpost").text();
                                

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