| Server IP : 14.207.165.8 / Your IP : 216.73.216.26 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/eoffice/frontend/web/assets/81335548/demo/default/custom/components/portlets/ |
Upload File : |
var PortletTools = 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 = $('#m_portlet_tools_1').mPortlet();
//== 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!');
mApp.block(portlet.getSelf(), {
overlayColor: '#ffffff',
type: 'loader',
state: 'accent',
opacity: 0.3,
size: 'lg'
});
// update the content here
setTimeout(function() {
mApp.unblock(portlet.getSelf());
}, 2000);
});
//== Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
//toastr.info('After fullscreen on event fired!');
var scrollable = portlet.getBody().find('> .m-scrollable');
scrollable.data('original-height', scrollable.data('max-height'));
scrollable.css('height', '100%');
scrollable.css('max-height', '100%');
mApp.initScroller(scrollable, {});
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = portlet.getBody().find('> .m-scrollable');
scrollable.css('height', scrollable.data('original-height'));
scrollable.data('max-height', scrollable.data('original-height'));
mApp.initScroller(scrollable, {});
});
}
//== 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 = $('#m_portlet_tools_2').mPortlet();
//== 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!');
mApp.block(portlet.getSelf(), {
overlayColor: '#000000',
type: 'spinner',
state: 'brand',
opacity: 0.05,
size: 'lg'
});
// update the content here
setTimeout(function() {
mApp.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 = $('#m_portlet_tools_3').mPortlet();
//== 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!');
mApp.block(portlet.getSelf(), {
type: 'loader',
state: 'success',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
mApp.unblock(portlet.getSelf());
}, 2000);
});
//== Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
//toastr.info('After fullscreen on event fired!');
var scrollable = portlet.getBody().find('> .m-scrollable');
scrollable.data('original-height', scrollable.data('max-height'));
scrollable.css('height', '100%');
scrollable.css('max-height', '100%');
mApp.initScroller(scrollable, {});
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = portlet.getBody().find('> .m-scrollable');
scrollable.css('height', scrollable.data('original-height'));
scrollable.data('max-height', scrollable.data('original-height'));
mApp.initScroller(scrollable, {});
});
}
//== 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 = $('#m_portlet_tools_4').mPortlet();
//== 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!');
mApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
mApp.unblock(portlet.getSelf());
}, 2000);
});
//== Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
//toastr.info('After fullscreen on event fired!');
var scrollable = portlet.getBody().find('> .m-scrollable');
scrollable.data('original-height', scrollable.data('max-height'));
scrollable.css('height', '100%');
scrollable.css('max-height', '100%');
mApp.initScroller(scrollable, {});
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = portlet.getBody().find('> .m-scrollable');
scrollable.css('height', scrollable.data('original-height'));
scrollable.data('max-height', scrollable.data('original-height'));
mApp.initScroller(scrollable, {});
});
}
//== 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 = $('#m_portlet_tools_5').mPortlet();
//== 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!');
mApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
mApp.unblock(portlet.getSelf());
}, 2000);
});
//== Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.info('After fullscreen on event fired!');
mApp.initScroller(scrollable, {});
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
});
}
//== Demo 5
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 = $('#m_portlet_tools_6').mPortlet();
//== 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!');
mApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
mApp.unblock(portlet.getSelf());
}, 2000);
});
//== Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.info('After fullscreen on event fired!');
mApp.initScroller(scrollable, {});
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
});
}
//== Demo 7
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 = $('#m_portlet_tools_7').mPortlet();
//== 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!');
mApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
mApp.unblock(portlet.getSelf());
}, 2000);
});
//== Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.info('After fullscreen on event fired!');
mApp.initScroller(scrollable, {});
});
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() {
PortletTools.init();
});