Revision 926099a8
Von Sven Schöling vor etwa 8 Jahren hinzugefügt
| js/kivi.Part.js | ||
|---|---|---|
|
$.post("controller.pl", data, kivi.eval_json_result);
|
||
|
};
|
||
|
|
||
|
ns.set_multi_assembly_items = function(data) {
|
||
|
data.push({ name: 'part.id', value: $('#part_id').val() });
|
||
|
data.push({ name: 'part.part_type', value: $('#part_part_type').val() });
|
||
|
$.post("controller.pl?action=Part/add_multi_assembly_items", data, kivi.eval_json_result);
|
||
|
}
|
||
|
|
||
|
ns.set_multi_assortment_items = function(data) {
|
||
|
data.push({ name: 'part.id', value: $('#part_id').val() });
|
||
|
data.push({ name: 'part.part_type', value: $('#part_part_type').val() });
|
||
|
$.post("controller.pl?action=Part/add_multi_assortment_items", data, kivi.eval_json_result);
|
||
|
}
|
||
|
|
||
|
ns.close_picker_dialogs = function() {
|
||
|
$('.part_autocomplete').each(function(_, e) {
|
||
|
var picker = $(e).data('part_picker');
|
||
|
if (picker) picker.close_dialog();
|
||
|
});
|
||
|
}
|
||
|
|
||
|
ns.redisplay_items = function(data) {
|
||
|
var old_rows;
|
||
|
var part_type = $("#part_part_type").val();
|
||
| ... | ... | |
|
$("#assembly_rows tr:last").find('input[type=text]').filter(':visible:first').focus();
|
||
|
};
|
||
|
|
||
|
ns.show_multi_items_dialog = function(part_type,part_id) {
|
||
|
|
||
|
$('#row_table_id thead a img').remove();
|
||
|
|
||
|
kivi.popup_dialog({
|
||
|
url: 'controller.pl?action=Part/show_multi_items_dialog',
|
||
|
data: { callback: 'Part/add_multi_' + part_type + '_items',
|
||
|
callback_data_id: 'ic',
|
||
|
'part.part_type': part_type,
|
||
|
'part.id' : part_id,
|
||
|
},
|
||
|
id: 'jq_multi_items_dialog',
|
||
|
dialog: {
|
||
|
title: kivi.t8('Add multiple items'),
|
||
|
width: 800,
|
||
|
height: 800
|
||
|
}
|
||
|
});
|
||
|
return true;
|
||
|
};
|
||
|
|
||
|
ns.close_multi_items_dialog = function() {
|
||
|
$('#jq_multi_items_dialog').dialog('close');
|
||
|
};
|
||
|
|
||
|
|
||
|
// makemodel
|
||
|
ns.makemodel_renumber_positions = function() {
|
||
|
$('.makemodel_row [name="position"]').each(function(idx, elt) {
|
||
| ... | ... | |
|
this.state = this.STATES.PICKED;
|
||
|
this.last_dummy = this.$dummy.val();
|
||
|
this.timer = undefined;
|
||
|
this.dialog = undefined;
|
||
|
|
||
|
this.init();
|
||
|
};
|
||
| ... | ... | |
|
}
|
||
|
this.annotate_state();
|
||
|
},
|
||
|
set_multi_items: function(data) {
|
||
|
this.run_action(this.o.action.set_multi_items, [ data ]);
|
||
|
},
|
||
|
make_defined_state: function() {
|
||
|
if (this.state == this.STATES.PICKED) {
|
||
|
this.annotate_state();
|
||
| ... | ... | |
|
}
|
||
|
},
|
||
|
open_dialog: function() {
|
||
|
new ns.PickerPopup(this);
|
||
|
if (this.o.multiple) {
|
||
|
this.dialog = new ns.PickerMultiPopup(this);
|
||
|
} else {
|
||
|
this.dialog = new ns.PickerPopup(this);
|
||
|
}
|
||
|
},
|
||
|
close_dialog: function() {
|
||
|
this.dialog.close_dialog();
|
||
|
this.dialog = undefined;
|
||
|
},
|
||
|
init: function() {
|
||
|
var self = this;
|
||
| ... | ... | |
|
partnumber: $(this).children('input.part_picker_partnumber').val(),
|
||
|
description: $(this).children('input.part_picker_description').val(),
|
||
|
});
|
||
|
self.close_popup();
|
||
|
self.close_dialog();
|
||
|
self.pp.$dummy.focus();
|
||
|
return true;
|
||
|
});
|
||
|
});
|
||
|
$('#part_selection').keydown(function(e){
|
||
|
if (e.which == KEY.ESCAPE) {
|
||
|
self.close_popup();
|
||
|
self.close_dialog();
|
||
|
self.pp.$dummy.focus();
|
||
|
}
|
||
|
});
|
||
| ... | ... | |
|
this.timer = window.setTimeout(function() { self.update_results() }, 100);
|
||
|
}
|
||
|
},
|
||
|
close_popup: function() {
|
||
|
close_dialog: function() {
|
||
|
$('#part_selection').dialog('close');
|
||
|
}
|
||
|
};
|
||
|
|
||
|
ns.PickerMultiPopup = function(pp) {
|
||
|
this.pp = pp;
|
||
|
this.callback = 'Part/add_multi_' + this.pp.o.part_type + '_items';
|
||
|
this.open_dialog();
|
||
|
};
|
||
|
|
||
|
ns.PickerMultiPopup.prototype = {
|
||
|
open_dialog: function() {
|
||
|
var self = this;
|
||
|
$('#row_table_id thead a img').remove();
|
||
|
|
||
|
kivi.popup_dialog({
|
||
|
url: 'controller.pl?action=Part/show_multi_items_dialog',
|
||
|
data: $.extend({
|
||
|
real_id: self.pp.real_id,
|
||
|
}, self.pp.ajax_data(this.pp.$dummy.val())),
|
||
|
id: 'jq_multi_items_dialog',
|
||
|
dialog: {
|
||
|
title: kivi.t8('Add multiple items'),
|
||
|
width: 800,
|
||
|
height: 800
|
||
|
},
|
||
|
load: function() {
|
||
|
self.init_search();
|
||
|
}
|
||
|
});
|
||
|
return true;
|
||
|
},
|
||
|
init_search: function() {
|
||
|
var self = this;
|
||
|
$('#multi_items_filter_table input, #multi_items_filter_table select').keydown(function(event) {
|
||
|
if(event.which == KEY.ENTER) {
|
||
|
event.preventDefault();
|
||
|
self.update_results();
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$('#multi_items_filter_all_substr_multi_ilike').focus();
|
||
|
$('#multi_items_filter_button').click(function(){ self.update_results() });
|
||
|
$('#multi_items_filter_reset').click(function(){ $("#multi_items_form").resetForm() });
|
||
|
$('#continue_button').click(function(){ self.add_multi_items() });
|
||
|
},
|
||
|
update_results: function() {
|
||
|
var self = this;
|
||
|
var data = $('#multi_items_form').serializeArray();
|
||
|
data.push({ name: 'type', value: self.pp.type });
|
||
|
$.ajax({
|
||
|
url: 'controller.pl?action=Part/multi_items_update_result',
|
||
|
data: data,
|
||
|
method: 'post',
|
||
|
success: function(data){
|
||
|
$('#multi_items_result').html(data);
|
||
|
self.init_results();
|
||
|
self.enable_continue();
|
||
|
}
|
||
|
});
|
||
|
},
|
||
|
set_qty_to_one: function(clicked) {
|
||
|
if ($(clicked).val() === '') {
|
||
|
$(clicked).val(kivi.format_amount(1.00, -2));
|
||
|
}
|
||
|
$(clicked).select();
|
||
|
},
|
||
|
init_results: function() {
|
||
|
var self = this;
|
||
|
$('#multi_items_all_qty').change(function(event){
|
||
|
$('.multi_items_qty').val($(event.target).val());
|
||
|
});
|
||
|
$('.multi_items_qty').click(function(){ self.set_qty_to_one(this) });
|
||
|
},
|
||
|
result_timer: function(event) {
|
||
|
},
|
||
|
close_dialog: function() {
|
||
|
$('#jq_multi_items_dialog').dialog('close');
|
||
|
},
|
||
|
disable_continue: function() {
|
||
|
$('#multi_items_result input').off("keydown");
|
||
|
$('#continue_button').prop('disabled', true);
|
||
|
},
|
||
|
enable_continue: function() {
|
||
|
var self = this;
|
||
|
$('#multi_items_result input').keydown(function(event) {
|
||
|
if(event.keyCode == KEY.ENTER) {
|
||
|
event.preventDefault();
|
||
|
self.add_multi_items();
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
$('#continue_button').prop('disabled', false);
|
||
|
},
|
||
|
add_multi_items: function() {
|
||
|
// rows at all
|
||
|
var n_rows = $('.multi_items_qty').length;
|
||
|
if ( n_rows === 0) { return; }
|
||
|
|
||
|
// filled rows
|
||
|
n_rows = $('.multi_items_qty').filter(function() {
|
||
|
return $(this).val().length > 0;
|
||
|
}).length;
|
||
|
if (n_rows === 0) { return; }
|
||
|
|
||
|
this.disable_continue();
|
||
|
|
||
|
var data = $('#multi_items_form').serializeArray();
|
||
|
this.pp.set_multi_items(data);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
ns.reinit_widgets = function() {
|
||
|
kivi.run_once_for('input.part_autocomplete', 'part_picker', function(elt) {
|
||
|
if (!$(elt).data('part_picker'))
|
||
| ... | ... | |
|
}
|
||
|
|
||
|
$(function(){
|
||
|
|
||
|
// assortment
|
||
|
// TODO: allow units for assortment items
|
||
|
$('#add_assortment_item_id').on('set_item:PartPicker', function(e,o) { $('#add_item_unit').val(o.unit) });
|
||
|
|
||
|
$('#ic').on('focusout', '.reformat_number', function(event) {
|
||
|
ns.reformat_number(event);
|
||
|
})
|
||
|
|
||
|
$('.add_assortment_item_input').keydown(function(event) {
|
||
|
if(event.keyCode == 13) {
|
||
|
event.preventDefault();
|
||
|
if ($("input[name='add_items[+].parts_id']").val() !== '' ) {
|
||
|
kivi.Part.show_multi_items_dialog("assortment");
|
||
|
// ns.add_assortment_item();
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$('.add_assembly_item_input').keydown(function(event) {
|
||
|
if(event.keyCode == 13) {
|
||
|
event.preventDefault();
|
||
|
if ($("input[name='add_items[+].parts_id']").val() !== '' ) {
|
||
|
kivi.Part.show_multi_items_dialog("assortment");
|
||
|
// ns.add_assembly_item();
|
||
|
}
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$('.add_makemodel_input').keydown(function(event) {
|
||
| templates/webpages/part/_multi_items_dialog.html | ||
|---|---|---|
|
|
||
|
<form method="post" id="multi_items_form" method="POST">
|
||
|
|
||
|
[% L.hidden_tag('part.part_type', FORM.part.part_type) %]
|
||
|
|
||
|
<table id='multi_items_filter_table'>
|
||
|
<tr>
|
||
|
<th>[%- LxERP.t8("Description") %]/[%- LxERP.t8("Partnumber") %]:</th>
|
||
|
<td>[%- L.input_tag('multi_items.filter.all:substr:multi::ilike', partfilter) %]</td>
|
||
|
<td>[%- L.input_tag('multi_items.filter.all:substr:multi::ilike', SELF.multi_items_models.filtered.laundered.all_substr_multi__ilike) %]</td>
|
||
|
<th>[%- LxERP.t8("Partsgroup") %]</th>
|
||
|
<td>[%- L.select_tag('multi_items.filter.partsgroup_id', all_partsgroups, title_key='partsgroup', value_key='id', with_empty=1) %]</td>
|
||
|
<tr>
|
||
|
</table>
|
||
|
|
||
|
[% L.button_tag('update_result()', LxERP.t8('Filter')) %]
|
||
|
[% L.button_tag('$("#multi_items_form").resetForm()', LxERP.t8('Reset')) %]
|
||
|
[% L.button_tag('', LxERP.t8('Filter'), id='multi_items_filter_button') %]
|
||
|
[% L.button_tag('', LxERP.t8('Reset'), id='multi_items_filter_reset') %]
|
||
|
|
||
|
<hr>
|
||
|
<div id='multi_items_result'></div>
|
||
|
<hr>
|
||
|
|
||
|
[% L.button_tag('add_multi_items()', LxERP.t8('Continue'), id='continue_button') %]
|
||
|
<a href="#" onclick="kivi.Part.close_multi_items_dialog();">[%- LxERP.t8("Cancel") %]</a>
|
||
|
|
||
|
<script type='text/javascript'>
|
||
|
function update_result() {
|
||
|
var data = $('#multi_items_form').serializeArray();
|
||
|
data.push({ name: 'type', value: '[%- FORM.type %]' });
|
||
|
$.ajax({
|
||
|
url: 'controller.pl?action=Part/multi_items_update_result',
|
||
|
data: data,
|
||
|
method: 'post',
|
||
|
success: function(data){
|
||
|
$('#multi_items_result').html(data);
|
||
|
enable_continue();
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function disable_continue() {
|
||
|
// disable keydown-event and continue button to prevent
|
||
|
// impatient users to add parts multiple times
|
||
|
$('#multi_items_result input').off("keydown");
|
||
|
$('#continue_button').prop('disabled', true);
|
||
|
}
|
||
|
|
||
|
function enable_continue() {
|
||
|
$('#multi_items_result input').keydown(function(event) {
|
||
|
if(event.keyCode == 13) {
|
||
|
event.preventDefault();
|
||
|
add_multi_items();
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
$('#continue_button').prop('disabled', false);
|
||
|
}
|
||
|
|
||
|
function add_multi_items() {
|
||
|
// rows at all
|
||
|
var n_rows = $('.multi_items_qty').length;
|
||
|
if ( n_rows == 0) { return; }
|
||
|
|
||
|
// filled rows
|
||
|
n_rows = $('.multi_items_qty').filter(function() {
|
||
|
return $(this).val().length > 0;
|
||
|
}).length;
|
||
|
if ( n_rows == 0) { return; }
|
||
|
|
||
|
disable_continue();
|
||
|
|
||
|
// var data = $('#[%- FORM.callback_data_id %]').serializeArray(); /* do i need to serialize this as well? */
|
||
|
// var data = data.concat($('#multi_items_form').serializeArray());
|
||
|
var data = $('#multi_items_form').serializeArray();
|
||
|
data.push({ name: 'action', value: '[%- FORM.callback %]' });
|
||
|
data.push({ name: 'part_type', value: '[%- FORM.part.part_type %]' });
|
||
|
data.push({ name: 'part.id' , value: '[%- FORM.part.id %]' });
|
||
|
$.post("controller.pl", data, kivi.eval_json_result);
|
||
|
}
|
||
|
|
||
|
$('#multi_items_filter_table input, #multi_items_filter_table select').keydown(function(event) {
|
||
|
if(event.keyCode == 13) {
|
||
|
event.preventDefault();
|
||
|
update_result();
|
||
|
return false;
|
||
|
}
|
||
|
});
|
||
|
|
||
|
$('#multi_items_filter_all_substr_multi_ilike').focus();
|
||
|
</script>
|
||
|
[% L.button_tag('', LxERP.t8('Continue'), id='continue_button') %]
|
||
|
|
||
|
</form>
|
||
| templates/webpages/part/_multi_items_result.html | ||
|---|---|---|
|
<td>
|
||
|
[% L.hidden_tag("add_items[+].parts_id", item.id) %]
|
||
|
[% L.input_tag("add_items[].qty_as_number", '', size = 5,
|
||
|
class = 'multi_items_qty numeric', onclick = 'set_qty_to_one(this)') %]
|
||
|
class = 'multi_items_qty numeric') %]
|
||
|
</td>
|
||
|
<td>[% HTML.escape(item.unit) %]</td>
|
||
|
<td>[% P.part(item) %]</td>
|
||
| ... | ... | |
|
</tr>
|
||
|
[%- END %]
|
||
|
</table>
|
||
|
|
||
|
<script type='text/javascript'>
|
||
|
function set_qty_to_one(clicked) {
|
||
|
if ($(clicked).val() == '') {
|
||
|
$(clicked).val('[%- LxERP.format_amount(1.00, -2) %]');
|
||
|
}
|
||
|
$(clicked).select();
|
||
|
}
|
||
|
|
||
|
$('#multi_items_all_qty').change(function(event){
|
||
|
$('.multi_items_qty').val($(event.target).val());
|
||
|
});
|
||
|
</script>
|
||
| templates/webpages/part/test_page.html | ||
|---|---|---|
|
Convertible unit 'Std': (only select parts with unit Tag/Std/Min)<br>
|
||
|
[% L.part_picker('part_id7', undef, convertible_unit='Std') %]<br>
|
||
|
|
||
|
With multi select popup<br>
|
||
|
[% L.part_picker('part_id8', undef, multiple=1) %]<br>
|
||
|
|
||
|
<h2>Styling</h2>
|
||
|
|
||
|
In a span:
|
||
Auch abrufbar als: Unified diff
PartPicker: Multipicker als separate popupklasse