add: WebGUI::Form::CheckList now has optional select all button
This commit is contained in:
parent
fb82d28ee9
commit
4d36c1e6c2
5 changed files with 248 additions and 36 deletions
|
|
@ -41,6 +41,7 @@
|
||||||
- Report errors on loading modules to Apache log during preload
|
- Report errors on loading modules to Apache log during preload
|
||||||
- fix: Use previous form value for Subscribe on CS preview
|
- fix: Use previous form value for Subscribe on CS preview
|
||||||
- Use current subscription status on form for CS reply, unsubscribe if set to no
|
- 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
|
7.4.5
|
||||||
- fix: Apostrophy incorrectly escaped as double quote in some places
|
- fix: Apostrophy incorrectly escaped as double quote in some places
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,8 @@ package WebGUI::Form::CheckList;
|
||||||
use strict;
|
use strict;
|
||||||
use base 'WebGUI::Form::List';
|
use base 'WebGUI::Form::List';
|
||||||
use WebGUI::Form::Checkbox;
|
use WebGUI::Form::Checkbox;
|
||||||
|
use WebGUI::Form::Button;
|
||||||
|
use WebGUI::International;
|
||||||
|
|
||||||
=head1 NAME
|
=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
|
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
|
=cut
|
||||||
|
|
||||||
sub definition {
|
sub definition {
|
||||||
my $class = shift;
|
my $class = shift;
|
||||||
my $session = shift;
|
my $session = shift;
|
||||||
my $definition = shift || [];
|
my $definition = shift || [];
|
||||||
my $i18n = WebGUI::International->new($session);
|
my $i18n = WebGUI::International->new($session);
|
||||||
push(@{$definition}, {
|
push @{$definition}, {
|
||||||
formName=>{
|
formName => {
|
||||||
defaultValue=>$i18n->get("941"),
|
defaultValue => $i18n->get("941"),
|
||||||
},
|
},
|
||||||
vertical=>{
|
vertical => {
|
||||||
defaultValue=>0
|
defaultValue => 0,
|
||||||
},
|
},
|
||||||
profileEnabled=>{
|
profileEnabled => {
|
||||||
defaultValue=>1
|
defaultValue => 1,
|
||||||
}
|
},
|
||||||
});
|
showSelectAll => {
|
||||||
return $class->SUPER::definition($session, $definition);
|
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
|
=cut
|
||||||
|
|
||||||
sub toHtml {
|
sub toHtml {
|
||||||
my $self = shift;
|
my $self = shift;
|
||||||
my $output;
|
my $output;
|
||||||
my $alignment = $self->alignmentSeparator;
|
my $alignment = $self->alignmentSeparator;
|
||||||
my %options;
|
|
||||||
tie %options, 'Tie::IxHash';
|
# Add the select all button
|
||||||
%options = $self->orderedHash();
|
if ($self->get("showSelectAll")) {
|
||||||
|
$output .= $self->getSelectAllButton;
|
||||||
|
}
|
||||||
|
|
||||||
|
tie my %options, 'Tie::IxHash', $self->orderedHash();
|
||||||
foreach my $key (keys %options) {
|
foreach my $key (keys %options) {
|
||||||
my $checked = 0;
|
my $checked = (grep { $_ eq $key } @{ $self->get('value') })
|
||||||
foreach my $item (@{ $self->get('value') }) {
|
? 1
|
||||||
if ($item eq $key) {
|
: 0
|
||||||
$checked = 1;
|
;
|
||||||
}
|
|
||||||
}
|
$output
|
||||||
$output .= WebGUI::Form::Checkbox->new($self->session,{
|
.= WebGUI::Form::Checkbox->new($self->session, {
|
||||||
name=>$self->get('name'),
|
name => $self->get('name'),
|
||||||
value=>$key,
|
value => $key,
|
||||||
extras=>$self->get('extras'),
|
extras => $self->get('extras'),
|
||||||
checked=>$checked
|
checked => $checked,
|
||||||
})->toHtml;
|
})->toHtml
|
||||||
$output .= ${$self->get('options')}{$key} . $alignment;
|
. ${$self->get('options')}{$key}
|
||||||
}
|
. $alignment
|
||||||
return $output;
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
return $output;
|
||||||
}
|
}
|
||||||
|
|
||||||
1;
|
1;
|
||||||
|
|
|
||||||
17
lib/WebGUI/i18n/English/Form_CheckList.pm
Normal file
17
lib/WebGUI/i18n/English/Form_CheckList.pm
Normal 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
101
t/Form/CheckList.t
Normal 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'
|
||||||
|
);
|
||||||
48
www/extras/yui-webgui/build/form/form.js
vendored
Normal file
48
www/extras/yui-webgui/build/form/form.js
vendored
Normal 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 = {};
|
||||||
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue