| Server IP : 173.249.157.85 / Your IP : 3.143.143.202 Web Server : Apache System : Linux server.frogzhost.com 3.10.0-1127.19.1.el7.x86_64 #1 SMP Tue Aug 25 17:23:54 UTC 2020 x86_64 User : econtech ( 1005) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/econtech/public_html/public/back/assets/js/demo3/pages/components/portlets/ |
Upload File : |
"use strict";
var KTPortletTools = function () {
// Toastr
var initToastr = function() {
toastr.options.showDuration = 1000;
}
// Demo 1
var demo1 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_1');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
overlayColor: '#ffffff',
type: 'loader',
state: 'success',
opacity: 0.3,
size: 'lg'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
// Demo 2
var demo2 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_2');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
overlayColor: '#000000',
type: 'spinner',
state: 'brand',
opacity: 0.05,
size: 'lg'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
}
// Demo 3
var demo3 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_3');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'success',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
// Demo 4
var demo4 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_4');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
// Demo 5
var demo5 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_5');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.info('After fullscreen on event fired!');
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
});
}
// Demo 6
var demo6 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_6');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.info('After fullscreen on event fired!');
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
});
}
return {
//main function to initiate the module
init: function () {
initToastr();
// init demos
demo1();
demo2();
demo3();
demo4();
demo5();
demo6();
}
};
}();
jQuery(document).ready(function() {
KTPortletTools.init();
});