/[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 2778 - (show annotations) (download) (as text)
Fri Nov 20 16:31:01 2015 UTC (8 years, 5 months ago) by torben
File MIME type: text/html
File size: 5270 byte(s)
Implementer en (double)metaphone hjælper
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
118 logEvent("Metaphone: " + xml.find("metaphone").text() );
119 logEvent("Metaphone vej: " + xml.find("metaphonevej").text() );
120
121 logEvent("OSM: " + xml.find("osm").text() );
122 logEvent("OSM vej: " + xml.find("osmvej").text() );
123 logEvent("Google: " + xml.find("google").text() );
124 logEvent("Google vej: " + xml.find("googlevej").text() );
125
126 });
127
128 });
129
130
131 $("#resetBtn").click( function() {
132 clearLog();
133 });
134
135 if (window.location.search.substring(1) != "") {
136 /*var varBrugerid = $("#brugerid").val();
137 var varPostnr = $("#postnr").val();
138 var varAdresse = $("#adresse").val();*/
139
140 var brugerid = getQueryVariable("brugerid");
141 $("#brugerid").val(brugerid);
142
143 var postnr = getQueryVariable("postnr");
144 $("#postnr").val(postnr);
145
146 var adresse = getQueryVariable("adresse");
147 $("#adresse").val(adresse);
148
149 $("#okBtn").click();
150 }
151
152 });
153
154
155 </script>
156
157 <style>
158 body {
159 margin: 20px;
160 }
161 #simplelog {
162 position: absolute;
163 top: 30px;
164 left: 500px;
165 }
166 </style>
167
168
169 </head>
170 <body>
171
172 <h2>DAO Addresse Service</h2>
173
174 <div id="simplelog"></div>
175
176 <table border="0">
177 <tr>
178 <td>Brugerid: </td>
179 <td><input type="text" name="brugerid" id="brugerid" value="test"></td>
180 </tr>
181 <tr>
182 <td>Postnr: </td>
183 <td><input type="text" name="postnr" id="postnr"></td>
184 </tr>
185 <tr>
186 <td>Adresse: </td>
187 <td><input type="text" name="adresse" id="adresse"></td>
188 </tr>
189 <tr>
190 <td>&nbsp;</td>
191 <td>
192 <button id="okBtn">Ok</button>
193 <button id="resetBtn">Reset</button>
194 </td>
195 </tr>
196
197 </table>
198
199
200
201
202
203 </body>
204 </html>

  ViewVC Help
Powered by ViewVC 1.1.20