add: WebGUI::Form::CheckList now has optional select all button

This commit is contained in:
Doug Bell 2007-09-12 00:50:54 +00:00
parent fb82d28ee9
commit 4d36c1e6c2
5 changed files with 248 additions and 36 deletions

View file

@ -41,6 +41,7 @@
- Report errors on loading modules to Apache log during preload
- fix: Use previous form value for Subscribe on CS preview
- Use current subscription status on form for CS reply, unsubscribe if set to no
- add: WebGUI::Form::CheckList now has optional "Select All" button
7.4.5
- fix: Apostrophy incorrectly escaped as double quote in some places

View file

@ -17,6 +17,8 @@ package WebGUI::Form::CheckList;
use strict;
use base 'WebGUI::Form::List';
use WebGUI::Form::Checkbox;
use WebGUI::Form::Button;
use WebGUI::International;
=head1 NAME
@ -54,25 +56,61 @@ Boolean representing whether the checklist should be represented vertically or h
Flag that tells the User Profile system that this is a valid form element in a User Profile
=head4 showSelectAllButton
Flag that toggles a "Select All" toggle button on or off.
=cut
sub definition {
my $class = shift;
my $session = shift;
my $definition = shift || [];
my $i18n = WebGUI::International->new($session);
push(@{$definition}, {
formName=>{
defaultValue=>$i18n->get("941"),
},
vertical=>{
defaultValue=>0
},
profileEnabled=>{
defaultValue=>1
}
});
return $class->SUPER::definition($session, $definition);
my $class = shift;
my $session = shift;
my $definition = shift || [];
my $i18n = WebGUI::International->new($session);
push @{$definition}, {
formName => {
defaultValue => $i18n->get("941"),
},
vertical => {
defaultValue => 0,
},
profileEnabled => {
defaultValue => 1,
},
showSelectAll => {
defaultValue => 0,
},
};
return $class->SUPER::definition($session, $definition);
}
#-------------------------------------------------------------------
=head2 getSelectAllButton ( )
Returns the HTML / Script for the Select All button
=cut
sub getSelectAllButton {
my $self = shift;
my $formName = $self->get('name');
my $i18n = WebGUI::International->new($self->session, "Form_CheckList");
$self->session->style->setScript(
$self->session->url->extras("yui-webgui/build/form/form.js")
);
return WebGUI::Form::Button->new($self->session, {
name => $self->privateName('selectAllButton'),
value => $i18n->get("selectAll label"),
extras => q{onclick="WebGUI.Form.toggleAllCheckboxesInForm(this.form,'}
. $formName
. q{')"}
. q{ class="selectAllButton" },
})->toHtml
. q{<br />}
;
}
#-------------------------------------------------------------------
@ -84,28 +122,35 @@ Renders a series of checkboxes.
=cut
sub toHtml {
my $self = shift;
my $self = shift;
my $output;
my $alignment = $self->alignmentSeparator;
my %options;
tie %options, 'Tie::IxHash';
%options = $self->orderedHash();
my $alignment = $self->alignmentSeparator;
# Add the select all button
if ($self->get("showSelectAll")) {
$output .= $self->getSelectAllButton;
}
tie my %options, 'Tie::IxHash', $self->orderedHash();
foreach my $key (keys %options) {
my $checked = 0;
foreach my $item (@{ $self->get('value') }) {
if ($item eq $key) {
$checked = 1;
}
}
$output .= WebGUI::Form::Checkbox->new($self->session,{
name=>$self->get('name'),
value=>$key,
extras=>$self->get('extras'),
checked=>$checked
})->toHtml;
$output .= ${$self->get('options')}{$key} . $alignment;
}
return $output;
my $checked = (grep { $_ eq $key } @{ $self->get('value') })
? 1
: 0
;
$output
.= WebGUI::Form::Checkbox->new($self->session, {
name => $self->get('name'),
value => $key,
extras => $self->get('extras'),
checked => $checked,
})->toHtml
. ${$self->get('options')}{$key}
. $alignment
;
}
return $output;
}
1;

View file

@ -0,0 +1,17 @@
package WebGUI::i18n::English::Form_CheckList;
our $I18N = {
'selectAll label' => {
message => q{Select All},
lastUpdated => 0,
context => q{Label for the Select All button},
},
'topicName' => {
message => q|WebGUI Form CheckList|,
lastUpdated => 1131394072,
},
};
1;

101
t/Form/CheckList.t Normal file
View file

@ -0,0 +1,101 @@
#-------------------------------------------------------------------
# WebGUI is Copyright 2001-2007 Plain Black Corporation.
#-------------------------------------------------------------------
# Please read the legal notices (docs/legal.txt) and the license
# (docs/license.txt) that came with this distribution before using
# this software.
#-------------------------------------------------------------------
# http://www.plainblack.com info@plainblack.com
#-------------------------------------------------------------------
use FindBin;
use strict;
use lib "$FindBin::Bin/../lib";
use Tie::IxHash;
use WebGUI::Test;
use WebGUI::Form;
use WebGUI::Form::CheckList;
use WebGUI::Session;
use HTML::Form;
use WebGUI::Form_Checking;
# The goal of this test is to verify that CheckList form elements work
use Test::More; # increment this value for each test you create
my $session = WebGUI::Test->session;
# put your tests here
my $formClass = 'WebGUI::Form::CheckList';
my $formType = 'Checkbox';
my $numTests = 15;
plan tests => $numTests;
my ($header, $footer) = (WebGUI::Form::formHeader($session), WebGUI::Form::formFooter($session));
tie my %options, 'Tie::IxHash', (
foo => "Foo",
bar => "Bar",
baz => "Baz",
);
my $html = join "\n",
$header,
$formClass->new($session, {
name => 'CList1',
value => ['foo'],
options => \%options,
})->toHtml,
$footer;
my @forms = HTML::Form->parse($html, 'http://www.webgui.org');
##Test Form Generation
is(scalar @forms, 1, '1 form was parsed to test basic functionality');
my @inputs = $forms[0]->inputs;
is(scalar @inputs, 3, 'The form has 3 inputs');
#Basic tests
is($inputs[0]->name, 'CList1', 'Checking input name for checkbox 1');
is($inputs[0]->type, 'checkbox', 'Checking input type for checkbox 1');
is($inputs[0]->value, 'foo', 'Checking default value for checkbox 1');
is($inputs[1]->name, 'CList1', 'Checking input name for checkbox 2');
is($inputs[1]->type, 'checkbox', 'Checking input type for checkbox 2');
is($inputs[1]->value, undef, 'Checking default value for checkbox 2');
is($inputs[2]->name, 'CList1', 'Checking input name for checkbox 3');
is($inputs[2]->type, 'checkbox', 'Checking input type for checkbox 3');
is($inputs[2]->value, undef, 'Checking default value for checkbox 3');
### Test Generation of Select All button
my $html = join "\n",
$header,
$formClass->new($session, {
name => "CList1",
value => ['foo'],
options => \%options,
showSelectAll => 1,
})->toHtml,
$footer;
@forms = HTML::Form->parse($html, 'http://www.webgui.org');
is(scalar @forms, 1, '1 form was parsed to test showSelectAll');
@inputs = $forms[0]->inputs;
is(scalar @inputs, 4, 'The form has 4 inputs (1 button + 3 checkboxes)');
is($inputs[0]->type, 'button', 'The Select All button is there and before all checkboxes');
is( $inputs[0]->{value},
WebGUI::International->new($session,"Form_CheckList")->get("selectAll label"),
'The value is internationalized'
);

View file

@ -0,0 +1,48 @@
// Initialize namespace
if (typeof WebGUI == "undefined") {
var WebGUI = {};
}
if (typeof WebGUI.Form == "undefined") {
WebGUI.Form = {};
}
/**
* This object contains generic form modification functions
*/
/****************************************************************************
* WebGUI.Form.toggleAllCheckboxesInForm ( formElement [, checkboxesName] )
* Toggles all the checkboxes in the form, optionally limited by name.
* Will automatically set them all to "checked" the first time
*/
WebGUI.Form.toggleAllCheckboxesInForm
= function (formElement, checkboxesName) {
// Get the state to set
var oldState = WebGUI.Form.toggleAllCheckboxesState[formElement+checkboxesName]
var state = oldState ? "" : "checked";
for (var i in formElement.elements) {
var input = formElement.elements[i];
if (!/^check/.test(input.type))
continue;
if (checkboxesName && input.name != checkboxesName)
continue;
input.checked = state;
}
// Update the saved state
WebGUI.Form.toggleAllCheckboxesState[formElement+checkboxesName] = state;
};
/*
* WebGUI.Form.toggleAllCheckboxesState
* An object containing a hash of <formname>+<checkboxesName> : 0|1 to save
* the state of the toggled checkboxes. You can use this to set what the
* first run of toggleAllCheckboxesInForm will do.
*/
WebGUI.Form.toggleAllCheckboxesState = {};