2018-09-15 00:55:42 +02:00
|
|
|
import $ from 'jquery';
|
|
|
|
|
|
|
|
import Events from './_events';
|
|
|
|
import Spinner from './_components/_ui.spinner';
|
2018-09-19 07:20:43 +02:00
|
|
|
import FormDatetime from './_components/_ui.form.datetime';
|
|
|
|
import FormStepped from './_components/_ui.form.stepped';
|
2018-09-15 00:55:42 +02:00
|
|
|
|
|
|
|
|
|
|
|
const LayoutUI = (($) => {
|
2019-06-08 17:54:43 +02:00
|
|
|
// Constants
|
|
|
|
const W = window;
|
|
|
|
const D = document;
|
|
|
|
const $Body = $('body');
|
|
|
|
|
|
|
|
const NAME = 'LayoutUI';
|
|
|
|
|
|
|
|
const datepickerOptions = {
|
|
|
|
autoclose: true,
|
|
|
|
startDate: 0,
|
|
|
|
//todayBtn: true,
|
|
|
|
todayHighlight: true,
|
|
|
|
clearBtn: true,
|
|
|
|
};
|
|
|
|
|
|
|
|
class LayoutUI {
|
|
|
|
static init() {
|
|
|
|
const ui = this;
|
|
|
|
ui.dispose();
|
|
|
|
|
|
|
|
console.log(`Initializing: ${NAME}`);
|
|
|
|
// your custom UI
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
static dispose() {
|
|
|
|
console.log(`Destroying: ${NAME}`);
|
2018-09-15 00:55:42 +02:00
|
|
|
}
|
2019-06-08 17:54:43 +02:00
|
|
|
}
|
2018-09-15 00:55:42 +02:00
|
|
|
|
2019-06-08 17:54:43 +02:00
|
|
|
$(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
|
|
|
|
LayoutUI.init();
|
|
|
|
});
|
2018-09-15 00:55:42 +02:00
|
|
|
|
2019-06-08 17:54:43 +02:00
|
|
|
W.LayoutUI = LayoutUI;
|
2018-09-15 00:55:42 +02:00
|
|
|
|
2019-06-08 17:54:43 +02:00
|
|
|
return LayoutUI;
|
2018-09-15 00:55:42 +02:00
|
|
|
})($);
|
|
|
|
|
|
|
|
export default LayoutUI;
|