/[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 2785 - (show annotations) (download) (as text)
Thu Nov 26 14:25:41 2015 UTC (8 years, 5 months ago) by torben
File MIME type: text/html
File size: 5785 byte(s)
Implementér anvend-nærmeste-husnr
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 logEvent("Udv. Adresse: " + xml.find("extaddr").text() );
106 logEvent("Udv. Afstand: " + Number( afstand ).toFixed(3) );
107 logEvent("Udv. Pos: " + extpos );
108 logEvent("Udv. rute: <a href='" + mapslink + "'>link</a>" );
109
110 }
111 logEvent("");
112
113 logEvent("Hverdag: " + xml.find("hverdag").text() );
114 logEvent("Lørdag: " + xml.find("loerdag").text() );
115 logEvent("Søndag: " + xml.find("soendag").text() );
116 logEvent("");
117
118 logEvent("Nærmeste Husnr: " + xml.find("nearesthusnr").text() );
119 logEvent("Anvendt Husnr: " + xml.find("anvendthusnr").text() );
120 logEvent("Nærmeste Litra: " + xml.find("nearestlitra").text() );
121 logEvent("");
122
123
124
125
126 logEvent("Levenshtein: " + xml.find("levenshtein").text() );
127 logEvent("Levenshtein distance: " + xml.find("levenshteindistance").text() );
128
129 logEvent("Metaphone: " + xml.find("metaphone").text() );
130 logEvent("Metaphone vej: " + xml.find("metaphonevej").text() );
131
132 logEvent("OSM: " + xml.find("osm").text() );
133 logEvent("OSM vej: " + xml.find("osmvej").text() );
134 logEvent("Google: " + xml.find("google").text() );
135 logEvent("Google vej: " + xml.find("googlevej").text() );
136
137 });
138
139 });
140
141
142 $("#resetBtn").click( function() {
143 clearLog();
144 });
145
146 if (window.location.search.substring(1) != "") {
147 /*var varBrugerid = $("#brugerid").val();
148 var varPostnr = $("#postnr").val();
149 var varAdresse = $("#adresse").val();*/
150
151 var brugerid = getQueryVariable("brugerid");
152 $("#brugerid").val(brugerid);
153
154 var postnr = getQueryVariable("postnr");
155 $("#postnr").val(postnr);
156
157 var adresse = getQueryVariable("adresse");
158 $("#adresse").val(adresse);
159
160 $("#okBtn").click();
161 }
162
163 });
164
165
166 </script>
167
168 <style>
169 body {
170 margin: 20px;
171 }
172 #simplelog {
173 position: absolute;
174 top: 30px;
175 left: 500px;
176 }
177 </style>
178
179
180 </head>
181 <body>
182
183 <h2>DAO Addresse Service</h2>
184
185 <div id="simplelog"></div>
186
187 <table border="0">
188 <tr>
189 <td>Brugerid: </td>
190 <td><input type="text" name="brugerid" id="brugerid" value="test"></td>
191 </tr>
192 <tr>
193 <td>Postnr: </td>
194 <td><input type="text" name="postnr" id="postnr"></td>
195 </tr>
196 <tr>
197 <td>Adresse: </td>
198 <td><input type="text" name="adresse" id="adresse"></td>
199 </tr>
200 <tr>
201 <td>Nærmeste husnr: </td>
202 <td><input type="checkbox" name="naermestehusnr" id="naermestehusnr"></td>
203 </tr>
204 <tr>
205 <td>&nbsp;</td>
206 <td>
207 <button id="okBtn">Ok</button>
208 <button id="resetBtn">Reset</button>
209 </td>
210 </tr>
211
212 </table>
213
214
215
216
217
218 </body>
219 </html>

  ViewVC Help
Powered by ViewVC 1.1.20