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 varOmdeling = $("#omdeling").val();
|
51 |
|
52 |
var varNaermestehusnr = $('#naermestehusnr').prop('checked') ? 1 : 0;
|
53 |
|
54 |
var uriParamObj = {
|
55 |
brugerid: varBrugerid,
|
56 |
postnr: varPostnr,
|
57 |
adresse: varAdresse,
|
58 |
omdeling: varOmdeling,
|
59 |
naermestehusnr: varNaermestehusnr
|
60 |
} ;
|
61 |
|
62 |
var uriParam = jQuery.param(uriParamObj);
|
63 |
|
64 |
logEvent("Postnr: " + varPostnr);
|
65 |
logEvent("Adresse: " + varAdresse);
|
66 |
logEvent("<a href='?" + uriParam + "'>Link til søgning</a>");
|
67 |
logEvent("");
|
68 |
|
69 |
|
70 |
|
71 |
$.get("search", uriParamObj, function(data) {
|
72 |
var xml = $(data);
|
73 |
|
74 |
var status = xml.find("status").text();
|
75 |
logEvent("Status: " + status);
|
76 |
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 |
|
86 |
logEvent("Split: " + xml.find("vej").text() + " / " + xml.find("husnr").text() + " / " + xml.find("litra").text() + " / " + xml.find("etage").text() + " / " + xml.find("lejlighed").text());
|
87 |
|
88 |
logEvent("Vasketvejnavn: " + xml.find("vasketvejnavn").text() );
|
89 |
|
90 |
logEvent("Gadeident: " + xml.find("gadeident").text() );
|
91 |
logEvent("Vejnavn: " + xml.find("vejnavn").text() );
|
92 |
logEvent("Position: " + xml.find("latitude").text() + "," + xml.find("longitude").text());
|
93 |
logEvent("Dækning: " + xml.find("daekning").text() );
|
94 |
logEvent("Distributør: " + xml.find("distributor").text() );
|
95 |
|
96 |
var afstand = xml.find("extafstand").text();
|
97 |
if (afstand != "") {
|
98 |
var extpos = xml.find("extpos").text();
|
99 |
var srcpos = xml.find("latitude").text() + "," + xml.find("longitude").text();
|
100 |
|
101 |
var mapslink = "https://www.google.dk/maps/dir/" + extpos + "/" + srcpos;
|
102 |
|
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 |
|
112 |
logEvent("Udv. Adresse: <a href='?" + extParam + "'>" + extAddr + "</a>" );
|
113 |
logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
|
114 |
logEvent("Udv. Pos: " + extpos );
|
115 |
logEvent("Udv. rute: <a href='" + mapslink + "'>link</a>" );
|
116 |
|
117 |
}
|
118 |
logEvent("");
|
119 |
|
120 |
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 |
logEvent("");
|
128 |
|
129 |
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 |
logEvent("");
|
133 |
|
134 |
|
135 |
|
136 |
|
137 |
logEvent("Levenshtein: " + xml.find("levenshtein").text() );
|
138 |
logEvent("Levenshtein distance: " + xml.find("levenshteindistance").text() );
|
139 |
|
140 |
logEvent("Metaphone: " + xml.find("metaphone").text() );
|
141 |
logEvent("Metaphone vej: " + xml.find("metaphonevej").text() );
|
142 |
|
143 |
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 |
});
|
149 |
|
150 |
});
|
151 |
|
152 |
|
153 |
$("#resetBtn").click( function() {
|
154 |
clearLog();
|
155 |
});
|
156 |
|
157 |
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 |
});
|
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 |
<td><input type="text" name="brugerid" id="brugerid" value="test"></td>
|
202 |
</tr>
|
203 |
<tr>
|
204 |
<td>Postnr: </td>
|
205 |
<td><input type="text" name="postnr" id="postnr"></td>
|
206 |
</tr>
|
207 |
<tr>
|
208 |
<td>Adresse: </td>
|
209 |
<td><input type="text" name="adresse" id="adresse"></td>
|
210 |
</tr>
|
211 |
|
212 |
<tr>
|
213 |
<td>Ugedag</td>
|
214 |
<td>
|
215 |
<select name="omdeling" id="omdeling">
|
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 |
<td>Nærmeste husnr: </td>
|
230 |
<td><input type="checkbox" name="naermestehusnr" id="naermestehusnr"></td>
|
231 |
</tr>
|
232 |
|
233 |
<tr>
|
234 |
<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 |
</html>
|