senlinai/cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

deving

Browse Source
This commit is contained in:
yanweidonog
2025-12-26 22:35:18 +08:00
commit 9cf62f793b
4263 changed files with 728989 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
res/assets/js/plugins/block-ui.js Normal file
View File

@@ -0,0 +1,205 @@
$(function () {
$(".block-card").on("click", function () {
var block_ele = $(this).closest(".card");
$(block_ele).block({
message: '<i class="ti ti-refresh text-white fs-5"></i>',
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 = $(".side-mini-panel");
$(block_ele).block({
message: '<i class="ti ti-refresh text-white fs-5"></i>',
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: '<i class="ti ti-refresh text-white fs-5"></i>',
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: '<i class="ti ti-refresh text-white fs-5"></i>',
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: '<i class="ti ti-refresh text-white fs-5"></i>',
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: '<i class="ti ti-refresh text-white fs-5"></i>',
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: '<i class="ti ti-refresh text-white fs-5"></i>',
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: '<i class="ti ti-refresh text-white fs-5"></i>',
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",
},
});
});
});