arifal/CKB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first initial

Browse Source
This commit is contained in:
arifal
2025-05-27 19:09:17 +07:00
commit 80375d8af3
1587 changed files with 572586 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
public/assets/js/demo1/pages/components/portlets/draggable.js Normal file
View File

@@ -0,0 +1,35 @@
"use strict";
var KTPortletDraggable = function () {
return {
//main function to initiate the module
init: function () {
$("#kt_sortable_portlets").sortable({
connectWith: ".kt-portlet__head",
items: ".kt-portlet",
opacity: 0.8,
handle : '.kt-portlet__head',
coneHelperSize: true,
placeholder: 'kt-portlet--sortable-placeholder',
forcePlaceholderSize: true,
tolerance: "pointer",
helper: "clone",
tolerance: "pointer",
forcePlaceholderSize: !0,
helper: "clone",
cancel: ".kt-portlet--sortable-empty", // cancel dragging if portlet is in fullscreen mode
revert: 250, // animation in milliseconds
update: function(b, c) {
if (c.item.prev().hasClass("kt-portlet--sortable-empty")) {
c.item.prev().before(c.item);
}
}
});
}
};
}();
jQuery(document).ready(function() {
KTPortletDraggable.init();
});

1
public/assets/js/demo1/pages/components/portlets/draggable.min.js vendored Normal file
View File

@@ -0,0 +1 @@
"use strict";var KTPortletDraggable={init:function(){$("#kt_sortable_portlets").sortable({connectWith:".kt-portlet__head",items:".kt-portlet",opacity:.8,handle:".kt-portlet__head",coneHelperSize:!0,placeholder:"kt-portlet--sortable-placeholder",forcePlaceholderSize:!0,tolerance:"pointer",helper:"clone",tolerance:"pointer",forcePlaceholderSize:!0,helper:"clone",cancel:".kt-portlet--sortable-empty",revert:250,update:function(e,t){t.item.prev().hasClass("kt-portlet--sortable-empty")&&t.item.prev().before(t.item)}})}};jQuery(document).ready(function(){KTPortletDraggable.init()});

490
public/assets/js/demo1/pages/components/portlets/tools.js Normal file
View File

@@ -0,0 +1,490 @@
"use strict";
var KTPortletTools = function () {
// Toastr
var initToastr = function() {
toastr.options.showDuration = 1000;
}
// Demo 1
var demo1 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_1');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
overlayColor: '#ffffff',
type: 'loader',
state: 'success',
opacity: 0.3,
size: 'lg'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
// Demo 2
var demo2 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_2');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
overlayColor: '#000000',
type: 'spinner',
state: 'brand',
opacity: 0.05,
size: 'lg'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
}
// Demo 3
var demo3 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_3');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'success',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
// Demo 4
var demo4 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_4');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.warning('After fullscreen on event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
scrollable.data('original-height', scrollable.css('height'));
scrollable.css('height', '100%');
KTUtil.scrollUpdate(scrollable[0]);
}
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
if (scrollable) {
var scrollable = $(portlet.getBody()).find('> .kt-scroll');
scrollable.css('height', scrollable.data('original-height'));
KTUtil.scrollUpdate(scrollable[0]);
}
});
}
// Demo 5
var demo5 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_5');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.info('After fullscreen on event fired!');
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
});
}
// Demo 6
var demo6 = function() {
// This portlet is lazy initialized using data-portlet="true" attribute. You can access to the portlet object as shown below and override its behavior
var portlet = new KTPortlet('kt_portlet_tools_6');
// Toggle event handlers
portlet.on('beforeCollapse', function(portlet) {
setTimeout(function() {
toastr.info('Before collapse event fired!');
}, 100);
});
portlet.on('afterCollapse', function(portlet) {
setTimeout(function() {
toastr.warning('Before collapse event fired!');
}, 2000);
});
portlet.on('beforeExpand', function(portlet) {
setTimeout(function() {
toastr.info('Before expand event fired!');
}, 100);
});
portlet.on('afterExpand', function(portlet) {
setTimeout(function() {
toastr.warning('After expand event fired!');
}, 2000);
});
// Remove event handlers
portlet.on('beforeRemove', function(portlet) {
toastr.info('Before remove event fired!');
return confirm('Are you sure to remove this portlet ?'); // remove portlet after user confirmation
});
portlet.on('afterRemove', function(portlet) {
setTimeout(function() {
toastr.warning('After remove event fired!');
}, 2000);
});
// Reload event handlers
portlet.on('reload', function(portlet) {
toastr.info('Leload event fired!');
KTApp.block(portlet.getSelf(), {
type: 'loader',
state: 'brand',
message: 'Please wait...'
});
// update the content here
setTimeout(function() {
KTApp.unblock(portlet.getSelf());
}, 2000);
});
// Reload event handlers
portlet.on('afterFullscreenOn', function(portlet) {
toastr.info('After fullscreen on event fired!');
});
portlet.on('afterFullscreenOff', function(portlet) {
toastr.warning('After fullscreen off event fired!');
});
}
return {
//main function to initiate the module
init: function () {
initToastr();
// init demos
demo1();
demo2();
demo3();
demo4();
demo5();
demo6();
}
};
}();
jQuery(document).ready(function() {
KTPortletTools.init();
});

1
public/assets/js/demo1/pages/components/portlets/tools.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long