Add project files.
This commit is contained in:
258
assets/js/pages/features/miscellaneous/blockui.js
Normal file
258
assets/js/pages/features/miscellaneous/blockui.js
Normal file
@ -0,0 +1,258 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
|
||||
var KTBlockUIDemo = function () {
|
||||
// Private functions
|
||||
// Basic demo
|
||||
var _demo1 = function () {
|
||||
// default
|
||||
$('#kt_blockui_default').click(function() {
|
||||
KTApp.block('#kt_blockui_content', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_overlay_color').click(function() {
|
||||
KTApp.block('#kt_blockui_content', {
|
||||
overlayColor: 'red',
|
||||
opacity: 0.1,
|
||||
state: 'primary' // a bootstrap color
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_custom_spinner').click(function() {
|
||||
KTApp.block('#kt_blockui_content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'warning', // a bootstrap color
|
||||
size: 'lg' //available custom sizes: sm|lg
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_custom_text_1').click(function() {
|
||||
KTApp.block('#kt_blockui_content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'danger',
|
||||
message: 'لطفا صبر کنید...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_custom_text_2').click(function() {
|
||||
KTApp.block('#kt_blockui_content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary',
|
||||
message: 'در حال پردازش...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_content');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// modal blocking
|
||||
var _demo2 = function () {
|
||||
// default
|
||||
$('#kt_blockui_modal_default_btn').click(function() {
|
||||
KTApp.block('#kt_blockui_modal_default .modal-dialog', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_modal_default .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_modal_overlay_color_btn').click(function() {
|
||||
KTApp.block('#kt_blockui_modal_overlay_color .modal-content', {
|
||||
overlayColor: 'red',
|
||||
opacity: 0.1,
|
||||
state: 'primary' // a bootstrap color
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_modal_overlay_color .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_modal_custom_spinner_btn').click(function() {
|
||||
KTApp.block('#kt_blockui_modal_custom_spinner .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'warning', // a bootstrap color
|
||||
size: 'lg' //available custom sizes: sm|lg
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_modal_custom_spinner .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_modal_custom_text_1_btn').click(function() {
|
||||
KTApp.block('#kt_blockui_modal_custom_text_1 .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'danger',
|
||||
message: 'لطفا صبر کنید...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_modal_custom_text_1 .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_modal_custom_text_2_btn').click(function() {
|
||||
KTApp.block('#kt_blockui_modal_custom_text_2 .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary',
|
||||
message: 'در حال پردازش...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_modal_custom_text_2 .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// card blocking
|
||||
var _demo3 = function () {
|
||||
// default
|
||||
$('#kt_blockui_card_default').click(function() {
|
||||
KTApp.block('#kt_blockui_card');
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_card');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_card_overlay_color').click(function() {
|
||||
KTApp.block('#kt_blockui_card', {
|
||||
overlayColor: 'red',
|
||||
opacity: 0.1,
|
||||
state: 'primary' // a bootstrap color
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_card');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_card_custom_spinner').click(function() {
|
||||
KTApp.block('#kt_blockui_card', {
|
||||
overlayColor: '#000000',
|
||||
state: 'warning', // a bootstrap color
|
||||
size: 'lg' //available custom sizes: sm|lg
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_card');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_card_custom_text_1').click(function() {
|
||||
KTApp.block('#kt_blockui_card', {
|
||||
overlayColor: '#000000',
|
||||
state: 'danger',
|
||||
message: 'لطفا صبر کنید...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_card');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_card_custom_text_2').click(function() {
|
||||
KTApp.block('#kt_blockui_card', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary',
|
||||
message: 'در حال پردازش...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_card');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// page blocking
|
||||
var _demo4 = function () {
|
||||
$('#kt_blockui_page_default').click(function() {
|
||||
KTApp.blockPage();
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_page_overlay_color').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: 'red',
|
||||
opacity: 0.1,
|
||||
state: 'primary' // a bootstrap color
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_page_custom_spinner').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
state: 'warning', // a bootstrap color
|
||||
size: 'lg' //available custom sizes: sm|lg
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_page_custom_text_1').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
state: 'danger',
|
||||
message: 'لطفا صبر کنید...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_page_custom_text_2').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
state: 'primary',
|
||||
message: 'در حال پردازش...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
_demo1();
|
||||
_demo2();
|
||||
_demo3();
|
||||
_demo4();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBlockUIDemo.init();
|
||||
});
|
||||
Reference in New Issue
Block a user