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