1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
|
package HTML::FormHandler::Widget::Wrapper::Bootstrap3;
# ABSTRACT: Twitter Bootstrap 3.0 field wrapper
use Moose::Role;
use namespace::autoclean;
use HTML::FormHandler::Render::Util ('process_attrs');
use List::AllUtils ('any');
with 'HTML::FormHandler::Widget::Wrapper::Base';
sub is_b3 {1}
sub build_wrapper_tags {
{
radio_element_wrapper => 1,
checkbox_element_wrapper => 1,
}
}
sub wrap_field {
my ( $self, $result, $rendered_widget ) = @_;
my $output;
# create attribute string for wrapper
if ( $self->do_wrapper ) {
my $attr = $self->wrapper_attributes($result);
# no 'control-group' class for Hidden fields, 'form-actions' for submit/reset
my $div_class = 'form-group';
unshift @{$attr->{class}}, $div_class;
my $attr_str = process_attrs( $attr );
# wrapper is always a div
$output .= $self->get_tag('before_wrapper');
$output .= qq{\n<div$attr_str>};
}
# render the label
$output .= "\n" . $self->do_render_label($result, undef, ['control-label'] )
if $self->do_label;
$output .= $self->get_tag('before_element');
# the controls div; used to have 'controls' class. Now it comes from
# the 'element_wrapper_class'. Used for column layout.
my $ew_attr = $self->element_wrapper_attributes($result);
my $element_wrapper_attrs = process_attrs( $ew_attr );
$output .= qq{\n<div$element_wrapper_attrs>}
unless !$self->do_wrapper;
# yet another tag
$output .= $self->get_tag('before_element_inside_div');
# handle input-prepend and input-append
if( $self->get_tag('input_prepend') || $self->get_tag('input_append') ||
$self->get_tag('input_append_button') ) {
$rendered_widget = $self->do_prepend_append($rendered_widget);
}
elsif( lc $self->widget eq 'checkbox' ) {
$rendered_widget = $self->wrap_checkbox($result, $rendered_widget, 'b3_label_left')
}
$output .= "\n$rendered_widget";
# various 'help-inline' bits: errors, warnings
unless( $self->get_tag('no_errors') ) {
$output .= qq{\n<span class="help-block">$_</span>}
for $result->all_errors;
$output .= qq{\n<span class="help-block">$_</span>} for $result->all_warnings;
}
# extra after element stuff
$output .= $self->get_tag('after_element');
# close element_wrapper 'control' div
$output .= '</div>' unless !$self->do_wrapper;
# close wrapper
if ( $self->do_wrapper ) {
$output .= "\n</div>";
$output .= $self->get_tag('after_wrapper');
}
return "$output";
}
# don't render label for checkboxes
sub do_render_label {
my ( $self ) = @_;
return '' if $self->type_attr eq 'checkbox';
HTML::FormHandler::Widget::Wrapper::Base::do_render_label(@_);
}
sub add_standard_element_classes {
my ( $self, $result, $class ) = @_;
push @$class, 'has-error' if $result->has_errors;
push @$class, 'has-warning' if $result->has_warnings;
push @$class, 'disabled' if $self->disabled;
push @$class, 'form-control'
if $self->html_element eq 'select' || $self->html_element eq 'textarea' ||
$self->type_attr eq 'text' || $self->type_attr eq 'password';
}
sub add_standard_wrapper_classes {
my ( $self, $result, $class ) = @_;
push @$class, 'has-error' if ( $result->has_error_results || $result->has_errors );
push @$class, 'has-warning' if $result->has_warnings;
# TODO: has-success?
}
sub add_standard_label_classes {
my ( $self, $result, $class ) = @_;
if ( my $classes = $self->form->get_tag('layout_classes') ) {
my $label_class = $classes->{label_class};
if ( $label_class && not any { $_ =~ /^col\-/ } @$class ) {
push @$class, @{$classes->{label_class}};
}
}
}
sub add_standard_element_wrapper_classes {
my ( $self, $result, $class ) = @_;
if ( my $classes = $self->form->get_tag('layout_classes') ) {
if ( exists $classes->{element_wrapper_class} &&
not any { $_ =~ /^col\-/ } @$class ) {
push @$class, @{$classes->{element_wrapper_class}};
}
if ( exists $classes->{no_label_element_wrapper_class} &&
( ! $self->do_label || $self->type_attr eq 'checkbox' ) &&
not any { $_ =~ /^col\-.*offset/ } @$class ) {
push @$class, @{$classes->{no_label_element_wrapper_class}};
}
}
}
sub wrap_checkbox {
my ( $self, $result, $rendered_widget ) = @_;
# use the regular label
my $label = $self->option_label || $self->label;
$label = $self->get_tag('label_no_filter') ? $self->_localize($label) : $self->html_filter($self->_localize($label));
my $id = $self->id;
my $for = qq{ for="$id"};
# return unwrapped checkbox with 'checkbox-inline'
return qq{<label class="checkbox-inline" $for>$rendered_widget\n$label\n</label>}
if( $self->get_tag('inline') );
# return wrapped checkbox, either on left or right
return qq{<div class="checkbox"><label$for>\n$label\n$rendered_widget</label></div>}
if( $self->get_tag('label_left') );
return qq{<div class="checkbox"><label$for>$rendered_widget\n$label\n</label></div>};
}
sub do_prepend_append {
my ( $self, $rendered_widget ) = @_;
my @class;
if( my $ip_tag = $self->get_tag('input_prepend' ) ) {
$rendered_widget = qq{<span class="input-group-addon">$ip_tag</span>$rendered_widget};
push @class, 'input-group';
}
if ( my $ia_tag = $self->get_tag('input_append' ) ) {
$rendered_widget = qq{$rendered_widget<span class="input-group-addon">$ia_tag</span>};
push @class, 'input-group';
}
if ( my $iab_tag = $self->get_tag('input_append_button') ) {
my @buttons = ref $iab_tag eq 'ARRAY' ? @$iab_tag : ($iab_tag);
my $group = qq{<span class="input-group-btn">};
foreach my $btn ( @buttons ) {
$group .= qq{<button type="button" class="btn">$btn</button>};
}
$group .= qq{</span>};
$rendered_widget = qq{$rendered_widget$group};
push @class, 'input-group';
}
my $attr = process_attrs( { class => \@class } );
$rendered_widget =
qq{<div$attr>
$rendered_widget
</div>};
return $rendered_widget;
}
1;
__END__
=pod
=encoding UTF-8
=head1 NAME
HTML::FormHandler::Widget::Wrapper::Bootstrap3 - Twitter Bootstrap 3.0 field wrapper
=head1 VERSION
version 0.40057
=head1 SYNOPSIS
Wrapper to implement Bootstrap 3.0 style form element rendering.
=head1 DESCRIPTION
Differences from the Bootstrap 2.0 wrapper:
The wrapper class is 'form-group' instead of 'control-group'
The div wrapping the form element does not
have the 'controls' class. Used for sizing css classes.
Input prepend & append use different classes
The input elements have a 'form-control' class
Tags supported:
label_no_filter -- don't html filter the label
label_after -- useful for putting a colon, or other trailing formatting
before_element -- insert tag before input, outside element's control div
before_element_inside_div -- insert tag before input element, inside control div
input_prepend -- for Bootstrap 'input-prepend' class
input_append -- for Bootstrap 'input-append' class
input_append_button -- 'input-append' with button instead of span
no_errors -- don't append error to field rendering
after_element -- insert tag after input element
=head1 AUTHOR
FormHandler Contributors - see HTML::FormHandler
=head1 COPYRIGHT AND LICENSE
This software is copyright (c) 2014 by Gerda Shank.
This is free software; you can redistribute it and/or modify it under
the same terms as the Perl 5 programming language system itself.
=cut
|
