620 lines
23 KiB
JavaScript
620 lines
23 KiB
JavaScript
if(typeof Product==='undefined'){
|
|
class Product extends DataModel{
|
|
|
|
/*
|
|
* Constructor
|
|
*/
|
|
constructor (data,options) {
|
|
super(data,options)
|
|
if(typeof this.contact ==="undefined"){
|
|
this.contact=[];
|
|
}
|
|
console.log('Product constructor called');
|
|
};
|
|
};
|
|
window.Product=Product;
|
|
}
|
|
window.ProductAdmin=function (options,ProductItem) {
|
|
/*
|
|
* Variables accessible
|
|
* in the class
|
|
*/
|
|
let Opts = {
|
|
token: null,
|
|
containerCssSelector: '.containerProduct',
|
|
container:null,
|
|
resultContainerSelector:'.containerProduct .containerResult',
|
|
resultContainer:null,
|
|
|
|
testMode: false,
|
|
filters:{
|
|
Product:{},
|
|
},
|
|
URL: {
|
|
getDataTableContent: '',
|
|
index: '',
|
|
show: '',
|
|
edit: '',
|
|
create: '',
|
|
store: '',
|
|
update: '',
|
|
destroy: '',
|
|
attachFile: '',
|
|
detachFile: '',
|
|
},
|
|
dataTable: {
|
|
orderDirective: [1, 'asc'],
|
|
},
|
|
onAfterInitViewDetails: function () {
|
|
}
|
|
};
|
|
let Product = {};
|
|
let root = this;
|
|
let contactPopupWorkflow = 'new';
|
|
let dataTable=null;
|
|
/*
|
|
* Constructor
|
|
*/
|
|
this.construct = function (options, ProductItem) {
|
|
console.log('ProductAdmin constructor called');
|
|
$.extend(Opts, options);
|
|
if (!ProductItem) {
|
|
console.log('Product letre kellet hozni ');
|
|
if (!APP.Product) {
|
|
APP.Product = new window.Product();
|
|
}
|
|
root.Product = APP.Product;
|
|
}
|
|
};
|
|
this.getOpts = function () {
|
|
return Opts;
|
|
}
|
|
this.datatableRowActionButtonClick=function (event){
|
|
debug('datatableRowActionButtonClick');
|
|
let node=$(event[0].currentTarget);
|
|
let row=$(dataTableCSSSelector).DataTable().row(node.parents('tr'));
|
|
let rowData=row.data();
|
|
let actionName='datatableRowAction'+node.data('buttontype').capitalize();
|
|
if (typeof root[actionName] === "function") {
|
|
return root[actionName](rowData,node)
|
|
}
|
|
}
|
|
this.datatableRowActionEdit=function (rowData,node) {
|
|
console.log('datatableRowActionEdit Called');
|
|
//Opts.onAfterInitViewDetails=root.autofillDetails;
|
|
let ajaxUrl=Opts.URL.edit.replace('%id%',rowData.id);
|
|
APP.loadMainContent(ajaxUrl,root.initViewDetails);
|
|
console.log('datatableRowActionEdit End');
|
|
}
|
|
this.initViewListOld = function (options={}) {
|
|
debug('listview inicialization');
|
|
dataTableCSSSelector=Opts.containerCssSelector+' .dataTable'; //
|
|
|
|
let colNum=$(dataTableCSSSelector+' thead th').length; //buttons insert position need
|
|
APP.setOpts({
|
|
datatableRowActionButtonClickCallBack:root.datatableRowActionButtonClick,
|
|
})
|
|
let orderDirective=Opts.dataTable.orderDirective;
|
|
if(typeof options['orderDirective']!='undefined'){
|
|
orderDirective=options['orderDirective'];
|
|
}
|
|
$(dataTableCSSSelector).DataTable( {
|
|
language: {
|
|
url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/Hungarian.json'
|
|
},
|
|
|
|
//"ajax": "{{asset('exapmle2.json')}}",
|
|
"ajax": Opts.URL.getDataTableContent,
|
|
serverSide: true,
|
|
"columnDefs": [
|
|
{
|
|
"targets": colNum-1,
|
|
orderable: false,
|
|
"render": function ( data, type, row ) {
|
|
let
|
|
buttons=APP.datatableAddRowEditButton(0,arguments);
|
|
return buttons;
|
|
},
|
|
},
|
|
{
|
|
"targets": 1,
|
|
"render": function ( data, type, row ) {
|
|
return type === "sort" ? data.latinise() : data;
|
|
},
|
|
},
|
|
//{ "visible": false, "targets": [ 0 ] }
|
|
],
|
|
buttons:{
|
|
buttons: [
|
|
'excel','pdf',
|
|
{
|
|
extend: 'print',
|
|
//text: 'Print current page',
|
|
'title': 'title custom text',
|
|
'messageTop': 'Message On Top',
|
|
autoPrint: true
|
|
},
|
|
]
|
|
},
|
|
"columns": [
|
|
{ "data": "id"},
|
|
{ "data": "name" },
|
|
{ "data": "hooreycaId" },
|
|
{"data": "productGroup"},
|
|
{"data": "supplierName"},
|
|
{ "data": "price" },
|
|
{ "data": "created_at" },
|
|
null,
|
|
],
|
|
"order": orderDirective,
|
|
"stateSave": true,
|
|
"drawCallback": function( settings ) {
|
|
APP.datatableAddRowAction(dataTableCSSSelector);
|
|
}
|
|
} );
|
|
debug('listview end');
|
|
}
|
|
|
|
this.initViewList=function (options={}) {
|
|
debug('initViewSearch inicialization 1');
|
|
|
|
root.container.find('select.supplierSelect, select.profitCenterSelect, select.productGroupSelect, select.producerSelect, select.hooreycaNamesSelect, select.specialOfferSelect').select2();
|
|
root.container.find('select.productSelect').select2({
|
|
placeholder: '...',
|
|
allowClear: true,
|
|
ajax: {
|
|
url: Opts.URL.getProductSearch,
|
|
dataType: 'json',
|
|
data: function(params) {
|
|
return {
|
|
term: params.term || '',
|
|
page: params.page || 1,
|
|
supplierId: root.container.find('select.supplierSelect').val(),
|
|
}
|
|
},
|
|
cache: true
|
|
}
|
|
});
|
|
root.container.find('.datePickerFrom, .datePickerTo').datepicker({
|
|
dateFormat: 'yy-mm-dd',
|
|
|
|
onSelect: function (dateText,obj) {
|
|
debug(this);
|
|
debug(obj.input);
|
|
/*
|
|
root.container.find('.selectedDateText').text(dateText);
|
|
$('.deliveryDatePlace').text(dateText.replaceAll('-', '.') + '.');
|
|
root.container.find(' input[name="deliveryDate"]').val(dateText);
|
|
*/
|
|
//root.changePriceListProfitCenterParameter(null,$(obj.input));
|
|
},
|
|
});
|
|
root.container.find('.datePickerClick').click(function(){
|
|
debug($(this).data('action'));
|
|
root.container.find('input[name="'+$(this).data('action')+'"]').datepicker('show');
|
|
});
|
|
let button=root.container.find('.FormSendButton');
|
|
button.off('click');
|
|
button.on('click',function (){
|
|
debug ('FormSendButton click');
|
|
root.loadingResultContainer();
|
|
root.requestProducts();
|
|
});
|
|
|
|
let newProductButton=root.container.find('#NewProductButton');
|
|
newProductButton.off('click');
|
|
newProductButton.on('click',function (){
|
|
root.newProduct();
|
|
});
|
|
|
|
root.setVisibleFilters('Product');
|
|
|
|
if (root.loadFiltersFromLocalStorage()) {
|
|
root.loadingResultContainer();
|
|
root.requestProducts();
|
|
}
|
|
|
|
debug('initViewSearch end');
|
|
}
|
|
|
|
|
|
this.loadingResultContainer=function (){
|
|
debug('clearResultContainer');
|
|
debug(root.resultContainer);
|
|
root.hideResultContainer();
|
|
root.container.find('.containerLoading').show();
|
|
/*
|
|
let template=root.container.find('template[data-name="loading"]').html()
|
|
root.resultContainer.html(template);
|
|
|
|
*/
|
|
}
|
|
this.hideResultContainer=function (){
|
|
debug('hide containerResult');
|
|
debug(root.resultContainer);
|
|
root.resultContainer.hide();
|
|
}
|
|
this.showResultContainer=function (){
|
|
root.container.find('.containerLoading').hide();
|
|
root.resultContainer.show();
|
|
}
|
|
|
|
this.init=function (options,ProductItem){
|
|
console.log('ProductAdmin init');
|
|
$.extend(Opts, options);
|
|
|
|
if(Opts.testMode){
|
|
return root.testMode();
|
|
}
|
|
if(ProductItem){
|
|
root.Product=ProductItem
|
|
}
|
|
root.dataTable=null;
|
|
root.container=$(Opts.containerCssSelector);
|
|
root.resultContainer=$(Opts.resultContainerSelector);
|
|
root.initViewList();
|
|
}
|
|
this.initViewDetails=function (options,ProductItem){
|
|
debug('**call initViewDetails ');
|
|
let CSSSelectorForm=Opts.containerCssSelector+' .productForm';
|
|
if(root.Product.picture){
|
|
console.log('*****//////////////////****************');
|
|
console.log(root.Product.picture);
|
|
console.log(CSSSelectorForm);
|
|
let picUrl=root.Product.picture.PublicUrl+'/'+root.Product.picture.filename;
|
|
console.log(picUrl);
|
|
console.log($(CSSSelectorForm+' img.imageProduct'));
|
|
$(CSSSelectorForm+' img.imageProduct').attr('src',picUrl);
|
|
}
|
|
if(root.Product.specification){
|
|
console.log('*****//////////////////****************');
|
|
console.log(root.Product.specification);
|
|
let docUrl=root.Product.specification.PublicUrl+'/'+root.Product.specification.filename;
|
|
root.addAttachment(root.Product.specification);
|
|
}
|
|
let FormSaveButton=$(CSSSelectorForm+' button.FormSaveButton');
|
|
FormSaveButton.off('click');
|
|
FormSaveButton.on('click',root.clickSaveButton);
|
|
|
|
}
|
|
|
|
this.addAttachment=function (attachmentData){
|
|
console.log(attachmentData);
|
|
let CSSSelectorForm=Opts.containerCssSelector+' .productForm';
|
|
//root.Supplier.attachment.push(attachmentData);
|
|
//attachmentData.rowNum=root.Supplier.attachment.length;
|
|
attachmentData.rowNum=1;
|
|
let dateStr=new Date(attachmentData.updated_at);
|
|
dateStr=dateStr.toLocaleString('hu-HU', {});
|
|
attachmentData.date=dateStr;
|
|
attachmentData.link=attachmentData.PublicUrl+'/'+attachmentData.filename;
|
|
let template=$('template[data-name="productAttachmentTableRow"]').html()
|
|
let render=Mustache.render(template,attachmentData);
|
|
$(CSSSelectorForm+' .attachmentTable tbody').append(render);
|
|
//root.bindContactClickAction();
|
|
Toast.enableTimers(false);
|
|
Toast.create({ title: "Fájl hozzáadva!", message: attachmentData.original_filename+" fájl hozzáadva", status: TOAST_STATUS.SUCCESS, timeout: 5000 });
|
|
}
|
|
|
|
this.setVisibleFilters=function (type){
|
|
console.log('setVisibleFilters');
|
|
console.log(Opts.filters[type]);
|
|
console.log(root.container);
|
|
$(root.container).find('div[class*="filter"]').hide()
|
|
for (const typeIndex in Opts.filters[type]) {
|
|
const typeName=Opts.filters[type][typeIndex];
|
|
debug(typeName);
|
|
console.log($(root.container).find('.filter_'+typeName));
|
|
$(root.container).find('.filter_'+typeName).show();
|
|
}
|
|
}
|
|
this.c=function (CSSSelectorForm){
|
|
console.log('c called');
|
|
console.log(CSSSelectorForm);
|
|
console.log(root.container);
|
|
console.log(root.container.find('form'));
|
|
console.log(root.container.find(CSSSelectorForm));
|
|
|
|
}
|
|
|
|
this.formDataToDataObjectAPICall = function (CSSSelectorForm) {
|
|
|
|
console.log(CSSSelectorForm);
|
|
console.log(root.container);
|
|
console.log(root.container.find(CSSSelectorForm));
|
|
console.log(root.container.find('form'));
|
|
console.log(root.container.find('form'+CSSSelectorForm)[0]);
|
|
//return;
|
|
let ajaxData = new FormData(root.container.find('form'+CSSSelectorForm)[0]);
|
|
$.each(ajaxData.getAll('supplier'), function (key, value) {
|
|
ajaxData.append('suppliers[]', value);
|
|
})
|
|
ajaxData.delete('supplier');
|
|
$.each(ajaxData.getAll('profitCenter'), function (key, value) {
|
|
ajaxData.append('profitCenters[]', value);
|
|
})
|
|
ajaxData.delete('profitCenter');
|
|
$.each(ajaxData.getAll('productGroup'), function (key, value) {
|
|
ajaxData.append('productGroups[]', value);
|
|
})
|
|
ajaxData.delete('productGroup');
|
|
$.each(ajaxData.getAll('product'), function (key, value) {
|
|
ajaxData.append('products[]', value);
|
|
})
|
|
ajaxData.delete('product');
|
|
$.each(ajaxData.getAll('producer'), function (key, value) {
|
|
ajaxData.append('producers[]', value);
|
|
})
|
|
ajaxData.delete('producer');
|
|
$.each(ajaxData.getAll('hooreycaName'), function (key, value) {
|
|
ajaxData.append('hooreycaNames[]', value);
|
|
})
|
|
ajaxData.delete('hooreycaName');
|
|
|
|
//ajaxData.append('_token', root.container.find('input[name=_token]').val());
|
|
|
|
/*
|
|
$(CSSSelectorForm + ' input[data-inputmask]').each(function () {
|
|
let indexKey = $(this).attr('name');
|
|
if (ajaxData.get(indexKey)) {
|
|
ajaxData.set(indexKey, ajaxData.get(indexKey).replace(/[_ ]+$/g, ""));
|
|
}
|
|
});
|
|
*/
|
|
return ajaxData;
|
|
|
|
}
|
|
this.getAjaxDataJson=function(){
|
|
|
|
let ajaxData=root.formDataToDataObjectAPICall('.ProductListForm');
|
|
console.log('======================');
|
|
for (let pair of ajaxData.entries()) {
|
|
console.log(pair[0]+ ', ' + pair[1]);
|
|
}
|
|
|
|
let object = {};
|
|
ajaxData.forEach((value, key) => {
|
|
// Reflect.has in favor of: object.hasOwnProperty(key)
|
|
if(!Reflect.has(object, key)){
|
|
object[key] = value;
|
|
return;
|
|
}
|
|
if(!Array.isArray(object[key])){
|
|
object[key] = [object[key]];
|
|
}
|
|
object[key].push(value);
|
|
});
|
|
let ajaxDataJson = JSON.stringify(object);
|
|
return ajaxDataJson;
|
|
}
|
|
|
|
this.requestProducts=function () {
|
|
let ajaxUrl=Opts.URL.getDataTableContent;
|
|
let ajaxMethod='GET';
|
|
//token formdataba!
|
|
debug(ajaxUrl);
|
|
|
|
ajaxDataJson=root.getAjaxDataJson();
|
|
console.log(ajaxDataJson);
|
|
|
|
// Save filters to localStorage
|
|
let form = root.container.find('form.ProductListForm');
|
|
if (form.length > 0) {
|
|
let formData = new FormData(form[0]);
|
|
let filterData = {};
|
|
formData.forEach((value, key) => {
|
|
if(!Reflect.has(filterData, key)){
|
|
filterData[key] = value;
|
|
return;
|
|
}
|
|
if(!Array.isArray(filterData[key])){
|
|
filterData[key] = [filterData[key]];
|
|
}
|
|
filterData[key].push(value);
|
|
});
|
|
localStorage.setItem('product_admin_filters', JSON.stringify(filterData));
|
|
}
|
|
|
|
dataTableCSSSelector=Opts.containerCssSelector+' .dataTable'; //
|
|
console.log(dataTableCSSSelector );
|
|
|
|
let colNum=$(dataTableCSSSelector+' thead th').length; //buttons insert position need
|
|
APP.setOpts({
|
|
datatableRowActionButtonClickCallBack:root.datatableRowActionButtonClick,
|
|
})
|
|
let orderDirective=Opts.dataTable.orderDirective;
|
|
/*
|
|
if(typeof options['orderDirective']!='undefined'){
|
|
orderDirective=options['orderDirective'];
|
|
}
|
|
*/
|
|
|
|
if(!root.dataTable){
|
|
console.log('XXXXXXXXXXXXXXXXXXXX Nincs Datatable');
|
|
root.dataTable=
|
|
$(dataTableCSSSelector).DataTable( {
|
|
language: {
|
|
url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/Hungarian.json'
|
|
},
|
|
|
|
//"ajax": "{{asset('exapmle2.json')}}",
|
|
"ajax":{
|
|
url: Opts.URL.getDataTableContent,
|
|
data: function (d) {
|
|
console.log('---******----');
|
|
console.log(APP.ProductAdmin.getAjaxDataJson());
|
|
return $.extend({}, d, {
|
|
ajaxData: APP.ProductAdmin.getAjaxDataJson()
|
|
});
|
|
},
|
|
type: ajaxMethod
|
|
/*
|
|
data: ajaxData,
|
|
*/
|
|
} ,
|
|
serverSide: true,
|
|
"columnDefs": [
|
|
{
|
|
"targets": colNum-1,
|
|
orderable: false,
|
|
"render": function ( data, type, row ) {
|
|
let
|
|
buttons=APP.datatableAddRowEditButton(0,arguments);
|
|
return buttons;
|
|
},
|
|
},
|
|
{
|
|
"targets": 1,
|
|
"render": function ( data, type, row ) {
|
|
return type === "sort" ? data.latinise() : data;
|
|
},
|
|
},
|
|
//{ "visible": false, "targets": [ 0 ] }
|
|
],
|
|
buttons:{
|
|
buttons: [
|
|
'excel','pdf',
|
|
{
|
|
extend: 'print',
|
|
//text: 'Print current page',
|
|
'title': 'title custom text',
|
|
'messageTop': 'Message On Top',
|
|
autoPrint: true
|
|
},
|
|
]
|
|
},
|
|
"columns": [
|
|
{ "data": "id"},
|
|
{ "data": "name" },
|
|
{ "data": "buyerProductName" },
|
|
{ "data": "hooreycaId" },
|
|
{"data": "productGroup"},
|
|
{"data": "supplierName"},
|
|
{ "data": "price" },
|
|
{ "data": "created_at" },
|
|
null,
|
|
],
|
|
"order": orderDirective,
|
|
"stateSave": true,
|
|
"drawCallback": function( settings ) {
|
|
APP.datatableAddRowAction(dataTableCSSSelector);
|
|
root.showResultContainer();
|
|
console.log('drawCallback');
|
|
}
|
|
} );
|
|
|
|
|
|
}else{
|
|
console.log('XXXXXXXXXXXXXXXXXXXX van Datatable');
|
|
//root.dataTable.ajax.reload();
|
|
root.dataTable.draw();
|
|
}
|
|
|
|
|
|
}
|
|
|
|
this.loadFiltersFromLocalStorage = function() {
|
|
let filters = localStorage.getItem('product_admin_filters');
|
|
if (filters) {
|
|
let filterData = JSON.parse(filters);
|
|
let form = root.container.find('form.ProductListForm');
|
|
|
|
if (form.length === 0) return false;
|
|
|
|
for (let key in filterData) {
|
|
let value = filterData[key];
|
|
let fields = form.find('[name="' + key + '"]');
|
|
|
|
if (fields.length) {
|
|
if (fields.is('select')) {
|
|
fields.val(value).trigger('change');
|
|
} else if (fields.is(':checkbox') || fields.is(':radio')) {
|
|
fields.each(function() {
|
|
if (Array.isArray(value)) {
|
|
$(this).prop('checked', value.includes($(this).val()));
|
|
} else {
|
|
$(this).prop('checked', $(this).val() == value);
|
|
}
|
|
});
|
|
} else {
|
|
fields.val(value);
|
|
}
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
this.processResponse=function () {
|
|
|
|
}
|
|
|
|
this.newProduct=function () {
|
|
let selectedSuppliers=root.container.find('select.supplierSelect').val();
|
|
if (!selectedSuppliers || selectedSuppliers.length === 0) {
|
|
Toast.create({ title: "Hiányzó beszállító!", message: "Kérjük válasszon ki pontosan 1 beszállítót az új termék létrehozásához!", status: TOAST_STATUS.DANGER, timeout: 5000 });
|
|
return;
|
|
}
|
|
if (selectedSuppliers.length > 1) {
|
|
Toast.create({ title: "Túl sok beszállító!", message: "Kérjük pontosan 1 beszállítót válasszon ki (jelenleg " + selectedSuppliers.length + " van kiválasztva)!", status: TOAST_STATUS.DANGER, timeout: 5000 });
|
|
return;
|
|
}
|
|
let supplierId = selectedSuppliers[0];
|
|
let createUrl = Opts.URL.create + '?supplierId=' + supplierId;
|
|
APP.loadMainContent(createUrl, root.initViewDetails);
|
|
}
|
|
|
|
this.clickSaveButton=function (event) {
|
|
debug('Save clicked');
|
|
|
|
let CSSSelectorForm=Opts.containerCssSelector+' .productForm';
|
|
event.preventDefault();
|
|
if ($(CSSSelectorForm)[0].checkValidity() === false) {
|
|
console.log('validaton false');
|
|
event.stopPropagation();
|
|
return;
|
|
} else {
|
|
console.log('validaton ok');
|
|
//do your ajax submition here
|
|
}
|
|
|
|
let ajaxData=root.formDataToDataObjectAPICall('.productForm');
|
|
let ajaxUrl=Opts.URL.store;
|
|
let ajaxMethod="POST";
|
|
if(root.Product.id){
|
|
ajaxUrl=Opts.URL.update.replace('%id%',root.Product.id);
|
|
//ajaxMethod="PUT";
|
|
//ajaxData=new FormData($(CSSSelectorForm)[0]);
|
|
ajaxData.append('_method','PUT');
|
|
}
|
|
|
|
debug(ajaxMethod);
|
|
debug(ajaxData);
|
|
|
|
$.ajax({
|
|
url:ajaxUrl,
|
|
data:ajaxData,
|
|
type:ajaxMethod,
|
|
contentType:false,
|
|
processData: false,
|
|
headers: {
|
|
//'X-CSRF-TOKEN': $('input[name="_token"]').val()
|
|
'X-CSRF-TOKEN': Opts.token
|
|
},
|
|
|
|
success:function (data){
|
|
debug(data);
|
|
if(data.success==true){
|
|
//Opts.onAfterInitViewDetails=root.autofillDetails;
|
|
Opts.dataTable.orderDirective=[0, 'desc'];
|
|
Toast.create({ title: "Sikeres rögzítés!", message: ajaxData.get('name')+" nevű termék elmentve", status: TOAST_STATUS.SUCCESS, timeout: 5000 });
|
|
// APP.loadMainContent(Opts.URL.index+'?init=0',root.initViewList);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
|