/[projects]/dao/DaoAdresseService/src/main/webapp/index.html
ViewVC logotype

Contents of /dao/DaoAdresseService/src/main/webapp/index.html

Parent Directory Parent Directory | Revision Log Revision Log


Revision 2806 - (show annotations) (download) (as text)
Thu Jan 14 07:56:21 2016 UTC (8 years, 4 months ago) by torben
File MIME type: text/html
File size: 6089 byte(s)
Ved udvidet adresse tilføj link til target adressen
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>&nbsp;</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>

  ViewVC Help
Powered by ViewVC 1.1.20