api code global jain
This commit is contained in:
Abhishek Mali
29
public/js/pages/features/cards/draggable.js
vendored
Normal file
29
public/js/pages/features/cards/draggable.js
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
"use strict";
|
||||
|
||||
var KTCardDraggable = function() {
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
var containers = document.querySelectorAll('.draggable-zone');
|
||||
|
||||
if (containers.length === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var swappable = new Sortable.default(containers, {
|
||||
draggable: '.draggable',
|
||||
handle: '.draggable .draggable-handle',
|
||||
mirror: {
|
||||
//appendTo: selector,
|
||||
appendTo: 'body',
|
||||
constrainDimensions: true
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTCardDraggable.init();
|
||||
});
|
||||
1
public/js/pages/features/cards/draggable.min.js
vendored
Normal file
1
public/js/pages/features/cards/draggable.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCardDraggable={init:function(){var a=document.querySelectorAll(".draggable-zone");if(0===a.length)return!1;new Sortable.default(a,{draggable:".draggable",handle:".draggable .draggable-handle",mirror:{appendTo:"body",constrainDimensions:!0}})}};jQuery(document).ready(function(){KTCardDraggable.init()});
|
||||
323
public/js/pages/features/cards/tools.js
vendored
Normal file
323
public/js/pages/features/cards/tools.js
vendored
Normal file
@@ -0,0 +1,323 @@
|
||||
"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();
|
||||
});
|
||||
1
public/js/pages/features/cards/tools.min.js
vendored
Normal file
1
public/js/pages/features/cards/tools.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCardTools={init:function(){var e;toastr.options.showDuration=1e3,(e=new KTCard("kt_card_1")).on("beforeCollapse",function(e){setTimeout(function(){toastr.info("Before collapse event fired!")},100)}),e.on("afterCollapse",function(e){setTimeout(function(){toastr.warning("Before collapse event fired!")},2e3)}),e.on("beforeExpand",function(e){setTimeout(function(){toastr.info("Before expand event fired!")},100)}),e.on("afterExpand",function(e){setTimeout(function(){toastr.warning("After expand event fired!")},2e3)}),e.on("beforeRemove",function(e){return toastr.info("Before remove event fired!"),confirm("Are you sure to remove this card ?")}),e.on("afterRemove",function(e){setTimeout(function(){toastr.warning("After remove event fired!")},2e3)}),e.on("reload",function(e){toastr.info("Leload event fired!"),KTApp.block(e.getSelf(),{overlayColor:"#ffffff",type:"loader",state:"primary",opacity:.3,size:"lg"}),setTimeout(function(){KTApp.unblock(e.getSelf())},2e3)}),function(){var e=new KTCard("kt_card_2");e.on("beforeCollapse",function(e){setTimeout(function(){toastr.info("Before collapse event fired!")},100)}),e.on("afterCollapse",function(e){setTimeout(function(){toastr.warning("Before collapse event fired!")},2e3)}),e.on("beforeExpand",function(e){setTimeout(function(){toastr.info("Before expand event fired!")},100)}),e.on("afterExpand",function(e){setTimeout(function(){toastr.warning("After expand event fired!")},2e3)}),e.on("beforeRemove",function(e){return toastr.info("Before remove event fired!"),confirm("Are you sure to remove this card ?")}),e.on("afterRemove",function(e){setTimeout(function(){toastr.warning("After remove event fired!")},2e3)}),e.on("reload",function(e){toastr.info("Leload event fired!"),KTApp.block(e.getSelf(),{overlayColor:"#000000",type:"spinner",state:"primary",opacity:.05,size:"lg"}),setTimeout(function(){KTApp.unblock(e.getSelf())},2e3)})}(),function(){var e=new KTCard("kt_card_3");e.on("beforeCollapse",function(e){setTimeout(function(){toastr.info("Before collapse event fired!")},100)}),e.on("afterCollapse",function(e){setTimeout(function(){toastr.warning("Before collapse event fired!")},2e3)}),e.on("beforeExpand",function(e){setTimeout(function(){toastr.info("Before expand event fired!")},100)}),e.on("afterExpand",function(e){setTimeout(function(){toastr.warning("After expand event fired!")},2e3)}),e.on("beforeRemove",function(e){return toastr.info("Before remove event fired!"),confirm("Are you sure to remove this card ?")}),e.on("afterRemove",function(e){setTimeout(function(){toastr.warning("After remove event fired!")},2e3)}),e.on("reload",function(e){toastr.info("Leload event fired!"),KTApp.block(e.getSelf(),{type:"loader",state:"success",message:"Please wait..."}),setTimeout(function(){KTApp.unblock(e.getSelf())},2e3)}),e.on("afterFullscreenOn",function(e){toastr.warning("After fullscreen on event fired!");var t=$(e.getBody()).find("> .kt-scroll");t&&(t.data("original-height",t.css("height")),t.css("height","100%"),KTUtil.scrollUpdate(t[0]))}),e.on("afterFullscreenOff",function(e){var t;toastr.warning("After fullscreen off event fired!"),(t=$(e.getBody()).find("> .kt-scroll"))&&((t=$(e.getBody()).find("> .kt-scroll")).css("height",t.data("original-height")),KTUtil.scrollUpdate(t[0]))})}(),function(){var e=new KTCard("kt_card_4");e.on("beforeCollapse",function(e){setTimeout(function(){toastr.info("Before collapse event fired!")},100)}),e.on("afterCollapse",function(e){setTimeout(function(){toastr.warning("Before collapse event fired!")},2e3)}),e.on("beforeExpand",function(e){setTimeout(function(){toastr.info("Before expand event fired!")},100)}),e.on("afterExpand",function(e){setTimeout(function(){toastr.warning("After expand event fired!")},2e3)}),e.on("beforeRemove",function(e){return toastr.info("Before remove event fired!"),confirm("Are you sure to remove this card ?")}),e.on("afterRemove",function(e){setTimeout(function(){toastr.warning("After remove event fired!")},2e3)}),e.on("reload",function(e){toastr.info("Leload event fired!"),KTApp.block(e.getSelf(),{type:"loader",state:"primary",message:"Please wait..."}),setTimeout(function(){KTApp.unblock(e.getSelf())},2e3)}),e.on("afterFullscreenOn",function(e){toastr.warning("After fullscreen on event fired!");var t=$(e.getBody()).find("> .kt-scroll");t&&(t.data("original-height",t.css("height")),t.css("height","100%"),KTUtil.scrollUpdate(t[0]))}),e.on("afterFullscreenOff",function(e){var t;toastr.warning("After fullscreen off event fired!"),(t=$(e.getBody()).find("> .kt-scroll"))&&((t=$(e.getBody()).find("> .kt-scroll")).css("height",t.data("original-height")),KTUtil.scrollUpdate(t[0]))})}()}};jQuery(document).ready(function(){KTCardTools.init()});
|
||||
Reference in New Issue
Block a user