More ui-lib conversion and cleanup
[webmin.git] / ui-lib.pl
1 # ui-lib.pl
2 # Common functions for generating HTML for Webmin user interface elements
3
4 ####################### table generation functions
5
6 # ui_table_start(heading, [tabletags], [cols], [&default-tds])
7 # A table with a heading and table inside
8 sub ui_table_start
9 {
10 return &theme_ui_table_start(@_) if (defined(&theme_ui_table_start));
11 local ($heading, $tabletags, $cols, $tds) = @_;
12 if (defined($main::ui_table_cols)) {
13         # Push on stack, for nested call
14         push(@main::ui_table_cols_stack, $main::ui_table_cols);
15         push(@main::ui_table_pos_stack, $main::ui_table_pos);
16         push(@main::ui_table_default_tds_stack, $main::ui_table_default_tds);
17         }
18 local $rv;
19 $rv .= "<table class='ui_table' border $tabletags>\n";
20 $rv .= "<tr $tb> <td><b>$heading</b></td> </tr>\n" if (defined($heading));
21 $rv .= "<tr $cb> <td><table width=100%>\n";
22 $main::ui_table_cols = $cols || 4;
23 $main::ui_table_pos = 0;
24 $main::ui_table_default_tds = $tds;
25 return $rv;
26 }
27
28 # ui_table_end()
29 # The end of a table started by ui_table_start
30 sub ui_table_end
31 {
32 return &theme_ui_table_end(@_) if (defined(&theme_ui_table_end));
33 local $rv;
34 if ($main::ui_table_cols == 4 && $main::ui_table_pos) {
35         # Add an empty block to balance the table
36         $rv .= &ui_table_row(" ", " ");
37         }
38 if (@main::ui_table_cols_stack) {
39         $main::ui_table_cols = pop(@main::ui_table_cols_stack);
40         $main::ui_table_pos = pop(@main::ui_table_pos_stack);
41         $main::ui_table_default_tds = pop(@main::ui_table_default_tds_stack);
42         }
43 else {
44         $main::ui_table_cols = undef;
45         $main::ui_table_pos = undef;
46         $main::ui_table_default_tds = undef;
47         }
48 $rv .= "</table></td></tr></table>\n";
49 return $rv;
50 }
51
52 # ui_columns_start(&headings, [width-percent], [noborder], [&tdtags], [heading])
53 # Returns HTML for a multi-column table, with the given headings
54 sub ui_columns_start
55 {
56 return &theme_ui_columns_start(@_) if (defined(&theme_ui_columns_start));
57 local ($heads, $width, $noborder, $tdtags, $title) = @_;
58 local $rv;
59 $rv .= "<table".($noborder ? "" : " border").
60                 (defined($width) ? " width=$width%" : "")." class='ui_columns'>\n";
61 if ($title) {
62         $rv .= "<tr $tb><td colspan=".scalar(@$heads).
63                " class='ui_columns_heading'><b>$title</b></td></tr>\n";
64         }
65 $rv .= "<tr $tb class='ui_columns_heads'>\n";
66 local $i;
67 for($i=0; $i<@$heads; $i++) {
68         $rv .= "<td ".$tdtags->[$i]."><b>".
69                ($heads->[$i] eq "" ? "<br>" : $heads->[$i])."</b></td>\n";
70         }
71 $rv .= "</tr>\n";
72 return $rv;
73 }
74
75 # ui_columns_row(&columns, &tdtags)
76 # Returns HTML for a row in a multi-column table
77 sub ui_columns_row
78 {
79 return &theme_ui_columns_row(@_) if (defined(&theme_ui_columns_row));
80 local ($cols, $tdtags) = @_;
81 local $rv;
82 $rv .= "<tr $cb class='ui_columns_row'>\n";
83 local $i;
84 for($i=0; $i<@$cols; $i++) {
85         $rv .= "<td ".$tdtags->[$i].">".
86                ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i])."</td>\n";
87         }
88 $rv .= "</tr>\n";
89 return $rv;
90 }
91
92 # ui_columns_header(&columns, &tdtags)
93 # Returns HTML for a row in a multi-column table, with a header background
94 sub ui_columns_header
95 {
96 return &theme_ui_columns_header(@_) if (defined(&theme_ui_columns_header));
97 local ($cols, $tdtags) = @_;
98 local $rv;
99 $rv .= "<tr $tb class='ui_columns_header'>\n";
100 local $i;
101 for($i=0; $i<@$cols; $i++) {
102         $rv .= "<td ".$tdtags->[$i]."><b>".
103                ($cols->[$i] eq "" ? "<br>" : $cols->[$i])."</b></td>\n";
104         }
105 $rv .= "</tr>\n";
106 return $rv;
107 }
108
109 # ui_checked_columns_row(&columns, &tdtags, checkname, checkvalue, [checked?],
110 #                        [disabled])
111 # Returns HTML for a row in a multi-column table, in which the first
112 # column is a checkbox
113 sub ui_checked_columns_row
114 {
115 return &theme_ui_checked_columns_row(@_) if (defined(&theme_ui_checked_columns_row));
116 local ($cols, $tdtags, $checkname, $checkvalue, $checked, $disabled) = @_;
117 local $rv;
118 $rv .= "<tr $cb class='ui_checked_columns'>\n";
119 $rv .= "<td class='ui_checked_checkbox' ".$tdtags->[0].">".
120        &ui_checkbox($checkname, $checkvalue, undef, $checked, undef, $disabled).
121        "</td>\n";
122 local $i;
123 for($i=0; $i<@$cols; $i++) {
124         $rv .= "<td ".$tdtags->[$i+1].">";
125         if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
126                 $rv .= "<label for=\"".
127                         &quote_escape("${checkname}_${checkvalue}")."\">";
128                 }
129         $rv .= ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i]);
130         if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
131                 $rv .= "</label>";
132                 }
133         $rv .= "</td>\n";
134         }
135 $rv .= "</tr>\n";
136 return $rv;
137 }
138
139 # ui_radio_columns_row(&columns, &tdtags, checkname, checkvalue, [checked],
140 #                      [disabled])
141 # Returns HTML for a row in a multi-column table, in which the first
142 # column is a radio button
143 sub ui_radio_columns_row
144 {
145 return &theme_ui_radio_columns_row(@_) if (defined(&theme_ui_radio_columns_row));
146 local ($cols, $tdtags, $checkname, $checkvalue, $checked, $dis) = @_;
147 local $rv;
148 $rv .= "<tr $cb class='ui_radio_columns'>\n";
149 $rv .= "<td class='ui_radio_radio' ".$tdtags->[0].">".
150     &ui_oneradio($checkname, $checkvalue, "", $checked, undef, $dis)."</td>\n";
151 local $i;
152 for($i=0; $i<@$cols; $i++) {
153         $rv .= "<td ".$tdtags->[$i+1].">";
154         if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
155                 $rv .= "<label for=\"".
156                         &quote_escape("${checkname}_${checkvalue}")."\">";
157                 }
158         $rv .= ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i]);
159         if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
160                 $rv .= "</label>";
161                 }
162         $rv .= "</td>\n";
163         }
164 $rv .= "</tr>\n";
165 return $rv;
166 }
167
168 # ui_columns_end()
169 # Returns HTML to end a table started by ui_columns_start
170 sub ui_columns_end
171 {
172 return &theme_ui_columns_end(@_) if (defined(&theme_ui_columns_end));
173 return "</table>\n";
174 }
175
176 # ui_columns_table(&headings, width-percent, &data, &types, no-sort, title,
177 #                  empty-msg)
178 # Returns HTML for a complete table.
179 # headings - An array ref of heading HTML
180 # width-percent - Preferred total width
181 # data - A 2x2 array ref of table contents. Each can either be a simple string,
182 #        or a hash ref like :
183 #          { 'type' => 'group', 'desc' => 'Some section title' }
184 #          { 'type' => 'string', 'value' => 'Foo', 'colums' => 3,
185 #            'nowrap' => 1 }
186 #          { 'type' => 'checkbox', 'name' => 'd', 'value' => 'foo',
187 #            'label' => 'Yes', 'checked' => 1, 'disabled' => 1 }
188 #          { 'type' => 'radio', 'name' => 'd', 'value' => 'foo', ... }
189 # types - An array ref of data types, such as 'string', 'number', 'bytes'
190 #         or 'date'
191 # no-sort - Set to 1 to disable sorting by theme
192 # title - Text to appear above the table
193 # empty-msg - Message to display if no data
194 sub ui_columns_table
195 {
196 return &theme_ui_columns_table(@_) if (defined(&theme_ui_columns_table));
197 local ($heads, $width, $data, $types, $nosort, $title, $emptymsg) = @_;
198 local $rv;
199
200 # Just show empty message if no data
201 if ($emptymsg && !@$data) {
202         $rv .= &ui_subheading($title) if ($title);
203         $rv .= "<b>$emptymsg</b><p>\n";
204         return $rv;
205         }
206
207 # Are there any checkboxes in each column? If so, make those columns narrow
208 local @tds = map { "valign=top" } @$heads;
209 local $maxwidth = 0;
210 foreach my $r (@$data) {
211         local $cc = 0;
212         foreach my $c (@$r) {
213                 if (ref($c) &&
214                     ($c->{'type'} eq 'checkbox' || $c->{'type'} eq 'radio')) {
215                         $tds[$cc] .= " width=5" if ($tds[$cc] !~ /width=/);
216                         }
217                 $cc++;
218                 }
219         $maxwidth = $cc if ($cc > $maxwidth);
220         }
221 $rv .= &ui_columns_start($heads, $width, 0, \@tds, $title);
222
223 # Add the data rows
224 foreach my $r (@$data) {
225         local $c0;
226         if (ref($r->[0]) && ($r->[0]->{'type'} eq 'checkbox' ||
227                              $r->[0]->{'type'} eq 'radio')) {
228                 # First column is special
229                 $c0 = $r->[0];
230                 $r = [ @$r[1..(@$r-1)] ];
231                 }
232         # Turn data into HTML
233         local @rtds = @tds;
234         local @cols;
235         my $cn = 0;
236         $cn++ if ($c0);
237         foreach my $c (@$r) {
238                 if (!ref($c)) {
239                         # Plain old string
240                         push(@cols, $c);
241                         }
242                 elsif ($c->{'type'} eq 'checkbox') {
243                         # Checkbox in non-first column
244                         push(@cols, &ui_checkbox($c->{'name'}, $c->{'value'},
245                                                  $c->{'label'}, $c->{'checked'},
246                                                  undef, $c->{'disabled'}));
247                         }
248                 elsif ($c->{'type'} eq 'radio') {
249                         # Radio button in non-first column
250                         push(@cols, &ui_oneradio($c->{'name'}, $c->{'value'},
251                                                  $c->{'label'}, $c->{'checked'},
252                                                  undef, $c->{'disabled'}));
253                         }
254                 elsif ($c->{'type'} eq 'group') {
255                         # Header row that spans whole table
256                         $rv .= &ui_columns_header([ $c->{'desc'} ],
257                                                   [ "colspan=$width" ]);
258                         next;
259                         }
260                 elsif ($c->{'type'} eq 'string') {
261                         # A string, which might be special
262                         push(@cols, $c->{'value'});
263                         if ($c->{'columns'} > 1) {
264                                 splice(@rtds, $cn, $c->{'columns'},
265                                        "colspan=".$c->{'columns'});
266                                 }
267                         if ($c->{'nowrap'}) {
268                                 $rtds[$cn] .= " nowrap";
269                                 }
270                         }
271                 $cn++;
272                 }
273         # Add the row
274         if (!$c0) {
275                 $rv .= &ui_columns_row(\@cols, \@rtds);
276                 }
277         elsif ($c0->{'type'} eq 'checkbox') {
278                 $rv .= &ui_checked_columns_row(\@cols, \@rtds, $c0->{'name'},
279                                                $c0->{'value'}, $c0->{'checked'},
280                                                $c0->{'disabled'});
281                 }
282         elsif ($c0->{'type'} eq 'radio') {
283                 $rv .= &ui_radio_columns_row(\@cols, \@rtds, $c0->{'name'},
284                                              $c0->{'value'}, $c0->{'checked'},
285                                              $c0->{'disabled'});
286                 }
287         }
288
289 $rv .= &ui_columns_end();
290 return $rv;
291 }
292
293 # ui_form_columns_table(cgi, &buttons, select-all, &otherlinks, &hiddens,
294 #                       &headings, width-percent, &data, &types, no-sort, title,
295 #                       empty-msg)
296 # Similar to ui_columns_table, but wrapped in a form. Args are :
297 # cgi - URL to submit the form to
298 # buttons - An array ref of buttons at the end of the form, similar to
299 #           that taken by ui_form_end
300 # select-all - If set to 1, include select all / invert links
301 # otherslinks - An array ref of other links to put at the top of the table,
302 #               each of which is a 3-element hash ref of url, text and
303 #               alignment (left or right)
304 # hiddens - An array ref of hidden fields, each of which is a 2-element array
305 #           ref containing the name and value
306 # All other parameters are the same as ui_columns_table
307 sub ui_form_columns_table
308 {
309 return &theme_ui_form_columns_table(@_)
310         if (defined(&theme_ui_form_columns_table));
311 local ($cgi, $buttons, $selectall, $others, $hiddens,
312        $heads, $width, $data, $types, $nosort, $title, $emptymsg) = @_;
313 local $rv;
314
315 # Build links
316 local @leftlinks = map { "<a href='$_->[0]'>$_->[1]</a>" }
317                        grep { $_->[2] ne 'right' } @$others;
318 local @rightlinks = map { "<a href='$_->[0]'>$_->[1]</a>" }
319                        grep { $_->[2] eq 'right' } @$others;
320 local $links;
321
322 # Add select links
323 if (@$data) {
324         if ($selectall) {
325                 local $cbname;
326                 foreach my $r (@$data) {
327                         foreach my $c (@$r) {
328                                 if (ref($c) && $c->{'type'} eq 'checkbox') {
329                                         $cbname = $c->{'name'};
330                                         last;
331                                         }
332                                 }
333                         }
334                 if ($cbname) {
335                         unshift(@leftlinks, &select_all_link($cbname),
336                                             &select_invert_link($cbname));
337                         }
338                 }
339         }
340
341 # Turn to HTML
342 if (@rightlinks) {
343         $links = &ui_grid_table([ &ui_links_row(\@leftlinks),
344                                   &ui_links_row(\@rightlinks) ], 2, 100,
345                                 [ undef, "align=right" ]);
346         }
347 elsif (@leftlinks) {
348         $links = &ui_links_row(\@leftlinks);
349         }
350
351 # Start the form, if we need one
352 if (@$data) {
353         $rv .= &ui_form_start($cgi, "post");
354         foreach my $h (@$hiddens) {
355                 $rv .= &ui_hidden(@$h);
356                 }
357         $rv .= $links;
358         }
359
360 # Add the table
361 $rv .= &ui_columns_table($heads, $width, $data, $types, $nosort, $title,
362                          $emptymsg);
363
364 # Add form end
365 $rv .= $links;
366 if (@$data) {
367         $rv .= &ui_form_end($buttons);
368         }
369
370 return $rv;
371 }
372
373 ####################### form generation functions
374
375 # ui_form_start(script, method, [target], [tags])
376 # Returns HTML for a form that submits to some script
377 sub ui_form_start
378 {
379 return &theme_ui_form_start(@_) if (defined(&theme_ui_form_start));
380 local ($script, $method, $target, $tags) = @_;
381 local $rv;
382 $rv .= "<form class='ui_form' action='".&html_escape($script)."' ".
383         ($method eq "post" ? "method=post" :
384          $method eq "form-data" ?
385                 "method=post enctype=multipart/form-data" :
386                 "method=get").
387         ($target ? " target=$target" : "").
388         " ".$tags.
389        ">\n";
390 return $rv;
391 }
392
393 # ui_form_end([&buttons], [width])
394 # Returns HTML for the end of a form, optionally with a row of submit buttons
395 sub ui_form_end
396 {
397 return &theme_ui_form_end(@_) if (defined(&theme_ui_form_end));
398 local ($buttons, $width) = @_;
399 local $rv;
400 if ($buttons && @$buttons) {
401         $rv .= "<table class='ui_form_end_buttons' ".($width ? " width=$width" : "")."><tr>\n";
402         local $b;
403         foreach $b (@$buttons) {
404                 if (ref($b)) {
405                         $rv .= "<td".(!$width ? "" :
406                                       $b eq $buttons->[0] ? " align=left" :
407                                       $b eq $buttons->[@$buttons-1] ?
408                                         " align=right" : " align=center").">".
409                                &ui_submit($b->[1], $b->[0], $b->[3], $b->[4]).
410                                ($b->[2] ? " ".$b->[2] : "")."</td>\n";
411                         }
412                 elsif ($b) {
413                         $rv .= "<td>$b</td>\n";
414                         }
415                 else {
416                         $rv .= "<td>&nbsp;&nbsp;</td>\n";
417                         }
418                 }
419         $rv .= "</tr></table>\n";
420         }
421 $rv .= "</form>\n";
422 return $rv;
423 }
424
425 # ui_textbox(name, value, size, [disabled?], [maxlength], [tags])
426 # Returns HTML for a text input
427 sub ui_textbox
428 {
429 return &theme_ui_textbox(@_) if (defined(&theme_ui_textbox));
430 local ($name, $value, $size, $dis, $max, $tags) = @_;
431 $size = &ui_max_text_width($size);
432 return "<input name=\"".&quote_escape($name)."\" ".
433        "value=\"".&quote_escape($value)."\" ".
434        "size=$size ".($dis ? "disabled=true" : "").
435        ($max ? " maxlength=$max" : "").
436        " ".$tags.
437        ">";
438 }
439
440 # ui_filebox(name, value, size, [disabled?], [maxlength], [tags], [dir-only])
441 # Returns HTML for a text box for choosing a file
442 sub ui_filebox
443 {
444 return &theme_ui_filebox(@_) if (defined(&theme_ui_filebox));
445 local ($name, $value, $size, $dis, $max, $tags, $dironly) = @_;
446 return &ui_textbox($name, $value, $size, $dis, $max, $tags)."&nbsp;".
447        &file_chooser_button($name, $dironly);
448 }
449
450 # ui_bytesbox(name, bytes, [size], [disabled?])
451 # Returns HTML for entering a number of bytes, but with friendly kB/MB/GB
452 # options. May truncate values to 2 decimal points!
453 sub ui_bytesbox
454 {
455 local ($name, $bytes, $size, $dis) = @_;
456 local $units = 1;
457 if ($bytes >= 10*1024*1024*1024) {
458         $units = 1024*1024*1024;
459         }
460 elsif ($bytes >= 10*1024*1024) {
461         $units = 1024*1024;
462         }
463 elsif ($bytes >= 10*1024) {
464         $units = 1024;
465         }
466 else {
467         $units = 1;
468         }
469 if ($bytes ne "") {
470         $bytes = sprintf("%.2f", ($bytes*1.0)/$units);
471         $bytes =~ s/\.00$//;
472         }
473 $size = &ui_max_text_width($size || 8);
474 return &ui_textbox($name, $bytes, $size, $dis)." ".
475        &ui_select($name."_units", $units,
476                  [ [ 1, "bytes" ], [ 1024, "kB" ], [ 1024*1024, "MB" ],
477                    [ 1024*1024*1024, "GB" ] ], undef, undef, undef, $dis);
478 }
479
480 # ui_upload(name, size, [disabled?], [tags])
481 # Returns HTML for a file upload input
482 sub ui_upload
483 {
484 return &theme_ui_upload(@_) if (defined(&theme_ui_upload));
485 local ($name, $size, $dis, $tags) = @_;
486 $size = &ui_max_text_width($size);
487 return "<input type=file name=\"".&quote_escape($name)."\" ".
488        "size=$size ".
489        ($dis ? "disabled=true" : "").
490        ($tags ? " ".$tags : "").">";
491 }
492
493 # ui_password(name, value, size, [disabled?], [maxlength])
494 # Returns HTML for a password text input
495 sub ui_password
496 {
497 return &theme_ui_password(@_) if (defined(&theme_ui_password));
498 local ($name, $value, $size, $dis, $max) = @_;
499 $size = &ui_max_text_width($size);
500 return "<input type=password name=\"".&quote_escape($name)."\" ".
501        "value=\"".&quote_escape($value)."\" ".
502        "size=$size ".($dis ? "disabled=true" : "").
503        ($max ? " maxlength=$max" : "").
504        ">";
505 }
506
507 # ui_hidden(name, value)
508 # Returns HTML for a hidden field
509 sub ui_hidden
510 {
511 return &theme_ui_hidden(@_) if (defined(&theme_ui_hidden));
512 local ($name, $value) = @_;
513 return "<input type=hidden name=\"".&quote_escape($name)."\" ".
514        "value=\"".&quote_escape($value)."\">\n";
515 }
516
517 # ui_select(name, value|&values, &options, [size], [multiple],
518 #           [add-if-missing], [disabled?], [javascript])
519 # Returns HTML for a drop-down menu or multiple selection list
520 sub ui_select
521 {
522 return &theme_ui_select(@_) if (defined(&theme_ui_select));
523 local ($name, $value, $opts, $size, $multiple, $missing, $dis, $js) = @_;
524 local $rv;
525 $rv .= "<select name=\"".&quote_escape($name)."\"".
526        ($size ? " size=$size" : "").
527        ($multiple ? " multiple" : "").
528        ($dis ? " disabled=true" : "")." ".$js.">\n";
529 local ($o, %opt, $s);
530 local %sel = ref($value) ? ( map { $_, 1 } @$value ) : ( $value, 1 );
531 foreach $o (@$opts) {
532         $o = [ $o ] if (!ref($o));
533         $rv .= "<option value=\"".&quote_escape($o->[0])."\"".
534                ($sel{$o->[0]} ? " selected" : "")." ".$o->[2].">".
535                ($o->[1] || $o->[0])."\n";
536         $opt{$o->[0]}++;
537         }
538 foreach $s (keys %sel) {
539         if (!$opt{$s} && $missing) {
540                 $rv .= "<option value=\"".&quote_escape($s)."\"".
541                        "selected>".($s eq "" ? "&nbsp;" : $s)."\n";
542                 }
543         }
544 $rv .= "</select>\n";
545 return $rv;
546 }
547
548 # ui_multi_select(name, &values, &options, size, [add-if-missing], [disabled?])
549 # Returns HTML for selecting many of many from a list. By default, this is
550 # implemented using two <select> lists and Javascript buttons to move elements
551 # between them.
552 sub ui_multi_select
553 {
554 return &theme_ui_multi_select(@_) if (defined(&theme_ui_multi_select));
555 local ($name, $values, $opts, $size, $missing, $dis) = @_;
556 local $rv;
557 local %already = map { $_->[0], $_ } @$values;
558 local $leftover = [ grep { !$already{$_->[0]} } @$opts ];
559 if ($missing) {
560         local %optsalready = map { $_->[0], $_ } @$opts;
561         push(@$opts, grep { !$optsalready{$_->[0]} } @$values);
562         }
563
564 # XXX javascript?
565 $rv .= "<table cellpadding=0 cellspacing=0><tr>";
566 $rv .= "<td>".&ui_select($name."_opts", [ ], $leftover,
567                          $size, 1, 0, $dis)."</td>\n";
568 $rv .= "<td>".&ui_button("->", undef, $dis,
569                          "onClick='multi_select_add(\"$name\")'")."<br>".
570               &ui_button("<-", undef, $dis,
571                          "onClick='multi_select_remove(\"$name\")'")."</td>\n";
572 $rv .= "<td>".&ui_select($name, [ ], $values,
573                          $size, 1, 0, $dis)."</td>\n";
574 $rv .= "</tr></table>\n";
575 return $rv;
576 }
577
578 # ui_radio(name, value, &options, [disabled?])
579 # Returns HTML for a series of radio buttons
580 sub ui_radio
581 {
582 return &theme_ui_radio(@_) if (defined(&theme_ui_radio));
583 local ($name, $value, $opts, $dis) = @_;
584 local $rv;
585 local $o;
586 foreach $o (@$opts) {
587         local $id = &quote_escape($name."_".$o->[0]);
588         local $label = $o->[1] || $o->[0];
589         local $after;
590         if ($label =~ /^(.*?)((<a\s+href|<input|<select|<textarea)[\000-\377]*)$/i) {
591                 $label = $1;
592                 $after = $2;
593                 }
594         $rv .= "<input type=radio name=\"".&quote_escape($name)."\" ".
595                "value=\"".&quote_escape($o->[0])."\"".
596                ($o->[0] eq $value ? " checked" : "").
597                ($dis ? " disabled=true" : "").
598                " id=\"$id\"".
599                " $o->[2]> <label for=\"$id\">".
600                $label."</label>".$after."\n";
601         }
602 return $rv;
603 }
604
605 # ui_yesno_radio(name, value, [yes], [no], [disabled?])
606 # Like ui_yesno, but always displays just two inputs (yes and no)
607 sub ui_yesno_radio
608 {
609 local ($name, $value, $yes, $no, $dis) = @_;
610 return &theme_ui_yesno_radio(@_) if (defined(&theme_ui_yesno_radio));
611 $yes = 1 if (!defined($yes));
612 $no = 0 if (!defined($no));
613 $value = int($value);
614 return &ui_radio($name, $value, [ [ $yes, $text{'yes'} ],
615                                   [ $no, $text{'no'} ] ], $dis);
616 }
617
618 # ui_checkbox(name, value, label, selected?, [tags], [disabled?])
619 # Returns HTML for a single checkbox
620 sub ui_checkbox
621 {
622 return &theme_ui_checkbox(@_) if (defined(&theme_ui_checkbox));
623 local ($name, $value, $label, $sel, $tags, $dis) = @_;
624 local $after;
625 if ($label =~ /^([^<]*)(<[\000-\377]*)$/) {
626         $label = $1;
627         $after = $2;
628         }
629 return "<input type=checkbox name=\"".&quote_escape($name)."\" ".
630        "value=\"".&quote_escape($value)."\" ".
631        ($sel ? " checked" : "").($dis ? " disabled=true" : "").
632        " id=\"".&quote_escape("${name}_${value}")."\"".
633        " $tags> ".
634        ($label eq "" ? $after :
635          "<label for=\"".&quote_escape("${name}_${value}").
636          "\">$label</label>$after")."\n";
637 }
638
639 # ui_oneradio(name, value, label, selected?, [tags], [disabled?])
640 # Returns HTML for a single radio button
641 sub ui_oneradio
642 {
643 return &theme_ui_oneradio(@_) if (defined(&theme_ui_oneradio));
644 local ($name, $value, $label, $sel, $tags, $dis) = @_;
645 local $id = &quote_escape("${name}_${value}");
646 local $after;
647 if ($label =~ /^([^<]*)(<[\000-\377]*)$/) {
648         $label = $1;
649         $after = $2;
650         }
651 return "<input type=radio name=\"".&quote_escape($name)."\" ".
652        "value=\"".&quote_escape($value)."\" ".
653        ($sel ? " checked" : "").($dis ? " disabled=true" : "").
654        " id=\"$id\"".
655        " $tags> <label for=\"$id\">$label</label>$after\n";
656 }
657
658 # ui_textarea(name, value, rows, cols, [wrap], [disabled?], [tags])
659 # Returns HTML for a multi-line text input
660 sub ui_textarea
661 {
662 return &theme_ui_textarea(@_) if (defined(&theme_ui_textarea));
663 local ($name, $value, $rows, $cols, $wrap, $dis, $tags) = @_;
664 $cols = &ui_max_text_width($cols, 1);
665 return "<textarea name=\"".&quote_escape($name)."\" ".
666        "rows=$rows cols=$cols".($wrap ? " wrap=$wrap" : "").
667        ($dis ? " disabled=true" : "").
668        ($tags ? " $tags" : "").">".
669        &html_escape($value).
670        "</textarea>";
671 }
672
673 # ui_user_textbox(name, value, [form], [disabled?], [tags])
674 # Returns HTML for a Unix user input
675 sub ui_user_textbox
676 {
677 return &theme_ui_user_textbox(@_) if (defined(&theme_ui_user_textbox));
678 return &ui_textbox($_[0], $_[1], 13, $_[3], undef, $_[4])." ".
679        &user_chooser_button($_[0], 0, $_[2]);
680 }
681
682 # ui_group_textbox(name, value, [form], [disabled?], [tags])
683 # Returns HTML for a Unix group input
684 sub ui_group_textbox
685 {
686 return &theme_ui_group_textbox(@_) if (defined(&theme_ui_group_textbox));
687 return &ui_textbox($_[0], $_[1], 13, $_[3], undef, $_[4])." ".
688        &group_chooser_button($_[0], 0, $_[2]);
689 }
690
691 # ui_opt_textbox(name, value, size, option1, [option2], [disabled?],
692 #                [&extra-fields], [max])
693 # Returns HTML for a text field that is optional
694 sub ui_opt_textbox
695 {
696 return &theme_ui_opt_textbox(@_) if (defined(&theme_ui_opt_textbox));
697 local ($name, $value, $size, $opt1, $opt2, $dis, $extra, $max) = @_;
698 local $dis1 = &js_disable_inputs([ $name, @$extra ], [ ]);
699 local $dis2 = &js_disable_inputs([ ], [ $name, @$extra ]);
700 local $rv;
701 $size = &ui_max_text_width($size);
702 $rv .= &ui_radio($name."_def", $value eq '' ? 1 : 0,
703                  [ [ 1, $opt1, "onClick='$dis1'" ],
704                    [ 0, $opt2 || " ", "onClick='$dis2'" ] ], $dis)."\n";
705 $rv .= "<input name=\"".&quote_escape($name)."\" ".
706        "size=$size value=\"".&quote_escape($value)."\" ".
707        ($value eq "" || $dis ? "disabled=true" : "").
708        ($max ? " maxlength=$max" : "").">\n";
709 return $rv;
710 }
711
712 # ui_submit(label, [name], [disabled?], [tags])
713 # Returns HTML for a form submit button
714 sub ui_submit
715 {
716 return &theme_ui_submit(@_) if (defined(&theme_ui_submit));
717 local ($label, $name, $dis, $tags) = @_;
718 return "<input type=submit".
719        ($name ne '' ? " name=\"".&quote_escape($name)."\"" : "").
720        " value=\"".&quote_escape($label)."\"".
721        ($dis ? " disabled=true" : "").
722        ($tags ? " ".$tags : "").">\n";
723                         
724 }
725
726 # ui_reset(label, [disabled?])
727 # Returns HTML for a form reset button
728 sub ui_reset
729 {
730 return &theme_ui_reset(@_) if (defined(&theme_ui_reset));
731 local ($label, $dis) = @_;
732 return "<input type=reset value=\"".&quote_escape($label)."\"".
733        ($dis ? " disabled=true" : "").">\n";
734                         
735 }
736
737 # ui_button(label, [name], [disabled?], [tags])
738 # Returns HTML for a form button
739 sub ui_button
740 {
741 return &theme_ui_button(@_) if (defined(&theme_ui_button));
742 local ($label, $name, $dis, $tags) = @_;
743 return "<input type=button".
744        ($name ne '' ? " name=\"".&quote_escape($name)."\"" : "").
745        " value=\"".&quote_escape($label)."\"".
746        ($dis ? " disabled=true" : "").
747        ($tags ? " ".$tags : "").">\n";
748 }
749
750 # ui_date_input(day, month, year, day-name, month-name, year-name, [disabled?])
751 # Returns HTML for a date-selection field
752 sub ui_date_input
753 {
754 local ($day, $month, $year, $dayname, $monthname, $yearname, $dis) = @_;
755 local $rv;
756 $rv .= &ui_textbox($dayname, $day, 3, $dis);
757 $rv .= "/";
758 $rv .= &ui_select($monthname, $month,
759                   [ map { [ $_, $text{"smonth_$_"} ] } (1 .. 12) ],
760                   1, 0, 0, $dis);
761 $rv .= "/";
762 $rv .= &ui_textbox($yearname, $year, 5, $dis);
763 return $rv;
764 }
765
766 # ui_table_row(label, value, [cols], [&td-tags])
767 # Returns HTML for a row in a table started by ui_table_start, with a 1-column
768 # label and 1+ column value.
769 sub ui_table_row
770 {
771 return &theme_ui_table_row(@_) if (defined(&theme_ui_table_row));
772 local ($label, $value, $cols, $tds) = @_;
773 $cols ||= 1;
774 $tds ||= $main::ui_table_default_tds;
775 local $rv;
776 if ($main::ui_table_pos+$cols+1 > $main::ui_table_cols &&
777     $main::ui_table_pos != 0) {
778         # If the requested number of cols won't fit in the number
779         # remaining, start a new row
780         $rv .= "</tr>\n";
781         $main::ui_table_pos = 0;
782         }
783 $rv .= "<tr>\n" if ($main::ui_table_pos%$main::ui_table_cols == 0);
784 $rv .= "<td valign=top $tds->[0]><b>$label</b></td>\n" if (defined($label));
785 $rv .= "<td valign=top colspan=$cols $tds->[1]>$value</td>\n";
786 $main::ui_table_pos += $cols+(defined($label) ? 1 : 0);
787 if ($main::ui_table_pos%$main::ui_table_cols == 0) {
788         $rv .= "</tr>\n";
789         $main::ui_table_pos = 0;
790         }
791 return $rv;
792 }
793
794 # ui_table_hr()
795 sub ui_table_hr
796 {
797 return &theme_ui_table_hr(@_) if (defined(&theme_ui_table_hr));
798 local $rv;
799 if ($ui_table_pos) {
800         $rv .= "</tr>\n";
801         $ui_table_pos = 0;
802         }
803 $rv .= "<tr> <td colspan=$main::ui_table_cols><hr></td> </tr>\n";
804 return $rv;
805 }
806
807 # ui_table_span(text)
808 # Outputs a table row that spans the whole table, and contains the given text
809 sub ui_table_span
810 {
811 local ($text) = @_;
812 return &theme_ui_table_hr(@_) if (defined(&theme_ui_table_hr));
813 local $rv;
814 if ($ui_table_pos) {
815         $rv .= "</tr>\n";
816         $ui_table_pos = 0;
817         }
818 $rv .= "<tr> <td colspan=$main::ui_table_cols>$text</td> </tr>\n";
819 return $rv;
820 }
821
822 # ui_buttons_start()
823 sub ui_buttons_start
824 {
825 return &theme_ui_buttons_start(@_) if (defined(&theme_ui_buttons_start));
826 return "<table width=100%>\n";
827 }
828
829 # ui_buttons_end()
830 sub ui_buttons_end
831 {
832 return &theme_ui_buttons_end(@_) if (defined(&theme_ui_buttons_end));
833 return "</table>\n";
834 }
835
836 # ui_buttons_row(script, button-label, description, [hiddens], [after-submit],
837 #                [before-submit]) 
838 sub ui_buttons_row
839 {
840 return &theme_ui_buttons_row(@_) if (defined(&theme_ui_buttons_row));
841 local ($script, $label, $desc, $hiddens, $after, $before) = @_;
842 return "<form action=$script>\n".
843        $hiddens.
844        "<tr> <td nowrap width=20% valign=top>".($before ? $before." " : "").
845        &ui_submit($label).($after ? " ".$after : "")."</td>\n".
846        "<td valign=top width=80% valign=top>$desc</td> </tr>\n".
847        "</form>\n";
848 }
849
850 # ui_buttons_hr([title])
851 sub ui_buttons_hr
852 {
853 local ($title) = @_;
854 return &theme_ui_buttons_hr(@_) if (defined(&theme_ui_buttons_hr));
855 if ($title) {
856         return "<tr> <td colspan=2><table cellpadding=0 cellspacing=0 width=100%><tr> <td width=50%><hr></td> <td nowrap>$title</td> <td width=50%><hr></td> </tr></table></td> </tr>\n";
857         }
858 else {
859         return "<tr> <td colspan=2><hr></td> </tr>\n";
860         }
861 }
862
863 ####################### header and footer functions
864
865 # ui_post_header([subtext])
866 # Returns HTML to appear directly after a standard header() call
867 sub ui_post_header
868 {
869 return &theme_ui_post_header(@_) if (defined(&theme_ui_post_header));
870 local ($text) = @_;
871 local $rv;
872 $rv .= "<center class='ui_post_header'><font size=+1>$text</font></center>\n" if (defined($text));
873 if (!$tconfig{'nohr'} && !$tconfig{'notophr'}) {
874         $rv .= "<hr id='post_header_hr'>\n";
875         }
876 return $rv;
877 }
878
879 # ui_pre_footer()
880 # Returns HTML to appear directly before a standard footer() call
881 sub ui_pre_footer
882 {
883 return &theme_ui_pre_footer(@_) if (defined(&theme_ui_pre_footer));
884 local $rv;
885 if (!$tconfig{'nohr'} && !$tconfig{'nobottomhr'}) {
886         $rv .= "<hr id='pre_footer_hr'>\n";
887         }
888 return $rv;
889 }
890
891 # ui_print_header(subtext, args...)
892 # Print HTML for a header with the post-header line. The args are the same
893 # as those passed to header()
894 sub ui_print_header
895 {
896 &load_theme_library();
897 return &theme_ui_print_header(@_) if (defined(&theme_ui_print_header));
898 local ($text, @args) = @_;
899 &header(@args);
900 print &ui_post_header($text);
901 }
902
903 # ui_print_unbuffered_header(subtext, args...)
904 # Like ui_print_header, but ensures that output for this page is not buffered
905 # or contained in a table.
906 sub ui_print_unbuffered_header
907 {
908 &load_theme_library();
909 return &theme_ui_print_unbuffered_header(@_) if (defined(&theme_ui_print_unbuffered_header));
910 $| = 1;
911 $theme_no_table = 1;
912 &ui_print_header(@_);
913 }
914
915 # ui_print_footer(args...)
916 # Print HTML for a footer with the pre-footer line. Args are the same as those
917 # passed to footer()
918 sub ui_print_footer
919 {
920 return &theme_ui_print_footer(@_) if (defined(&theme_ui_print_footer));
921 local @args = @_;
922 print &ui_pre_footer();
923 &footer(@args);
924 }
925
926 # ui_config_link(text, &subs)
927 # Returns HTML for a module config link. The first non-null sub will be
928 # replaced with the appropriate URL.
929 sub ui_config_link
930 {
931 return &theme_ui_config_link(@_) if (defined(&theme_ui_config_link));
932 local ($text, $subs) = @_;
933 local @subs = map { $_ || "../config.cgi?$module_name" }
934                   ($subs ? @$subs : ( undef ));
935 return "<p>".&text($text, @subs)."<p>\n";
936 }
937
938 # ui_print_endpage(text)
939 # Prints HTML for an error message followed by a page footer with a link to
940 # /, then exits. Good for main page error messages.
941 sub ui_print_endpage
942 {
943 return &theme_ui_print_endpage(@_) if (defined(&theme_ui_print_endpage));
944 local ($text) = @_;
945 print $text,"<p class='ui_footer'>\n";
946 print "</p>\n";
947 &ui_print_footer("/", $text{'index'});
948 exit;
949 }
950
951 # ui_subheading(text, ...)
952 # Returns HTML for a section heading
953 sub ui_subheading
954 {
955 return &theme_ui_subheading(@_) if (defined(&theme_ui_subheading));
956 return "<h3 class='ui_subheading'>".join("", @_)."</h3>\n";
957 }
958
959 # ui_links_row(&links)
960 # Returns HTML for a row of links, like select all / invert selection / add..
961 sub ui_links_row
962 {
963 return &theme_ui_links_row(@_) if (defined(&theme_ui_links_row));
964 local ($links) = @_;
965 return @$links ? join("\n|\n", @$links)."<br>\n"
966                : "";
967 }
968
969 ########################### collapsible section / tab functions
970
971 # ui_hidden_javascript()
972 # Returns <script> and <style> sections for hiding functions and CSS
973 sub ui_hidden_javascript
974 {
975 return &theme_ui_hidden_javascript(@_)
976         if (defined(&theme_ui_hidden_javascript));
977 local $rv;
978 local $imgdir = "$gconfig{'webprefix'}/images";
979 local ($jscb, $jstb) = ($cb, $tb);
980 $jscb =~ s/'/\\'/g;
981 $jstb =~ s/'/\\'/g;
982
983 return <<EOF;
984 <style>
985 .opener_shown {display:inline}
986 .opener_hidden {display:none}
987 </style>
988 <script>
989 // Open or close a hidden section
990 function hidden_opener(divid, openerid)
991 {
992 var divobj = document.getElementById(divid);
993 var openerobj = document.getElementById(openerid);
994 if (divobj.className == 'opener_shown') {
995   divobj.className = 'opener_hidden';
996   openerobj.innerHTML = '<img border=0 src=$imgdir/closed.gif>';
997   }
998 else {
999   divobj.className = 'opener_shown';
1000   openerobj.innerHTML = '<img border=0 src=$imgdir/open.gif>';
1001   }
1002 }
1003
1004 // Show a tab
1005 function select_tab(name, tabname, form)
1006 {
1007 var tabnames = document[name+'_tabnames'];
1008 var tabtitles = document[name+'_tabtitles'];
1009 for(var i=0; i<tabnames.length; i++) {
1010   var tabobj = document.getElementById('tab_'+tabnames[i]);
1011   var divobj = document.getElementById('div_'+tabnames[i]);
1012   var title = tabtitles[i];
1013   if (tabnames[i] == tabname) {
1014     // Selected table
1015     tabobj.innerHTML = '<table cellpadding=0 cellspacing=0><tr>'+
1016                        '<td valign=top $jscb>'+
1017                        '<img src=$imgdir/lc2.gif alt=""></td>'+
1018                        '<td $jscb nowrap>'+
1019                        '&nbsp;<b>'+title+'</b>&nbsp;</td>'+
1020                        '<td valign=top $jscb>'+
1021                        '<img src=$imgdir/rc2.gif alt=""></td>'+
1022                        '</tr></table>';
1023     divobj.className = 'opener_shown';
1024     }
1025   else {
1026     // Non-selected tab
1027     tabobj.innerHTML = '<table cellpadding=0 cellspacing=0><tr>'+
1028                        '<td valign=top $jstb>'+
1029                        '<img src=$imgdir/lc1.gif alt=""></td>'+
1030                        '<td $jstb nowrap>'+
1031                        '&nbsp;<a href=\\'\\' onClick=\\'return select_tab("'+
1032                        name+'", "'+tabnames[i]+'")\\'>'+title+'</a>&nbsp;</td>'+
1033                        '<td valign=top $jstb>'+
1034                        '<img src=$imgdir/rc1.gif alt=""></td>'+
1035                        '</tr></table>';
1036     divobj.className = 'opener_hidden';
1037     }
1038   }
1039 if (document.forms[0] && document.forms[0][name]) {
1040   document.forms[0][name].value = tabname;
1041   }
1042 return false;
1043 }
1044 </script>
1045 EOF
1046 }
1047
1048 # ui_hidden_start(title, name, status, thisurl)
1049 # Returns HTML for the start of a collapsible hidden section, such as for
1050 # advanced options.
1051 sub ui_hidden_start
1052 {
1053 return &theme_ui_hidden_start(@_) if (defined(&theme_ui_hidden_start));
1054 local ($title, $name, $status, $url) = @_;
1055 local $rv;
1056 if (!$main::ui_hidden_start_donejs++) {
1057         $rv .= &ui_hidden_javascript();
1058         }
1059 local $divid = "hiddendiv_$name";
1060 local $openerid = "hiddenopener_$name";
1061 local $defimg = $status ? "open.gif" : "closed.gif";
1062 local $defclass = $status ? 'opener_shown' : 'opener_hidden';
1063 $rv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg' alt='*'></a>\n";
1064 $rv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\">$title</a><br>\n";
1065 $rv .= "<div class='$defclass' id='$divid'>\n";
1066 return $rv;
1067 }
1068
1069 # ui_hidden_end(name)
1070 # Returns HTML for the end of a hidden section
1071 sub ui_hidden_end
1072 {
1073 return &theme_ui_hidden_end(@_) if (defined(&theme_ui_hidden_end));
1074 local ($name) = @_;
1075 return "</div>\n";
1076 }
1077
1078 # ui_hidden_table_row_start(title, name, status, thisurl)
1079 # Similar to ui_hidden_start, but for use within a table started with
1080 # ui_table_start
1081 sub ui_hidden_table_row_start
1082 {
1083 return &theme_ui_hidden_table_row_start(@_)
1084         if (defined(&theme_ui_hidden_table_row_start));
1085 local ($title, $name, $status, $url) = @_;
1086 local ($rv, $rrv);
1087 if (!$main::ui_hidden_start_donejs++) {
1088         $rv .= &ui_hidden_javascript();
1089         }
1090 local $divid = "hiddendiv_$name";
1091 local $openerid = "hiddenopener_$name";
1092 local $defimg = $status ? "open.gif" : "closed.gif";
1093 local $defclass = $status ? 'opener_shown' : 'opener_hidden';
1094 $rrv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg'></a>\n";
1095 $rrv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\">$title</a><br>\n";
1096 $rv .= &ui_table_row(undef, $rrv, $main::ui_table_cols);
1097 $rv .= "</table>\n";
1098 $rv .= "<div class='$defclass' id='$divid'>\n";
1099 $rv .= "<table width=100%>\n";
1100 return $rv;
1101 }
1102
1103 # ui_hidden_table_row_end(name)
1104 sub ui_hidden_table_row_end
1105 {
1106 return &theme_ui_hidden_table_row_end(@_)
1107         if (defined(&theme_ui_hidden_table_row_end));
1108 local ($name) = @_;
1109 return "</table></div><table width=100%>\n";
1110 }
1111
1112 # ui_hidden_table_start(heading, [tabletags], [cols], name, status,
1113 #                       [&default-tds])
1114 # A table with a heading and table inside, and which is collapsible
1115 sub ui_hidden_table_start
1116 {
1117 return &theme_ui_hidden_table_start(@_)
1118         if (defined(&theme_ui_hidden_table_start));
1119 local ($heading, $tabletags, $cols, $name, $status, $tds) = @_;
1120 local $rv;
1121 if (!$main::ui_hidden_start_donejs++) {
1122         $rv .= &ui_hidden_javascript();
1123         }
1124 local $divid = "hiddendiv_$name";
1125 local $openerid = "hiddenopener_$name";
1126 local $defimg = $status ? "open.gif" : "closed.gif";
1127 local $defclass = $status ? 'opener_shown' : 'opener_hidden';
1128 local $text = defined($tconfig{'cs_text'}) ? $tconfig{'cs_text'} : 
1129               defined($gconfig{'cs_text'}) ? $gconfig{'cs_text'} : "000000";
1130 $rv .= "<table class='ui_table' border $tabletags class='ui_table'>\n";
1131 $rv .= "<tr $tb> <td><a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg'></a> <a href=\"javascript:hidden_opener('$divid', '$openerid')\"><b><font color=#$text>$heading</font></b></a></td> </tr>\n" if (defined($heading));
1132 $rv .= "<tr $cb> <td><div class='$defclass' id='$divid'><table width=100%>\n";
1133 $main::ui_table_cols = $cols || 4;
1134 $main::ui_table_pos = 0;
1135 $main::ui_table_default_tds = $tds;
1136 return $rv;
1137 }
1138
1139 # ui_hidden_table_end(name)
1140 # Returns HTML for the end of table with hiding, as started by
1141 # ui_hidden_table_start
1142 sub ui_hidden_table_end
1143 {
1144 local ($name) = @_;
1145 return &theme_ui_hidden_table_end(@_) if (defined(&theme_ui_hidden_table_end));
1146 return "</table></div></td></tr></table>\n";
1147 }
1148
1149 # ui_tabs_start(&tabs, name, selected, show-border)
1150 # Render a row of tabs from which one can be selected. Each tab is an array
1151 # ref containing a name, title and link.
1152 sub ui_tabs_start
1153 {
1154 return &theme_ui_tabs_start(@_) if (defined(&theme_ui_tabs_start));
1155 local ($tabs, $name, $sel, $border) = @_;
1156 local $rv;
1157 if (!$main::ui_hidden_start_donejs++) {
1158         $rv .= &ui_hidden_javascript();
1159         }
1160
1161 # Build list of tab titles and names
1162 local $tabnames = "[".join(",", map { "\"".&html_escape($_->[0])."\"" } @$tabs)."]";
1163 local $tabtitles = "[".join(",", map { "\"".&html_escape($_->[1])."\"" } @$tabs)."]";
1164 $rv .= "<script>\n";
1165 $rv .= "document.${name}_tabnames = $tabnames;\n";
1166 $rv .= "document.${name}_tabtitles = $tabtitles;\n";
1167 $rv .= "</script>\n";
1168
1169 # Output the tabs
1170 local $imgdir = "$gconfig{'webprefix'}/images";
1171 $rv .= &ui_hidden($name, $sel)."\n";
1172 $rv .= "<table border=0 cellpadding=0 cellspacing=0>\n";
1173 $rv .= "<tr><td bgcolor=#ffffff colspan=".(scalar(@$tabs)*2+1).">";
1174 if ($ENV{'HTTP_USER_AGENT'} !~ /msie/i) {
1175         # For some reason, the 1-pixel space above the tabs appears huge on IE!
1176         $rv .= "<img src=$imgdir/1x1.gif>";
1177         }
1178 $rv .= "</td></tr>\n";
1179 $rv .= "<tr>\n";
1180 $rv .= "<td bgcolor=#ffffff width=1><img src=$imgdir/1x1.gif></td>\n";
1181 foreach my $t (@$tabs) {
1182         if ($t ne $tabs[0]) {
1183                 # Spacer
1184                 $rv .= "<td width=2 bgcolor=#ffffff>".
1185                        "<img src=$imgdir/1x1.gif></td>\n";
1186                 }
1187         local $tabid = "tab_".$t->[0];
1188         $rv .= "<td id=${tabid}>";
1189         $rv .= "<table cellpadding=0 cellspacing=0 border=0><tr>";
1190         if ($t->[0] eq $sel) {
1191                 # Selected tab
1192                 $rv .= "<td valign=top $cb>".
1193                        "<img src=$imgdir/lc2.gif alt=\"\"></td>";
1194                 $rv .= "<td $cb nowrap>".
1195                        "&nbsp;<b>$t->[1]</b>&nbsp;</td>";
1196                 $rv .= "<td valign=top $cb>".
1197                        "<img src=$imgdir/rc2.gif alt=\"\"></td>";
1198                 }
1199         else {
1200                 # Other tab (which has a link)
1201                 $rv .= "<td valign=top $tb>".
1202                        "<img src=$imgdir/lc1.gif alt=\"\"></td>";
1203                 $rv .= "<td $tb nowrap>".
1204                        "&nbsp;<a href='$t->[2]' ".
1205                        "onClick='return select_tab(\"$name\", \"$t->[0]\")'>".
1206                        "$t->[1]</a>&nbsp;</td>";
1207                 $rv .= "<td valign=top $tb>".
1208                        "<img src=$imgdir/rc1.gif ".
1209                        "alt=\"\"></td>";
1210                 $rv .= "</td>\n";
1211                 }
1212         $rv .= "</tr></table>";
1213         $rv .= "</td>\n";
1214         }
1215 $rv .= "<td bgcolor=#ffffff width=1><img src=$imgdir/1x1.gif></td>\n";
1216 $rv .= "</table>\n";
1217
1218 if ($border) {
1219         # All tabs are within a grey box
1220         $rv .= "<table width=100% cellpadding=0 cellspacing=0 border=0>\n";
1221         $rv .= "<tr> <td bgcolor=#ffffff rowspan=3 width=1><img src=$imgdir/1x1.gif></td>\n";
1222         $rv .= "<td $cb colspan=3 height=2><img src=$imgdir/1x1.gif></td> </tr>\n";
1223         $rv .= "<tr> <td $cb width=2><img src=$imgdir/1x1.gif></td>\n";
1224         $rv .= "<td valign=top>";
1225         }
1226 $main::ui_tabs_selected = $sel;
1227 return $rv;
1228 }
1229
1230 # ui_tabs_end(border)
1231 sub ui_tabs_end
1232 {
1233 return &theme_ui_tabs_end(@_) if (defined(&theme_ui_tabs_end));
1234 local ($border) = @_;
1235 local $rv;
1236 local $imgdir = "$gconfig{'webprefix'}/images";
1237 if ($border) {
1238         $rv .= "</td>\n";
1239         $rv .= "<td $cb width=2><img src=$imgdir/1x1.gif></td>\n";
1240         $rv .= "</tr>\n";
1241         $rv .= "<tr> <td $cb colspan=3 height=2><img src=$imgdir/1x1.gif></td> </tr>\n";
1242         $rv .= "</table>\n";
1243         }
1244 return $rv;
1245 }
1246
1247 # ui_tabs_start_tab(name, tab)
1248 # Must be called before outputting the HTML for the named tab
1249 sub ui_tabs_start_tab
1250 {
1251 return &theme_ui_tabs_start_tab(@_) if (defined(&theme_ui_tabs_start_tab));
1252 local ($name, $tab) = @_;
1253 local $defclass = $tab eq $main::ui_tabs_selected ?
1254                         'opener_shown' : 'opener_hidden';
1255 local $rv = "<div id='div_$tab' class='$defclass'>\n";
1256 return $rv;
1257 }
1258
1259 # ui_tabs_start_tabletab(name, tab)
1260 # Behaves like ui_tabs_start_tab, but for use within a ui_table_start block
1261 sub ui_tabs_start_tabletab
1262 {
1263 return &theme_ui_tabs_start_tabletab(@_)
1264         if (defined(&theme_ui_tabs_start_tabletab));
1265 local $div = &ui_tabs_start_tab(@_);
1266 return "</table>\n".$div."<table width=100%>\n";
1267 }
1268
1269 sub ui_tabs_end_tab
1270 {
1271 return &theme_ui_tabs_end_tab(@_) if (defined(&theme_ui_tabs_end_tab));
1272 return "</div>\n";
1273 }
1274
1275 sub ui_tabs_end_tabletab
1276 {
1277 return &theme_ui_tabs_end_tabletab(@_)
1278         if (defined(&theme_ui_tabs_end_tabletab));
1279 return "</table></div><table width=100%>\n";
1280 }
1281
1282 # ui_max_text_width(width, [text-area?])
1283 # Returns a new width for a text field, based on theme settings
1284 sub ui_max_text_width
1285 {
1286 local ($w, $ta) = @_;
1287 local $max = $ta ? $tconfig{'maxareawidth'} : $tconfig{'maxboxwidth'};
1288 return $max && $w > $max ? $max : $w;
1289 }
1290
1291 ####################### radio hidden functions
1292
1293 # ui_radio_selector(&opts, name, selected)
1294 # Returns HTML for a set of radio buttons, each of which shows a different
1295 # block of HTML when selected. &opts is an array ref to arrays containing
1296 # [ value, label, html ]
1297 sub ui_radio_selector
1298 {
1299 return &theme_ui_radio_selector(@_) if (defined(&theme_ui_radio_selector));
1300 local ($opts, $name, $sel) = @_;
1301 local $rv;
1302 if (!$main::ui_radio_selector_donejs++) {
1303         $rv .= &ui_radio_selector_javascript();
1304         }
1305 local $optnames =
1306         "[".join(",", map { "\"".&html_escape($_->[0])."\"" } @$opts)."]";
1307 foreach my $o (@$opts) {
1308         $rv .= &ui_oneradio($name, $o->[0], $o->[1], $sel eq $o->[0],
1309             "onClick='selector_show(\"$name\", \"$o->[0]\", $optnames)'");
1310         }
1311 $rv .= "<br>\n";
1312 foreach my $o (@$opts) {
1313         local $cls = $o->[0] eq $sel ? "selector_shown" : "selector_hidden";
1314         $rv .= "<div id=sel_${name}_$o->[0] class=$cls>".$o->[2]."</div>\n";
1315         }
1316 return $rv;
1317 }
1318
1319 sub ui_radio_selector_javascript
1320 {
1321 return <<EOF;
1322 <style>
1323 .selector_shown {display:inline}
1324 .selector_hidden {display:none}
1325 </style>
1326 <script>
1327 function selector_show(name, value, values)
1328 {
1329 for(var i=0; i<values.length; i++) {
1330         var divobj = document.getElementById('sel_'+name+'_'+values[i]);
1331         divobj.className = value == values[i] ? 'selector_shown'
1332                                               : 'selector_hidden';
1333         }
1334 }
1335 </script>
1336 EOF
1337 }
1338
1339 ####################### grid layout functions
1340
1341 # ui_grid_table(&elements, columns, [width-percent], [tds], [tabletags],
1342 #               [title])
1343 # Given a list of HTML elements, formats them into a table with the given
1344 # number of columns. However, themes are free to override this to use fewer
1345 # columns where space is limited.
1346 sub ui_grid_table
1347 {
1348 return &theme_ui_grid_table(@_) if (defined(&theme_ui_grid_table));
1349 local ($elements, $cols, $width, $tds, $tabletags, $title) = @_;
1350 return "" if (!@$elements);
1351 local $rv = "<table".
1352             ($width ? " width=$width%" : "").
1353             ($tabletags ? " ".$tabletags : "").
1354             ">\n";
1355 my $i;
1356 for($i=0; $i<@$elements; $i++) {
1357         $rv .= "<tr>" if ($i%$cols == 0);
1358         $rv .= "<td ".$tds->[$i%$cols]." valign=top>".$elements->[$i]."</td>\n";
1359         $rv .= "</tr>" if ($i%$cols == $cols-1);
1360         }
1361 if ($i%$cols) {
1362         while($i%$cols) {
1363                 $rv .= "<td ".$tds->[$i%$cols]."><br></td>\n";
1364                 $i++;
1365                 }
1366         $rv .= "</tr>\n";
1367         }
1368 $rv .= "</table>\n";
1369 if (defined($title)) {
1370         $rv = "<table class=ui_table border ".
1371               ($width ? " width=$width%" : "").">\n".
1372               ($title ? "<tr $tb> <td><b>$title</b></td> </tr>\n" : "").
1373               "<tr $cb> <td>$rv</td> </tr>\n".
1374               "</table>";
1375         }
1376 return $rv;
1377 }
1378
1379 # ui_radio_table(name, selected, &rows)
1380 # Returns HTML for a table of radio buttons, each of which has a label and
1381 # some associated inputs to the right.
1382 sub ui_radio_table
1383 {
1384 return &theme_ui_radio_table(@_) if (defined(&theme_ui_radio_table));
1385 local ($name, $sel, $rows) = @_;
1386 return "" if (!@$rows);
1387 local $rv = "<table>\n";
1388 foreach my $r (@$rows) {
1389         $rv .= "<tr>\n";
1390         $rv .= "<td valign=top><b>".&ui_oneradio($name, $r->[0], $r->[1],
1391                                    $r->[0] eq $sel)."</b></td>\n";
1392         $rv .= "<td valign=top>".$r->[2]."</td>\n";
1393         $rv .= "</tr>\n";
1394         }
1395 $rv .= "</table>\n";
1396 return $rv;
1397 }
1398
1399 # ui_up_down_arrows(uplink, downlink, up-show, down-show)
1400 # Returns HTML for moving some objects in a table up or down
1401 sub ui_up_down_arrows
1402 {
1403 return &theme_ui_up_down_arrows(@_) if (defined(&theme_ui_up_down_arrows));
1404 local ($uplink, $downlink, $upshow, $downshow) = @_;
1405 local $mover;
1406 local $imgdir = "$gconfig{'webprefix'}/images";
1407 if ($downshow) {
1408         $mover .= "<a href=\"$downlink\">".
1409                   "<img src=$imgdir/movedown.gif border=0></a>";
1410         }
1411 else {
1412         $mover .= "<img src=$imgdir/movegap.gif>";
1413         }
1414 if ($upshow) {
1415         $mover .= "<a href=\"$uplink\">".
1416                   "<img src=$imgdir/moveup.gif border=0></a>";
1417         }
1418 else {
1419         $mover .= "<img src=$imgdir/movegap.gif>";
1420         }
1421 return $mover;
1422 }
1423
1424 # ui_hr()
1425 # Returns a horizontal row tag
1426 sub ui_hr
1427 {
1428 return &theme_ui_hr() if (defined(&theme_ui_hr));
1429 return "<hr>\n";
1430 }
1431
1432 ####################### javascript functions
1433
1434 # js_disable_input(&disable-inputs, &enable-inputs, [tag])
1435 # Returns Javascript to disable some form elements and enable others
1436 sub js_disable_inputs
1437 {
1438 local $rv;
1439 local $f;
1440 foreach $f (@{$_[0]}) {
1441         $rv .= "e = form.elements[\"$f\"]; e.disabled = true; ";
1442         $rv .= "for(i=0; i<e.length; i++) { e[i].disabled = true; } ";
1443         }
1444 foreach $f (@{$_[1]}) {
1445         $rv .= "e = form.elements[\"$f\"]; e.disabled = false; ";
1446         $rv .= "for(i=0; i<e.length; i++) { e[i].disabled = false; } ";
1447         }
1448 foreach $f (@{$_[1]}) {
1449         if ($f =~ /^(.*)_def$/ && &indexof($1, @{$_[1]}) >= 0) {
1450                 # When enabling both a _def field and its associated text field,
1451                 # disable the text if the _def is set to 1
1452                 local $tf = $1;
1453                 $rv .= "e = form.elements[\"$f\"]; for(i=0; i<e.length; i++) { if (e[i].checked && e[i].value == \"1\") { form.elements[\"$tf\"].disabled = true } } ";
1454                 }
1455         }
1456 return $_[2] ? "$_[2]='$rv'" : $rv;
1457 }
1458
1459 # js_checkbox_disable(name, &checked-disable, &checked-enable, [tag])
1460 sub js_checkbox_disable
1461 {
1462 local $rv;
1463 local $f;
1464 foreach $f (@{$_[1]}) {
1465         $rv .= "form.elements[\"$f\"].disabled = $_[0].checked; ";
1466         }
1467 foreach $f (@{$_[2]}) {
1468         $rv .= "form.elements[\"$f\"].disabled = !$_[0].checked; ";
1469         }
1470 return $_[3] ? "$_[3]='$rv'" : $rv;
1471 }
1472
1473 # js_redirect(url)
1474 # Returns HTML to trigger a redirect to some URL
1475 sub js_redirect
1476 {
1477 local ($url) = @_;
1478 if (defined(&theme_js_redirect)) {
1479         return &theme_js_redirect(@_);
1480         }
1481 return "<script>window.location = '".&quote_escape($url)."';</script>\n";
1482 }
1483
1484 1;
1485