1 |
<!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 |
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 |
$(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 |
var uriParamObj = {
|
51 |
brugerid: varBrugerid,
|
52 |
postnr: varPostnr,
|
53 |
adresse: varAdresse
|
54 |
} ;
|
55 |
|
56 |
var uriParam = jQuery.param(uriParamObj);
|
57 |
|
58 |
logEvent("Postnr: " + varPostnr);
|
59 |
logEvent("Adresse: " + varAdresse);
|
60 |
logEvent("<a href='?" + uriParam + "'>Link til søgning</a>");
|
61 |
logEvent("");
|
62 |
|
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 |
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 |
|
84 |
logEvent("Split: " + xml.find("vej").text() + " / " + xml.find("husnr").text() + " / " + xml.find("litra").text() + " / " + xml.find("etage").text() + " / " + xml.find("lejlighed").text());
|
85 |
|
86 |
logEvent("Vasketvejnavn: " + xml.find("vasketvejnavn").text() );
|
87 |
|
88 |
logEvent("Gadeident: " + xml.find("gadeident").text() );
|
89 |
logEvent("Vejnavn: " + xml.find("vejnavn").text() );
|
90 |
logEvent("Position: " + xml.find("latitude").text() + "," + xml.find("longitude").text());
|
91 |
logEvent("Dækning: " + xml.find("daekning").text() );
|
92 |
logEvent("Distributør: " + xml.find("distributor").text() );
|
93 |
|
94 |
var afstand = xml.find("extafstand").text();
|
95 |
if (afstand != "") {
|
96 |
var extpos = xml.find("extpos").text();
|
97 |
var srcpos = xml.find("latitude").text() + "," + xml.find("longitude").text();
|
98 |
|
99 |
var mapslink = "https://www.google.dk/maps/dir/" + extpos + "/" + srcpos;
|
100 |
|
101 |
logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
|
102 |
logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
|
103 |
logEvent("Udv. Pos: " + extpos );
|
104 |
logEvent("Udv. rute: <a href='" + mapslink + "'>link</a>" );
|
105 |
|
106 |
}
|
107 |
logEvent("");
|
108 |
|
109 |
logEvent("Hverdag: " + xml.find("hverdag").text() );
|
110 |
logEvent("Lørdag: " + xml.find("loerdag").text() );
|
111 |
logEvent("Søndag: " + xml.find("soendag").text() );
|
112 |
logEvent("");
|
113 |
|
114 |
|
115 |
logEvent("Levenshtein: " + xml.find("levenshtein").text() );
|
116 |
logEvent("Levenshtein distance: " + xml.find("levenshteindistance").text() );
|
117 |
logEvent("OSM: " + xml.find("osm").text() );
|
118 |
logEvent("OSM vej: " + xml.find("osmvej").text() );
|
119 |
logEvent("Google: " + xml.find("google").text() );
|
120 |
logEvent("Google vej: " + xml.find("googlevej").text() );
|
121 |
|
122 |
});
|
123 |
|
124 |
});
|
125 |
|
126 |
|
127 |
$("#resetBtn").click( function() {
|
128 |
clearLog();
|
129 |
});
|
130 |
|
131 |
if (window.location.search.substring(1) != "") {
|
132 |
/*var varBrugerid = $("#brugerid").val();
|
133 |
var varPostnr = $("#postnr").val();
|
134 |
var varAdresse = $("#adresse").val();*/
|
135 |
|
136 |
var brugerid = getQueryVariable("brugerid");
|
137 |
$("#brugerid").val(brugerid);
|
138 |
|
139 |
var postnr = getQueryVariable("postnr");
|
140 |
$("#postnr").val(postnr);
|
141 |
|
142 |
var adresse = getQueryVariable("adresse");
|
143 |
$("#adresse").val(adresse);
|
144 |
|
145 |
$("#okBtn").click();
|
146 |
}
|
147 |
|
148 |
});
|
149 |
|
150 |
|
151 |
</script>
|
152 |
|
153 |
<style>
|
154 |
body {
|
155 |
margin: 20px;
|
156 |
}
|
157 |
#simplelog {
|
158 |
position: absolute;
|
159 |
top: 30px;
|
160 |
left: 500px;
|
161 |
}
|
162 |
</style>
|
163 |
|
164 |
|
165 |
</head>
|
166 |
<body>
|
167 |
|
168 |
<h2>DAO Addresse Service</h2>
|
169 |
|
170 |
<div id="simplelog"></div>
|
171 |
|
172 |
<table border="0">
|
173 |
<tr>
|
174 |
<td>Brugerid: </td>
|
175 |
<td><input type="text" name="brugerid" id="brugerid" value="test"></td>
|
176 |
</tr>
|
177 |
<tr>
|
178 |
<td>Postnr: </td>
|
179 |
<td><input type="text" name="postnr" id="postnr"></td>
|
180 |
</tr>
|
181 |
<tr>
|
182 |
<td>Adresse: </td>
|
183 |
<td><input type="text" name="adresse" id="adresse"></td>
|
184 |
</tr>
|
185 |
<tr>
|
186 |
<td> </td>
|
187 |
<td>
|
188 |
<button id="okBtn">Ok</button>
|
189 |
<button id="resetBtn">Reset</button>
|
190 |
</td>
|
191 |
</tr>
|
192 |
|
193 |
</table>
|
194 |
|
195 |
|
196 |
|
197 |
|
198 |
|
199 |
</body>
|
200 |
</html>
|