519 lines
14 KiB
JavaScript
519 lines
14 KiB
JavaScript
require('./bootstrap');
|
|
|
|
|
|
//----------------------------------------------------------------------
|
|
/*
|
|
Helper function
|
|
*/
|
|
window.getMonday=function(date,dateStr) {
|
|
if(dateStr){
|
|
date = new Date(dateStr);
|
|
}
|
|
|
|
let day = date.getDay(),
|
|
diff = date.getDate() - day + (day == 0 ? -6:1); // adjust when day is sunday
|
|
return new Date(date.setDate(diff));
|
|
}
|
|
window.debug=function (txt)
|
|
{
|
|
try {
|
|
console.log(txt);
|
|
}
|
|
catch(e){}
|
|
};
|
|
|
|
window.buildFormData=function(formData, data, parentKey) {
|
|
if (data && typeof data === 'object' && !(data instanceof Date) && !(data instanceof File)) {
|
|
Object.keys(data).forEach(key => {
|
|
buildFormData(formData, data[key], parentKey ? `${parentKey}[${key}]` : key);
|
|
});
|
|
} else {
|
|
const value = data == null ? '' : data;
|
|
|
|
formData.append(parentKey, value);
|
|
}
|
|
}
|
|
|
|
window.jsonToFormData=function(data) {
|
|
const formData = new FormData();
|
|
|
|
buildFormData(formData, data);
|
|
|
|
return formData;
|
|
}
|
|
|
|
String.prototype.capitalize = function() {
|
|
return this.charAt(0).toUpperCase() + this.slice(1)
|
|
}
|
|
|
|
window.arrayRemove=function(arr, value) {
|
|
|
|
return arr.filter(function(ele){
|
|
return ele != value;
|
|
});
|
|
}
|
|
window.getRandomInt=function (max=Number.MAX_SAFE_INTEGER,min=0) {
|
|
debug(max);
|
|
debug(min);
|
|
return Math.floor(Math.random() * (max - min + 1)) + min;
|
|
}
|
|
|
|
window.setImageFromLocal=function(input,targetImgCssSelector) {
|
|
if (input.files && input.files[0]) {
|
|
let reader = new FileReader();
|
|
reader.onload = function (e) {
|
|
$(targetImgCssSelector).attr('src', e.target.result);
|
|
}
|
|
reader.readAsDataURL(input.files[0]);
|
|
}
|
|
}
|
|
|
|
require('./latinise');
|
|
|
|
/*
|
|
disable back button
|
|
*/
|
|
$(function() {
|
|
if (window.history && window.history.pushState) {
|
|
window.history.pushState('', null, window.location.href);
|
|
$(window).on('popstate', function(event) {
|
|
// alert('Back button was pressed.');
|
|
//document.location.href = '#';
|
|
window.history.pushState('', document.title, window.location.href);
|
|
//console.log('mevagy');
|
|
event.stopPropagation();
|
|
});
|
|
}
|
|
});
|
|
//----------------------------------------------------------------------
|
|
/*
|
|
init custom radio buttons
|
|
*/
|
|
window.initRadioButtons=function (Options){
|
|
let Opts = {
|
|
onChange: function (value,node) {
|
|
},
|
|
};
|
|
|
|
$.extend(Opts, Options);
|
|
|
|
let activeValue = $('.customRadioBtnGroup .active').data('title');
|
|
let target = $('.customRadioBtnGroup .active').data('toggle');
|
|
$('input[name='+target+']').prop('value', activeValue);
|
|
|
|
$('.customRadioBtnGroup a').unbind('click');
|
|
$('.customRadioBtnGroup a').bind('click',function(){
|
|
let sel = $(this).data('title');
|
|
let tog = $(this).data('toggle');
|
|
$('input[name='+tog+']').prop('value', sel);
|
|
$('a[data-toggle="'+tog+'"]').not('[data-title="'+sel+'"]').removeClass('active').addClass('notActive');
|
|
$('a[data-toggle="'+tog+'"][data-title="'+sel+'"]').removeClass('notActive').addClass('active');
|
|
Opts.onChange(sel,tog);
|
|
});
|
|
}
|
|
|
|
//----------------------------------------------------------------------
|
|
// Defaults
|
|
//----------------------------------------------------------------------
|
|
$.extend( true, $.fn.dataTable.defaults, {
|
|
language: {
|
|
url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/Hungarian.json'
|
|
},
|
|
lengthMenu: [
|
|
[ 10, 25, 50, -1 ],
|
|
[ '10 sor', '25 sor', '50 sor', 'Összes' ]
|
|
],
|
|
buttons:{
|
|
dom:{
|
|
button:{
|
|
className:'fg-button ui-button dataTableHeaderButtons'
|
|
}
|
|
},
|
|
},
|
|
dom: '<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-tl ui-corner-tr"lBfr>'+
|
|
't'+
|
|
'<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-bl ui-corner-br"ip>',
|
|
|
|
} );
|
|
Inputmask.extendDefinitions({
|
|
'x': {
|
|
validator: "[\.,-áéíóöőúàèìòùüűÁÉÍÓÖŐÚÀÈÌÒÙÜŰA-Za-z0-9 ]",
|
|
//cardinality: 1
|
|
}
|
|
});
|
|
|
|
|
|
//----------------------------------------------------------------------
|
|
Toast.enableTimers(false);
|
|
$.fn.select2.defaults.set('language', 'jp');
|
|
window.select2CreateTag=function (params){
|
|
var term = $.trim(params.term);
|
|
var count = 0
|
|
var existsVar = false;
|
|
//check if there is any option already
|
|
if($('#keywords option').length > 0){
|
|
$('#keywords option').each(function(){
|
|
if ($(this).text().toUpperCase() == term.toUpperCase()) {
|
|
existsVar = true
|
|
return false;
|
|
}else{
|
|
existsVar = false
|
|
}
|
|
});
|
|
if(existsVar){
|
|
return null;
|
|
}
|
|
return {
|
|
id: params.term,
|
|
text: params.term,
|
|
newTag: true
|
|
}
|
|
}
|
|
//since select has 0 options, add new without comparing
|
|
else{
|
|
return {
|
|
id: params.term,
|
|
text: params.term,
|
|
newTag: true
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
window.ajaxErrorHandler= function (xhr, ajaxOptions, thrownError){
|
|
debug(this);
|
|
debug(xhr);
|
|
debug(ajaxOptions);
|
|
debug(thrownError);
|
|
if (xhr.responseJSON.errors) {
|
|
if("jsonapi" in xhr.responseJSON){
|
|
ajaxErrorFieldHandlerJsonAPI(xhr.responseJSON.errors);
|
|
}else{
|
|
ajaxErrorFieldHandler(xhr.responseJSON.errors);
|
|
}
|
|
|
|
}else{
|
|
if(xhr.status==404){
|
|
ajaxErrorFieldHandler({'detail':'Nincs ilyen elem.'});
|
|
}else{
|
|
ajaxErrorFieldHandler({'detail':'Általános hiba.'});
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
window.ajaxErrorFieldHandlerJsonAPI= function (errors, container) {
|
|
let toastBodyHtml = '';
|
|
let toastTitle = 'Hiba';
|
|
console.error(errors);
|
|
$.each(errors, function (index, value) {
|
|
console.error(value);
|
|
toastTitle = 'Hiba';
|
|
toastBodyHtml = '';
|
|
if("title" in value){
|
|
toastTitle=value.title;
|
|
}
|
|
if("detail" in value){
|
|
toastBodyHtml += '<div>' + value.detail + '<div>';
|
|
}
|
|
Toast.create(toastTitle, toastBodyHtml, TOAST_STATUS.DANGER, 10000);
|
|
});
|
|
}
|
|
window.ajaxErrorFieldHandler = function (errors, container) {
|
|
let toastBodyHtml = '';
|
|
$.each(errors, function (index, value) {
|
|
toastBodyHtml += '<div>' + value + '<div>';
|
|
});
|
|
Toast.create("Hiba!", toastBodyHtml, TOAST_STATUS.DANGER, 10000);
|
|
/*
|
|
Toast.fire({
|
|
icon: 'error',
|
|
html: toastBodyHtml
|
|
});
|
|
*/
|
|
}
|
|
$.ajaxSetup({
|
|
error:ajaxErrorHandler,
|
|
});
|
|
/*
|
|
datepicker afterShow function
|
|
*/
|
|
$.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker;
|
|
$.datepicker._updateDatepicker = function(inst) {
|
|
$.datepicker._updateDatepicker_original(inst);
|
|
let afterShow = this._get(inst, 'afterShow');
|
|
if (afterShow)
|
|
afterShow.apply((inst.input ? inst.input[0] : null)); // trigger custom callback
|
|
}
|
|
|
|
|
|
//----------------------------------------------------------------------
|
|
window.EmegrendelesDefaults={
|
|
datatableActionButtonClickCallBack: function () {},
|
|
datatableAddRowTrashButton: function (id,args) {
|
|
return '<button type="button" class="btn btn-sm btn-danger buttonDelete" data-buttonType="delete" data-toggle="tooltip" data-placement="bottom" title="Törlés">' +
|
|
'<span class="fas fa-trash"></span>' +
|
|
'</button>'
|
|
|
|
},
|
|
datatableAddRowEditButton: function (args) {
|
|
let title='Adatok';
|
|
if(typeof args[1].title!=="undefined"){
|
|
title=args[1].title;
|
|
}
|
|
return '<button type="button" class="btn btn-sm btn-info buttonEdit" data-buttonType="edit" data-toggle="tooltip" data-placement="bottom" title="'+title+'">' +
|
|
'<span class="fas fa-pencil-alt"></span>' +
|
|
'</button>'
|
|
|
|
},
|
|
datatableAddRowViewButton: function (id,args) {
|
|
return '<button type="button" class="btn btn-sm btn-outline-secondary dataTableRowButton buttonView" data-buttonType="view" data-toggle="tooltip" data-placement="bottom" title="Megtekint">' +
|
|
'<span class="fas fa-eye"></span>' +
|
|
'</button>'
|
|
|
|
},
|
|
datatableAddRowAttachmentButton: function (id,args) {
|
|
return '<button type="button" class="btn btn-sm btn-outline-dark dataTableRowButton buttonAttachment" data-buttonType="attachment" data-toggle="tooltip" data-placement="bottom" title="Csatolmány">' +
|
|
'<span class="fas fa-paperclip"></span>' +
|
|
'</button>'
|
|
|
|
},
|
|
datatableCustomHeadButtonClickCallBack:function (args) {
|
|
console.log(args);
|
|
},
|
|
|
|
afterLoadMainContent:function (args) {
|
|
console.log(args);
|
|
},
|
|
|
|
|
|
};
|
|
|
|
if(typeof DataModel==='undefined'){
|
|
class DataModel{
|
|
/*
|
|
* Variables accessible
|
|
* in the class
|
|
*/
|
|
Opts = {
|
|
active: false,
|
|
};
|
|
|
|
/*
|
|
* Constructor
|
|
*/
|
|
constructor (data,options) {
|
|
$.extend(this, data);
|
|
$.extend(this.Opts, options);
|
|
};
|
|
|
|
setData (data){
|
|
$.extend(this, data);
|
|
}
|
|
|
|
getData(index){
|
|
if(index){
|
|
return this[index];
|
|
}else{
|
|
return this;
|
|
}
|
|
}
|
|
};
|
|
window.DataModel=DataModel;
|
|
}
|
|
|
|
|
|
window.Emegrendeles = function (options) {
|
|
|
|
/*
|
|
* Variables accessible
|
|
* in the class
|
|
*/
|
|
let Opts = {
|
|
myVar: 'Emegrendeles value',
|
|
datatableAddRowTrashButton:{},
|
|
datatableAddRowEditButton:{},
|
|
datatableActionButtonClickCallBack:{},
|
|
datatableRowActionButtonClickCallBack:{},
|
|
datatableCustomHeadButtonClickCallBack:{},
|
|
afterLoadMainContent:{},
|
|
Url:{},
|
|
};
|
|
|
|
const PublicVar={};
|
|
let PublicVar2={'asd':'21'};
|
|
let ApiToken=null;
|
|
let root=this;
|
|
/*
|
|
* Constructor
|
|
*/
|
|
this.construct = function (options) {
|
|
//$.extend(Opts, options);
|
|
console.log(this.constructor.name+' constructor called');
|
|
$.extend(Opts, window.EmegrendelesDefaults, options);
|
|
};
|
|
|
|
this.setOpts=function(options){
|
|
$.extend(Opts, options);
|
|
}
|
|
|
|
this.getOpts=function(){
|
|
return Opts;
|
|
}
|
|
|
|
this.datatableAddRowTrashButton=function (){
|
|
return Opts.datatableAddRowTrashButton(arguments);
|
|
}
|
|
this.datatableAddRowEditButton=function (){
|
|
return Opts.datatableAddRowEditButton(arguments);
|
|
}
|
|
|
|
this.datatableAddRowViewButton=function (){
|
|
return Opts.datatableAddRowViewButton(arguments);
|
|
}
|
|
this.datatableAddRowAttachmentButton=function (){
|
|
return Opts.datatableAddRowAttachmentButton(arguments);
|
|
}
|
|
|
|
this.afterLoadMainContent=function (){
|
|
return Opts.afterLoadMainContent(arguments);
|
|
}
|
|
|
|
this.datatableActionButtonClickCallBack=function (){
|
|
return Opts.datatableActionButtonClickCallBack(arguments);
|
|
}
|
|
this.datatableRowActionButtonClickCallBack=function (){
|
|
return Opts.datatableRowActionButtonClickCallBack(arguments);
|
|
}
|
|
|
|
this.datatableAddRowAction=function (CSSSelector){
|
|
if(!CSSSelector){
|
|
return;
|
|
}
|
|
$(CSSSelector+' tr button').off('click');
|
|
$(CSSSelector+' tr button').on('click',APP.datatableRowActionButtonClickCallBack );
|
|
}
|
|
|
|
this.datatableCustomHeadButtonClickCallBack=function (){
|
|
return Opts.datatableCustomHeadButtonClickCallBack(arguments);
|
|
}
|
|
|
|
/*
|
|
* Public method
|
|
* Can be called outside class
|
|
*/
|
|
this.myPublicMethod = function () {
|
|
console.log(Opts);
|
|
|
|
myPrivateMethod();
|
|
};
|
|
|
|
this.setApiToken = function (token) {
|
|
root.ApiToken=token;
|
|
};
|
|
|
|
this.getApiToken = function () {
|
|
return root.ApiToken;
|
|
};
|
|
|
|
/*
|
|
* Private method
|
|
* Can only be called inside class
|
|
*/
|
|
const myPrivateMethod = function () {
|
|
console.log('accessed private method');
|
|
};
|
|
|
|
/**
|
|
* @param {string} itemName
|
|
*/
|
|
this.setActiveNavBarItem=function(itemName){
|
|
$('.speedButtonNavBar li').removeClass('selected');
|
|
$('.speedButtonNavBar li.iconholderModul'+itemName).addClass('selected');
|
|
return this;
|
|
}
|
|
|
|
this.getActiveNavBarItem=function(){
|
|
return $('.speedButtonNavBar .selected').find('a').data('name');
|
|
}
|
|
|
|
this.clearArchiveModuleDataTableState=function(){
|
|
if(APP.OrderArchiveModule!=undefined ){
|
|
console.log('APP.OrderArchiveModule');
|
|
console.log('clear');
|
|
APP.OrderArchiveModule.dataTable.state.clear();
|
|
}
|
|
|
|
}
|
|
this.navBarItemBeforepost=function (){
|
|
console.log('navBarItemBeforepost');
|
|
if(root.getActiveNavBarItem()!=='activeOrder'){
|
|
root.clearArchiveModuleDataTableState();
|
|
};
|
|
|
|
}
|
|
|
|
this.navBarItemAfterPost=function (){
|
|
}
|
|
|
|
this.initNavBar=function (){
|
|
$(".speedButtonNavBar a:not([data-target=_blank]):not([data-no-ajax])").bind('click',function (event){
|
|
console.log($(this).data().name);
|
|
if($(this).data('big-icon')){
|
|
$(".speedButtonNavBar").removeClass('smallicons');
|
|
}else{
|
|
$(".speedButtonNavBar").addClass('smallicons');
|
|
}
|
|
|
|
root.setActiveNavBarItem($(this).data().name);
|
|
event.preventDefault();
|
|
});
|
|
$(".speedButtonNavBar a:not([data-target=_blank]):not([data-no-ajax])").ajaxlink({
|
|
target:$('.mainContent'),
|
|
ajaxtype:'GET',
|
|
afterpost:root.navBarItemAfterPost,
|
|
beforepost:root.navBarItemBeforepost,
|
|
});
|
|
$(".speedButtonNavBar a[data-target=_blank], .speedButtonNavBar a[data-no-ajax]").bind('click',function(){
|
|
root.clearArchiveModuleDataTableState();
|
|
});
|
|
}
|
|
|
|
this.loadMainContent=function (url,data,callBack){
|
|
|
|
if(!callBack){
|
|
callBack=root.afterLoadMainContent;
|
|
}else{
|
|
console.log('van callback');
|
|
console.log(callBack);
|
|
}
|
|
$('.mainContent').load(
|
|
url,data,callBack
|
|
);
|
|
}
|
|
/*
|
|
* Pass options when class instantiated
|
|
*/
|
|
this.construct(options);
|
|
};
|
|
|
|
|
|
/*
|
|
$.fn.ajaxlink = function(options){
|
|
|
|
};
|
|
import './ajaxLink';
|
|
|
|
* */
|
|
window.APP={};
|
|
$(document).ready(function (){
|
|
console.log('ready doc');
|
|
//$('.datepicker').datepicker();
|
|
Mustache.tags = [ '[[', ']]' ];
|
|
// = [ '<%', '%>' ];
|
|
|
|
});
|
|
|
|
|
|
|