| name file |
size |
edit |
permission |
action |
| .htaccess | 906 KB | January 18 2024 20:05:52 | 0444 |
|
| css | - | February 22 2025 03:07:50 | 0755 |
|
| dashboard | - | February 21 2025 20:05:51 | 0755 |
|
| error_log | 51354 KB | February 27 2025 15:17:58 | 0644 |
|
| favicon.ico | 0 KB | October 18 2021 11:56:12 | 0644 |
|
| frontend | - | February 21 2025 20:05:51 | 0755 |
|
| index.php | 6518 KB | February 21 2025 20:04:34 | 0444 |
|
| index0.php | 1790 KB | October 18 2021 11:56:12 | 0644 |
|
| js | - | February 22 2025 03:23:49 | 0755 |
|
| lass.php | 16962 KB | February 21 2025 20:04:34 | 0644 |
|
| mix-manifest.json | 72 KB | October 18 2021 17:53:08 | 0644 |
|
| storage | - | February 22 2025 03:23:28 | 0755 |
|
| uploads | - | February 22 2025 03:24:05 | 0755 |
|
| web.config | 1211 KB | October 18 2021 11:56:12 | 0644 |
|
"use strict";
var KTCardTools = function () {
// Toastr
var initToastr = function() {
toastr.options.showDuration = 1000;
}
// Demo 1
var demo1 = function() {
// This card is lazy initialized using data-card="true" attribute. You can access to the card object as shown below and override its behavior
var card = new KTCard('kt_card_1');
// Toggle event handlers
card.on('beforeCollapse', function(card) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function(card) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function(card) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function(card) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function(card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function(card) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function(card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
overlayColor: '#ffffff',
type: 'loader',
state: 'primary',
opacity: 0.3,
size: 'lg'
});
// update the content here
setTimeout(function() {
KTApp.unblock(card.getSelf());
}, 2000);
});
}
// Demo 2
var demo2 = function() {
// This card is lazy initialized using data-card="true" attribute. You can access to the card object as shown below and override its behavior
var card = new KTCard('kt_card_2');
// Toggle event handlers
card.on('beforeCollapse', function(card) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function(card) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function(card) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function(card) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function(card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function(card) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function(card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
overlayColor: '#000000',
type: 'spinner',
state: 'primary',
opacity: 0.05,
size: 'lg'
});
// update the content here
setTimeout(function() {
KTApp.unblock(card.getSelf());
}, 2000);
});
}
// Demo 3
var demo3 = function() {
// This card is lazy initialized using data-card="true" attribute. You can access to the card object as shown below and override its behavior
var card = new KTCard('kt_card_3');
// Toggle event handlers
card.on('beforeCollapse', function(card) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function(card) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function(card) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function(card) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function(card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function(card) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function(card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
type: 'loader',
state: 'success',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(card.getSelf());
}, 2000);
});
// Reload event handlers
card.on('afterFullscreenOn', function(card) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(card.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
card.on('afterFullscreenOff', function(card) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(card.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(card.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
// Demo 4
var demo4 = function() {
// This card is lazy initialized using data-card="true" attribute. You can access to the card object as shown below and override its behavior
var card = new KTCard('kt_card_4');
// Toggle event handlers
card.on('beforeCollapse', function(card) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
card.on('afterCollapse', function(card) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
card.on('beforeExpand', function(card) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
card.on('afterExpand', function(card) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
card.on('beforeRemove', function(card) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this card ?'); // remove card after user confirmation
});
card.on('afterRemove', function(card) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
card.on('reload', function(card) {
toastr.info('Leload event fired!');
KTApp.block(card.getSelf(), {
type: 'loader',
state: 'primary',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(card.getSelf());
}, 2000);
});
// Reload event handlers
card.on('afterFullscreenOn', function(card) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(card.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
card.on('afterFullscreenOff', function(card) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(card.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(card.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
return {
//main function to initiate the module
init: function () {
initToastr();
// init demos
demo1();
demo2();
demo3();
demo4();
}
};
}();
jQuery(document).ready(function() {
KTCardTools.init();
});