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&type=text/xml"
  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.getElementById('routestring');
  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.getElementById('routeresults');
 119     toedit.innerHTML= results['show'];
 120   }
 121   tr_request= false;
 122   tr_Request();
 123 }
 124 </script>
 125
 126 <input type="text" id="routestring" name="routestring" size=80
 127  onchange="tr_Needed();"
 128  onkeyup="tr_Later();"><br>
 129 <div id="routeresults">&nbsp;</div><br/>
 130 % } else {
 131
 132 <%perl>
 133 my $sth=$dbh->prepare("SELECT islandid,islandname,archipelago
 134                               FROM islands
 135                               ORDER BY islandname;");
 136 $sth->execute();
 137 my $row;
 138 my $islandlistdata='';
 139 my %archmap=();
 140 while ($row=$sth->fetchrow_arrayref) {
 141         $islandlistdata.=
 142                 sprintf('<option value="%s">%s</option>',
 143                         map { encode_entities($_) } @$row[0..1]);
 144         $archmap{$row->[0]}= $row->[2];
 145 }
 146
 147 $sth=$dbh->prepare("SELECT DISTINCT archipelago FROM islands
 148                            ORDER BY archipelago;");
 149 $sth->execute();
 150 my $archlistdata='';
 151
 152 while ($row=$sth->fetchrow_arrayref) {
 153         $archlistdata.=
 154                 sprintf('<option value="%s">%s</option>',
 155                         map { encode_entities($_) } (@$row, @$row));
 156 }
 157 </%perl>
 158
 159 <script type="text/javascript">
 160 sel_archmap= <% to_json(\%archmap) %>;
 161 function setarch(dd) {
 162   var arch= document.getElementsByName('archipelago'+dd).item(0).value;
 163   var select= document.getElementsByName('islandid'+dd).item(0);
 164   var nodes= select.getElementsByTagName('option');
 165   for (var i=0; i<nodes.length; i++) {
 166     node= nodes.item(i);
 167     value= node.getAttribute('value');
 168     if (value == 'none') {
 169       if (arch == 'none') {
 170         node.innerHTML= 'Select island ...';
 171       } else {
 172         node.innerHTML= 'Whole arch';
 173       }
 174     } else {
 175 //      alert('node i='+i+' arch='+arch+' value='+value+'.');
 176       node.setAttribute('disabled', !(arch=='none' || value==arch));
 177     }
 178   }
 179 }
 180 </script>
 181
 182 <table>
 183
 184 <tr>
 185 %       for my $dd (0..$a{Dropdowns}-1) {
 186 <td><select name="archipelago<% $dd %>" onchange="setarch(<% $dd %>)">
 187 <option name="none">Whole ocean</option>
 188 <% $archlistdata %></select></td>
 189 %       }
 190 </tr>
 191
 192 <tr>
 193 %       for my $dd (0..$a{Dropdowns}-1) {
 194 <td><select name="islandid<% $dd %>">
 195 <option name="none">Select island...</option>
 196 <% $islandlistdata %></select></td>
 197 %       }
 198 </tr>
 199
 200 </table>
 201 % }
 202
 203 <input type=submit name=submit value="Go">
 204 </form>
 205
 206 <%init>
 207 use CommodsWeb;
 208 use HTML::Entities;
 209 use URI::Escape;
 210
 211 </%init>