Auftrags-Controller: event bindings nicht mehrfach hinzufügen.
[kivitendo-erp.git] / templates / webpages / order / tabs / basic_data.html
1 [%- USE T8 %]
2 [%- USE HTML %]
3 [%- USE LxERP %]
4 [%- USE L %]
5
6 [%- INCLUDE 'generic/set_longdescription.html' %]
7
8 <div id="ui-tabs-basic-data">
9   <table width="100%">
10     <tr valign="top">
11       <td>
12         <table width="100%">
13           <tr>
14             <th align="right">[% SELF.cv | $T8 %]</th>
15             [% SET cv_id = SELF.cv _ '_id' %]
16             <td>[% L.customer_vendor_picker("order.${SELF.cv}" _ '_id', SELF.order.$cv_id, type=SELF.cv, style='width: 300px') %]</td>
17           </tr>
18
19           <tr id='cp_row' [%- IF !SELF.order.${SELF.cv}.contacts.size %]style='display:none'[%- END %]>
20             <th align="right">[% 'Contact Person' | $T8 %]</th>
21             <td>[% L.select_tag('order.cp_id',
22                                 SELF.order.${SELF.cv}.contacts,
23                                 default=SELF.order.cp_id,
24                                 title_key='full_name_dep',
25                                 value_key='cp_id',
26                                 with_empty=1,
27                                 style='width: 300px') %]</td>
28           </tr>
29
30           <tr id='shipto_row' [%- IF !SELF.order.${SELF.cv}.shipto.size %]style='display:none'[%- END %]>
31             <th align="right">[% 'Shipping Address' | $T8 %]</th>
32             <td>[% L.select_tag('order.shipto_id',
33                                 SELF.order.${SELF.cv}.shipto,
34                                 default=SELF.order.shipto_id,
35                                 title_key='displayable_id',
36                                 value_key='shipto_id',
37                                 with_empty=1,
38                                 style='width: 300px') %]</td>
39           </tr>
40
41           <tr>
42             <th align="right">[% 'Steuersatz' | $T8 %]</th>
43             <td>[% L.select_tag('order.taxzone_id', SELF.all_taxzones, default=SELF.order.taxzone_id, title_key='description', style='width: 300px', class='recalc') %]</td>
44           </tr>
45
46 [%- IF SELF.all_departments.size %]
47           <tr>
48             <th align="right">[% 'Department' | $T8 %]</th>
49             <td>
50               [% L.select_tag('order.department_id', SELF.all_departments, default=SELF.order.department_id, title_key='description', with_empty=1, style='width:300px') %]
51             </td>
52           </tr>
53 [%- END %]
54
55           <tr>
56             <th align="right">[% 'Shipping Point' | $T8 %]</th>
57             <td>[% L.input_tag('order.shippingpoint', SELF.order.shippingpoint, style='width: 300px') %]</td>
58           </tr>
59
60           <tr>
61             <th align="right">[% 'Ship via' | $T8 %]</th>
62             <td>[% L.input_tag('order.shipvia', SELF.order.shipvia, style='width: 300px') %]</td>
63           </tr>
64
65           <tr>
66             <th align="right">[% 'Transaction description' | $T8 %]</th>
67             <td>[% L.input_tag('order.transaction_description', SELF.order.transaction_description, style='width: 300px') %]</td>
68           </tr>
69
70           <tr>
71             <th align="right">[% 'Project Number' | $T8 %]</th>
72             <td>[% L.project_picker('order.globalproject_id', SELF.order.globalproject_id, style='width: 300px') %]</td>
73           </tr>
74
75         </table>
76       </td>
77
78       <td align="right">
79         <table>
80
81           <tr>
82             <td colspan="2" align="center">
83               [%- IF SELF.order.id %]
84                 <label for="order.delivered">[% 'Delivery Order(s) for full qty created' | $T8 %]</label>
85                 [% L.yes_no_tag('order.delivered', SELF.order.delivered) %]
86                 <label for="order.closed">[% 'Closed' | $T8 %]</label>
87                 [% L.yes_no_tag('order.closed', SELF.order.closed) %]
88               [%- END %]
89             </td>
90           </tr>
91
92           <tr>
93             <th align="right">[% 'Employee' | $T8 %]</th>
94             <td>[% L.select_tag('order.employee_id',
95               SELF.all_employees,
96               default=(SELF.order.employee_id ? SELF.order.employee_id : SELF.current_employee_id),
97               title_key='safe_name') %]</td>
98           </tr>
99
100           [% IF SELF.cv == 'customer' %]
101           <tr>
102             <th align="right">[% 'Salesman' | $T8 %]</th>
103             <td>[% L.select_tag('order.salesman_id',
104               SELF.all_salesmen,
105               default=(SELF.order.salesman_id ? SELF.order.salesman_id : SELF.current_employee_id),
106               title_key='safe_name') %]</td>
107           </tr>
108           [% END %]
109
110           <tr>
111             <th width="70%" align="right" nowrap>[% 'Order Number' | $T8 %]</th>
112             <td>[% L.input_tag('order.ordnumber', SELF.order.ordnumber, size = 11) %]</td>
113           </tr>
114
115           <tr>
116             <th width="70%" align="right" nowrap>[% 'Quotation Number' | $T8 %]</th>
117             <td>[% L.input_tag('order.quonumber', SELF.order.quonumber, size = 11) %]</td>
118           </tr>
119
120           <tr>
121             <th width="70%" align="right" nowrap>[% 'Customer Order Number' | $T8 %]</th>
122             <td>[% L.input_tag('order.cusordnumber', SELF.order.cusordnumber, size = 11) %]</td>
123           </tr>
124
125           <tr>
126             <th width="70%" align="right" nowrap>[% 'Order Date' | $T8 %]</th>
127             <td>[% L.date_tag('order.transdate', SELF.order.transdate) %]</td>
128           </tr>
129
130           <tr>
131             <th width="70%" align="right" nowrap>[% 'Reqdate' | $T8 %]</th>
132             <td>[% L.date_tag('order.reqdate', SELF.order.reqdate) %]</td>
133           </tr>
134
135           <tr>
136             <th width="70%" align="right" nowrap>[% 'Insert Date' | $T8 %]</th>
137             <td>[% SELF.order.itime_as_date %]</td>
138           </tr>
139
140         </table>
141
142       </td>
143     </tr>
144   </table>
145
146   [%- PROCESS order/tabs/_item_input.html %]
147
148   [% L.button_tag('show_multi_items_dialog()', LxERP.t8('Add multiple parts')) %]</td>
149
150   <table width="100%">
151     <tr>
152       <td>
153
154         <div id="row_table_scroll_id" style="overflow-y: auto; height: 25vh">
155           <table id="row_table_id" width="100%">
156             <thead>
157               <tr class="listheading">
158                 <th class="listheading" style='display:none'></th>
159                 <th class="listheading" nowrap width="3" >[%- 'position'     | $T8 %] </th>
160                 <th class="listheading" style='text-align:center' nowrap width="1"><img src="image/updown.png" alt="[%- LxERP.t8('reorder item') %]"></th>
161                 <th class="listheading" style='text-align:center' nowrap width="1"><img src="image/close.png" alt="[%- LxERP.t8('delete item') %]"></th>
162                 <th id="partnumber_header_id"  class="listheading" nowrap width="15"><a href='#' onClick='javascript:reorder_items("partnumber")'> [%- 'Partnumber'  | $T8 %]</a></th>
163                 <th id="description_header_id" class="listheading" nowrap           ><a href='#' onClick='javascript:reorder_items("description")'>[%- 'Description' | $T8 %]</a></th>
164                 <th id="qty_header_id"         class="listheading" nowrap width="5" ><a href='#' onClick='javascript:reorder_items("qty")'>        [%- 'Qty'         | $T8 %]</a></th>
165                 <th class="listheading" nowrap width="5" >[%- 'Price Factor' | $T8 %] </th>
166                 <th class="listheading" nowrap width="5" >[%- 'Unit'         | $T8 %] </th>
167                 <th class="listheading" nowrap width="5" >[%- 'Price Source' | $T8 %] </th>
168                 <th id="sellprice_header_id"   class="listheading" nowrap width="15" ><a href='#' onClick='javascript:reorder_items("sellprice")'> [%- 'Price'       | $T8 %]</a></th>
169                 <th id="discount_header_id"    class="listheading" nowrap width="15" ><a href='#' onClick='javascript:reorder_items("discount")'>  [%- 'Discount'    | $T8 %]</a></th>
170                 <th class="listheading" nowrap width="10">[%- 'Extended'     | $T8 %] </th>
171               </tr>
172             </thead>
173
174             [%- FOREACH item = SELF.order.items_sorted %]
175               [%- PROCESS order/tabs/_row.html ITEM=item ID=item.id ALL_PRICE_FACTORS=SELF.all_price_factors %]
176             [%- END %]
177
178           </table>
179         </div>
180
181       </td>
182     </tr>
183
184     <tr>
185     </tr>
186
187     <tr>
188       <td colspan="100%" width="100%">
189         <table width="100%">
190           <tr>
191             <td>
192               <table>
193                 <tr>
194                   <th align="left">[% 'Notes' | $T8 %]</th>
195                   <th align="left">[% 'Internal Notes' | $T8 %]</th>
196                 </tr>
197                 <tr valign="top">
198                   <td>
199                     [% L.textarea_tag('order.notes', SELF.order.notes, wrap="soft", style="width: 350px; height: 150px", class="texteditor") %]
200                   </td>
201                   <td>
202                     [% L.textarea_tag('order.intnotes', SELF.order.intnotes, wrap="soft", style="width: 350px; height: 150px") %]
203                   </td>
204                 </tr>
205               </table>
206             </td>
207
208             <td>
209               <table>
210                 <tr>
211                   <th align="right">[% 'Payment Terms' | $T8 %]</th>
212                   <td>[% L.select_tag('order.payment_id',
213                                       SELF.all_payment_terms,
214                                       default = SELF.order.payment_id,
215                                       with_empty = 1,
216                                       title_key = 'description',
217                                       style = 'width: 250px') %]</td>
218                 </tr>
219                 <tr>
220                   <th align="right">[% 'Delivery Terms' | $T8 %]</th>
221                   <td>[% L.select_tag('order.delivery_term_id',
222                                       SELF.all_delivery_terms,
223                                       default = SELF.order.delivery_term_id,
224                                       with_empty = 1,
225                                       title_key = 'description',
226                                       style = 'width: 250px') %]</td>
227                 </tr>
228               </table>
229             </td>
230
231             <td align="right">
232               <table>
233                 <tr id="taxincluded_row_id" [%- IF !SELF.taxes.size %]style="display:none"[%- END %]>
234                   <td align=right colspan="2">
235                     <label for="order.taxincluded"><b>[% 'Tax Included' | $T8 %]</b></label>
236                     [% L.yes_no_tag('order.taxincluded', SELF.order.taxincluded, class='recalc') %]
237                   </td>
238                 </tr>
239
240                 <tr id="subtotal_row_id" [%- IF SELF.order.taxincluded %]style="display:none"[%- END %]>
241                   <th align="right">[%- 'Subtotal' | $T8 %]</th>
242                   <td align="right">
243                     [%- L.div_tag(SELF.order.netamount_as_number, id='netamount_id') %]
244                   </td>
245                 </tr>
246                 [%- FOREACH tax = SELF.taxes %]
247                   [%- PROCESS order/tabs/_tax_row.html TAX=tax TAXINCLUDED=SELF.order.taxincluded %]
248                 [%- END %]
249                 <tr id="amount_row_id">
250                   <th align="right">[%- 'Total' | $T8 %]</th>
251                   <td align="right">
252                     [%- L.div_tag(SELF.order.amount_as_number, id='amount_id') %]
253                   </td>
254                 </tr>
255               </table>
256             </td>
257
258           </tr>
259         </table>
260       </td>
261     </tr>
262
263   </table>
264
265 </div>
266
267
268 [% L.sortable_element('#row_table_id') %]
269
270 <script type='text/javascript'>
271 function reload_cv_dependend_selections() {
272   var data = $('#order_form').serializeArray();
273   data.push({ name: 'action', value: 'Order/customer_vendor_changed' });
274
275   $.post("controller.pl", data, kivi.eval_json_result);
276 }
277
278 function unit_change(event) {
279   var row = $(event.target).parents("tbody").first();
280   var item_id_dom = $(row).find('[name="orderitem_ids[+]"]');
281   var sellprice_dom = $(row).find('[name="order.orderitems[].sellprice_as_number"]');
282   var select_elt = $(row).find('[name="order.orderitems[].unit"]');
283
284   var oldval = $(select_elt).data('oldval');
285   $(select_elt).data('oldval', $(select_elt).val());
286
287   var data = $('#order_form').serializeArray();
288   data.push({ name: 'action', value: 'Order/unit_changed' });
289   data.push({ name: 'item_id', value: item_id_dom.val() });
290   data.push({ name: 'old_unit', value: oldval });
291   data.push({ name: 'sellprice_dom_id', value: sellprice_dom.attr('id') });
292
293   $.post("controller.pl", data, kivi.eval_json_result);
294 }
295
296 function update_sellprice(item_id, price_str) {
297   var row = $('#item_' + item_id).parents("tbody").first();
298   var price_elt = $(row).find('[name="order.orderitems[].sellprice_as_number"]');
299   var html_elt  = $(row).find('[name="sellprice_text"]');
300   price_elt.val(price_str);
301   html_elt.html(price_str);
302 }
303
304 function add_item() {
305   if ($('#add_item_parts_id').val() == '') return;
306   if (!check_cv()) return;
307
308   $('#row_table_id thead a img').remove();
309
310   var data = $('#order_form').serializeArray();
311   data.push({ name: 'action', value: 'Order/add_item' });
312
313   $.post("controller.pl", data, kivi.eval_json_result);
314 }
315
316 function show_multi_items_dialog() {
317   if (!check_cv()) return;
318
319   $('#row_table_id thead a img').remove();
320
321   kivi.popup_dialog({
322     url: 'controller.pl?action=Order/show_multi_items_dialog',
323     data: { type: $('#type').val(),
324             callback: 'Order/add_multi_items',
325             callback_data_id: 'order_form' },
326     id: 'jq_multi_items_dialog',
327     dialog: {
328       title: kivi.t8('Add multiple items'),
329       width:  800,
330       height: 500
331     }
332   });
333   return true;
334 }
335
336 function close_multi_items_dialog() {
337   $('#jq_multi_items_dialog').dialog('close');
338 };
339
340 function delete_order_item_row(clicked) {
341   var row = $(clicked).parents("tbody").first();
342   $(row).remove();
343
344   renumber_positions();
345   recalc_amounts_and_taxes();
346 }
347
348 function price_chooser_item_row(clicked) {
349   var row = $(clicked).parents("tbody").first();
350   var item_id_dom = $(row).find('[name="orderitem_ids[+]"]');
351
352   var data = $('#order_form').serializeArray();
353   data.push({ name: 'action', value: 'Order/price_popup' });
354   data.push({ name: 'item_id', value: item_id_dom.val() });
355
356   $.post("controller.pl", data, kivi.eval_json_result);
357 }
358
359 function update_price_source(item_id, source, descr, price_str) {
360   var row = $('#item_' + item_id).parents("tbody").first();
361   var source_elt = $(row).find('[name="order.orderitems[].active_price_source"]');
362   var button_elt = $(row).find('[name="price_chooser_button"]');
363
364   button_elt.val(button_elt.val().replace(/.*\|/, descr + " |"));
365   source_elt.val(source);
366
367   var editable_div_elt = $(row).find('[name="editable_price"]');
368   var not_editable_div_elt = $(row).find('[name="not_editable_price"]');
369   if ([%- AUTH.assert('edit_prices', 1) %] == 1 && source == '') {
370     // editable
371     $(editable_div_elt).show();
372     $(not_editable_div_elt).hide();
373     $(editable_div_elt).find(':input').prop("disabled", false);
374     $(not_editable_div_elt).find(':input').prop("disabled", true);
375   } else {
376     // not editable
377     $(editable_div_elt).hide();
378     $(not_editable_div_elt).show();
379     $(editable_div_elt).find(':input').prop("disabled", true);
380     $(not_editable_div_elt).find(':input').prop("disabled", false);
381   }
382
383   if (price_str) {
384     var price_elt = $(row).find('[name="order.orderitems[].sellprice_as_number"]');
385     var html_elt  = $(row).find('[name="sellprice_text"]');
386     price_elt.val(price_str);
387     html_elt.html(price_str);
388     recalc_amounts_and_taxes();
389   }
390
391   kivi.io.close_dialog();
392 }
393
394 function update_discount_source(item_id, source, descr, discount_str) {
395   var row = $('#item_' + item_id).parents("tbody").first();
396   var source_elt = $(row).find('[name="order.orderitems[].active_discount_source"]');
397   var button_elt = $(row).find('[name="price_chooser_button"]');
398
399   button_elt.val(button_elt.val().replace(/\|.*/, "| " + descr));
400   source_elt.val(source);
401
402   var editable_div_elt = $(row).find('[name="editable_discount"]');
403   var not_editable_div_elt = $(row).find('[name="not_editable_discount"]');
404   if ([%- AUTH.assert('edit_prices', 1) %] == 1 && source == '') {
405     // editable
406     $(editable_div_elt).show();
407     $(not_editable_div_elt).hide();
408     $(editable_div_elt).find(':input').prop("disabled", false);
409     $(not_editable_div_elt).find(':input').prop("disabled", true);
410   } else {
411     // not editable
412     $(editable_div_elt).hide();
413     $(not_editable_div_elt).show();
414     $(editable_div_elt).find(':input').prop("disabled", true);
415     $(not_editable_div_elt).find(':input').prop("disabled", false);
416   }
417
418   if (discount_str) {
419     var discount_elt = $(row).find('[name="order.orderitems[].discount_as_percent"]');
420     var html_elt     = $(row).find('[name="discount_text"]');
421     discount_elt.val(discount_str);
422     html_elt.html(discount_str);
423     recalc_amounts_and_taxes();
424   }
425
426   kivi.io.close_dialog();
427 }
428
429 function reformat_number(event) {
430   $(event.target).val(kivi.format_amount(kivi.parse_amount($(event.target).val()), -2));
431 }
432
433 function recalc_amounts_and_taxes() {
434   var data = $('#order_form').serializeArray();
435   data.push({ name: 'action', value: 'Order/recalc_amounts_and_taxes' });
436
437   $.post("controller.pl", data, kivi.eval_json_result);
438 }
439
440 function redisplay_linetotals(data) {
441   $('.row_entry [name="linetotal"]').each(function(idx, elt) {
442     $(elt).html(data[idx]);
443   });
444 }
445
446 function row_table_scroll_down() {
447   $('#row_table_scroll_id').scrollTop($('#row_table_scroll_id')[0].scrollHeight);
448 }
449
450 var email_dialog;
451
452 function show_email_dialog(html) {
453   var id            = 'jqueryui_popup_dialog';
454   var dialog_params = {
455     id:     id,
456     width:  800,
457     height: 500,
458     modal:  true,
459     close: function(event, ui) {
460       email_dialog.remove();
461     },
462   };
463
464   $('#' + id).remove();
465
466   email_dialog = $('<div style="display:none" id="' + id + '"></div>').appendTo('body');
467   email_dialog.html(html);
468   email_dialog.dialog(dialog_params);
469
470   $('.cancel').click(close_email_dialog);
471
472   return true;
473 }
474
475 close_email_dialog = function() {
476   email_dialog.dialog("close");
477 }
478
479 function renumber_positions() {
480   $('.row_entry [name="position"]').each(function(idx, elt) {
481     $(elt).html(idx+1);
482   });
483 }
484
485 function reorder_items(order_by) {
486   var dir = $('#' + order_by + '_header_id a img').attr("data-sort-dir");
487   $('#row_table_id thead a img').remove();
488
489   var src;
490   if (dir == "1") {
491     dir = "0";
492     src = "image/up.png";
493   } else {
494     dir = "1";
495     src = "image/down.png";
496   };
497
498   $('#' + order_by + '_header_id a').append('<img border=0 data-sort-dir=' + dir + ' src=' + src + ' alt="[%- LxERP.t8('sort items') %]">');
499
500   var data = $('#order_form').serializeArray();
501   data.push({ name: 'action', value: 'Order/reorder_items' });
502   data.push({ name: 'order_by', value: order_by });
503   data.push({ name: 'sort_dir', value: dir });
504
505   $.post("controller.pl", data, kivi.eval_json_result);
506 }
507
508 function redisplay_items(data) {
509   var old_rows = $('.row_entry').detach();
510   var new_rows = [];
511   $(data).each(function(idx, elt) {
512     new_rows.push(old_rows[elt.old_pos - 1]);
513   });
514   $(new_rows).appendTo($('#row_table_id'));
515   renumber_positions();
516 }
517
518 function show_longdescription_dialog(clicked) {
519   var row = $(clicked).parents("tbody").first();
520   var position = $(row).find('[name="position"]').html();
521   var partnumber = $(row).find('[name="partnumber"]').html();
522   var description_elt = $(row).find('[name="order.orderitems[].description"]');
523   var description = description_elt.val();
524   var longdescription_elt = $(row).find('[name="order.orderitems[].longdescription"]');
525   var longdescription;
526
527   if (!longdescription_elt.length) {
528     var data = [];
529     data.push({ name: 'action', value: 'Order/get_item_longdescription' });
530     data.push({ name: 'type', value: $('#type').val() });
531     data.push({ name: 'item_id', value: $(row).find('[name="order.orderitems[+].id"]').val() });
532     data.push({ name: 'parts_id', value: $(row).find('[name="order.orderitems[].parts_id"]').val() });
533     $.ajax({
534       url: 'controller.pl',
535       data: data,
536       method: "GET",
537       async: false,
538       dataType: 'text',
539       success: function(val){
540         longdescription = val;
541       }
542     });
543   } else {
544     longdescription = longdescription_elt.val();
545   }
546
547   var params = { runningnumber: position,
548                  partnumber: partnumber,
549                  description: description,
550                  default_longdescription: longdescription,
551                  set_function: function(val){
552                    longdescription_elt.remove();
553                    $('<input type="hidden" name="order.orderitems[].longdescription">').insertAfter(description_elt).val(val);
554                  }
555                };
556
557   kivi.SalesPurchase.edit_longdescription_with_params(params);
558 }
559
560 function init_row_handlers() {
561   kivi.run_once_for('.recalc', 'on_change_recalc', function(elt) {
562     $(elt).change(recalc_amounts_and_taxes);
563   });
564
565   kivi.run_once_for('.reformat_number', 'on_change_reformat', function(elt) {
566     $(elt).change(reformat_number);
567   });
568
569   kivi.run_once_for('.unitselect', 'on_change_unit_with_oldval', function(elt) {
570     $(elt).data('oldval', $(elt).val());
571     $(elt).change(unit_change);
572   });
573
574   kivi.run_once_for('.row_entry', 'on_kbd_click_show_hide', function(elt) {
575     $(elt).keydown(function(event) {
576       if(event.keyCode == 40 && event.shiftKey == true) {
577         // shift arrow down
578         event.preventDefault();
579         var row = $(event.target).parents(".row_entry").first();
580         $(row).children().not(':first').show();
581         return false;
582       }
583       if(event.keyCode == 38 && event.shiftKey == true) {
584         // shift arrow up
585         event.preventDefault();
586         var row = $(event.target).parents(".row_entry").first();
587         $(row).children().not(':first').hide();
588         return false;
589       }
590     });
591     $(elt).dblclick(function(event) {
592       event.preventDefault();
593       var row = $(event.target).parents(".row_entry").first();
594       $(row).children().not(':first').toggle();
595       return false;
596     });
597   });
598 }
599
600
601 $(function(){
602   $('#order_[%- cv_id %]').change(reload_cv_dependend_selections);
603   [%- IF SELF.cv == 'customer' %]
604     $('#add_item_parts_id').on('set_item:PartPicker', function(e,o) { $('#add_item_sellprice_as_number').val(kivi.format_amount(o.sellprice, -2)) });
605   [%- ELSE %]
606     $('#add_item_parts_id').on('set_item:PartPicker', function(e,o) { $('#add_item_sellprice_as_number').val(kivi.format_amount(o.lastcost, -2)) });
607   [%- END %]
608   $('#add_item_parts_id').on('set_item:PartPicker', function(e,o) { $('#add_item_description').val(o.description) });
609   $('#add_item_parts_id').on('set_item:PartPicker', function(e,o) { $('#add_item_unit').val(o.unit) });
610   $('.add_item_input').keydown(function(event) {
611     if(event.keyCode == 13) {
612       event.preventDefault();
613       add_item();
614       return false;
615     }
616   });
617   init_row_handlers();
618 });
619
620 $('#row_table_id').on('sortstop', function(event, ui) {
621   $('#row_table_id thead a img').remove();
622   renumber_positions();
623 });
624 </script>