first initial
This commit is contained in:
270
public/assets/js/demo1/pages/components/extended/blockui.js
Normal file
270
public/assets/js/demo1/pages/components/extended/blockui.js
Normal file
@@ -0,0 +1,270 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
|
||||
var KTBlockUIDemo = function () {
|
||||
|
||||
// Private functions
|
||||
|
||||
// Basic demo
|
||||
var demo1 = function () {
|
||||
// default
|
||||
$('#kt_blockui_1_1').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_2').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_3').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_4').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_5').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// portlet blocking
|
||||
var demo2 = function () {
|
||||
// default
|
||||
$('#kt_blockui_2_1').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_2').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_3').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_4').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_5').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// page blocking
|
||||
var demo3 = function () {
|
||||
// default
|
||||
$('#kt_blockui_3_1').click(function() {
|
||||
KTApp.blockPage();
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_2').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_3').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_4').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_5').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// modal blocking
|
||||
var demo4 = function () {
|
||||
// default
|
||||
$('#kt_blockui_4_1').click(function() {
|
||||
KTApp.block('#kt_blockui_4_1_modal .modal-content', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_1_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_2').click(function() {
|
||||
KTApp.block('#kt_blockui_4_2_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_2_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_3').click(function() {
|
||||
KTApp.block('#kt_blockui_4_3_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_3_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_4').click(function() {
|
||||
KTApp.block('#kt_blockui_4_4_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_4_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_5').click(function() {
|
||||
KTApp.block('#kt_blockui_4_5_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_5_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBlockUIDemo.init();
|
||||
});
|
||||
Reference in New Issue
Block a user