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 != "") {
                                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("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>&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	torben	2751	var extpos = xml.find("extpos").text();
97	torben	2752	var srcpos = xml.find("latitude").text() + "," + xml.find("longitude").text();
98	torben	2751
99			var mapslink = "https://www.google.dk/maps/dir/" + extpos + "/" + srcpos;
100
101	torben	2397	logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
102			logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
103	torben	2751	logEvent("Udv. Pos: " + extpos );
104			logEvent("Udv. rute: <a href='" + mapslink + "'>link</a>" );
105	torben	2291
106	torben	2397	}
107	torben	2635	logEvent("");
108	torben	2546
109			logEvent("Hverdag: " + xml.find("hverdag").text() );
110	torben	2547	logEvent("L�rdag: " + xml.find("loerdag").text() );
111	torben	2546	logEvent("S�ndag: " + xml.find("soendag").text() );
112	torben	2635	logEvent("");
113	torben	2639
114
115	torben	2397	logEvent("Levenshtein: " + xml.find("levenshtein").text() );
116	torben	2639	logEvent("Levenshtein distance: " + xml.find("levenshteindistance").text() );
117	torben	2778
118			logEvent("Metaphone: " + xml.find("metaphone").text() );
119			logEvent("Metaphone vej: " + xml.find("metaphonevej").text() );
120
121	torben	2397	logEvent("OSM: " + xml.find("osm").text() );
122			logEvent("OSM vej: " + xml.find("osmvej").text() );
123			logEvent("Google: " + xml.find("google").text() );
124			logEvent("Google vej: " + xml.find("googlevej").text() );
125
126	torben	2274	});
127
128			});
129
130
131			$("#resetBtn").click( function() {
132			clearLog();
133			});
134
135	torben	2638	if (window.location.search.substring(1) != "") {
136			/*var varBrugerid = $("#brugerid").val();
137			var varPostnr = $("#postnr").val();
138			var varAdresse = $("#adresse").val();*/
139
140			var brugerid = getQueryVariable("brugerid");
141			$("#brugerid").val(brugerid);
142
143			var postnr = getQueryVariable("postnr");
144			$("#postnr").val(postnr);
145
146			var adresse = getQueryVariable("adresse");
147			$("#adresse").val(adresse);
148
149			$("#okBtn").click();
150			}
151
152	torben	2274	});
153
154
155			</script>
156
157			<style>
158			body {
159			margin: 20px;
160			}
161			#simplelog {
162			position: absolute;
163			top: 30px;
164			left: 500px;
165			}
166			</style>
167
168
169			</head>
170			<body>
171
172			<h2>DAO Addresse Service</h2>
173
174			<div id="simplelog"></div>
175
176			<table border="0">
177			<tr>
178			<td>Brugerid: </td>
179	torben	2276	<td><input type="text" name="brugerid" id="brugerid" value="test"></td>
180	torben	2274	</tr>
181			<tr>
182			<td>Postnr: </td>
183	torben	2376	<td><input type="text" name="postnr" id="postnr"></td>
184	torben	2274	</tr>
185			<tr>
186			<td>Adresse: </td>
187			<td><input type="text" name="adresse" id="adresse"></td>
188			</tr>
189			<tr>
190			<td> </td>
191			<td>
192			<button id="okBtn">Ok</button>
193			<button id="resetBtn">Reset</button>
194			</td>
195			</tr>
196
197			</table>
198
199
200
201
202
203			</body>
204	torben	2635	</html>