lavkach3

1
$(function () {
2
  $(".block-card").on("click", function () {
3
    var block_ele = $(this).closest(".card");
4
    $(block_ele).block({
5
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
6
      timeout: 2000, //unblock after 2 seconds
7
      overlayCSS: {
8
        backgroundColor: "#000",
9
        opacity: 0.5,
10
        cursor: "wait",
11
      },
12
      css: {
13
        border: 0,
14
        padding: 0,
15
        backgroundColor: "transparent",
16
      },
17
    });
18
  });
19

20
  // Block sidebar
21
  $(".block-sidenav").on("click", function () {
22
    var block_ele = $(".side-mini-panel");
23
    $(block_ele).block({
24
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
25
      timeout: 2000, //unblock after 2 seconds
26
      overlayCSS: {
27
        backgroundColor: "#000",
28
        opacity: 0.5,
29
        cursor: "wait",
30
      },
31
      css: {
32
        border: 0,
33
        padding: 0,
34
        backgroundColor: "transparent",
35
      },
36
    });
37
  });
38

39
  // Block page
40
  $(".block-default").on("click", function () {
41
    $.blockUI({
42
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
43
      timeout: 2000, //unblock after 2 seconds
44
      overlayCSS: {
45
        backgroundColor: "#000",
46
        opacity: 0.5,
47
        cursor: "wait",
48
      },
49
      css: {
50
        border: 0,
51
        padding: 0,
52
        backgroundColor: "transparent",
53
      },
54
    });
55
  });
56

57
  // onBlock callback
58
  $(".onblock").on("click", function () {
59
    $.blockUI({
60
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
61
      fadeIn: 1000,
62
      timeout: 2000, //unblock after 2 seconds
63
      overlayCSS: {
64
        backgroundColor: "#000",
65
        opacity: 0.5,
66
        cursor: "wait",
67
      },
68
      css: {
69
        border: 0,
70
        padding: 0,
71
        color: "#333",
72
        backgroundColor: "transparent",
73
      },
74
      onBlock: function () {
75
        alert("Page blocked!");
76
      },
77
    });
78
  });
79

80
  // onUnblock callback
81
  $(".onunblock").on("click", function () {
82
    $.blockUI({
83
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
84
      timeout: 2000, //unblock after 2 seconds
85
      overlayCSS: {
86
        backgroundColor: "#000",
87
        opacity: 0.5,
88
        cursor: "wait",
89
      },
90
      css: {
91
        border: 0,
92
        padding: 0,
93
        color: "#333",
94
        backgroundColor: "transparent",
95
      },
96
      onUnblock: function () {
97
        alert("Page unblocked!");
98
      },
99
    });
100
  });
101

102
  // Overlay callback
103
  $(".onoverlay-click").on("click", function () {
104
    $.blockUI({
105
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
106
      overlayCSS: {
107
        backgroundColor: "#000",
108
        opacity: 0.5,
109
        cursor: "wait",
110
      },
111
      css: {
112
        color: "#333",
113
        border: 0,
114
        padding: 0,
115
        backgroundColor: "transparent",
116
      },
117
      onOverlayClick: $.unblockUI,
118
    });
119
  });
120

121
  // Block Without Message
122
  $(".without-msg").on("click", function () {
123
    var block_ele = $(this).closest(".card");
124
    $(block_ele).block({
125
      message: null,
126
      timeout: 2000, //unblock after 2 seconds
127
      overlayCSS: {
128
        backgroundColor: "#000",
129
        opacity: 0.5,
130
        cursor: "wait",
131
      },
132
      css: {
133
        border: 0,
134
        padding: 0,
135
        backgroundColor: "transparent",
136
      },
137
    });
138
  });
139

140
  // Block without overlay
141
  $(".without-overlay").on("click", function () {
142
    var block_ele = $(this).closest(".card");
143
    $(block_ele).block({
144
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
145
      showOverlay: false,
146
      timeout: 2000, //unblock after 2 seconds
147
      css: {
148
        width: 50,
149
        height: 50,
150
        lineHeight: 1,
151
        color: "#fff",
152
        border: 0,
153
        padding: 15,
154
        backgroundColor: "#000",
155
      },
156
    });
157
  });
158

159
  // Unblock on overlay click
160
  $(".overlay-unblock").on("click", function () {
161
    var block_ele = $(this).closest(".card");
162
    $(block_ele).block({
163
      message: '<i class="ti ti-refresh text-white fs-5"></i>',
164
      overlayCSS: {
165
        backgroundColor: "#000",
166
        opacity: 0.5,
167
        cursor: "wait",
168
      },
169
      css: {
170
        border: 0,
171
        padding: 0,
172
        backgroundColor: "transparent",
173
      },
174
    });
175

176
    $(".blockOverlay").on("click", function () {
177
      $(block_ele).unblock();
178
    });
179
  });
180

181
  // Growl notification
182
  $(".growl").on("click", function () {
183
    $.blockUI({
184
      message: $(".growl-notification-example"),
185
      fadeIn: 700,
186
      fadeOut: 700,
187
      timeout: 3000,
188
      showOverlay: false,
189
      centerY: false,
190
      css: {
191
        width: "250px",
192
        top: "20px",
193
        left: "",
194
        right: "20px",
195
        border: "none",
196
        padding: "15px 5px",
197
        backgroundColor: "#000",
198
        "-webkit-border-radius": "10px",
199
        "-moz-border-radius": "10px",
200
        opacity: 0.9,
201
        color: "#fff",
202
      },
203
    });
204
  });
205
});
206