yarrg/web/pirate-route

   1 <html><head><title>Specify route</title></head><body>
   2
   3 <%perl>
   4 my %a;
   5 my @vars;
   6
   7 @vars= ({       Name => 'Ocean',
   8                 Before => 'Ocean: ',
   9                 CmpCanon => sub { ucfirst lc $_[0] },
  10                 Values => [ ocean_list() ]
  11         }, {    Name => 'Dropdowns',
  12                 Before => 'Interface: ',
  13                 CmpCanon => sub { !!$_[0] },
  14                 Values => [     [ 0, 'Type in names' ],
  15                                 [ 4, 'Select from menus' ] ]
  16         });
  17
  18 foreach my $var (@vars) {
  19         my $name= $var->{Name};
  20         $var->{Before}= '' unless exists $var->{Before};
  21         $var->{CmpCanon}= sub { $_[0]; } unless exists $var->{CmpCanon};
  22         foreach my $val (@{ $var->{Values} }) {
  23                 next if ref $val;
  24                 $val= [ $val, encode_entities($val) ];
  25         }
  26         if (exists $ARGS{lc $name}) {
  27                 $a{$name}= $ARGS{lc $name};
  28         } else {
  29                 $a{$name}= $var->{Values}[0][0];
  30         }
  31 }
  32
  33 foreach my $var (@vars) {
  34         my $name= $var->{Name};
  35         my $delim= $var->{Before};
  36         my $canon= &{$var->{CmpCanon}}($a{$name});
  37         my $cvalix= 0;
  38         foreach my $valr (@{ $var->{Values} }) {
  39                 print $delim;  $delim= "\n|\n";
  40                 my ($value,$html) = @$valr;
  41                 my $iscurrent= &{$var->{CmpCanon}}($value) eq $canon;
  42                 my $after;
  43                 if ($iscurrent) {
  44                         print '<b>';
  45                         $after= '</b>';
  46                 } else {
  47                         my %qf= ();
  48                         foreach my $innerr (@vars) {
  49                                 my $n= lc $innerr->{Name};
  50                                 if ($n ne lc $name) {
  51                                         next unless exists $ARGS{$n};
  52                                         $qf{$n}= $ARGS{$n};
  53                                 } else {
  54                                         next if !$cvalix;
  55                                         $qf{$n}= $value;
  56                                 }
  57                         }
  58                         my $uri= URI->new($m->current_comp()->name());
  59                         $uri->query_form(%qf);
  60                         print '<a href="', $uri->path_query(), '">';
  61                         $after= '</a>';
  62                 }
  63                 print $html, $after;
  64                 $cvalix++;
  65         }
  66         print '<p>';
  67 }
  68
  69 die "unknown ocean $a{Ocean} ?"
  70         unless grep { $_ eq $a{Ocean} } ocean_list();
  71
  72 db_setocean($a{Ocean});
  73 db_connect();
  74
  75 </%perl>
  76
  77 <h1>Specify route</h1>
  78 <form action="/ucgi/~clareb/mason/something" method="get">
  79
  80 % if (!$a{Dropdowns}) {
  81 Enter route (islands, or archipelagoes, separated by |s or commas;
  82  abbreviations are OK):<br/>
  83
  84 <script type="text/javascript">
  85 tr_uri= "routetextstring?format=json"
  86                 + "&ocean=<% uri_escape($a{Ocean}) %>";
  87
  88 tr_timeout=false;
  89 tr_request=false;
  90 tr_done='';
  91 tr_needed='';
  92 function tr_Later(){
  93   window.clearTimeout(tr_timeout);
  94   tr_timeout = window.setTimeout(tr_Needed, 500);
  95 }
  96 function tr_Needed(){
  97   window.clearTimeout(tr_timeout);
  98   //tr_element= document.getElementsByName('routestring').item(0);
  99   //alert(tr_element.name);
 100   tr_needed= tr_element.value;
 101   tr_Request();
 102 }
 103 function tr_Request(){
 104   if (tr_request || tr_needed==tr_done) return;
 105   tr_done= tr_needed;
 106   tr_request= new XMLHttpRequest();
 107   uri= tr_uri+'&string='+encodeURIComponent(tr_needed);
 108   tr_request.open('GET', uri);
 109   tr_request.onreadystatechange= tr_Ready;
 110   tr_request.send(null);
 111 }
 112 function tr_Ready() {
 113   if (tr_request.readyState != 4) return;
 114   if (tr_request.status == 200) {
 115     response= tr_request.responseText;
 116     //alert('got [[ '+response+' ]]');
 117     eval('results='+response);
 118     toedit= document.getElementsByName('routeresults').item(0);
 119     toedit.innerHTML= results['show'];
 120   }
 121   tr_request= false;
 122   tr_Request();
 123 }
 124 </script>
 125
 126 <input type="text" name="routestring" size=80
 127  onchange="tr_element= event.currentTarget; tr_Needed();"
 128  onkeydown="tr_element= event.currentTarget; tr_Later();"><br>
 129 <div name="routeresults">&nbsp;</div><br/>
 130
 131 % } else {
 132
 133 <%perl>
 134 my $sth=$dbh->prepare("SELECT islandid,islandname,archipelago
 135                               FROM islands
 136                               ORDER BY islandname;");
 137 $sth->execute();
 138 my $row;
 139 my $islandlistdata='';
 140 my %archmap=();
 141 while ($row=$sth->fetchrow_arrayref) {
 142         $islandlistdata.=
 143                 sprintf('<option value="%s">%s</option>',
 144                         map { encode_entities($_) } @$row[0..1]);
 145         $archmap{$row->[0]}= $row->[2];
 146 }
 147
 148 $sth=$dbh->prepare("SELECT DISTINCT archipelago FROM islands
 149                            ORDER BY archipelago;");
 150 $sth->execute();
 151 my $archlistdata='';
 152
 153 while ($row=$sth->fetchrow_arrayref) {
 154         $archlistdata.=
 155                 sprintf('<option value="%s">%s</option>',
 156                         map { encode_entities($_) } (@$row, @$row));
 157 }
 158 </%perl>
 159
 160 <script type="text/javascript">
 161 sel_archmap= <% to_json(\%archmap) %>;
 162 function setarch(dd) {
 163   var arch= document.getElementsByName('archipelago'+dd).item(0).value;
 164   var select= document.getElementsByName('islandid'+dd).item(0);
 165   var nodes= select.getElementsByTagName('option');
 166   for (var i=0; i<nodes.length; i++) {
 167     node= nodes.item(i);
 168     value= node.getAttribute('value');
 169     if (value == 'none') {
 170       if (arch == 'none') {
 171         node.innerHTML= 'Select island ...';
 172       } else {
 173         node.innerHTML= 'Whole arch';
 174       }
 175     } else {
 176 //      alert('node i='+i+' arch='+arch+' value='+value+'.');
 177       node.setAttribute('disabled', !(arch=='none' || value==arch));
 178     }
 179   }
 180 }
 181 </script>
 182
 183 <table>
 184
 185 <tr>
 186 %       for my $dd (0..$a{Dropdowns}-1) {
 187 <td><select name="archipelago<% $dd %>" onchange="setarch(<% $dd %>)">
 188 <option name="none">Whole ocean</option>
 189 <% $archlistdata %></select></td>
 190 %       }
 191 </tr>
 192
 193 <tr>
 194 %       for my $dd (0..$a{Dropdowns}-1) {
 195 <td><select name="islandid<% $dd %>">
 196 <option name="none">Select island...</option>
 197 <% $islandlistdata %></select></td>
 198 %       }
 199 </tr>
 200
 201 </table>
 202 % }
 203
 204 <input type=submit name=submit value="Go">
 205 </form>
 206
 207 <%init>
 208 use CommodsWeb;
 209 use HTML::Entities;
 210 use URI::Escape;
 211
 212 </%init>