AJAX route validator fixes

[ypp-sc-tools.db-test.git] / yarrg / web / pirate-route

diff --git a/yarrg/web/pirate-route b/yarrg/web/pirate-route
index a7d5eb25c2c210ba5c8d64f69929dfa23688bf80..612c577287615e9f7aa99a56e5f6dcdc196b477b 100644 (file)
--- a/yarrg/web/pirate-route
+++ b/yarrg/web/pirate-route
@@ -7,7 +7,7 @@ my @vars;
 @vars= ({      Name => 'Ocean',
                Before => 'Ocean: ',
                CmpCanon => sub { ucfirst lc $_[0] },
-               Values => [ qw(Midnight Ice) ]
+               Values => [ ocean_list() ]
        }, {    Name => 'Dropdowns',
                Before => 'Interface: ',
                CmpCanon => sub { !!$_[0] },
@@ -55,7 +55,7 @@ foreach my $var (@vars) {
                                        $qf{$n}= $value;
                                }
                        }
-                       my $uri= URI->new($self_url);
+                       my $uri= URI->new($m->current_comp()->name());
                        $uri->query_form(%qf);
                        print '<a href="', $uri->path_query(), '">';
                        $after= '</a>';
@@ -66,7 +66,10 @@ foreach my $var (@vars) {
        print '<p>';
 }
 
-db_setocean($a{'ocean'});
+die "unknown ocean $a{Ocean} ?"
+       unless grep { $_ eq $a{Ocean} } ocean_list();
+
+db_setocean($a{Ocean});
 db_connect();
 
 </%perl>
@@ -75,36 +78,128 @@ db_connect();
 <form action="/ucgi/~clareb/mason/something" method="get">
 
 % if (!$a{Dropdowns}) {
-Enter route (islands, or archipelagoes, separated by commas;
- abbreviations are OK):<br>
-<input type="text" name="routestring" size=80><br>
-<div name="results"></div></br>
+Enter route (islands, or archipelagoes, separated by |s or commas;
+ abbreviations are OK):<br/>
+
+<script type="text/javascript">
+tr_uri= "routetextstring?format=json&type=text/xml"
+               + "&ocean=<% uri_escape($a{Ocean}) %>";
+
+tr_timeout=false;
+tr_request=false;
+tr_done='';
+tr_needed='';
+function tr_Later(){
+  window.clearTimeout(tr_timeout);
+  tr_timeout = window.setTimeout(tr_Needed, 500);
+}
+function tr_Needed(){
+  window.clearTimeout(tr_timeout);
+  //tr_element= document.getElementsByName('routestring').item(0);
+  //alert(tr_element.name);
+  tr_needed= tr_element.value;
+  tr_Request();
+}
+function tr_Request(){
+  if (tr_request || tr_needed==tr_done) return;
+  tr_done= tr_needed;
+  tr_request= new XMLHttpRequest();
+  uri= tr_uri+'&string='+encodeURIComponent(tr_needed);
+  tr_request.open('GET', uri);
+  tr_request.onreadystatechange= tr_Ready;
+  tr_request.send(null);
+}
+function tr_Ready() {
+  if (tr_request.readyState != 4) return;
+  if (tr_request.status == 200) {
+    response= tr_request.responseText;
+    //alert('got [[ '+response+' ]]');
+    eval('results='+response);
+    toedit= document.getElementsByName('routeresults').item(0);
+    toedit.innerHTML= results['show'];
+  }
+  tr_request= false;
+  tr_Request();
+}
+</script>
+
+<input type="text" name="routestring" size=80
+ onchange="tr_element= event.currentTarget; tr_Needed();"
+ onkeyup="tr_element= event.currentTarget; tr_Later();"><br>
+<div name="routeresults">&nbsp;</div><br/>
+
 % } else {
 
 <%perl>
-my $sth=$dbh->prepare("SELECT islandid,islandname
+my $sth=$dbh->prepare("SELECT islandid,islandname,archipelago
                               FROM islands
                              ORDER BY islandname;");
 $sth->execute();
 my $row;
 my $islandlistdata='';
+my %archmap=();
 while ($row=$sth->fetchrow_arrayref) {
        $islandlistdata.=
                sprintf('<option value="%s">%s</option>',
-                       map { encode_entities($_) } @$row);
+                       map { encode_entities($_) } @$row[0..1]);
+       $archmap{$row->[0]}= $row->[2];
+}
+
+$sth=$dbh->prepare("SELECT DISTINCT archipelago FROM islands
+                          ORDER BY archipelago;");
+$sth->execute();
+my $archlistdata='';
+
+while ($row=$sth->fetchrow_arrayref) {
+       $archlistdata.=
+               sprintf('<option value="%s">%s</option>',
+                       map { encode_entities($_) } (@$row, @$row));
 }
 </%perl>
 
+<script type="text/javascript">
+sel_archmap= <% to_json(\%archmap) %>;
+function setarch(dd) {
+  var arch= document.getElementsByName('archipelago'+dd).item(0).value;
+  var select= document.getElementsByName('islandid'+dd).item(0);
+  var nodes= select.getElementsByTagName('option');
+  for (var i=0; i<nodes.length; i++) {
+    node= nodes.item(i);
+    value= node.getAttribute('value');
+    if (value == 'none') {
+      if (arch == 'none') {
+       node.innerHTML= 'Select island ...';
+      } else {
+       node.innerHTML= 'Whole arch';
+      }
+    } else {
+//      alert('node i='+i+' arch='+arch+' value='+value+'.');
+      node.setAttribute('disabled', !(arch=='none' || value==arch));
+    }
+  }
+}
+</script>
+
 <table>
+
+<tr>
+%      for my $dd (0..$a{Dropdowns}-1) {
+<td><select name="archipelago<% $dd %>" onchange="setarch(<% $dd %>)">
+<option name="none">Whole ocean</option>
+<% $archlistdata %></select></td>
+%      }
+</tr>
+
 <tr>
 %      for my $dd (0..$a{Dropdowns}-1) {
 <td><select name="islandid<% $dd %>">
 <option name="none">Select island...</option>
 <% $islandlistdata %></select></td>
 %      }
-% }
 </tr>
+
 </table>
+% }
 
 <input type=submit name=submit value="Go">
 </form>
@@ -112,5 +207,6 @@ while ($row=$sth->fetchrow_arrayref) {
 <%init>
 use CommodsWeb;
 use HTML::Entities;
+use URI::Escape;
 
 </%init>