2 # Common functions for generating HTML for Webmin user interface elements
4 ####################### table generation functions
6 # ui_table_start(heading, [tabletags], [cols], [&default-tds],
8 # A table with a heading and table inside
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);
21 $rv .= "<table class='ui_table' border $tabletags>\n";
22 if (defined($heading) || defined($rightheading)) {
24 if (defined($heading)) {
25 $rv .= "<td><b>$heading</b></td>"
27 if (defined($rightheading)) {
28 $rv .= "<td align=right>$rightheading</td>";
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;
41 # The end of a table started by ui_table_start
44 return &theme_ui_table_end(@_) if (defined(&theme_ui_table_end));
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(" ", " ");
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);
56 $main::ui_table_cols = undef;
57 $main::ui_table_pos = undef;
58 $main::ui_table_default_tds = undef;
60 $rv .= "</table></td></tr></table>\n";
64 # ui_columns_start(&headings, [width-percent], [noborder], [&tdtags], [heading])
65 # Returns HTML for a multi-column table, with the given headings
68 return &theme_ui_columns_start(@_) if (defined(&theme_ui_columns_start));
69 my ($heads, $width, $noborder, $tdtags, $title) = @_;
71 $rv .= "<table".($noborder ? "" : " border").
72 (defined($width) ? " width=$width%" : "")." class='ui_columns'>\n";
74 $rv .= "<tr $tb><td colspan=".scalar(@$heads).
75 " class='ui_columns_heading'><b>$title</b></td></tr>\n";
77 $rv .= "<tr $tb class='ui_columns_heads'>\n";
79 for($i=0; $i<@$heads; $i++) {
80 $rv .= "<td ".$tdtags->[$i]."><b>".
81 ($heads->[$i] eq "" ? "<br>" : $heads->[$i])."</b></td>\n";
87 # ui_columns_row(&columns, &tdtags)
88 # Returns HTML for a row in a multi-column table
91 return &theme_ui_columns_row(@_) if (defined(&theme_ui_columns_row));
92 my ($cols, $tdtags) = @_;
94 $rv .= "<tr $cb class='ui_columns_row'>\n";
96 for($i=0; $i<@$cols; $i++) {
97 $rv .= "<td ".$tdtags->[$i].">".
98 ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i])."</td>\n";
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
108 return &theme_ui_columns_header(@_) if (defined(&theme_ui_columns_header));
109 my ($cols, $tdtags) = @_;
111 $rv .= "<tr $tb class='ui_columns_header'>\n";
113 for($i=0; $i<@$cols; $i++) {
114 $rv .= "<td ".$tdtags->[$i]."><b>".
115 ($cols->[$i] eq "" ? "<br>" : $cols->[$i])."</b></td>\n";
121 # ui_checked_columns_row(&columns, &tdtags, checkname, checkvalue, [checked?],
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
127 return &theme_ui_checked_columns_row(@_) if (defined(&theme_ui_checked_columns_row));
128 my ($cols, $tdtags, $checkname, $checkvalue, $checked, $disabled) = @_;
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).
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 "e_escape("${checkname}_${checkvalue}")."\">";
141 $rv .= ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i]);
142 if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
151 # ui_radio_columns_row(&columns, &tdtags, checkname, checkvalue, [checked],
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
157 return &theme_ui_radio_columns_row(@_) if (defined(&theme_ui_radio_columns_row));
158 my ($cols, $tdtags, $checkname, $checkvalue, $checked, $dis) = @_;
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";
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 "e_escape("${checkname}_${checkvalue}")."\">";
170 $rv .= ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i]);
171 if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
181 # Returns HTML to end a table started by ui_columns_start
184 return &theme_ui_columns_end(@_) if (defined(&theme_ui_columns_end));
188 # ui_columns_table(&headings, width-percent, &data, &types, no-sort, title,
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,
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'
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
208 return &theme_ui_columns_table(@_) if (defined(&theme_ui_columns_table));
209 my ($heads, $width, $data, $types, $nosort, $title, $emptymsg) = @_;
212 # Just show empty message if no data
213 if ($emptymsg && !@$data) {
214 $rv .= &ui_subheading($title) if ($title);
215 $rv .= "<b>$emptymsg</b><p>\n";
219 # Are there any checkboxes in each column? If so, make those columns narrow
220 my @tds = map { "valign=top" } @$heads;
222 foreach my $r (@$data) {
224 foreach my $c (@$r) {
226 ($c->{'type'} eq 'checkbox' || $c->{'type'} eq 'radio')) {
227 $tds[$cc] .= " width=5" if ($tds[$cc] !~ /width=/);
231 $maxwidth = $cc if ($cc > $maxwidth);
233 $rv .= &ui_columns_start($heads, $width, 0, \@tds, $title);
236 foreach my $r (@$data) {
238 if (ref($r->[0]) && ($r->[0]->{'type'} eq 'checkbox' ||
239 $r->[0]->{'type'} eq 'radio')) {
240 # First column is special
242 $r = [ @$r[1..(@$r-1)] ];
244 # Turn data into HTML
249 foreach my $c (@$r) {
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'}));
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'}));
266 elsif ($c->{'type'} eq 'group') {
267 # Header row that spans whole table
268 $rv .= &ui_columns_header([ $c->{'desc'} ],
269 [ "colspan=$width" ]);
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'});
279 if ($c->{'nowrap'}) {
280 $rtds[$cn] .= " nowrap";
287 $rv .= &ui_columns_row(\@cols, \@rtds);
289 elsif ($c0->{'type'} eq 'checkbox') {
290 $rv .= &ui_checked_columns_row(\@cols, \@rtds, $c0->{'name'},
291 $c0->{'value'}, $c0->{'checked'},
294 elsif ($c0->{'type'} eq 'radio') {
295 $rv .= &ui_radio_columns_row(\@cols, \@rtds, $c0->{'name'},
296 $c0->{'value'}, $c0->{'checked'},
301 $rv .= &ui_columns_end();
305 # ui_form_columns_table(cgi, &buttons, select-all, &otherlinks, &hiddens,
306 # &headings, width-percent, &data, &types, no-sort, title,
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
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) = @_;
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;
338 foreach my $r (@$data) {
339 foreach my $c (@$r) {
340 if (ref($c) && $c->{'type'} eq 'checkbox') {
341 $cbname = $c->{'name'};
347 unshift(@leftlinks, &select_all_link($cbname),
348 &select_invert_link($cbname));
355 $links = &ui_grid_table([ &ui_links_row(\@leftlinks),
356 &ui_links_row(\@rightlinks) ], 2, 100,
357 [ undef, "align=right" ]);
360 $links = &ui_links_row(\@leftlinks);
363 # Start the form, if we need one
365 $rv .= &ui_form_start($cgi, "post");
366 foreach my $h (@$hiddens) {
367 $rv .= &ui_hidden(@$h);
373 $rv .= &ui_columns_table($heads, $width, $data, $types, $nosort, $title,
379 $rv .= &ui_form_end($buttons);
385 ####################### form generation functions
387 # ui_form_start(script, method, [target], [tags])
388 # Returns HTML for a form that submits to some script
391 return &theme_ui_form_start(@_) if (defined(&theme_ui_form_start));
392 my ($script, $method, $target, $tags) = @_;
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" :
399 ($target ? " target=$target" : "").
405 # ui_form_end([&buttons], [width])
406 # Returns HTML for the end of a form, optionally with a row of submit buttons
409 return &theme_ui_form_end(@_) if (defined(&theme_ui_form_end));
410 my ($buttons, $width) = @_;
412 if ($buttons && @$buttons) {
413 $rv .= "<table class='ui_form_end_buttons' ".($width ? " width=$width" : "")."><tr>\n";
415 foreach $b (@$buttons) {
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";
425 $rv .= "<td>$b</td>\n";
428 $rv .= "<td> </td>\n";
431 $rv .= "</tr></table>\n";
437 # ui_textbox(name, value, size, [disabled?], [maxlength], [tags])
438 # Returns HTML for a text input
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 name=\""."e_escape($name)."\" ".
445 "value=\""."e_escape($value)."\" ".
446 "size=$size ".($dis ? "disabled=true" : "").
447 ($max ? " maxlength=$max" : "").
452 # ui_filebox(name, value, size, [disabled?], [maxlength], [tags], [dir-only])
453 # Returns HTML for a text box for choosing a file
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)." ".
459 &file_chooser_button($name, $dironly);
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!
467 my ($name, $bytes, $size, $dis) = @_;
469 if ($bytes >= 10*1024*1024*1024*1024) {
470 $units = 1024*1024*1024*1024;
472 elsif ($bytes >= 10*1024*1024*1024) {
473 $units = 1024*1024*1024;
475 elsif ($bytes >= 10*1024*1024) {
478 elsif ($bytes >= 10*1024) {
485 $bytes = sprintf("%.2f", ($bytes*1.0)/$units);
488 $size = &ui_max_text_width($size || 8);
489 return &ui_textbox($name, $bytes, $size, $dis)." ".
490 &ui_select($name."_units", $units,
494 [ 1024*1024*1024, "GB" ],
495 [ 1024*1024*1024*1024, "TB" ] ], undef, undef, undef, $dis);
498 # ui_upload(name, size, [disabled?], [tags])
499 # Returns HTML for a file upload input
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 type=file name=\""."e_escape($name)."\" ".
507 ($dis ? "disabled=true" : "").
508 ($tags ? " ".$tags : "").">";
511 # ui_password(name, value, size, [disabled?], [maxlength])
512 # Returns HTML for a password text input
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 type=password name=\""."e_escape($name)."\" ".
519 "value=\""."e_escape($value)."\" ".
520 "size=$size ".($dis ? "disabled=true" : "").
521 ($max ? " maxlength=$max" : "").
525 # ui_hidden(name, value)
526 # Returns HTML for a hidden field
529 return &theme_ui_hidden(@_) if (defined(&theme_ui_hidden));
530 my ($name, $value) = @_;
531 return "<input type=hidden name=\""."e_escape($name)."\" ".
532 "value=\""."e_escape($value)."\">\n";
535 # ui_select(name, value|&values, &options, [size], [multiple],
536 # [add-if-missing], [disabled?], [javascript])
537 # Returns HTML for a drop-down menu or multiple selection list
540 return &theme_ui_select(@_) if (defined(&theme_ui_select));
541 my ($name, $value, $opts, $size, $multiple, $missing, $dis, $js) = @_;
543 $rv .= "<select name=\""."e_escape($name)."\"".
544 ($size ? " size=$size" : "").
545 ($multiple ? " multiple" : "").
546 ($dis ? " disabled=true" : "")." ".$js.">\n";
548 my %sel = ref($value) ? ( map { $_, 1 } @$value ) : ( $value, 1 );
549 foreach $o (@$opts) {
550 $o = [ $o ] if (!ref($o));
551 $rv .= "<option value=\""."e_escape($o->[0])."\"".
552 ($sel{$o->[0]} ? " selected" : "")." ".$o->[2].">".
553 ($o->[1] || $o->[0])."\n";
556 foreach $s (keys %sel) {
557 if (!$opt{$s} && $missing) {
558 $rv .= "<option value=\""."e_escape($s)."\"".
559 "selected>".($s eq "" ? " " : $s)."\n";
562 $rv .= "</select>\n";
566 # ui_multi_select(name, &values, &options, size, [add-if-missing], [disabled?],
567 # [options-title, values-title], [width])
568 # Returns HTML for selecting many of many from a list. By default, this is
569 # implemented using two <select> lists and Javascript buttons to move elements
570 # between them. The resulting input value is \n separated.
573 return &theme_ui_multi_select(@_) if (defined(&theme_ui_multi_select));
574 my ($name, $values, $opts, $size, $missing, $dis,
575 $opts_title, $vals_title, $width) = @_;
577 my %already = map { $_->[0], $_ } @$values;
578 my $leftover = [ grep { !$already{$_->[0]} } @$opts ];
580 my %optsalready = map { $_->[0], $_ } @$opts;
581 push(@$opts, grep { !$optsalready{$_->[0]} } @$values);
583 if (!defined($width)) {
586 my $wstyle = $width ? "style='width:$width'" : "";
588 if (!$main::ui_multi_select_donejs++) {
589 $rv .= &ui_multi_select_javascript();
591 $rv .= "<table cellpadding=0 cellspacing=0 class='ui_multi_select'>";
592 if (defined($opts_title)) {
593 $rv .= "<tr class='ui_multi_select_heads'> ".
594 "<td><b>$opts_title</b></td> ".
595 "<td></td> <td><b>$vals_title</b></td> </tr>";
597 $rv .= "<tr class='ui_multi_select_row'>";
598 $rv .= "<td>".&ui_select($name."_opts", [ ], $leftover,
599 $size, 0, 0, $dis, $wstyle)."</td>\n";
600 $rv .= "<td>".&ui_button("->", undef, $dis,
601 "onClick='multi_select_move(\"$name\", form, 1)'")."<br>".
602 &ui_button("<-", undef, $dis,
603 "onClick='multi_select_move(\"$name\", form, 0)'")."</td>\n";
604 $rv .= "<td>".&ui_select($name."_vals", [ ], $values,
605 $size, 0, 0, $dis, $wstyle)."</td>\n";
606 $rv .= "</tr></table>\n";
607 $rv .= &ui_hidden($name, join("\n", map { $_->[0] } @$values));
611 # ui_multi_select_javascript()
612 # Returns <script> section for left/right select boxes
613 sub ui_multi_select_javascript
615 return &theme_ui_multiselect_javascript()
616 if (defined(&theme_ui_multiselect_javascript));
619 // Move an element from the options list to the values list, or vice-versa
620 function multi_select_move(name, f, dir)
622 var opts = f.elements[name+"_opts"];
623 var vals = f.elements[name+"_vals"];
624 var opts_idx = opts.selectedIndex;
625 var vals_idx = vals.selectedIndex;
626 if (dir == 1 && opts_idx >= 0) {
627 // Moving from options to selected list
628 var o = opts.options[opts_idx];
629 vals.options[vals.options.length] = new Option(o.text, o.value);
630 opts.remove(opts_idx);
632 else if (dir == 0 && vals_idx >= 0) {
633 // Moving the other way
634 var o = vals.options[vals_idx];
635 opts.options[opts.options.length] = new Option(o.text, o.value);
636 vals.remove(vals_idx);
638 // Fill in hidden field
639 var hid = f.elements[name];
641 var hv = new Array();
642 for(var i=0; i<vals.options.length; i++) {
643 hv.push(vals.options[i].value);
645 hid.value = hv.join("\\n");
652 # ui_radio(name, value, &options, [disabled?])
653 # Returns HTML for a series of radio buttons
656 return &theme_ui_radio(@_) if (defined(&theme_ui_radio));
657 my ($name, $value, $opts, $dis) = @_;
660 foreach $o (@$opts) {
661 my $id = "e_escape($name."_".$o->[0]);
662 my $label = $o->[1] || $o->[0];
664 if ($label =~ /^(.*?)((<a\s+href|<input|<select|<textarea)[\000-\377]*)$/i) {
668 $rv .= "<input type=radio name=\""."e_escape($name)."\" ".
669 "value=\""."e_escape($o->[0])."\"".
670 ($o->[0] eq $value ? " checked" : "").
671 ($dis ? " disabled=true" : "").
673 " $o->[2]> <label for=\"$id\">".
674 $label."</label>".$after."\n";
679 # ui_yesno_radio(name, value, [yes], [no], [disabled?])
680 # Like ui_yesno, but always displays just two inputs (yes and no)
683 my ($name, $value, $yes, $no, $dis) = @_;
684 return &theme_ui_yesno_radio(@_) if (defined(&theme_ui_yesno_radio));
685 $yes = 1 if (!defined($yes));
686 $no = 0 if (!defined($no));
687 $value = int($value);
688 return &ui_radio($name, $value, [ [ $yes, $text{'yes'} ],
689 [ $no, $text{'no'} ] ], $dis);
692 # ui_checkbox(name, value, label, selected?, [tags], [disabled?])
693 # Returns HTML for a single checkbox
696 return &theme_ui_checkbox(@_) if (defined(&theme_ui_checkbox));
697 my ($name, $value, $label, $sel, $tags, $dis) = @_;
699 if ($label =~ /^([^<]*)(<[\000-\377]*)$/) {
703 return "<input type=checkbox name=\""."e_escape($name)."\" ".
704 "value=\""."e_escape($value)."\" ".
705 ($sel ? " checked" : "").($dis ? " disabled=true" : "").
706 " id=\""."e_escape("${name}_${value}")."\"".
708 ($label eq "" ? $after :
709 "<label for=\""."e_escape("${name}_${value}").
710 "\">$label</label>$after")."\n";
713 # ui_oneradio(name, value, label, selected?, [tags], [disabled?])
714 # Returns HTML for a single radio button
717 return &theme_ui_oneradio(@_) if (defined(&theme_ui_oneradio));
718 my ($name, $value, $label, $sel, $tags, $dis) = @_;
719 my $id = "e_escape("${name}_${value}");
721 if ($label =~ /^([^<]*)(<[\000-\377]*)$/) {
725 return "<input type=radio name=\""."e_escape($name)."\" ".
726 "value=\""."e_escape($value)."\" ".
727 ($sel ? " checked" : "").($dis ? " disabled=true" : "").
729 " $tags> <label for=\"$id\">$label</label>$after\n";
732 # ui_textarea(name, value, rows, cols, [wrap], [disabled?], [tags])
733 # Returns HTML for a multi-line text input
736 return &theme_ui_textarea(@_) if (defined(&theme_ui_textarea));
737 my ($name, $value, $rows, $cols, $wrap, $dis, $tags) = @_;
738 $cols = &ui_max_text_width($cols, 1);
739 return "<textarea name=\""."e_escape($name)."\" ".
740 "rows=$rows cols=$cols".($wrap ? " wrap=$wrap" : "").
741 ($dis ? " disabled=true" : "").
742 ($tags ? " $tags" : "").">".
743 &html_escape($value).
747 # ui_user_textbox(name, value, [form], [disabled?], [tags])
748 # Returns HTML for a Unix user input
751 return &theme_ui_user_textbox(@_) if (defined(&theme_ui_user_textbox));
752 return &ui_textbox($_[0], $_[1], 13, $_[3], undef, $_[4])." ".
753 &user_chooser_button($_[0], 0, $_[2]);
756 # ui_group_textbox(name, value, [form], [disabled?], [tags])
757 # Returns HTML for a Unix group input
760 return &theme_ui_group_textbox(@_) if (defined(&theme_ui_group_textbox));
761 return &ui_textbox($_[0], $_[1], 13, $_[3], undef, $_[4])." ".
762 &group_chooser_button($_[0], 0, $_[2]);
765 # ui_opt_textbox(name, value, size, option1, [option2], [disabled?],
766 # [&extra-fields], [max])
767 # Returns HTML for a text field that is optional
770 return &theme_ui_opt_textbox(@_) if (defined(&theme_ui_opt_textbox));
771 my ($name, $value, $size, $opt1, $opt2, $dis, $extra, $max) = @_;
772 my $dis1 = &js_disable_inputs([ $name, @$extra ], [ ]);
773 my $dis2 = &js_disable_inputs([ ], [ $name, @$extra ]);
775 $size = &ui_max_text_width($size);
776 $rv .= &ui_radio($name."_def", $value eq '' ? 1 : 0,
777 [ [ 1, $opt1, "onClick='$dis1'" ],
778 [ 0, $opt2 || " ", "onClick='$dis2'" ] ], $dis)."\n";
779 $rv .= "<input name=\""."e_escape($name)."\" ".
780 "size=$size value=\""."e_escape($value)."\" ".
781 ($value eq "" || $dis ? "disabled=true" : "").
782 ($max ? " maxlength=$max" : "").">\n";
786 # ui_submit(label, [name], [disabled?], [tags])
787 # Returns HTML for a form submit button
790 return &theme_ui_submit(@_) if (defined(&theme_ui_submit));
791 my ($label, $name, $dis, $tags) = @_;
792 return "<input type=submit".
793 ($name ne '' ? " name=\""."e_escape($name)."\"" : "").
794 " value=\""."e_escape($label)."\"".
795 ($dis ? " disabled=true" : "").
796 ($tags ? " ".$tags : "").">\n";
800 # ui_reset(label, [disabled?])
801 # Returns HTML for a form reset button
804 return &theme_ui_reset(@_) if (defined(&theme_ui_reset));
805 my ($label, $dis) = @_;
806 return "<input type=reset value=\""."e_escape($label)."\"".
807 ($dis ? " disabled=true" : "").">\n";
811 # ui_button(label, [name], [disabled?], [tags])
812 # Returns HTML for a form button
815 return &theme_ui_button(@_) if (defined(&theme_ui_button));
816 my ($label, $name, $dis, $tags) = @_;
817 return "<input type=button".
818 ($name ne '' ? " name=\""."e_escape($name)."\"" : "").
819 " value=\""."e_escape($label)."\"".
820 ($dis ? " disabled=true" : "").
821 ($tags ? " ".$tags : "").">\n";
824 # ui_date_input(day, month, year, day-name, month-name, year-name, [disabled?])
825 # Returns HTML for a date-selection field
828 my ($day, $month, $year, $dayname, $monthname, $yearname, $dis) = @_;
830 $rv .= &ui_textbox($dayname, $day, 3, $dis);
832 $rv .= &ui_select($monthname, $month,
833 [ map { [ $_, $text{"smonth_$_"} ] } (1 .. 12) ],
836 $rv .= &ui_textbox($yearname, $year, 5, $dis);
840 # ui_table_row(label, value, [cols], [&td-tags])
841 # Returns HTML for a row in a table started by ui_table_start, with a 1-column
842 # label and 1+ column value.
845 return &theme_ui_table_row(@_) if (defined(&theme_ui_table_row));
846 my ($label, $value, $cols, $tds) = @_;
848 $tds ||= $main::ui_table_default_tds;
850 if ($main::ui_table_pos+$cols+1 > $main::ui_table_cols &&
851 $main::ui_table_pos != 0) {
852 # If the requested number of cols won't fit in the number
853 # remaining, start a new row
855 $main::ui_table_pos = 0;
857 $rv .= "<tr>\n" if ($main::ui_table_pos%$main::ui_table_cols == 0);
858 $rv .= "<td valign=top $tds->[0]><b>$label</b></td>\n" if (defined($label));
859 $rv .= "<td valign=top colspan=$cols $tds->[1]>$value</td>\n";
860 $main::ui_table_pos += $cols+(defined($label) ? 1 : 0);
861 if ($main::ui_table_pos%$main::ui_table_cols == 0) {
863 $main::ui_table_pos = 0;
871 return &theme_ui_table_hr(@_) if (defined(&theme_ui_table_hr));
877 $rv .= "<tr> <td colspan=$main::ui_table_cols><hr></td> </tr>\n";
881 # ui_table_span(text)
882 # Outputs a table row that spans the whole table, and contains the given text
886 return &theme_ui_table_hr(@_) if (defined(&theme_ui_table_hr));
892 $rv .= "<tr> <td colspan=$main::ui_table_cols>$text</td> </tr>\n";
899 return &theme_ui_buttons_start(@_) if (defined(&theme_ui_buttons_start));
900 return "<table width=100%>\n";
906 return &theme_ui_buttons_end(@_) if (defined(&theme_ui_buttons_end));
910 # ui_buttons_row(script, button-label, description, [hiddens], [after-submit],
914 return &theme_ui_buttons_row(@_) if (defined(&theme_ui_buttons_row));
915 my ($script, $label, $desc, $hiddens, $after, $before) = @_;
916 return "<form action=$script>\n".
918 "<tr> <td nowrap width=20% valign=top>".($before ? $before." " : "").
919 &ui_submit($label).($after ? " ".$after : "")."</td>\n".
920 "<td valign=top width=80% valign=top>$desc</td> </tr>\n".
924 # ui_buttons_hr([title])
928 return &theme_ui_buttons_hr(@_) if (defined(&theme_ui_buttons_hr));
930 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";
933 return "<tr> <td colspan=2><hr></td> </tr>\n";
937 ####################### header and footer functions
939 # ui_post_header([subtext])
940 # Returns HTML to appear directly after a standard header() call
943 return &theme_ui_post_header(@_) if (defined(&theme_ui_post_header));
946 $rv .= "<center class='ui_post_header'><font size=+1>$text</font></center>\n" if (defined($text));
947 if (!$tconfig{'nohr'} && !$tconfig{'notophr'}) {
948 $rv .= "<hr id='post_header_hr'>\n";
954 # Returns HTML to appear directly before a standard footer() call
957 return &theme_ui_pre_footer(@_) if (defined(&theme_ui_pre_footer));
959 if (!$tconfig{'nohr'} && !$tconfig{'nobottomhr'}) {
960 $rv .= "<hr id='pre_footer_hr'>\n";
965 # ui_print_header(subtext, args...)
966 # Print HTML for a header with the post-header line. The args are the same
967 # as those passed to header()
970 &load_theme_library();
971 return &theme_ui_print_header(@_) if (defined(&theme_ui_print_header));
972 my ($text, @args) = @_;
974 print &ui_post_header($text);
977 # ui_print_unbuffered_header(subtext, args...)
978 # Like ui_print_header, but ensures that output for this page is not buffered
979 # or contained in a table.
980 sub ui_print_unbuffered_header
982 &load_theme_library();
983 return &theme_ui_print_unbuffered_header(@_) if (defined(&theme_ui_print_unbuffered_header));
986 &ui_print_header(@_);
989 # ui_print_footer(args...)
990 # Print HTML for a footer with the pre-footer line. Args are the same as those
994 return &theme_ui_print_footer(@_) if (defined(&theme_ui_print_footer));
996 print &ui_pre_footer();
1000 # ui_config_link(text, &subs)
1001 # Returns HTML for a module config link. The first non-null sub will be
1002 # replaced with the appropriate URL.
1005 return &theme_ui_config_link(@_) if (defined(&theme_ui_config_link));
1006 my ($text, $subs) = @_;
1007 my @subs = map { $_ || "../config.cgi?$module_name" }
1008 ($subs ? @$subs : ( undef ));
1009 return "<p>".&text($text, @subs)."<p>\n";
1012 # ui_print_endpage(text)
1013 # Prints HTML for an error message followed by a page footer with a link to
1014 # /, then exits. Good for main page error messages.
1015 sub ui_print_endpage
1017 return &theme_ui_print_endpage(@_) if (defined(&theme_ui_print_endpage));
1019 print $text,"<p class='ui_footer'>\n";
1021 &ui_print_footer("/", $text{'index'});
1025 # ui_subheading(text, ...)
1026 # Returns HTML for a section heading
1029 return &theme_ui_subheading(@_) if (defined(&theme_ui_subheading));
1030 return "<h3 class='ui_subheading'>".join("", @_)."</h3>\n";
1033 # ui_links_row(&links)
1034 # Returns HTML for a row of links, like select all / invert selection / add..
1037 return &theme_ui_links_row(@_) if (defined(&theme_ui_links_row));
1039 return @$links ? join("\n|\n", @$links)."<br>\n"
1043 ########################### collapsible section / tab functions
1045 # ui_hidden_javascript()
1046 # Returns <script> and <style> sections for hiding functions and CSS
1047 sub ui_hidden_javascript
1049 return &theme_ui_hidden_javascript(@_)
1050 if (defined(&theme_ui_hidden_javascript));
1052 my $imgdir = "$gconfig{'webprefix'}/images";
1053 my ($jscb, $jstb) = ($cb, $tb);
1059 .opener_shown {display:inline}
1060 .opener_hidden {display:none}
1063 // Open or close a hidden section
1064 function hidden_opener(divid, openerid)
1066 var divobj = document.getElementById(divid);
1067 var openerobj = document.getElementById(openerid);
1068 if (divobj.className == 'opener_shown') {
1069 divobj.className = 'opener_hidden';
1070 openerobj.innerHTML = '<img border=0 src=$imgdir/closed.gif>';
1073 divobj.className = 'opener_shown';
1074 openerobj.innerHTML = '<img border=0 src=$imgdir/open.gif>';
1079 function select_tab(name, tabname, form)
1081 var tabnames = document[name+'_tabnames'];
1082 var tabtitles = document[name+'_tabtitles'];
1083 for(var i=0; i<tabnames.length; i++) {
1084 var tabobj = document.getElementById('tab_'+tabnames[i]);
1085 var divobj = document.getElementById('div_'+tabnames[i]);
1086 var title = tabtitles[i];
1087 if (tabnames[i] == tabname) {
1089 tabobj.innerHTML = '<table cellpadding=0 cellspacing=0><tr>'+
1090 '<td valign=top $jscb>'+
1091 '<img src=$imgdir/lc2.gif alt=""></td>'+
1092 '<td $jscb nowrap>'+
1093 ' <b>'+title+'</b> </td>'+
1094 '<td valign=top $jscb>'+
1095 '<img src=$imgdir/rc2.gif alt=""></td>'+
1097 divobj.className = 'opener_shown';
1101 tabobj.innerHTML = '<table cellpadding=0 cellspacing=0><tr>'+
1102 '<td valign=top $jstb>'+
1103 '<img src=$imgdir/lc1.gif alt=""></td>'+
1104 '<td $jstb nowrap>'+
1105 ' <a href=\\'\\' onClick=\\'return select_tab("'+
1106 name+'", "'+tabnames[i]+'")\\'>'+title+'</a> </td>'+
1107 '<td valign=top $jstb>'+
1108 '<img src=$imgdir/rc1.gif alt=""></td>'+
1110 divobj.className = 'opener_hidden';
1113 if (document.forms[0] && document.forms[0][name]) {
1114 document.forms[0][name].value = tabname;
1122 # ui_hidden_start(title, name, status, thisurl)
1123 # Returns HTML for the start of a collapsible hidden section, such as for
1127 return &theme_ui_hidden_start(@_) if (defined(&theme_ui_hidden_start));
1128 my ($title, $name, $status, $url) = @_;
1130 if (!$main::ui_hidden_start_donejs++) {
1131 $rv .= &ui_hidden_javascript();
1133 my $divid = "hiddendiv_$name";
1134 my $openerid = "hiddenopener_$name";
1135 my $defimg = $status ? "open.gif" : "closed.gif";
1136 my $defclass = $status ? 'opener_shown' : 'opener_hidden';
1137 $rv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg' alt='*'></a>\n";
1138 $rv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\">$title</a><br>\n";
1139 $rv .= "<div class='$defclass' id='$divid'>\n";
1143 # ui_hidden_end(name)
1144 # Returns HTML for the end of a hidden section
1147 return &theme_ui_hidden_end(@_) if (defined(&theme_ui_hidden_end));
1152 # ui_hidden_table_row_start(title, name, status, thisurl)
1153 # Similar to ui_hidden_start, but for use within a table started with
1155 sub ui_hidden_table_row_start
1157 return &theme_ui_hidden_table_row_start(@_)
1158 if (defined(&theme_ui_hidden_table_row_start));
1159 my ($title, $name, $status, $url) = @_;
1161 if (!$main::ui_hidden_start_donejs++) {
1162 $rv .= &ui_hidden_javascript();
1164 my $divid = "hiddendiv_$name";
1165 my $openerid = "hiddenopener_$name";
1166 my $defimg = $status ? "open.gif" : "closed.gif";
1167 my $defclass = $status ? 'opener_shown' : 'opener_hidden';
1168 $rrv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg'></a>\n";
1169 $rrv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\">$title</a><br>\n";
1170 $rv .= &ui_table_row(undef, $rrv, $main::ui_table_cols);
1171 $rv .= "</table>\n";
1172 $rv .= "<div class='$defclass' id='$divid'>\n";
1173 $rv .= "<table width=100%>\n";
1177 # ui_hidden_table_row_end(name)
1178 sub ui_hidden_table_row_end
1180 return &theme_ui_hidden_table_row_end(@_)
1181 if (defined(&theme_ui_hidden_table_row_end));
1183 return "</table></div><table width=100%>\n";
1186 # ui_hidden_table_start(heading, [tabletags], [cols], name, status,
1187 # [&default-tds], [rightheading])
1188 # A table with a heading and table inside, and which is collapsible
1189 sub ui_hidden_table_start
1191 return &theme_ui_hidden_table_start(@_)
1192 if (defined(&theme_ui_hidden_table_start));
1193 my ($heading, $tabletags, $cols, $name, $status, $tds, $rightheading) = @_;
1195 if (!$main::ui_hidden_start_donejs++) {
1196 $rv .= &ui_hidden_javascript();
1198 my $divid = "hiddendiv_$name";
1199 my $openerid = "hiddenopener_$name";
1200 my $defimg = $status ? "open.gif" : "closed.gif";
1201 my $defclass = $status ? 'opener_shown' : 'opener_hidden';
1202 my $text = defined($tconfig{'cs_text'}) ? $tconfig{'cs_text'} :
1203 defined($gconfig{'cs_text'}) ? $gconfig{'cs_text'} : "000000";
1204 $rv .= "<table class='ui_table' border $tabletags class='ui_table'>\n";
1206 if (defined($heading) || defined($rightheading)) {
1207 $rv .= "<tr $tb> <td>";
1208 if (defined($heading)) {
1209 $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>";
1211 if (defined($rightheading)) {
1212 $rv .= "<td align=right>$rightheading</td>";
1215 $rv .= "</td> </tr>\n";
1217 $rv .= "<tr $cb> <td colspan=$colspan><div class='$defclass' id='$divid'><table width=100%>\n";
1218 $main::ui_table_cols = $cols || 4;
1219 $main::ui_table_pos = 0;
1220 $main::ui_table_default_tds = $tds;
1224 # ui_hidden_table_end(name)
1225 # Returns HTML for the end of table with hiding, as started by
1226 # ui_hidden_table_start
1227 sub ui_hidden_table_end
1230 return &theme_ui_hidden_table_end(@_) if (defined(&theme_ui_hidden_table_end));
1231 return "</table></div></td></tr></table>\n";
1234 # ui_tabs_start(&tabs, name, selected, show-border)
1235 # Render a row of tabs from which one can be selected. Each tab is an array
1236 # ref containing a name, title and link.
1239 return &theme_ui_tabs_start(@_) if (defined(&theme_ui_tabs_start));
1240 my ($tabs, $name, $sel, $border) = @_;
1242 if (!$main::ui_hidden_start_donejs++) {
1243 $rv .= &ui_hidden_javascript();
1246 # Build list of tab titles and names
1247 my $tabnames = "[".join(",", map { "\"".&html_escape($_->[0])."\"" } @$tabs)."]";
1248 my $tabtitles = "[".join(",", map { "\"".&html_escape($_->[1])."\"" } @$tabs)."]";
1249 $rv .= "<script>\n";
1250 $rv .= "document.${name}_tabnames = $tabnames;\n";
1251 $rv .= "document.${name}_tabtitles = $tabtitles;\n";
1252 $rv .= "</script>\n";
1255 my $imgdir = "$gconfig{'webprefix'}/images";
1256 $rv .= &ui_hidden($name, $sel)."\n";
1257 $rv .= "<table border=0 cellpadding=0 cellspacing=0>\n";
1258 $rv .= "<tr><td bgcolor=#ffffff colspan=".(scalar(@$tabs)*2+1).">";
1259 if ($ENV{'HTTP_USER_AGENT'} !~ /msie/i) {
1260 # For some reason, the 1-pixel space above the tabs appears huge on IE!
1261 $rv .= "<img src=$imgdir/1x1.gif>";
1263 $rv .= "</td></tr>\n";
1265 $rv .= "<td bgcolor=#ffffff width=1><img src=$imgdir/1x1.gif></td>\n";
1266 foreach my $t (@$tabs) {
1267 if ($t ne $tabs[0]) {
1269 $rv .= "<td width=2 bgcolor=#ffffff>".
1270 "<img src=$imgdir/1x1.gif></td>\n";
1272 my $tabid = "tab_".$t->[0];
1273 $rv .= "<td id=${tabid}>";
1274 $rv .= "<table cellpadding=0 cellspacing=0 border=0><tr>";
1275 if ($t->[0] eq $sel) {
1277 $rv .= "<td valign=top $cb class='selectedTabLeft'>".
1278 "<img src=$imgdir/lc2.gif alt=\"\"></td>";
1279 $rv .= "<td $cb nowrap class='selectedTabMiddle'>".
1280 " <b>$t->[1]</b> </td>";
1281 $rv .= "<td valign=top $cb class='selectedTabRight'>".
1282 "<img src=$imgdir/rc2.gif alt=\"\"></td>";
1285 # Other tab (which has a link)
1286 $rv .= "<td valign=top $tb>".
1287 "<img src=$imgdir/lc1.gif alt=\"\"></td>";
1288 $rv .= "<td $tb nowrap>".
1289 " <a href='$t->[2]' ".
1290 "onClick='return select_tab(\"$name\", \"$t->[0]\")'>".
1291 "$t->[1]</a> </td>";
1292 $rv .= "<td valign=top $tb>".
1293 "<img src=$imgdir/rc1.gif ".
1297 $rv .= "</tr></table>";
1300 $rv .= "<td bgcolor=#ffffff width=1><img src=$imgdir/1x1.gif></td>\n";
1301 $rv .= "</table>\n";
1304 # All tabs are within a grey box
1305 $rv .= "<table width=100% cellpadding=0 cellspacing=0 border=0>\n";
1306 $rv .= "<tr> <td bgcolor=#ffffff rowspan=3 width=1><img src=$imgdir/1x1.gif></td>\n";
1307 $rv .= "<td $cb colspan=3 height=2><img src=$imgdir/1x1.gif></td> </tr>\n";
1308 $rv .= "<tr> <td $cb width=2><img src=$imgdir/1x1.gif></td>\n";
1309 $rv .= "<td valign=top>";
1311 $main::ui_tabs_selected = $sel;
1315 # ui_tabs_end(border)
1318 return &theme_ui_tabs_end(@_) if (defined(&theme_ui_tabs_end));
1321 my $imgdir = "$gconfig{'webprefix'}/images";
1324 $rv .= "<td $cb width=2><img src=$imgdir/1x1.gif></td>\n";
1326 $rv .= "<tr> <td $cb colspan=3 height=2><img src=$imgdir/1x1.gif></td> </tr>\n";
1327 $rv .= "</table>\n";
1332 # ui_tabs_start_tab(name, tab)
1333 # Must be called before outputting the HTML for the named tab
1334 sub ui_tabs_start_tab
1336 return &theme_ui_tabs_start_tab(@_) if (defined(&theme_ui_tabs_start_tab));
1337 my ($name, $tab) = @_;
1338 my $defclass = $tab eq $main::ui_tabs_selected ?
1339 'opener_shown' : 'opener_hidden';
1340 my $rv = "<div id='div_$tab' class='$defclass'>\n";
1344 # ui_tabs_start_tabletab(name, tab)
1345 # Behaves like ui_tabs_start_tab, but for use within a ui_table_start block
1346 sub ui_tabs_start_tabletab
1348 return &theme_ui_tabs_start_tabletab(@_)
1349 if (defined(&theme_ui_tabs_start_tabletab));
1350 my $div = &ui_tabs_start_tab(@_);
1351 return "</table>\n".$div."<table width=100%>\n";
1356 return &theme_ui_tabs_end_tab(@_) if (defined(&theme_ui_tabs_end_tab));
1360 sub ui_tabs_end_tabletab
1362 return &theme_ui_tabs_end_tabletab(@_)
1363 if (defined(&theme_ui_tabs_end_tabletab));
1364 return "</table></div><table width=100%>\n";
1367 # ui_max_text_width(width, [text-area?])
1368 # Returns a new width for a text field, based on theme settings
1369 sub ui_max_text_width
1372 my $max = $ta ? $tconfig{'maxareawidth'} : $tconfig{'maxboxwidth'};
1373 return $max && $w > $max ? $max : $w;
1376 ####################### radio hidden functions
1378 # ui_radio_selector(&opts, name, selected)
1379 # Returns HTML for a set of radio buttons, each of which shows a different
1380 # block of HTML when selected. &opts is an array ref to arrays containing
1381 # [ value, label, html ]
1382 sub ui_radio_selector
1384 return &theme_ui_radio_selector(@_) if (defined(&theme_ui_radio_selector));
1385 my ($opts, $name, $sel) = @_;
1387 if (!$main::ui_radio_selector_donejs++) {
1388 $rv .= &ui_radio_selector_javascript();
1391 "[".join(",", map { "\"".&html_escape($_->[0])."\"" } @$opts)."]";
1392 foreach my $o (@$opts) {
1393 $rv .= &ui_oneradio($name, $o->[0], $o->[1], $sel eq $o->[0],
1394 "onClick='selector_show(\"$name\", \"$o->[0]\", $optnames)'");
1397 foreach my $o (@$opts) {
1398 my $cls = $o->[0] eq $sel ? "selector_shown" : "selector_hidden";
1399 $rv .= "<div id=sel_${name}_$o->[0] class=$cls>".$o->[2]."</div>\n";
1404 sub ui_radio_selector_javascript
1408 .selector_shown {display:inline}
1409 .selector_hidden {display:none}
1412 function selector_show(name, value, values)
1414 for(var i=0; i<values.length; i++) {
1415 var divobj = document.getElementById('sel_'+name+'_'+values[i]);
1416 divobj.className = value == values[i] ? 'selector_shown'
1417 : 'selector_hidden';
1424 ####################### grid layout functions
1426 # ui_grid_table(&elements, columns, [width-percent], [tds], [tabletags],
1428 # Given a list of HTML elements, formats them into a table with the given
1429 # number of columns. However, themes are free to override this to use fewer
1430 # columns where space is limited.
1433 return &theme_ui_grid_table(@_) if (defined(&theme_ui_grid_table));
1434 my ($elements, $cols, $width, $tds, $tabletags, $title) = @_;
1435 return "" if (!@$elements);
1437 ($width ? " width=$width%" : "").
1438 ($tabletags ? " ".$tabletags : "").
1441 for($i=0; $i<@$elements; $i++) {
1442 $rv .= "<tr>" if ($i%$cols == 0);
1443 $rv .= "<td ".$tds->[$i%$cols]." valign=top>".$elements->[$i]."</td>\n";
1444 $rv .= "</tr>" if ($i%$cols == $cols-1);
1448 $rv .= "<td ".$tds->[$i%$cols]."><br></td>\n";
1453 $rv .= "</table>\n";
1454 if (defined($title)) {
1455 $rv = "<table class=ui_table border ".
1456 ($width ? " width=$width%" : "").">\n".
1457 ($title ? "<tr $tb> <td><b>$title</b></td> </tr>\n" : "").
1458 "<tr $cb> <td>$rv</td> </tr>\n".
1464 # ui_radio_table(name, selected, &rows)
1465 # Returns HTML for a table of radio buttons, each of which has a label and
1466 # some associated inputs to the right.
1469 return &theme_ui_radio_table(@_) if (defined(&theme_ui_radio_table));
1470 my ($name, $sel, $rows) = @_;
1471 return "" if (!@$rows);
1472 my $rv = "<table>\n";
1473 foreach my $r (@$rows) {
1475 $rv .= "<td valign=top".(defined($r->[2]) ? "" : " colspan=2").
1477 &ui_oneradio($name, $r->[0], $r->[1], $r->[0] eq $sel).
1479 if (defined($r->[2])) {
1480 $rv .= "<td valign=top>".$r->[2]."</td>\n";
1484 $rv .= "</table>\n";
1488 # ui_up_down_arrows(uplink, downlink, up-show, down-show)
1489 # Returns HTML for moving some objects in a table up or down
1490 sub ui_up_down_arrows
1492 return &theme_ui_up_down_arrows(@_) if (defined(&theme_ui_up_down_arrows));
1493 my ($uplink, $downlink, $upshow, $downshow) = @_;
1495 my $imgdir = "$gconfig{'webprefix'}/images";
1497 $mover .= "<a href=\"$downlink\">".
1498 "<img src=$imgdir/movedown.gif border=0></a>";
1501 $mover .= "<img src=$imgdir/movegap.gif>";
1504 $mover .= "<a href=\"$uplink\">".
1505 "<img src=$imgdir/moveup.gif border=0></a>";
1508 $mover .= "<img src=$imgdir/movegap.gif>";
1514 # Returns a horizontal row tag
1517 return &theme_ui_hr() if (defined(&theme_ui_hr));
1521 # ui_nav_link(direction, url, disabled)
1522 # Returns an arrow icon linking to provided url
1525 return &theme_ui_nav_link(@_) if (defined(&theme_ui_nav_link));
1526 my ($direction, $url, $disabled) = @_;
1527 my $alt = $direction eq "left" ? '<-' : '->';
1529 return "<img alt=\"$alt\" align=\"middle\""
1530 . "src=\"$gconfig{'webprefix'}/images/$direction-grey.gif\">\n";
1533 return "<a href=\"$url\"><img alt=\"$alt\" align=\"middle\""
1534 . "src=\"$gconfig{'webprefix'}/images/$direction.gif\"></a>\n";
1538 # ui_confirmation_form(cgi, message, &hiddens, [&buttons], [&otherinputs],
1540 # Returns HTML for a form asking for confirmation before performing some
1541 # action, such as deleting a user.
1542 sub ui_confirmation_form
1544 my ($cgi, $message, $hiddens, $buttons, $others, $warning) = @_;
1546 $rv .= "<center class=ui_confirmation>\n";
1547 $rv .= &ui_form_start($cgi, "post");
1548 foreach my $h (@$hiddens) {
1549 $rv .= &ui_hidden(@$h);
1551 $rv .= "<b>$message</b><p>\n";
1553 $rv .= "<b><font color=#ff0000>$warning</font></b><p>\n";
1556 $rv .= $others."<p>\n";
1558 $rv .= &ui_form_end($buttons);
1559 $rv .= "</center>\n";
1563 ####################### javascript functions
1565 # js_disable_input(&disable-inputs, &enable-inputs, [tag])
1566 # Returns Javascript to disable some form elements and enable others
1567 sub js_disable_inputs
1571 foreach $f (@{$_[0]}) {
1572 $rv .= "e = form.elements[\"$f\"]; e.disabled = true; ";
1573 $rv .= "for(i=0; i<e.length; i++) { e[i].disabled = true; } ";
1575 foreach $f (@{$_[1]}) {
1576 $rv .= "e = form.elements[\"$f\"]; e.disabled = false; ";
1577 $rv .= "for(i=0; i<e.length; i++) { e[i].disabled = false; } ";
1579 foreach $f (@{$_[1]}) {
1580 if ($f =~ /^(.*)_def$/ && &indexof($1, @{$_[1]}) >= 0) {
1581 # When enabling both a _def field and its associated text field,
1582 # disable the text if the _def is set to 1
1584 $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 } } ";
1587 return $_[2] ? "$_[2]='$rv'" : $rv;
1590 # ui_page_flipper(message, [inputs, cgi], left-link, right-link,
1591 # [far-left-link], [far-right-link])
1592 # Returns HTML for moving left and right in some large list, such as an inbox
1593 # or database table. If only 5 parameters are given, no far links are included.
1594 # If any link is undef, that array will be greyed out.
1597 return &theme_ui_page_flipper(@_) if (defined(&theme_ui_page_flipper));
1598 my ($msg, $inputs, $cgi, $left, $right, $farleft, $farright) = @_;
1599 my $rv = "<center>";
1600 $rv .= &ui_form_start($cgi) if ($cgi);
1602 # Far left link, if needed
1605 $rv .= "<a href='$farleft'><img src=/images/first.gif ".
1606 "border=0 align=middle></a>\n";
1609 $rv .= "<img src=/images/first-grey.gif ".
1610 "border=0 align=middle></a>\n";
1616 $rv .= "<a href='$left'><img src=/images/left.gif ".
1617 "border=0 align=middle></a>\n";
1620 $rv .= "<img src=/images/left-grey.gif ".
1621 "border=0 align=middle></a>\n";
1624 # Message and inputs
1626 $rv .= " ".$inputs if ($inputs);
1630 $rv .= "<a href='$right'><img src=/images/right.gif ".
1631 "border=0 align=middle></a>\n";
1634 $rv .= "<img src=/images/right-grey.gif ".
1635 "border=0 align=middle></a>\n";
1638 # Far right link, if needed
1641 $rv .= "<a href='$farright'><img src=/images/last.gif ".
1642 "border=0 align=middle></a>\n";
1645 $rv .= "<img src=/images/last-grey.gif ".
1646 "border=0 align=middle></a>\n";
1650 $rv .= &ui_form_end() if ($cgi);
1651 $rv .= "</center>\n";
1655 # js_checkbox_disable(name, &checked-disable, &checked-enable, [tag])
1656 sub js_checkbox_disable
1660 foreach $f (@{$_[1]}) {
1661 $rv .= "form.elements[\"$f\"].disabled = $_[0].checked; ";
1663 foreach $f (@{$_[2]}) {
1664 $rv .= "form.elements[\"$f\"].disabled = !$_[0].checked; ";
1666 return $_[3] ? "$_[3]='$rv'" : $rv;
1670 # Returns HTML to trigger a redirect to some URL
1674 if (defined(&theme_js_redirect)) {
1675 return &theme_js_redirect(@_);
1677 return "<script>window.location = '"."e_escape($url)."';</script>\n";