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