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;
                                
                                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("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	torben	2806
105			var extParamObj = {
106			brugerid: 'test',
107			postnr: xml.find("extpost").text(),
108			adresse: xml.find("extaddr").text()
109			} ;
110			var extParam = jQuery.param(extParamObj);
111			var extAddr = xml.find("extaddr").text() + ", " + xml.find("extpost").text();
112
113	torben	2751
114	torben	2806	logEvent("Udv. Adresse: <a href='?" + extParam + "'>" + extAddr + "</a>" );
115	torben	2397	logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
116	torben	2751	logEvent("Udv. Pos: " + extpos );
117			logEvent("Udv. rute: <a href='" + mapslink + "'>link</a>" );
118	torben	2291
119	torben	2397	}
120	torben	2635	logEvent("");
121	torben	2546
122			logEvent("Hverdag: " + xml.find("hverdag").text() );
123	torben	2547	logEvent("L�rdag: " + xml.find("loerdag").text() );
124	torben	2546	logEvent("S�ndag: " + xml.find("soendag").text() );
125	torben	2635	logEvent("");
126	torben	2639
127	torben	2785	logEvent("N�rmeste Husnr: " + xml.find("nearesthusnr").text() );
128			logEvent("Anvendt Husnr: " + xml.find("anvendthusnr").text() );
129			logEvent("N�rmeste Litra: " + xml.find("nearestlitra").text() );
130	torben	2784	logEvent("");
131
132
133	torben	2785
134
135	torben	2397	logEvent("Levenshtein: " + xml.find("levenshtein").text() );
136	torben	2639	logEvent("Levenshtein distance: " + xml.find("levenshteindistance").text() );
137	torben	2778
138			logEvent("Metaphone: " + xml.find("metaphone").text() );
139			logEvent("Metaphone vej: " + xml.find("metaphonevej").text() );
140
141	torben	2397	logEvent("OSM: " + xml.find("osm").text() );
142			logEvent("OSM vej: " + xml.find("osmvej").text() );
143			logEvent("Google: " + xml.find("google").text() );
144			logEvent("Google vej: " + xml.find("googlevej").text() );
145
146	torben	2274	});
147
148			});
149
150
151			$("#resetBtn").click( function() {
152			clearLog();
153			});
154
155	torben	2638	if (window.location.search.substring(1) != "") {
156			/*var varBrugerid = $("#brugerid").val();
157			var varPostnr = $("#postnr").val();
158			var varAdresse = $("#adresse").val();*/
159
160			var brugerid = getQueryVariable("brugerid");
161			$("#brugerid").val(brugerid);
162
163			var postnr = getQueryVariable("postnr");
164			$("#postnr").val(postnr);
165
166			var adresse = getQueryVariable("adresse");
167			$("#adresse").val(adresse);
168
169			$("#okBtn").click();
170			}
171
172	torben	2274	});
173
174
175			</script>
176
177			<style>
178			body {
179			margin: 20px;
180			}
181			#simplelog {
182			position: absolute;
183			top: 30px;
184			left: 500px;
185			}
186			</style>
187
188
189			</head>
190			<body>
191
192			<h2>DAO Addresse Service</h2>
193
194			<div id="simplelog"></div>
195
196			<table border="0">
197			<tr>
198			<td>Brugerid: </td>
199	torben	2276	<td><input type="text" name="brugerid" id="brugerid" value="test"></td>
200	torben	2274	</tr>
201			<tr>
202			<td>Postnr: </td>
203	torben	2376	<td><input type="text" name="postnr" id="postnr"></td>
204	torben	2274	</tr>
205			<tr>
206			<td>Adresse: </td>
207			<td><input type="text" name="adresse" id="adresse"></td>
208			</tr>
209			<tr>
210	torben	2785	<td>N�rmeste husnr: </td>
211			<td><input type="checkbox" name="naermestehusnr" id="naermestehusnr"></td>
212			</tr>
213			<tr>
214	torben	2274	<td> </td>
215			<td>
216			<button id="okBtn">Ok</button>
217			<button id="resetBtn">Reset</button>
218			</td>
219			</tr>
220
221			</table>
222
223
224
225
226
227			</body>
228	torben	2635	</html>