event refactor, landing on HEAD!
[freeside.git] / httemplate / edit / elements / edit.html
1 <%doc>
2
3 Example:
4
5   include( 'elements/edit.html',  
6     'name'  =>
7     'table' =>
8     #? 'primary_key' => #required when the dbdef doesn't know...???
9     'labels' => {
10                   'column' => 'Label',
11                 }
12    
13     listref - each item is a literal column name (or method) or hashref
14                                                              or (notyet) coderef
15     if not specified all columns (except for the primary key) will be editable
16     'fields' => [
17                   'columname',
18                   { 'field' => 'another_columname',
19                     'type'  => 'text', #text
20                                        #money
21                                        #checkbox
22                                        #select
23                                        #selectlayers
24                                        #title
25                                        #hidden - hidden value from object
26                                        #fixed - display fixed value from here
27                                        #fixedhidden - hidden value from here
28                     'value' => 'Y', #for checkbox, title, fixed, fixedhidden
29                     'disabled' => 0,
30                     'onchange' => 'javascript_function',
31                     'm2name_table'   => 'table_name',   #only tested w/
32                                                         # selectlayers so far
33                                                         # might work w/select
34                                                         # dunno others
35                     'm2name_namecol' => 'name_column',  # 
36                     'm2name_label'   => 'Label',        #
37                     'm2name_new_default' => \@table_name_objects, #default
38                                                                   #m2name
39                                                                   #objects for
40                                                                   #new records
41                     'm2name_error_callback' => sub { my($cgi, $object) = @_; },
42                     'm2name_remove_warnings' => \%warnings, #hashref of warning
43                                                             #messages for
44                                                             #m2name removal
45                     'm2name_new_js' => 'function_name', #javascript function
46                                                         #called on spawned rows
47                                                         #(one arg: new_element)
48                     'm2name_remove_js' => 'function_name', #js function called
49                                                            #when a row is
50                                                            #deleted
51                                                            #(three args:
52                                                            # value, text,
53                                                            #  'no_match')
54                     #layer_fields & layer_values_callback only for selectlayer
55                     'layer_fields' => [
56                                         'fieldname'     => 'Label',
57                                         'another_field' => {
58                                           label=>'Label',
59                                           type =>'text', #text, money
60                                         },
61                                       ],
62                     'layer_values_callback' =>
63                       sub {
64                             my( $cgi, $object ) = @_;
65                             { 'layer'  => { 'fieldname'  => 'current_value',
66                                             'fieldname2' => 'field2value',
67                                             ...
68                                           },
69                               'layer2' => { 'l2fieldname' => 'l2value',
70                                             ...
71                                           },
72                               ...
73                             };
74                           },
75                   },
76                 ]
77    
78     'menubar'     => '', #menubar arrayref
79
80     #agent virtualization
81     'agent_virt'       => 1,
82     'agent_null_right' => 'Access Right Name',
83    
84     #run when re-displaying with an error
85     'error_callback' => sub { my( $cgi, $object, $fields_listref ) = @_; },
86    
87     #run when editing
88     'edit_callback' => sub { my( $cgi, $object, $fields_listref ) = @_; },
89    
90     # returns a hashref for the new object
91     'new_hashref_callback'
92    
93     #run when adding
94     'new_callback' => sub { my( $cgi, $object, $fields_listref ) = @_; },
95    
96     #XXX describe
97     'field_callback' => sub { },
98    
99     #string or coderef of additional HTML to add before </TABLE>
100     'html_table_bottom' => '',
101    
102     'viewall_dir' => '', #'search' or 'browse', defaults to 'search'
103    
104     'html_bottom' => '', #string
105     'html_bottom' => sub {
106                            my $object = shift;
107                            # ...
108                            "html_string";
109                          },
110    
111     # overrides default popurl(1)."process/$table.html"
112     'post_url' => popurl(1).'process/something', 
113   );
114
115 </%doc>
116
117 <% include("/elements/header.html", $title,
118               include( '/elements/menubar.html', @menubar )
119            )
120 %>
121
122 % if ( $cgi->param('error') ) { 
123   <FONT SIZE="+1" COLOR="#ff0000">Error: <% $cgi->param('error') %></FONT>
124   <BR><BR>
125 % } 
126
127 % my $url = $opt{'post_url'} || popurl(1)."process/$table.html";
128
129 <FORM ACTION="<% $url %>" METHOD=POST NAME="edit_topform">
130
131 <INPUT TYPE="hidden" NAME="svcdb" VALUE="<% $table %>">
132 <INPUT TYPE="hidden" NAME="<% $pkey %>" VALUE="<% $object->$pkey() %>">
133
134 <% ( $opt{labels} && exists $opt{labels}->{$pkey} )
135       ? $opt{labels}->{$pkey}
136       : $pkey
137 %>
138 #<% $object->$pkey() || "(NEW)" %>
139
140 %# <% ntable("#cccccc",0) %>
141 <TABLE ID="OneTrueTable" BGCOLOR="#cccccc" BORDER=0 CELLSPACING=0>
142
143 % my $g_row = 0;
144 % foreach my $f ( map { ref($_) ? $_ : {'field'=>$_} }
145 %                       @$fields
146 %                 ) {
147 %
148 %   &{ $opt{'field_callback'} }( $f )
149 %     if $opt{'field_callback'};
150 %
151 %   my $field = $f->{'field'};
152 %   my $type = $f->{'type'} ||= 'text';
153 %
154 %   my $label = ( $opt{labels} && exists $opt{labels}->{$field} )
155 %                   ? $opt{labels}->{$field}
156 %                   : $field;
157 %
158 %   my $onchange = $f->{'onchange'};
159 %
160 %   my $layer_values = {};
161 %   if ( $f->{'layer_values_callback'} && ! $f->{'m2name_table'} ) {
162 %     $layer_values = &{ $f->{'layer_values_callback'} }( $cgi, $object );
163 %   }
164 %   warn "layer values: ". Dumper($layer_values)
165 %     if $opt{'debug'};
166 %
167 %   my %include_common = (
168 %     #checkbox, title
169 %     #& deprecated weird value hashref used only by reason.html
170 %     'value'         => $f->{'value'},
171 %
172 %     #select(-*)
173 %     'options'       => $f->{'options'},
174 %     'labels'        => $f->{'labels'},
175 %     'multiple'      => $f->{'multiple'},
176 %     'disable_empty' => $f->{'disable_empty'},
177 %     #select-reason
178 %     'reason_class'  => $f->{'reason_class'},
179 %
180 %     #selectlayers
181 %     'layer_fields'  => $f->{'layer_fields'},
182 %     'layer_values'  => $layer_values,
183 %     'html_between'  => $f->{'html_between'},
184 %   );
185 %
186 %   my $layer_prefix_on = '';
187 %
188 %   my $include_sub = sub {
189 %     my %opt = @_;
190 %
191 %     my $fieldnum   = delete $opt{'fieldnum'};
192 %
193 %     my $include = $type;
194 %     $include = "input-$include" if $include =~ /^(text|money)$/;
195 %     $include = "tr-$include" unless $include eq 'hidden';
196 %
197 %     $include_common{'layer_prefix'} = "$field$fieldnum."
198 %       if $layer_prefix_on;
199 %
200 %     my @include = 
201 %     ( "/elements/$include.html",
202 %         'field'      => "$field$fieldnum",
203 %         'id'         => "$field$fieldnum", #separate?
204 %         'label_id'   => $field."_label$fieldnum", #don't want field0_label0...
205 %         %include_common,
206 %         %opt,
207 %     );
208 %     @include;
209 %   };
210 %
211 %   $g_row++;
212 %   $g_row++ if $type eq 'title';
213 %
214 %   my $fieldnum = '';
215 %   my $curr_value = '';
216 %   if ( $f->{'m2name_table'} ) { #XXX test this for all types of fields
217 %     my $table = $f->{'m2name_table'};
218 %     my $col   = $f->{'m2name_namecol'};
219 %     $fieldnum = 0;
220 %     $layer_prefix_on = 1;
221 %     #print out the fields for the existing m2names
222 %     my @existing = ();
223 %     if ( $mode eq 'error' ) {
224 %       @existing = &{ $f->{'m2name_error_callback'} }( $cgi, $object );
225 %     } elsif ( $object->$pkey() ) { # $mode eq 'edit'
226 %       @existing = $object->$table();
227 %     } elsif ( $f->{'m2name_new_default'} ) { # && $mode eq 'new'
228 %       @existing = @{ $f->{'m2name_new_default'} };
229 %     }
230 %     foreach my $name_obj ( @existing ) {
231 %
232 %       my $ex_label = '<INPUT TYPE="button" VALUE="X" TITLE="Remove this '.
233 %                      lc($f->{'m2name_label'}).
234 %                      qq(" onClick="remove_$field($fieldnum);").
235 %                      ' STYLE="color:#ff0000;font-weight:bold;'.
236 %                              'padding-left:2px;padding-right:2px"'.
237 %                      '>&nbsp;'. ($f->{'m2name_label'} || $field ). ' ';
238 %       
239 %       if ( $f->{'layer_values_callback'} ) {
240 %         my %switches = ( 'mode' => $mode );
241 %         $layer_values =
242 %           &{ $f->{'layer_values_callback'} }( $cgi, $name_obj, \%switches );
243 %       }
244 %       warn "layer values: ". Dumper($layer_values)
245 %         if $opt{'debug'};
246 %
247 %       my @existing = &{ $include_sub }(
248 %         'label'        => $ex_label,
249 %         'fieldnum'     => $fieldnum,
250 %         'curr_value'   => $name_obj->$col(),
251 %         'onchange'     => $onchange,
252 %         'layer_values' => $layer_values,
253 %         'cell_style'   => ( $fieldnum ? 'border-top:1px solid black' : '' ),
254 %       );
255
256         <% include( @existing ) %>
257
258 %       $fieldnum++;
259 %       $g_row++;
260 %     }
261 %     #$field .= $fieldnum;
262 %     $onchange .= "\nspawn_$field(what);";
263 %   } else {
264 %     $curr_value = $object->$field();
265 %   }
266 %
267 %   my @include = &{ $include_sub }(
268 %     'label'      => $label,
269 %     'fieldnum'   => $fieldnum,
270 %     'curr_value' => $curr_value,
271 %     'onchange'   => $onchange,
272 %     'cell_style'   => ( $fieldnum ? 'border-top:1px solid black' : '' ),
273 %   );
274
275     <% include( @include ) %>
276
277 %   if ( $f->{'m2name_table'} ) {
278
279       <SCRIPT TYPE="text/javascript">
280
281         var rownum = <% $g_row %>;
282         var fieldnum = <% $fieldnum %>;
283
284         function spawn_<%$field%>(what) {
285
286           // only spawn if we're the last element... return if not
287
288           var field_regex = /(\d+)$/;
289           var match = field_regex.exec(what.name);
290           if ( !match ) {
291             alert(what.name + " didn't match?!");
292             return;
293           }
294           if ( match[1] != fieldnum ) {
295             return;
296           }
297
298           // change the label on the last entry & add a remove button
299           var prev_label = document.getElementById('<% $field %>_label' + fieldnum );
300           prev_label.innerHTML = '<INPUT TYPE="button" VALUE="X" TITLE="Remove this <% lc($f->{'m2name_label'}) %>" onClick="remove_<% $field %>(' + fieldnum + ');" STYLE="color:#ff0000;font-weight:bold;padding-left:2px;padding-right:2px" >&nbsp;<% $f->{'m2name_label'} || $field %>';
301
302           fieldnum++;
303
304           //get the new widget
305
306 %         $include[0] =~ s(^/elements/tr-)(/elements/);
307 %         my @layer_opt = ( @include,
308 %                           'field'        => $field."MAGIC_NUMBER",
309 %                           'layer_prefix' => $field."MAGIC_NUMBER.",
310 %                         );
311
312           var newrow =  <% include(@layer_opt, html_only=>1) |js_string %>;
313
314 %         if ( $type eq 'selectlayers' ) { #until the rest have html/js_only
315             var newfunc = <% include(@layer_opt, js_only  =>1) |js_string %>;
316 %         } else {
317             var newfunc = '';
318 %         }
319
320           // substitute in the new field name
321           var magic_regex = /MAGIC_NUMBER/g;
322           newrow  = newrow.replace(  magic_regex, fieldnum );
323           newfunc = newfunc.replace( magic_regex, fieldnum );
324
325           // evaluate new_func
326           if (window.ActiveXObject) {
327             window.execScript(newfunc);
328           } else { /* (window.XMLHttpRequest) */
329             //window.eval(newfunc);
330             setTimeout(newfunc, 0);
331           }
332
333           // add new row
334
335           var table = document.getElementById('OneTrueTable');
336
337           var row = table.insertRow(rownum++);
338
339           var label_cell = document.createElement('TD');
340
341           label_cell.id = '<% $field %>_label' + fieldnum;
342
343           label_cell.style.textAlign = "right";
344           label_cell.style.verticalAlign = "top";
345           label_cell.style.borderTop = "1px solid black";
346           label_cell.style.paddingTop = "5px";
347
348           label_cell.innerHTML = '<% $label %>';
349
350           row.appendChild(label_cell);
351           
352           var widget_cell = document.createElement('TD');
353
354           widget_cell.style.borderTop = "1px solid black";
355           widget_cell.style.paddingTop = "3px";
356
357           widget_cell.innerHTML = newrow;
358
359           row.appendChild(widget_cell);
360
361 %         if ( $f->{'m2name_new_js'} ) {
362             // take out items selected in previous dropdowns
363             var new_element = document.getElementById("<%$field%>" + fieldnum );
364             <% $f->{'m2name_new_js'} %>(new_element);
365
366             if ( new_element.length < 2 ) {
367               //just the ** Select new **, so don't display the row
368               row.style.display = 'none';
369             }
370 %         }
371
372         }
373
374         function remove_<%$field%>(remove_fieldnum) {
375           //alert("remove <%$field%> " + remove_fieldnum);
376           var select = document.getElementById('<%$field%>' + remove_fieldnum);
377
378 %         my $warnings = $f->{'m2name_remove_warnings'};
379 %         if ( $warnings ) {
380             var sel_value = select.options[select.selectedIndex].value;
381 %           foreach my $value ( keys %$warnings ) {
382               if ( sel_value == '<% $value %>' ) {
383                 if ( ! confirm( <% $warnings->{$value} |js_string %> ) ) {
384                   return;
385                 }
386               }
387 %           }
388 %         }
389
390           select.disabled = 'disabled'; // this seems to prevent it from being submitted on tested browsers so far (IE, moz, konq at least)
391           var label_td = document.getElementById('<%$field%>_label' + remove_fieldnum );
392           label_td.parentNode.style.display = 'none';
393
394 %         if ( $f->{m2name_remove_js} ) {
395             var opt = select.options[select.selectedIndex];
396             <% $f->{m2name_remove_js} %>( opt.value, opt.text, 'no_match');
397 %         }
398
399         }
400
401       </SCRIPT>
402
403 %   }
404
405 % } 
406
407 <% ref( $opt{'html_table_bottom'} )
408       ? &{ $opt{'html_table_bottom'} }( $object )
409       : $opt{'html_table_bottom'}
410 %>
411
412 </TABLE>
413
414 <% ref( $opt{'html_bottom'} )
415       ? &{ $opt{'html_bottom'} }( $object )
416       : $opt{'html_bottom'}
417 %>
418
419 <BR>
420
421 <INPUT TYPE="submit" ID="submit" VALUE="<% $object->$pkey() ? "Apply changes" : "Add $opt{'name'}" %>">
422
423 </FORM>
424
425 <% include("/elements/footer.html") %>
426 <%init>
427
428 my(%opt) = @_;
429
430 my $curuser = $FS::CurrentUser::CurrentUser;
431
432 #false laziness w/process.html
433 my $table = $opt{'table'};
434 my $class = "FS::$table";
435 my $pkey = dbdef->table($table)->primary_key; #? $opt{'primary_key'} || 
436 my $fields = $opt{'fields'}
437              #|| [ grep { $_ ne $pkey } dbdef->table($table)->columns ];
438              || [ grep { $_ ne $pkey } fields($table) ];
439 #my @actualfields = map { ref($_) ? $_->{'field'} : $_ } @$fields;
440
441 if ( $cgi->param('redirect') ) {
442   my $session = $cgi->param('redirect');
443   my $pref = $curuser->option("redirect$session");
444   die "unknown redirect session $session\n" unless length($pref);
445   $cgi = new CGI($pref);
446 }
447
448 my $object;
449 my $mode;
450 if ( $cgi->param('error') ) {
451
452   $mode = 'error';
453
454
455   $object = $class->new( {
456     map { $_ => scalar($cgi->param($_)) } fields($table)
457   });
458
459   &{$opt{'error_callback'}}($cgi, $object, $fields)
460     if $opt{'error_callback'};
461
462 } elsif ( $cgi->keywords || $cgi->param($pkey) ) { #editing
463
464   $mode = 'edit';
465
466   my $value;
467   if ( $cgi->param($pkey) ) {
468     $value = $cgi->param($pkey)
469   } else { 
470     my( $query ) = $cgi->keywords;
471     $value = $query;
472   }
473   $value =~ /^(\d+)$/ or die "unparsable $pkey";
474   $object = qsearchs({
475     'table'     => $table,
476     'hashref'   => { $pkey => $1 },
477     'extra_sql' => ( $opt{'agent_virt'}
478                        ? ' AND '. $curuser->agentnums_sql(
479                                     'null_right' => $opt{'agent_null_right'}
480                                   )
481                        : ''
482                    ),
483   });
484   warn "$table $pkey => $1"
485     if $opt{'debug'};
486
487   &{$opt{'edit_callback'}}($cgi, $object, $fields)
488     if $opt{'edit_callback'};
489
490 } else { #adding
491
492   $mode = 'new';
493
494   my $hashref = $opt{'new_hashref_callback'}
495                   ? &{$opt{'new_hashref_callback'}}
496                   : {};
497
498   $object = $class->new( $hashref );
499
500   &{$opt{'new_callback'}}($cgi, $object, $fields)
501     if $opt{'new_callback'};
502
503 }
504
505 my $action = $object->$pkey() ? 'Edit' : 'Add';
506
507 my $title = "$action $opt{'name'}";
508
509 my $viewall_url = $p . ( $opt{'viewall_dir'} || 'search' ) . "/$table.html";
510 $viewall_url = $opt{'viewall_url'} if $opt{'viewall_url'};  
511
512 my @menubar = ();
513 if ( $opt{'menubar'} ) {
514   @menubar = @{ $opt{'menubar'} };
515 } else {
516   @menubar = (
517     #eventually use Lingua::bs to pluralize
518     "View all $opt{'name'}s" => $viewall_url,
519   );
520 }
521
522 </%init>