2 # Common functions for generating HTML for Webmin user interface elements
4 ####################### table generation functions
6 # ui_table_start(heading, [tabletags], [cols], [&default-tds])
7 # A table with a heading and table inside
10 return &theme_ui_table_start(@_) if (defined(&theme_ui_table_start));
11 local ($heading, $tabletags, $cols, $tds) = @_;
13 $rv .= "<table class='ui_table' border $tabletags>\n";
14 $rv .= "<tr $tb> <td><b>$heading</b></td> </tr>\n" if (defined($heading));
15 $rv .= "<tr $cb> <td><table width=100%>\n";
16 $main::ui_table_cols = $cols || 4;
17 $main::ui_table_pos = 0;
18 $main::ui_table_default_tds = $tds;
23 # The end of a table started by ui_table_start
26 return &theme_ui_table_end(@_) if (defined(&theme_ui_table_end));
27 $main::ui_table_default_tds = undef;
28 return "</table></td></tr></table>\n";
31 # ui_columns_start(&headings, [width-percent], [noborder], [&tdtags], [heading])
32 # Returns HTML for a multi-column table, with the given headings
35 return &theme_ui_columns_start(@_) if (defined(&theme_ui_columns_start));
36 local ($heads, $width, $noborder, $tdtags, $heading) = @_;
38 $rv .= "<table".($noborder ? "" : " border").
39 (defined($width) ? " width=$width%" : "")." class='ui_columns'>\n";
41 $rv .= "<tr $tb><td colspan=".scalar(@$heads).
42 " class='ui_columns_heading'><b>$heading</b></td></tr>\n";
44 $rv .= "<tr $tb class='ui_columns_heads'>\n";
46 for($i=0; $i<@$heads; $i++) {
47 $rv .= "<td ".$tdtags->[$i]."><b>".
48 ($heads->[$i] eq "" ? "<br>" : $heads->[$i])."</b></td>\n";
54 # ui_columns_row(&columns, &tdtags)
55 # Returns HTML for a row in a multi-column table
58 return &theme_ui_columns_row(@_) if (defined(&theme_ui_columns_row));
59 local ($cols, $tdtags) = @_;
61 $rv .= "<tr $cb class='ui_columns_row'>\n";
63 for($i=0; $i<@$cols; $i++) {
64 $rv .= "<td ".$tdtags->[$i].">".
65 ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i])."</td>\n";
71 # ui_columns_header(&columns, &tdtags)
72 # Returns HTML for a row in a multi-column table, with a header background
75 return &theme_ui_columns_header(@_) if (defined(&theme_ui_columns_header));
76 local ($cols, $tdtags) = @_;
78 $rv .= "<tr $tb class='ui_columns_header'>\n";
80 for($i=0; $i<@$cols; $i++) {
81 $rv .= "<td ".$tdtags->[$i]."><b>".
82 ($cols->[$i] eq "" ? "<br>" : $cols->[$i])."</b></td>\n";
88 # ui_checked_columns_row(&columns, &tdtags, checkname, checkvalue, [checked?],
90 # Returns HTML for a row in a multi-column table, in which the first
91 # column is a checkbox
92 sub ui_checked_columns_row
94 return &theme_ui_checked_columns_row(@_) if (defined(&theme_ui_checked_columns_row));
95 local ($cols, $tdtags, $checkname, $checkvalue, $checked, $disabled) = @_;
97 $rv .= "<tr $cb class='ui_checked_columns'>\n";
98 $rv .= "<td class='ui_checked_checkbox' ".$tdtags->[0].">".
99 &ui_checkbox($checkname, $checkvalue, undef, $checked, undef, $disabled).
102 for($i=0; $i<@$cols; $i++) {
103 $rv .= "<td ".$tdtags->[$i+1].">";
104 if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
105 $rv .= "<label for=\"".
106 "e_escape("${checkname}_${checkvalue}")."\">";
108 $rv .= ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i]);
109 if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
118 # ui_radio_columns_row(&columns, &tdtags, checkname, checkvalue, [checked])
119 # Returns HTML for a row in a multi-column table, in which the first
120 # column is a radio button
121 sub ui_radio_columns_row
123 return &theme_ui_radio_columns_row(@_) if (defined(&theme_ui_radio_columns_row));
124 local ($cols, $tdtags, $checkname, $checkvalue, $checked) = @_;
126 $rv .= "<tr $cb class='ui_radio_columns'>\n";
127 $rv .= "<td class='ui_radio_radio' ".$tdtags->[0].">".
128 &ui_oneradio($checkname, $checkvalue, "", $checked)."</td>\n";
130 for($i=0; $i<@$cols; $i++) {
131 $rv .= "<td ".$tdtags->[$i+1].">";
132 if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
133 $rv .= "<label for=\"".
134 "e_escape("${checkname}_${checkvalue}")."\">";
136 $rv .= ($cols->[$i] !~ /\S/ ? "<br>" : $cols->[$i]);
137 if ($cols->[$i] !~ /<a\s+href|<input|<select|<textarea/) {
147 # Returns HTML to end a table started by ui_columns_start
150 return &theme_ui_columns_end(@_) if (defined(&theme_ui_columns_end));
154 ####################### form generation functions
156 # ui_form_start(script, method, [target], [tags])
157 # Returns HTML for a form that submits to some script
160 return &theme_ui_form_start(@_) if (defined(&theme_ui_form_start));
161 local ($script, $method, $target, $tags) = @_;
163 $rv .= "<form class='ui_form' action='$script' ".
164 ($method eq "post" ? "method=post" :
165 $method eq "form-data" ?
166 "method=post enctype=multipart/form-data" :
168 ($target ? " target=$target" : "").
174 # ui_form_end([&buttons], [width])
175 # Returns HTML for the end of a form, optionally with a row of submit buttons
178 return &theme_ui_form_end(@_) if (defined(&theme_ui_form_end));
179 local ($buttons, $width) = @_;
181 if ($buttons && @$buttons) {
182 $rv .= "<table class='ui_form_end_buttons' ".($width ? " width=$width" : "")."><tr>\n";
184 foreach $b (@$buttons) {
186 $rv .= "<td".(!$width ? "" :
187 $b eq $buttons->[0] ? " align=left" :
188 $b eq $buttons->[@$buttons-1] ?
189 " align=right" : " align=center").">".
190 &ui_submit($b->[1], $b->[0], $b->[3], $b->[4]).
191 ($b->[2] ? " ".$b->[2] : "")."</td>\n";
194 $rv .= "<td>$b</td>\n";
197 $rv .= "<td> </td>\n";
200 $rv .= "</tr></table>\n";
206 # ui_textbox(name, value, size, [disabled?], [maxlength], [tags])
207 # Returns HTML for a text input
210 return &theme_ui_textbox(@_) if (defined(&theme_ui_textbox));
211 local ($name, $value, $size, $dis, $max, $tags) = @_;
212 $size = &ui_max_text_width($size);
213 return "<input name=\""."e_escape($name)."\" ".
214 "value=\""."e_escape($value)."\" ".
215 "size=$size ".($dis ? "disabled=true" : "").
216 ($max ? " maxlength=$max" : "").
221 # ui_bytesbox(name, bytes, [size], [disabled?])
222 # Returns HTML for entering a number of bytes, but with friendly kB/MB/GB
223 # options. May truncate values to 2 decimal points!
226 local ($name, $bytes, $size, $dis) = @_;
228 if ($bytes >= 10*1024*1024*1024) {
229 $units = 1024*1024*1024;
231 elsif ($bytes >= 10*1024*1024) {
234 elsif ($bytes >= 10*1024) {
241 $bytes = sprintf("%.2f", ($bytes*1.0)/$units);
244 $size = &ui_max_text_width($size || 8);
245 return &ui_textbox($name, $bytes, $size, $dis)." ".
246 &ui_select($name."_units", $units,
247 [ [ 1, "bytes" ], [ 1024, "kB" ], [ 1024*1024, "MB" ],
248 [ 1024*1024*1024, "GB" ] ], undef, undef, undef, $dis);
251 # ui_upload(name, size, [disabled?], [tags])
252 # Returns HTML for a file upload input
255 return &theme_ui_upload(@_) if (defined(&theme_ui_upload));
256 local ($name, $size, $dis, $tags) = @_;
257 $size = &ui_max_text_width($size);
258 return "<input type=file name=\""."e_escape($name)."\" ".
260 ($dis ? "disabled=true" : "").
261 ($tags ? " ".$tags : "").">";
264 # ui_password(name, value, size, [disabled?], [maxlength])
265 # Returns HTML for a password text input
268 return &theme_ui_password(@_) if (defined(&theme_ui_password));
269 local ($name, $value, $size, $dis, $max) = @_;
270 $size = &ui_max_text_width($size);
271 return "<input type=password name=\""."e_escape($name)."\" ".
272 "value=\""."e_escape($value)."\" ".
273 "size=$size ".($dis ? "disabled=true" : "").
274 ($max ? " maxlength=$max" : "").
278 # ui_hidden(name, value)
279 # Returns HTML for a hidden field
282 return &theme_ui_hidden(@_) if (defined(&theme_ui_hidden));
283 local ($name, $value) = @_;
284 return "<input type=hidden name=\""."e_escape($name)."\" ".
285 "value=\""."e_escape($value)."\">\n";
288 # ui_select(name, value|&values, &options, [size], [multiple],
289 # [add-if-missing], [disabled?], [javascript])
290 # Returns HTML for a drop-down menu or multiple selection list
293 return &theme_ui_select(@_) if (defined(&theme_ui_select));
294 local ($name, $value, $opts, $size, $multiple, $missing, $dis, $js) = @_;
296 $rv .= "<select name=\""."e_escape($name)."\"".
297 ($size ? " size=$size" : "").
298 ($multiple ? " multiple" : "").
299 ($dis ? " disabled=true" : "")." ".$js.">\n";
300 local ($o, %opt, $s);
301 local %sel = ref($value) ? ( map { $_, 1 } @$value ) : ( $value, 1 );
302 foreach $o (@$opts) {
303 $o = [ $o ] if (!ref($o));
304 $rv .= "<option value=\""."e_escape($o->[0])."\"".
305 ($sel{$o->[0]} ? " selected" : "").">".
306 ($o->[1] || $o->[0])."\n";
309 foreach $s (keys %sel) {
310 if (!$opt{$s} && $missing) {
311 $rv .= "<option value=\""."e_escape($s)."\"".
312 "selected>".($s eq "" ? " " : $s)."\n";
315 $rv .= "</select>\n";
319 # ui_radio(name, value, &options, [disabled?])
320 # Returns HTML for a series of radio buttons
323 return &theme_ui_radio(@_) if (defined(&theme_ui_radio));
324 local ($name, $value, $opts, $dis) = @_;
327 foreach $o (@$opts) {
328 local $id = "e_escape($name."_".$o->[0]);
329 local $label = $o->[1] || $o->[0];
331 if ($label =~ /^(.*?)((<a\s+href|<input|<select|<textarea)[\000-\377]*)$/i) {
335 $rv .= "<input type=radio name=\""."e_escape($name)."\" ".
336 "value=\""."e_escape($o->[0])."\"".
337 ($o->[0] eq $value ? " checked" : "").
338 ($dis ? " disabled=true" : "").
340 " $o->[2]> <label for=\"$id\">".
341 $label."</label>".$after."\n";
346 # ui_yesno_radio(name, value, [yes], [no], [disabled?])
347 # Like ui_yesno, but always displays just two inputs (yes and no)
350 local ($name, $value, $yes, $no, $dis) = @_;
351 return &theme_ui_yesno_radio(@_) if (defined(&theme_ui_yesno_radio));
352 $yes = 1 if (!defined($yes));
353 $no = 0 if (!defined($no));
354 $value = int($value);
355 return &ui_radio($name, $value, [ [ $yes, $text{'yes'} ],
356 [ $no, $text{'no'} ] ], $dis);
359 # ui_checkbox(name, value, label, selected?, [tags], [disabled?])
360 # Returns HTML for a single checkbox
363 return &theme_ui_checkbox(@_) if (defined(&theme_ui_checkbox));
364 local ($name, $value, $label, $sel, $tags, $dis) = @_;
366 if ($label =~ /^([^<]*)(<[\000-\377]*)$/) {
370 return "<input type=checkbox name=\""."e_escape($name)."\" ".
371 "value=\""."e_escape($value)."\" ".
372 ($sel ? " checked" : "").($dis ? " disabled=true" : "").
373 " id=\""."e_escape("${name}_${value}")."\"".
375 ($label eq "" ? $after :
376 "<label for=\""."e_escape("${name}_${value}").
377 "\">$label</label>$after")."\n";
380 # ui_oneradio(name, value, label, selected?, [tags], [disabled?])
381 # Returns HTML for a single radio button
384 return &theme_ui_oneradio(@_) if (defined(&theme_ui_oneradio));
385 local ($name, $value, $label, $sel, $tags, $dis) = @_;
386 local $id = "e_escape("${name}_${value}");
388 if ($label =~ /^([^<]*)(<[\000-\377]*)$/) {
392 return "<input type=radio name=\""."e_escape($name)."\" ".
393 "value=\""."e_escape($value)."\" ".
394 ($sel ? " checked" : "").($dis ? " disabled=true" : "").
396 " $tags> <label for=\"$id\">$label</label>$after\n";
399 # ui_textarea(name, value, rows, cols, [wrap], [disabled?], [tags])
400 # Returns HTML for a multi-line text input
403 return &theme_ui_textarea(@_) if (defined(&theme_ui_textarea));
404 local ($name, $value, $rows, $cols, $wrap, $dis, $tags) = @_;
405 $cols = &ui_max_text_width($cols, 1);
406 return "<textarea name=\""."e_escape($name)."\" ".
407 "rows=$rows cols=$cols".($wrap ? " wrap=$wrap" : "").
408 ($dis ? " disabled=true" : "").
409 ($tags ? " $tags" : "").">".
410 &html_escape($value).
414 # ui_user_textbox(name, value, [form], [disabled?], [tags])
415 # Returns HTML for a Unix user input
418 return &theme_ui_user_textbox(@_) if (defined(&theme_ui_user_textbox));
419 return &ui_textbox($_[0], $_[1], 13, $_[3], undef, $_[4])." ".
420 &user_chooser_button($_[0], 0, $_[2]);
423 # ui_group_textbox(name, value, [form], [disabled?], [tags])
424 # Returns HTML for a Unix group input
427 return &theme_ui_group_textbox(@_) if (defined(&theme_ui_group_textbox));
428 return &ui_textbox($_[0], $_[1], 13, $_[3], undef, $_[4])." ".
429 &group_chooser_button($_[0], 0, $_[2]);
432 # ui_opt_textbox(name, value, size, option1, [option2], [disabled?],
433 # [&extra-fields], [max])
434 # Returns HTML for a text field that is optional
437 return &theme_ui_opt_textbox(@_) if (defined(&theme_ui_opt_textbox));
438 local ($name, $value, $size, $opt1, $opt2, $dis, $extra, $max) = @_;
439 local $dis1 = &js_disable_inputs([ $name, @$extra ], [ ]);
440 local $dis2 = &js_disable_inputs([ ], [ $name, @$extra ]);
442 $size = &ui_max_text_width($size);
443 $rv .= &ui_radio($name."_def", $value eq '' ? 1 : 0,
444 [ [ 1, $opt1, "onClick='$dis1'" ],
445 [ 0, $opt2 || " ", "onClick='$dis2'" ] ], $dis)."\n";
446 $rv .= "<input name=\""."e_escape($name)."\" ".
447 "size=$size value=\""."e_escape($value)."\" ".
448 ($value eq "" || $dis ? "disabled=true" : "").
449 ($max ? " maxlength=$max" : "").">\n";
453 # ui_submit(label, [name], [disabled?], [tags])
454 # Returns HTML for a form submit button
457 return &theme_ui_submit(@_) if (defined(&theme_ui_submit));
458 local ($label, $name, $dis, $tags) = @_;
459 return "<input type=submit".
460 ($name ne '' ? " name=\""."e_escape($name)."\"" : "").
461 " value=\""."e_escape($label)."\"".
462 ($dis ? " disabled=true" : "").
463 ($tags ? " ".$tags : "").">\n";
467 # ui_reset(label, [disabled?])
468 # Returns HTML for a form reset button
471 return &theme_ui_reset(@_) if (defined(&theme_ui_reset));
472 local ($label, $dis) = @_;
473 return "<input type=reset value=\""."e_escape($label)."\"".
474 ($dis ? " disabled=true" : "").">\n";
478 # ui_button(label, [name], [disabled?], [tags])
479 # Returns HTML for a form button
482 return &theme_ui_button(@_) if (defined(&theme_ui_button));
483 local ($label, $name, $dis, $tags) = @_;
484 return "<input type=button".
485 ($name ne '' ? " name=\""."e_escape($name)."\"" : "").
486 " value=\""."e_escape($label)."\"".
487 ($dis ? " disabled=true" : "").
488 ($tags ? " ".$tags : "").">\n";
491 # ui_date_input(day, month, year, day-name, month-name, year-name, [disabled?])
492 # Returns HTML for a date-selection field
495 local ($day, $month, $year, $dayname, $monthname, $yearname, $dis) = @_;
497 $rv .= &ui_textbox($dayname, $day, 3, $dis);
499 $rv .= &ui_select($monthname, $month,
500 [ map { [ $_, $text{"smonth_$_"} ] } (1 .. 12) ],
503 $rv .= &ui_textbox($yearname, $year, 5, $dis);
507 # ui_table_row(label, value, [cols], [&td-tags])
508 # Returns HTML for a row in a table started by ui_table_start, with a 1-column
509 # label and 1+ column value.
512 return &theme_ui_table_row(@_) if (defined(&theme_ui_table_row));
513 local ($label, $value, $cols, $tds) = @_;
515 $tds ||= $main::ui_table_default_tds;
517 if ($main::ui_table_pos+$cols+1 > $main::ui_table_cols &&
518 $main::ui_table_pos != 0) {
519 # If the requested number of cols won't fit in the number
520 # remaining, start a new row
522 $main::ui_table_pos = 0;
524 $rv .= "<tr>\n" if ($main::ui_table_pos%$main::ui_table_cols == 0);
525 $rv .= "<td valign=top $tds->[0]><b>$label</b></td>\n" if (defined($label));
526 $rv .= "<td valign=top colspan=$cols $tds->[1]>$value</td>\n";
527 $main::ui_table_pos += $cols+(defined($label) ? 1 : 0);
528 if ($main::ui_table_pos%$main::ui_table_cols == 0) {
530 $main::ui_table_pos = 0;
538 return &theme_ui_table_hr(@_) if (defined(&theme_ui_table_hr));
544 $rv .= "<tr> <td colspan=$main::ui_table_cols><hr></td> </tr>\n";
548 # ui_table_span(text)
549 # Outputs a table row that spans the whole table, and contains the given text
553 return &theme_ui_table_hr(@_) if (defined(&theme_ui_table_hr));
559 $rv .= "<tr> <td colspan=$main::ui_table_cols>$text</td> </tr>\n";
566 return &theme_ui_buttons_start(@_) if (defined(&theme_ui_buttons_start));
567 return "<table width=100%>\n";
573 return &theme_ui_buttons_end(@_) if (defined(&theme_ui_buttons_end));
577 # ui_buttons_row(script, button-label, description, [hiddens], [after-submit],
581 return &theme_ui_buttons_row(@_) if (defined(&theme_ui_buttons_row));
582 local ($script, $label, $desc, $hiddens, $after, $before) = @_;
583 return "<form action=$script>\n".
585 "<tr> <td nowrap width=20% valign=top>".($before ? $before." " : "").
586 &ui_submit($label).($after ? " ".$after : "")."</td>\n".
587 "<td valign=top width=80% valign=top>$desc</td> </tr>\n".
591 # ui_buttons_hr([title])
595 return &theme_ui_buttons_hr(@_) if (defined(&theme_ui_buttons_hr));
597 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";
600 return "<tr> <td colspan=2><hr></td> </tr>\n";
604 ####################### header and footer functions
606 # ui_post_header([subtext])
607 # Returns HTML to appear directly after a standard header() call
610 return &theme_ui_post_header(@_) if (defined(&theme_ui_post_header));
613 $rv .= "<center class='ui_post_header'><font size=+1>$text</font></center>\n" if (defined($text));
614 if (!$tconfig{'nohr'} && !$tconfig{'notophr'}) {
615 $rv .= "<hr id='post_header_hr'>\n";
621 # Returns HTML to appear directly before a standard footer() call
624 return &theme_ui_pre_footer(@_) if (defined(&theme_ui_pre_footer));
626 if (!$tconfig{'nohr'} && !$tconfig{'nobottomhr'}) {
627 $rv .= "<hr id='pre_footer_hr'>\n";
632 # ui_print_header(subtext, args...)
633 # Print HTML for a header with the post-header line. The args are the same
634 # as those passed to header()
637 &load_theme_library();
638 return &theme_ui_print_header(@_) if (defined(&theme_ui_print_header));
639 local ($text, @args) = @_;
641 print &ui_post_header($text);
644 # ui_print_unbuffered_header(subtext, args...)
645 # Like ui_print_header, but ensures that output for this page is not buffered
646 # or contained in a table.
647 sub ui_print_unbuffered_header
649 &load_theme_library();
650 return &theme_ui_print_unbuffered_header(@_) if (defined(&theme_ui_print_unbuffered_header));
653 &ui_print_header(@_);
656 # ui_print_footer(args...)
657 # Print HTML for a footer with the pre-footer line. Args are the same as those
661 return &theme_ui_print_footer(@_) if (defined(&theme_ui_print_footer));
663 print &ui_pre_footer();
667 # ui_config_link(text, &subs)
668 # Returns HTML for a module config link. The first non-null sub will be
669 # replaced with the appropriate URL.
672 return &theme_ui_config_link(@_) if (defined(&theme_ui_config_link));
673 local ($text, $subs) = @_;
674 local @subs = map { $_ || "../config.cgi?$module_name" }
675 ($subs ? @$subs : ( undef ));
676 return "<p>".&text($text, @subs)."<p>\n";
679 # ui_print_endpage(text)
680 # Prints HTML for an error message followed by a page footer with a link to
681 # /, then exits. Good for main page error messages.
684 return &theme_ui_print_endpage(@_) if (defined(&theme_ui_print_endpage));
686 print $text,"<p class='ui_footer'>\n";
688 &ui_print_footer("/", $text{'index'});
692 # ui_subheading(text, ...)
693 # Returns HTML for a section heading
696 return &theme_ui_subheading(@_) if (defined(&theme_ui_subheading));
697 return "<h3 class='ui_subheading'>".join("", @_)."</h3>\n";
700 # ui_links_row(&links)
701 # Returns HTML for a row of links, like select all / invert selection / add..
704 return &theme_ui_links_row(@_) if (defined(&theme_ui_links_row));
706 return @$links ? join("\n|\n", @$links)."<br>\n"
710 ########################### collapsible section / tab functions
712 # ui_hidden_javascript()
713 # Returns <script> and <style> sections for hiding functions and CSS
714 sub ui_hidden_javascript
716 return &theme_ui_hidden_javascript(@_)
717 if (defined(&theme_ui_hidden_javascript));
719 local $imgdir = "$gconfig{'webprefix'}/images";
720 local ($jscb, $jstb) = ($cb, $tb);
726 .opener_shown {display:inline}
727 .opener_hidden {display:none}
730 // Open or close a hidden section
731 function hidden_opener(divid, openerid)
733 var divobj = document.getElementById(divid);
734 var openerobj = document.getElementById(openerid);
735 if (divobj.className == 'opener_shown') {
736 divobj.className = 'opener_hidden';
737 openerobj.innerHTML = '<img border=0 src=$imgdir/closed.gif>';
740 divobj.className = 'opener_shown';
741 openerobj.innerHTML = '<img border=0 src=$imgdir/open.gif>';
746 function select_tab(name, tabname, form)
748 var tabnames = document[name+'_tabnames'];
749 var tabtitles = document[name+'_tabtitles'];
750 for(var i=0; i<tabnames.length; i++) {
751 var tabobj = document.getElementById('tab_'+tabnames[i]);
752 var divobj = document.getElementById('div_'+tabnames[i]);
753 var title = tabtitles[i];
754 if (tabnames[i] == tabname) {
756 tabobj.innerHTML = '<table cellpadding=0 cellspacing=0><tr>'+
757 '<td valign=top $jscb>'+
758 '<img src=$imgdir/lc2.gif alt=""></td>'+
760 ' <b>'+title+'</b> </td>'+
761 '<td valign=top $jscb>'+
762 '<img src=$imgdir/rc2.gif alt=""></td>'+
764 divobj.className = 'opener_shown';
768 tabobj.innerHTML = '<table cellpadding=0 cellspacing=0><tr>'+
769 '<td valign=top $jstb>'+
770 '<img src=$imgdir/lc1.gif alt=""></td>'+
772 ' <a href=\\'\\' onClick=\\'return select_tab("'+
773 name+'", "'+tabnames[i]+'")\\'>'+title+'</a> </td>'+
774 '<td valign=top $jstb>'+
775 '<img src=$imgdir/rc1.gif alt=""></td>'+
777 divobj.className = 'opener_hidden';
780 if (document.forms[0] && document.forms[0][name]) {
781 document.forms[0][name].value = tabname;
789 # ui_hidden_start(title, name, status, thisurl)
790 # Returns HTML for the start of a collapsible hidden section, such as for
794 return &theme_ui_hidden_start(@_) if (defined(&theme_ui_hidden_start));
795 local ($title, $name, $status, $url) = @_;
797 if (!$main::ui_hidden_start_donejs++) {
798 $rv .= &ui_hidden_javascript();
800 local $divid = "hiddendiv_$name";
801 local $openerid = "hiddenopener_$name";
802 local $defimg = $status ? "open.gif" : "closed.gif";
803 local $defclass = $status ? 'opener_shown' : 'opener_hidden';
804 $rv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg' alt='*'></a>\n";
805 $rv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\">$title</a><br>\n";
806 $rv .= "<div class='$defclass' id='$divid'>\n";
810 # ui_hidden_end(name)
811 # Returns HTML for the end of a hidden section
814 return &theme_ui_hidden_end(@_) if (defined(&theme_ui_hidden_end));
819 # ui_hidden_table_row_start(title, name, status, thisurl)
820 # Similar to ui_hidden_start, but for use within a table started with
822 sub ui_hidden_table_row_start
824 return &theme_ui_hidden_table_row_start(@_)
825 if (defined(&theme_ui_hidden_table_row_start));
826 local ($title, $name, $status, $url) = @_;
828 if (!$main::ui_hidden_start_donejs++) {
829 $rv .= &ui_hidden_javascript();
831 local $divid = "hiddendiv_$name";
832 local $openerid = "hiddenopener_$name";
833 local $defimg = $status ? "open.gif" : "closed.gif";
834 local $defclass = $status ? 'opener_shown' : 'opener_hidden';
835 $rrv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg'></a>\n";
836 $rrv .= "<a href=\"javascript:hidden_opener('$divid', '$openerid')\">$title</a><br>\n";
837 $rv .= &ui_table_row(undef, $rrv, $main::ui_table_cols);
839 $rv .= "<div class='$defclass' id='$divid'>\n";
840 $rv .= "<table width=100%>\n";
844 # ui_hidden_table_row_end(name)
845 sub ui_hidden_table_row_end
847 return &theme_ui_hidden_table_row_end(@_)
848 if (defined(&theme_ui_hidden_table_row_end));
850 return "</table></div><table width=100%>\n";
853 # ui_hidden_table_start(heading, [tabletags], [cols], name, status,
855 # A table with a heading and table inside, and which is collapsible
856 sub ui_hidden_table_start
858 return &theme_ui_hidden_table_start(@_)
859 if (defined(&theme_ui_hidden_table_start));
860 local ($heading, $tabletags, $cols, $name, $status, $tds) = @_;
862 if (!$main::ui_hidden_start_donejs++) {
863 $rv .= &ui_hidden_javascript();
865 local $divid = "hiddendiv_$name";
866 local $openerid = "hiddenopener_$name";
867 local $defimg = $status ? "open.gif" : "closed.gif";
868 local $defclass = $status ? 'opener_shown' : 'opener_hidden';
869 local $text = defined($tconfig{'cs_text'}) ? $tconfig{'cs_text'} :
870 defined($gconfig{'cs_text'}) ? $gconfig{'cs_text'} : "000000";
871 $rv .= "<table class='ui_table' border $tabletags class='ui_table'>\n";
872 $rv .= "<tr $tb> <td><a href=\"javascript:hidden_opener('$divid', '$openerid')\" id='$openerid'><img border=0 src='$gconfig{'webprefix'}/images/$defimg'></a> <a href=\"javascript:hidden_opener('$divid', '$openerid')\"><b><font color=#$text>$heading</font></b></a></td> </tr>\n" if (defined($heading));
873 $rv .= "<tr $cb> <td><div class='$defclass' id='$divid'><table width=100%>\n";
874 $main::ui_table_cols = $cols || 4;
875 $main::ui_table_pos = 0;
876 $main::ui_table_default_tds = $tds;
880 # ui_hidden_table_end(name)
881 # Returns HTML for the end of table with hiding, as started by
882 # ui_hidden_table_start
883 sub ui_hidden_table_end
886 return &theme_ui_hidden_table_end(@_) if (defined(&theme_ui_hidden_table_end));
887 return "</table></div></td></tr></table>\n";
890 # ui_tabs_start(&tabs, name, selected, show-border)
891 # Render a row of tabs from which one can be selected. Each tab is an array
892 # ref containing a name, title and link.
895 return &theme_ui_tabs_start(@_) if (defined(&theme_ui_tabs_start));
896 local ($tabs, $name, $sel, $border) = @_;
898 if (!$main::ui_hidden_start_donejs++) {
899 $rv .= &ui_hidden_javascript();
902 # Build list of tab titles and names
903 local $tabnames = "[".join(",", map { "\"".&html_escape($_->[0])."\"" } @$tabs)."]";
904 local $tabtitles = "[".join(",", map { "\"".&html_escape($_->[1])."\"" } @$tabs)."]";
906 $rv .= "document.${name}_tabnames = $tabnames;\n";
907 $rv .= "document.${name}_tabtitles = $tabtitles;\n";
908 $rv .= "</script>\n";
911 local $imgdir = "$gconfig{'webprefix'}/images";
912 $rv .= &ui_hidden($name, $sel)."\n";
913 $rv .= "<table border=0 cellpadding=0 cellspacing=0>\n";
914 $rv .= "<tr><td bgcolor=#ffffff colspan=".(scalar(@$tabs)*2+1).">";
915 if ($ENV{'HTTP_USER_AGENT'} !~ /msie/i) {
916 # For some reason, the 1-pixel space above the tabs appears huge on IE!
917 $rv .= "<img src=$imgdir/1x1.gif>";
919 $rv .= "</td></tr>\n";
921 $rv .= "<td bgcolor=#ffffff width=1><img src=$imgdir/1x1.gif></td>\n";
922 foreach my $t (@$tabs) {
923 if ($t ne $tabs[0]) {
925 $rv .= "<td width=2 bgcolor=#ffffff>".
926 "<img src=$imgdir/1x1.gif></td>\n";
928 local $tabid = "tab_".$t->[0];
929 $rv .= "<td id=${tabid}>";
930 $rv .= "<table cellpadding=0 cellspacing=0 border=0><tr>";
931 if ($t->[0] eq $sel) {
933 $rv .= "<td valign=top $cb>".
934 "<img src=$imgdir/lc2.gif alt=\"\"></td>";
935 $rv .= "<td $cb nowrap>".
936 " <b>$t->[1]</b> </td>";
937 $rv .= "<td valign=top $cb>".
938 "<img src=$imgdir/rc2.gif alt=\"\"></td>";
941 # Other tab (which has a link)
942 $rv .= "<td valign=top $tb>".
943 "<img src=$imgdir/lc1.gif alt=\"\"></td>";
944 $rv .= "<td $tb nowrap>".
945 " <a href='$t->[2]' ".
946 "onClick='return select_tab(\"$name\", \"$t->[0]\")'>".
947 "$t->[1]</a> </td>";
948 $rv .= "<td valign=top $tb>".
949 "<img src=$imgdir/rc1.gif ".
953 $rv .= "</tr></table>";
956 $rv .= "<td bgcolor=#ffffff width=1><img src=$imgdir/1x1.gif></td>\n";
960 # All tabs are within a grey box
961 $rv .= "<table width=100% cellpadding=0 cellspacing=0 border=0>\n";
962 $rv .= "<tr> <td bgcolor=#ffffff rowspan=3 width=1><img src=$imgdir/1x1.gif></td>\n";
963 $rv .= "<td $cb colspan=3 height=2><img src=$imgdir/1x1.gif></td> </tr>\n";
964 $rv .= "<tr> <td $cb width=2><img src=$imgdir/1x1.gif></td>\n";
965 $rv .= "<td valign=top>";
967 $main::ui_tabs_selected = $sel;
971 # ui_tabs_end(border)
974 return &theme_ui_tabs_end(@_) if (defined(&theme_ui_tabs_end));
975 local ($border) = @_;
977 local $imgdir = "$gconfig{'webprefix'}/images";
980 $rv .= "<td $cb width=2><img src=$imgdir/1x1.gif></td>\n";
982 $rv .= "<tr> <td $cb colspan=3 height=2><img src=$imgdir/1x1.gif></td> </tr>\n";
988 # ui_tabs_start_tab(name, tab)
989 # Must be called before outputting the HTML for the named tab
990 sub ui_tabs_start_tab
992 return &theme_ui_tabs_start_tab(@_) if (defined(&theme_ui_tabs_start_tab));
993 local ($name, $tab) = @_;
994 local $defclass = $tab eq $main::ui_tabs_selected ?
995 'opener_shown' : 'opener_hidden';
996 local $rv = "<div id='div_$tab' class='$defclass'>\n";
1000 # ui_tabs_start_tabletab(name, tab)
1001 # Behaves like ui_tabs_start_tab, but for use within a ui_table_start block
1002 sub ui_tabs_start_tabletab
1004 return &theme_ui_tabs_start_tabletab(@_)
1005 if (defined(&theme_ui_tabs_start_tabletab));
1006 local $div = &ui_tabs_start_tab(@_);
1007 return "</table>\n".$div."<table width=100%>\n";
1012 return &theme_ui_tabs_end_tab(@_) if (defined(&theme_ui_tabs_end_tab));
1016 sub ui_tabs_end_tabletab
1018 return &theme_ui_tabs_end_tabletab(@_)
1019 if (defined(&theme_ui_tabs_end_tabletab));
1020 return "</table></div><table width=100%>\n";
1023 # ui_max_text_width(width, [text-area?])
1024 # Returns a new width for a text field, based on theme settings
1025 sub ui_max_text_width
1027 local ($w, $ta) = @_;
1028 local $max = $ta ? $tconfig{'maxareawidth'} : $tconfig{'maxboxwidth'};
1029 return $max && $w > $max ? $max : $w;
1032 ####################### radio hidden functions
1034 # ui_radio_selector(&opts, name, selected)
1035 # Returns HTML for a set of radio buttons, each of which shows a different
1036 # block of HTML when selected. &opts is an array ref to arrays containing
1037 # [ value, label, html ]
1038 sub ui_radio_selector
1040 return &theme_ui_radio_selector(@_) if (defined(&theme_ui_radio_selector));
1041 local ($opts, $name, $sel) = @_;
1043 if (!$main::ui_radio_selector_donejs++) {
1044 $rv .= &ui_radio_selector_javascript();
1047 "[".join(",", map { "\"".&html_escape($_->[0])."\"" } @$opts)."]";
1048 foreach my $o (@opts) {
1049 $rv .= &ui_oneradio($name, $o->[0], $o->[1], $sel eq $o->[0],
1050 "onClick='selector_show(\"$name\", \"$o->[0]\", $optnames)'");
1053 foreach my $o (@opts) {
1054 local $cls = $o->[0] eq $sel ? "selector_shown" : "selector_hidden";
1055 $rv .= "<div id=sel_${name}_$o->[0] class=$cls>".$o->[2]."</div>\n";
1060 sub ui_radio_selector_javascript
1064 .selector_shown {display:inline}
1065 .selector_hidden {display:none}
1068 function selector_show(name, value, values)
1070 for(var i=0; i<values.length; i++) {
1071 var divobj = document.getElementById('sel_'+name+'_'+values[i]);
1072 divobj.className = value == values[i] ? 'selector_shown'
1073 : 'selector_hidden';
1080 ####################### grid layout functions
1082 # ui_grid_table(&elements, columns, [width-percent], [tds], [tabletags],
1084 # Given a list of HTML elements, formats them into a table with the given
1085 # number of columns. However, themes are free to override this to use fewer
1086 # columns where space is limited.
1089 return &theme_ui_grid_table(@_) if (defined(&theme_ui_grid_table));
1090 local ($elements, $cols, $width, $tds, $tabletags, $title) = @_;
1091 return "" if (!@$elements);
1092 local $rv = "<table".
1093 ($width ? " width=$width%" : "").
1094 ($tabletags ? " ".$tabletags : "").
1096 for(my $i=0; $i<@$elements; $i++) {
1097 $rv .= "<tr>" if ($i%$cols == 0);
1098 $rv .= "<td ".$tds->[$i%$cols]." valign=top>".$elements->[$i]."</td>\n";
1099 $rv .= "</tr>" if ($i%$cols == $cols-1);
1103 $rv .= "<td ".$tds->[$i%$cols]."><br></td>\n";
1108 $rv .= "</table>\n";
1110 $rv = "<table class=ui_table border ".
1111 ($width ? " width=$width%" : "").">\n".
1112 "<tr $tb> <td><b>$title</b></td> </tr>\n".
1113 "<tr $cb> <td>$rv</td> </tr>\n".
1119 # ui_radio_table(name, selected, &rows)
1120 # Returns HTML for a table of radio buttons, each of which has a label and
1121 # some associated inputs to the right.
1124 return &theme_ui_radio_table(@_) if (defined(&theme_ui_radio_table));
1125 local ($name, $sel, $rows) = @_;
1126 return "" if (!@$rows);
1127 local $rv = "<table>\n";
1128 foreach my $r (@$rows) {
1130 $rv .= "<td valign=top><b>".&ui_oneradio($name, $r->[0], $r->[1],
1131 $r->[0] eq $sel)."</b></td>\n";
1132 $rv .= "<td valign=top>".$r->[2]."</td>\n";
1135 $rv .= "</table>\n";
1139 # ui_up_down_arrows(uplink, downlink, up-show, down-show)
1140 # Returns HTML for moving some objects in a table up or down
1141 sub ui_up_down_arrows
1143 return &theme_ui_up_down_arrows(@_) if (defined(&theme_ui_up_down_arrows));
1144 local ($uplink, $downlink, $upshow, $downshow) = @_;
1146 local $imgdir = "$gconfig{'webprefix'}/images";
1148 $mover .= "<a href=\"$downlink\">".
1149 "<img src=$imgdir/movedown.gif border=0></a>";
1152 $mover .= "<img src=$imgdir/movegap.gif>";
1155 $mover .= "<a href=\"$uplink\">".
1156 "<img src=$imgdir/moveup.gif border=0></a>";
1159 $mover .= "<img src=$imgdir/movegap.gif>";
1164 ####################### javascript functions
1166 # js_disable_input(&disable-inputs, &enable-inputs, [tag])
1167 # Returns Javascript to disable some form elements and enable others
1168 sub js_disable_inputs
1172 foreach $f (@{$_[0]}) {
1173 $rv .= "e = form.elements[\"$f\"]; e.disabled = true; ";
1174 $rv .= "for(i=0; i<e.length; i++) { e[i].disabled = true; } ";
1176 foreach $f (@{$_[1]}) {
1177 $rv .= "e = form.elements[\"$f\"]; e.disabled = false; ";
1178 $rv .= "for(i=0; i<e.length; i++) { e[i].disabled = false; } ";
1180 foreach $f (@{$_[1]}) {
1181 if ($f =~ /^(.*)_def$/ && &indexof($1, @{$_[1]}) >= 0) {
1182 # When enabling both a _def field and its associated text field,
1183 # disable the text if the _def is set to 1
1185 $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 } } ";
1188 return $_[2] ? "$_[2]='$rv'" : $rv;
1191 # js_checkbox_disable(name, &checked-disable, &checked-enable, [tag])
1192 sub js_checkbox_disable
1196 foreach $f (@{$_[1]}) {
1197 $rv .= "form.elements[\"$f\"].disabled = $_[0].checked; ";
1199 foreach $f (@{$_[2]}) {
1200 $rv .= "form.elements[\"$f\"].disabled = !$_[0].checked; ";
1202 return $_[3] ? "$_[3]='$rv'" : $rv;