MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: block-ui.js

$(function() {
 $('.block-card').on('click', function() {
 var block_ele = $(this).closest('.card');
 $(block_ele).block({
 message: '',
 timeout: 2000, //unblock after 2 seconds
 overlayCSS: {
 backgroundColor: '#000',
 opacity: 0.5,
 cursor: 'wait'
 },
 css: {
 border: 0,
 padding: 0,
 backgroundColor: 'transparent'
 }
 });
 });

// Block sidebar
 $('.block-sidenav').on('click', function() {
 var block_ele = $('.left-sidebar');
 $(block_ele).block({
 message: '',
 timeout: 2000, //unblock after 2 seconds
 overlayCSS: {
 backgroundColor: '#000',
 opacity: 0.5,
 cursor: 'wait'
 },
 css: {
 border: 0,
 padding: 0,
 backgroundColor: 'transparent'
 }
 });
 });

// Block page
 $('.block-default').on('click', function() {
 $.blockUI({
 message: '',
 timeout: 2000, //unblock after 2 seconds
 overlayCSS: {
 backgroundColor: '#000',
 opacity: 0.5,
 cursor: 'wait'
 },
 css: {
 border: 0,
 padding: 0,
 backgroundColor: 'transparent'
 }
 });
 });

// onBlock callback
 $('.onblock').on('click', function() {
 $.blockUI({
 message: '',
 fadeIn: 1000,
 timeout: 2000, //unblock after 2 seconds
 overlayCSS: {
 backgroundColor: '#000',
 opacity: 0.5,
 cursor: 'wait'
 },
 css: {
 border: 0,
 padding: 0,
 color: '#333',
 backgroundColor: 'transparent'
 },
 onBlock: function() {
 alert('Page blocked!');
 }
 });
 });

// onUnblock callback
 $('.onunblock').on('click', function() {
 $.blockUI({
 message: '',
 timeout: 2000, //unblock after 2 seconds
 overlayCSS: {
 backgroundColor: '#000',
 opacity: 0.5,
 cursor: 'wait'
 },
 css: {
 border: 0,
 padding: 0,
 color: '#333',
 backgroundColor: 'transparent'
 },
 onUnblock: function() {
 alert('Page unblocked!');
 }
 });
 });

// Overlay callback
 $('.onoverlay-click').on('click', function() {
 $.blockUI({
 message: '',
 overlayCSS: {
 backgroundColor: '#000',
 opacity: 0.5,
 cursor: 'wait'
 },
 css: {
 color: '#333',
 border: 0,
 padding: 0,
 backgroundColor: 'transparent'
 },
 onOverlayClick: $.unblockUI
 });
 });

// Block Without Message
    $('.without-msg').on('click', function() {
        var block_ele = $(this).closest('.card');
        $(block_ele).block({
            message: null,
            timeout: 2000, //unblock after 2 seconds
            overlayCSS: {
                backgroundColor: '#000',
                opacity: 0.5,
                cursor: 'wait'
            },
            css: {
                border: 0,
                padding: 0,
                backgroundColor: 'transparent'
            }
        });
    });

// Block without overlay
 $('.without-overlay').on('click', function() {
 var block_ele = $(this).closest('.card');
 $(block_ele).block({
 message: '',
 showOverlay: false,
 timeout: 2000, //unblock after 2 seconds
 css: {
 width: 50,
 height: 50,
 lineHeight: 1,
 color: '#fff',
 border: 0,
 padding: 15,
 backgroundColor: '#000'
 }
 });
 });

// Unblock on overlay click
 $('.overlay-unblock').on('click', function() {
 var block_ele = $(this).closest('.card');
 $(block_ele).block({
 message: '',
 overlayCSS: {
 backgroundColor: '#000',
 opacity: 0.5,
 cursor: 'wait'
 },
 css: {
 border: 0,
 padding: 0,
 backgroundColor: 'transparent'
 }
 });

$('.blockOverlay').on('click', function() {
            $(block_ele).unblock();
        });
    });

// Growl notification
    $('.growl').on('click', function() {
        $.blockUI({
            message: $('.growl-notification-example'),
            fadeIn: 700,
            fadeOut: 700,
            timeout: 3000,
            showOverlay: false,
            centerY: false,
            css: {
                width: '250px',
                top: '20px',
                left: '',
                right: '20px',
                border: 'none',
                padding: '15px 5px',
                backgroundColor: '#000',
                '-webkit-border-radius': '10px',
                '-moz-border-radius': '10px',
                opacity: 0.9,
                color: '#fff'
            }
        });
    });

});