12 |
Invoke any L<Frey> object creating html for with various default parameters |
Invoke any L<Frey> object creating html for with various default parameters |
13 |
if not supplied at invocation. |
if not supplied at invocation. |
14 |
|
|
15 |
|
You can force rendering of fields if you define C<render_attribute> sub with |
16 |
|
desired rendering as in: |
17 |
|
|
18 |
|
sub render_pipe { 'radio' } |
19 |
|
|
20 |
=cut |
=cut |
21 |
|
|
22 |
has 'class' => ( |
has 'class' => ( |
31 |
default => sub { {} }, |
default => sub { {} }, |
32 |
); |
); |
33 |
|
|
34 |
|
has 'input_step_size' => ( |
35 |
|
documentation => 'Resize input fields by this step', |
36 |
|
is => 'rw', |
37 |
|
isa => 'Int', |
38 |
|
# required => 1, |
39 |
|
default => 20, |
40 |
|
); |
41 |
|
|
42 |
=head2 required |
=head2 required |
43 |
|
|
44 |
my @required_attributes = $self->required; |
my @required_attributes = $self->required; |
49 |
sub required { |
sub required { |
50 |
my ( $self ) = @_; |
my ( $self ) = @_; |
51 |
$self->load_class( $self->class ); |
$self->load_class( $self->class ); |
52 |
|
|
53 |
my @required = |
my @required = |
54 |
grep { |
grep { |
55 |
defined $_ && $_->can('name') && |
defined $_ && $_->can('name') && |
111 |
|
|
112 |
my $default = clone $self->params; # XXX we really don't want to modify params! |
my $default = clone $self->params; # XXX we really don't want to modify params! |
113 |
|
|
114 |
my $config_params = {}; |
my $params_config = {}; |
115 |
$config_params = $self->config($class); |
$params_config = $self->config($class); |
116 |
warn "# $class config = ",dump( $config_params ) if $self->debug; |
warn "# $class config = ",dump( $params_config ) if $self->debug; |
117 |
|
|
118 |
my $form; |
my $form; |
119 |
|
my $form_id = $class; |
120 |
|
$form_id =~ s{\W+}{_}g; |
121 |
|
|
122 |
sub select_values { |
sub select_values { |
123 |
my ( $name, $attr_type, $values ) = @_; |
my ( $name, $attr_type, $values ) = @_; |
124 |
my $options = join("\n", |
|
125 |
map { |
$attr_type ||= '?' and warn "$name doesn't have attr_type"; |
126 |
my $v = ref($_) eq 'HASH' ? $_->{$name} : $_; |
|
127 |
qq|<option value="$v">$v</option>| if $v; |
my $max_value_len = 0; |
128 |
} @$values |
my @values; |
129 |
); |
my $html = ''; |
130 |
qq|<select title="$attr_type" name="$name">$options</select>| if $options; |
|
131 |
|
foreach ( @$values ) { |
132 |
|
my $v = ref($_) eq 'HASH' ? $_->{$name} : $_; |
133 |
|
warn "## value '$v'"; |
134 |
|
push @values, $v; |
135 |
|
$max_value_len = length($v) if length($v) > $max_value_len; |
136 |
|
} |
137 |
|
|
138 |
|
warn "# max_value_len: $max_value_len"; |
139 |
|
my $render = eval $class . '->render_' . $name; |
140 |
|
warn "## render $@"; |
141 |
|
|
142 |
|
if ( $#values > 3 && $render !~ m{radio} ) { |
143 |
|
my $options = join("\n", |
144 |
|
map { |
145 |
|
qq|<option value="$_">$_</option>|; |
146 |
|
} @values |
147 |
|
); |
148 |
|
# onchange="alert(this.options[this.selectedIndex].value);" |
149 |
|
$html = qq| |
150 |
|
<select title="$attr_type" name="$name"> |
151 |
|
$options |
152 |
|
</select> |
153 |
|
| if $options; |
154 |
|
} else { |
155 |
|
my $delimiter = $max_value_len > $self->input_step_size ? qq|<br>| : ''; |
156 |
|
my $radio = |
157 |
|
# $delimiter . |
158 |
|
join("\n", |
159 |
|
map { strip(qq| |
160 |
|
<span title="$attr_type"> |
161 |
|
<input type="radio" name="$name" value="$_"> |
162 |
|
$_ |
163 |
|
</span> |
164 |
|
$delimiter |
165 |
|
|) } @values |
166 |
|
); |
167 |
|
if ( $radio ) { |
168 |
|
|
169 |
|
my $size = int( $max_value_len / $self->input_step_size ) + 1; |
170 |
|
$size = 5 if $size > 5; |
171 |
|
$size *= $self->input_step_size; |
172 |
|
$radio .= qq| |
173 |
|
<span> |
174 |
|
<input type="radio" name="$name" value=" " onclick="document.getElementById('new-$name').focus();" > |
175 |
|
<input type="text" name="new-$name" id="new-$name" onchange="clear_radio('$form_id','$name'); this.disable = false;" onblur="this.disable = true;" title="enter new value" size="$size"> |
176 |
|
</span> |
177 |
|
|; |
178 |
|
} |
179 |
|
$html = qq|<div style="display: block;">$radio</div>|; |
180 |
|
} |
181 |
|
|
182 |
|
return |
183 |
|
# qq|<input type="text" name="$name">| . |
184 |
|
$html |
185 |
|
} |
186 |
|
|
187 |
|
|
188 |
|
foreach my $checkbox ( split(/\s+/, $default->{'frey-checkboxes'} ) ) { |
189 |
|
next if defined $default->{ $checkbox }; |
190 |
|
|
191 |
|
$default->{ $checkbox } = 0; |
192 |
|
$self->params->{ $checkbox } = 0; |
193 |
|
warn "# checkbox $checkbox not ticked"; |
194 |
} |
} |
195 |
|
|
196 |
foreach my $name ( grep { ! $class->meta->get_attribute($_)->is_lazy } $self->attributes ) { |
my @checkboxes; |
197 |
|
|
198 |
|
my $label_width = 1; # minimum |
199 |
|
|
200 |
|
foreach my $name ( |
201 |
|
grep { |
202 |
|
die "$_ doesn't have meta" unless $class->can('meta'); |
203 |
|
! $class->meta->get_attribute($_)->is_lazy |
204 |
|
&& ! defined $default->{$_} |
205 |
|
&& ! m{^_} # skip _private |
206 |
|
} $self->attributes |
207 |
|
) { |
208 |
my $attr_type = ''; |
my $attr_type = ''; |
209 |
my $type = $name =~ m/^pass/ ? 'password' : 'text'; |
my $type = $name =~ m/^pass/ ? 'password' : 'text'; |
210 |
my $label = $name; |
my $label = $name; |
|
my $value = ''; |
|
211 |
my $label_title = ''; |
my $label_title = ''; |
212 |
my $value_html = ''; |
my $value_html = ''; |
213 |
|
|
214 |
my $attr = $class->meta->get_attribute( $name ); |
my $attr = $class->meta->get_attribute( $name ); |
215 |
$attr_type = $attr->type_constraint->name if $attr->has_type_constraint; |
$attr_type = $attr->type_constraint->name if $attr->has_type_constraint; |
216 |
|
|
217 |
if ( ref($config_params) eq 'HASH' ) { |
my $value = |
218 |
$value = $config_params->{$name}; |
defined $default->{$name} ? $default->{$name} : |
219 |
} elsif ( ref($config_params) eq 'ARRAY' ) { |
$attr->has_default ? $attr->default( $name ) : |
220 |
$value_html = select_values( $name, $attr_type, $config_params ); |
''; |
221 |
$default->{$name} = $config_params->[0]->{$name}; |
|
222 |
|
if ( ref($params_config) eq 'HASH' && defined $params_config->{$name} ) { |
223 |
|
$value = $params_config->{$name}; |
224 |
|
} elsif ( ref($params_config) eq 'ARRAY' ) { |
225 |
|
$value_html = select_values( $name, $attr_type, $params_config ); |
226 |
|
$default->{$name} = $params_config->[0]->{$name}; |
227 |
} elsif ( $attr->has_type_constraint && $attr->type_constraint->can('values') ) { |
} elsif ( $attr->has_type_constraint && $attr->type_constraint->can('values') ) { |
228 |
$value_html = select_values( $name, $attr_type, $attr->type_constraint->values ); |
$value_html = select_values( $name, $attr_type, $attr->type_constraint->values ); |
229 |
} elsif ( $attr_type !~ m{^(Str|Int)$} ) { |
} elsif ( $attr_type =~ m{^Bool} ) { |
230 |
$value_html = qq|<textarea name="$name" title="$attr_type">$value</textarea>|; |
my $suffix = ''; |
231 |
|
$suffix = ' checked' if $value; |
232 |
|
$value_html = qq|<input type="checkbox" name="$name" title="$attr_type" value="$value"$suffix>|; |
233 |
|
push @checkboxes, $name; |
234 |
|
} elsif ( ! defined $value ) { |
235 |
|
$value_html = qq|<tt id="$name">undef</tt><!-- $name = undef -->|; # FIXME if $self->debug |
236 |
|
} elsif ( $attr_type !~ m{^(Str|Int)$} || $value =~ $Frey::Web::re_html || $name =~ m{text} ) { |
237 |
|
$value_html = qq|<textarea name="$name" title="$attr_type">$value</textarea>|; |
238 |
} |
} |
239 |
|
|
|
$value = $attr->default( $name ) if ! $value && $attr->has_default; |
|
240 |
$label_title = qq| title="| . $attr->documentation . qq|"| if $attr->has_documentation; |
$label_title = qq| title="| . $attr->documentation . qq|"| if $attr->has_documentation; |
241 |
|
|
242 |
$default->{$name} = $value unless defined $default->{$name}; |
$default->{$name} = $value unless defined $default->{$name}; |
243 |
|
|
244 |
if ( ! $value_html ) { |
my $size = ( int( length($value) / $self->input_step_size ) + 1 ) * $self->input_step_size; |
245 |
my $suffix = ''; |
$value_html = qq|<input type="$type" name="$name" title="$attr_type" value="$value" size="$size">| unless $value_html; |
|
if ( $attr_type =~ m{^Bool$} ) { |
|
|
$type = 'checkbox'; |
|
|
$suffix = ' checked' if $value; |
|
|
} |
|
|
$value_html = qq|<input type="$type" name="$name" title="$attr_type" value="$value"$suffix>|; |
|
|
} |
|
246 |
|
|
247 |
# warn "# required $name ", $class->meta->get_attribute( $name )->dump( 2 ); |
# warn "# required $name ", $class->meta->get_attribute( $name )->dump( 2 ); |
248 |
$form .= qq|<label for="$name"$label_title>$label</label>| . $value_html; |
$form .= qq|<label for="$name"$label_title>$label</label>$value_html<br>|; |
249 |
|
my $ll = length($label); |
250 |
|
$label_width = $ll if $ll > $label_width; |
251 |
} |
} |
252 |
my $html = qq|<h1>$class params</h1><form method="post">$form<input type="submit" value="Run $class"></form>|; |
$form .= qq|<input type="hidden" name="frey-checkboxes" value="| . join(' ', @checkboxes) . qq|">| if @checkboxes; |
253 |
|
|
254 |
|
$self->add_js('static/Frey/Action.js'); |
255 |
|
|
256 |
|
$self->add_css(qq| |
257 |
|
label,input { |
258 |
|
display: block; |
259 |
|
float: left; |
260 |
|
margin-bottom: 10px; |
261 |
|
} |
262 |
|
|
263 |
|
input:focus { |
264 |
|
border-color: #cc0; |
265 |
|
} |
266 |
|
|
267 |
|
label { |
268 |
|
text-align: right; |
269 |
|
width: ${label_width}ex; |
270 |
|
padding-right: 20px; |
271 |
|
} |
272 |
|
|
273 |
|
br { |
274 |
|
clear: left; |
275 |
|
} |
276 |
|
|); |
277 |
|
|
278 |
|
my $html; |
279 |
|
|
280 |
|
# http://www.quirksmode.org/oddsandends/forms.html |
281 |
|
# $form =~ s{<([^>]+)(name=")([^"]+)(")([^>]*)>}{<$1$2$3$4 id="$3" $5}gs; |
282 |
|
|
283 |
|
$html = qq| |
284 |
|
<h1>$class params</h1> |
285 |
|
<form name="$form_id" id="$form_id" method="post"> |
286 |
|
$form |
287 |
|
<input type="submit" value="Run $class"> |
288 |
|
</form> |
289 |
|
| if $form; |
290 |
|
|
291 |
$self->add_status({ |
$self->add_status({ |
292 |
$self->editor( $self->class ) => { |
$self->class => { |
293 |
params => $self->params, |
params => $self->params, |
294 |
config_params => $config_params, |
params_config => $params_config, |
295 |
default => $default |
default => $default, |
296 |
}, |
}, |
297 |
}); |
}); |
298 |
|
|
300 |
return $html; |
return $html; |
301 |
} |
} |
302 |
|
|
303 |
|
=head1 SEE ALSO |
304 |
|
|
305 |
|
L<http://www.quirksmode.org/css/forms.html> for info on CSS2 forms |
306 |
|
|
307 |
|
=cut |
308 |
|
|
309 |
1; |
1; |