first initial
This commit is contained in:
149080
public/assets/js/app.bundle.js
Normal file
149080
public/assets/js/app.bundle.js
Normal file
File diff suppressed because one or more lines are too long
131977
public/assets/js/app.bundle.min.js
vendored
Normal file
131977
public/assets/js/app.bundle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
52
public/assets/js/demo1/pages/components/base/dropdown.js
Normal file
52
public/assets/js/demo1/pages/components/base/dropdown.js
Normal file
@@ -0,0 +1,52 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
|
||||
var KTDropdownDemo = function () {
|
||||
|
||||
// Private functions
|
||||
|
||||
// basic demo
|
||||
var demo1 = function () {
|
||||
var output = $('#kt_dropdown_api_output');
|
||||
var dropdown1 = new KTDropdown('kt_dropdown_api_1');
|
||||
var dropdown2 = new KTDropdown('kt_dropdown_api_2');
|
||||
|
||||
dropdown1.on('afterShow', function(dropdown) {
|
||||
output.append('<p>Dropdown 1: afterShow event fired</p>');
|
||||
});
|
||||
dropdown1.on('beforeShow', function(dropdown) {
|
||||
output.append('<p>Dropdown 1: beforeShow event fired</p>');
|
||||
});
|
||||
dropdown1.on('afterHide', function(dropdown) {
|
||||
output.append('<p>Dropdown 1: afterHide event fired</p>');
|
||||
});
|
||||
dropdown1.on('beforeHide', function(dropdown) {
|
||||
output.append('<p>Dropdown 1: beforeHide event fired</p>');
|
||||
});
|
||||
|
||||
dropdown2.on('afterShow', function(dropdown) {
|
||||
output.append('<p>Dropdown 2: afterShow event fired</p>');
|
||||
});
|
||||
dropdown2.on('beforeShow', function(dropdown) {
|
||||
output.append('<p>Dropdown 2: beforeShow event fired</p>');
|
||||
});
|
||||
dropdown2.on('afterHide', function(dropdown) {
|
||||
output.append('<p>Dropdown 2: afterHide event fired</p>');
|
||||
});
|
||||
dropdown2.on('beforeHide', function(dropdown) {
|
||||
output.append('<p>Dropdown 2: beforeHide event fired</p>');
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDropdownDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/base/dropdown.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/base/dropdown.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDropdownDemo={init:function(){var e,o,n;e=$("#kt_dropdown_api_output"),o=new KTDropdown("kt_dropdown_api_1"),n=new KTDropdown("kt_dropdown_api_2"),o.on("afterShow",function(o){e.append("<p>Dropdown 1: afterShow event fired</p>")}),o.on("beforeShow",function(o){e.append("<p>Dropdown 1: beforeShow event fired</p>")}),o.on("afterHide",function(o){e.append("<p>Dropdown 1: afterHide event fired</p>")}),o.on("beforeHide",function(o){e.append("<p>Dropdown 1: beforeHide event fired</p>")}),n.on("afterShow",function(o){e.append("<p>Dropdown 2: afterShow event fired</p>")}),n.on("beforeShow",function(o){e.append("<p>Dropdown 2: beforeShow event fired</p>")}),n.on("afterHide",function(o){e.append("<p>Dropdown 2: afterHide event fired</p>")}),n.on("beforeHide",function(o){e.append("<p>Dropdown 2: beforeHide event fired</p>")})}};jQuery(document).ready(function(){KTDropdownDemo.init()});
|
||||
@@ -0,0 +1,182 @@
|
||||
"use strict";
|
||||
|
||||
var KTCalendarBackgroundEvents = function() {
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
var todayDate = moment().startOf('day');
|
||||
var YM = todayDate.format('YYYY-MM');
|
||||
var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD');
|
||||
var TODAY = todayDate.format('YYYY-MM-DD');
|
||||
var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD');
|
||||
|
||||
var calendarEl = document.getElementById('kt_calendar');
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
||||
|
||||
isRTL: KTUtil.isRTL(),
|
||||
header: {
|
||||
left: 'prev,next today',
|
||||
center: 'title',
|
||||
right: 'dayGridMonth,timeGridWeek,timeGridDay'
|
||||
},
|
||||
|
||||
height: 800,
|
||||
contentHeight: 780,
|
||||
aspectRatio: 3, // see: https://fullcalendar.io/docs/aspectRatio
|
||||
|
||||
nowIndicator: true,
|
||||
now: TODAY + 'T09:25:00', // just for demo
|
||||
|
||||
views: {
|
||||
dayGridMonth: { buttonText: 'month' },
|
||||
timeGridWeek: { buttonText: 'week' },
|
||||
timeGridDay: { buttonText: 'day' }
|
||||
},
|
||||
|
||||
defaultView: 'dayGridMonth',
|
||||
defaultDate: TODAY,
|
||||
|
||||
editable: true,
|
||||
eventLimit: true, // allow "more" link when too many events
|
||||
navLinks: true,
|
||||
businessHours: true, // display business hours
|
||||
events: [
|
||||
{
|
||||
title: 'All Day Event',
|
||||
start: YM + '-01',
|
||||
description: 'Toto lorem ipsum dolor sit incid idunt ut',
|
||||
className: "fc-event-danger fc-event-solid-warning",
|
||||
color: KTApp.getStateColor('info'),
|
||||
rendering: 'background'
|
||||
},
|
||||
{
|
||||
title: 'Reporting',
|
||||
start: YM + '-14T13:30:00',
|
||||
description: 'Lorem ipsum dolor incid idunt ut labore',
|
||||
end: YM + '-14',
|
||||
className: "fc-event-success"
|
||||
},
|
||||
{
|
||||
title: 'Company Trip',
|
||||
start: YM + '-02',
|
||||
description: 'Lorem ipsum dolor sit tempor incid',
|
||||
end: YM + '-03',
|
||||
className: "fc-event-primary"
|
||||
},
|
||||
{
|
||||
title: 'ICT Expo 2017 - Product Release',
|
||||
start: YM + '-03',
|
||||
description: 'Lorem ipsum dolor sit tempor inci',
|
||||
end: YM + '-05',
|
||||
className: "fc-event-light fc-event-solid-primary"
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: YM + '-12',
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur',
|
||||
end: YM + '-10',
|
||||
color: KTApp.getStateColor('info'),
|
||||
rendering: 'background'
|
||||
},
|
||||
{
|
||||
id: 999,
|
||||
title: 'Repeating Event',
|
||||
start: YM + '-09T16:00:00',
|
||||
description: 'Lorem ipsum dolor sit ncididunt ut labore',
|
||||
className: "fc-event-danger"
|
||||
},
|
||||
{
|
||||
id: 1000,
|
||||
title: 'Repeating Event',
|
||||
description: 'Lorem ipsum dolor sit amet, labore',
|
||||
start: YM + '-16T16:00:00',
|
||||
color: KTApp.getStateColor('warning'),
|
||||
rendering: 'background'
|
||||
},
|
||||
{
|
||||
title: 'Conference',
|
||||
start: YESTERDAY,
|
||||
end: TOMORROW,
|
||||
description: 'Lorem ipsum dolor eius mod tempor labore',
|
||||
className: "fc-event-brand"
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T10:30:00',
|
||||
end: TODAY + 'T12:30:00',
|
||||
description: 'Lorem ipsum dolor eiu idunt ut labore',
|
||||
color: KTApp.getStateColor('danger'),
|
||||
rendering: 'background'
|
||||
},
|
||||
{
|
||||
title: 'Lunch',
|
||||
start: TODAY + 'T12:00:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, ut labore'
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T14:30:00',
|
||||
className: "fc-event-warning",
|
||||
description: 'Lorem ipsum conse ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Happy Hour',
|
||||
start: TODAY + 'T17:30:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur',
|
||||
color: KTApp.getStateColor('danger'),
|
||||
rendering: 'background'
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: TOMORROW + 'T05:00:00',
|
||||
className: "fc-event-solid-danger fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: TOMORROW + 'T07:00:00',
|
||||
className: "fc-event-primary",
|
||||
description: 'Lorem ipsum dolor sit amet, scing',
|
||||
color: KTApp.getStateColor('danger'),
|
||||
rendering: 'background'
|
||||
},
|
||||
{
|
||||
title: 'Click for Google',
|
||||
url: 'http://google.com/',
|
||||
start: YM + '-28',
|
||||
className: "fc-event-solid-info fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit amet, labore',
|
||||
color: KTApp.getStateColor('success'),
|
||||
rendering: 'background'
|
||||
}
|
||||
],
|
||||
|
||||
eventRender: function(info) {
|
||||
var element = $(info.el);
|
||||
|
||||
if (info.event.extendedProps && info.event.extendedProps.description) {
|
||||
if (element.hasClass('fc-day-grid-event')) {
|
||||
element.data('content', info.event.extendedProps.description);
|
||||
element.data('placement', 'top');
|
||||
KTApp.initPopover(element);
|
||||
} else if (element.hasClass('fc-time-grid-event')) {
|
||||
element.find('.fc-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
} else if (element.find('.fc-list-item-title').lenght !== 0) {
|
||||
element.find('.fc-list-item-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTCalendarBackgroundEvents.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/calendar/background-events.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/calendar/background-events.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCalendarBackgroundEvents={init:function(){var e=moment().startOf("day"),t=e.format("YYYY-MM"),i=e.clone().subtract(1,"day").format("YYYY-MM-DD"),r=e.format("YYYY-MM-DD"),n=e.clone().add(1,"day").format("YYYY-MM-DD"),o=document.getElementById("kt_calendar");new FullCalendar.Calendar(o,{plugins:["interaction","dayGrid","timeGrid","list"],isRTL:KTUtil.isRTL(),header:{left:"prev,next today",center:"title",right:"dayGridMonth,timeGridWeek,timeGridDay"},height:800,contentHeight:780,aspectRatio:3,nowIndicator:!0,now:r+"T09:25:00",views:{dayGridMonth:{buttonText:"month"},timeGridWeek:{buttonText:"week"},timeGridDay:{buttonText:"day"}},defaultView:"dayGridMonth",defaultDate:r,editable:!0,eventLimit:!0,navLinks:!0,businessHours:!0,events:[{title:"All Day Event",start:t+"-01",description:"Toto lorem ipsum dolor sit incid idunt ut",className:"fc-event-danger fc-event-solid-warning",color:KTApp.getStateColor("info"),rendering:"background"},{title:"Reporting",start:t+"-14T13:30:00",description:"Lorem ipsum dolor incid idunt ut labore",end:t+"-14",className:"fc-event-success"},{title:"Company Trip",start:t+"-02",description:"Lorem ipsum dolor sit tempor incid",end:t+"-03",className:"fc-event-primary"},{title:"ICT Expo 2017 - Product Release",start:t+"-03",description:"Lorem ipsum dolor sit tempor inci",end:t+"-05",className:"fc-event-light fc-event-solid-primary"},{title:"Dinner",start:t+"-12",description:"Lorem ipsum dolor sit amet, conse ctetur",end:t+"-10",color:KTApp.getStateColor("info"),rendering:"background"},{id:999,title:"Repeating Event",start:t+"-09T16:00:00",description:"Lorem ipsum dolor sit ncididunt ut labore",className:"fc-event-danger"},{id:1e3,title:"Repeating Event",description:"Lorem ipsum dolor sit amet, labore",start:t+"-16T16:00:00",color:KTApp.getStateColor("warning"),rendering:"background"},{title:"Conference",start:i,end:n,description:"Lorem ipsum dolor eius mod tempor labore",className:"fc-event-brand"},{title:"Meeting",start:r+"T10:30:00",end:r+"T12:30:00",description:"Lorem ipsum dolor eiu idunt ut labore",color:KTApp.getStateColor("danger"),rendering:"background"},{title:"Lunch",start:r+"T12:00:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, ut labore"},{title:"Meeting",start:r+"T14:30:00",className:"fc-event-warning",description:"Lorem ipsum conse ctetur adipi scing"},{title:"Happy Hour",start:r+"T17:30:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, conse ctetur",color:KTApp.getStateColor("danger"),rendering:"background"},{title:"Dinner",start:n+"T05:00:00",className:"fc-event-solid-danger fc-event-light",description:"Lorem ipsum dolor sit ctetur adipi scing"},{title:"Birthday Party",start:n+"T07:00:00",className:"fc-event-primary",description:"Lorem ipsum dolor sit amet, scing",color:KTApp.getStateColor("danger"),rendering:"background"},{title:"Click for Google",url:"http://google.com/",start:t+"-28",className:"fc-event-solid-info fc-event-light",description:"Lorem ipsum dolor sit amet, labore",color:KTApp.getStateColor("success"),rendering:"background"}],eventRender:function(e){var t=$(e.el);e.event.extendedProps&&e.event.extendedProps.description&&(t.hasClass("fc-day-grid-event")?(t.data("content",e.event.extendedProps.description),t.data("placement","top"),KTApp.initPopover(t)):t.hasClass("fc-time-grid-event")?t.find(".fc-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"):0!==t.find(".fc-list-item-title").lenght&&t.find(".fc-list-item-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"))}}).render()}};jQuery(document).ready(function(){KTCalendarBackgroundEvents.init()});
|
||||
167
public/assets/js/demo1/pages/components/calendar/basic.js
Normal file
167
public/assets/js/demo1/pages/components/calendar/basic.js
Normal file
@@ -0,0 +1,167 @@
|
||||
"use strict";
|
||||
|
||||
var KTCalendarBasic = function() {
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
var todayDate = moment().startOf('day');
|
||||
var YM = todayDate.format('YYYY-MM');
|
||||
var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD');
|
||||
var TODAY = todayDate.format('YYYY-MM-DD');
|
||||
var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD');
|
||||
|
||||
var calendarEl = document.getElementById('kt_calendar');
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
||||
|
||||
isRTL: KTUtil.isRTL(),
|
||||
header: {
|
||||
left: 'prev,next today',
|
||||
center: 'title',
|
||||
right: 'dayGridMonth,timeGridWeek,timeGridDay'
|
||||
},
|
||||
|
||||
height: 800,
|
||||
contentHeight: 780,
|
||||
aspectRatio: 3, // see: https://fullcalendar.io/docs/aspectRatio
|
||||
|
||||
nowIndicator: true,
|
||||
now: TODAY + 'T09:25:00', // just for demo
|
||||
|
||||
views: {
|
||||
dayGridMonth: { buttonText: 'month' },
|
||||
timeGridWeek: { buttonText: 'week' },
|
||||
timeGridDay: { buttonText: 'day' }
|
||||
},
|
||||
|
||||
defaultView: 'dayGridMonth',
|
||||
defaultDate: TODAY,
|
||||
|
||||
editable: true,
|
||||
eventLimit: true, // allow "more" link when too many events
|
||||
navLinks: true,
|
||||
events: [
|
||||
{
|
||||
title: 'All Day Event',
|
||||
start: YM + '-01',
|
||||
description: 'Toto lorem ipsum dolor sit incid idunt ut',
|
||||
className: "fc-event-danger fc-event-solid-warning"
|
||||
},
|
||||
{
|
||||
title: 'Reporting',
|
||||
start: YM + '-14T13:30:00',
|
||||
description: 'Lorem ipsum dolor incid idunt ut labore',
|
||||
end: YM + '-14',
|
||||
className: "fc-event-success"
|
||||
},
|
||||
{
|
||||
title: 'Company Trip',
|
||||
start: YM + '-02',
|
||||
description: 'Lorem ipsum dolor sit tempor incid',
|
||||
end: YM + '-03',
|
||||
className: "fc-event-primary"
|
||||
},
|
||||
{
|
||||
title: 'ICT Expo 2017 - Product Release',
|
||||
start: YM + '-03',
|
||||
description: 'Lorem ipsum dolor sit tempor inci',
|
||||
end: YM + '-05',
|
||||
className: "fc-event-light fc-event-solid-primary"
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: YM + '-12',
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur',
|
||||
end: YM + '-10'
|
||||
},
|
||||
{
|
||||
id: 999,
|
||||
title: 'Repeating Event',
|
||||
start: YM + '-09T16:00:00',
|
||||
description: 'Lorem ipsum dolor sit ncididunt ut labore',
|
||||
className: "fc-event-danger"
|
||||
},
|
||||
{
|
||||
id: 1000,
|
||||
title: 'Repeating Event',
|
||||
description: 'Lorem ipsum dolor sit amet, labore',
|
||||
start: YM + '-16T16:00:00'
|
||||
},
|
||||
{
|
||||
title: 'Conference',
|
||||
start: YESTERDAY,
|
||||
end: TOMORROW,
|
||||
description: 'Lorem ipsum dolor eius mod tempor labore',
|
||||
className: "fc-event-brand"
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T10:30:00',
|
||||
end: TODAY + 'T12:30:00',
|
||||
description: 'Lorem ipsum dolor eiu idunt ut labore'
|
||||
},
|
||||
{
|
||||
title: 'Lunch',
|
||||
start: TODAY + 'T12:00:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, ut labore'
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T14:30:00',
|
||||
className: "fc-event-warning",
|
||||
description: 'Lorem ipsum conse ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Happy Hour',
|
||||
start: TODAY + 'T17:30:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur'
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: TOMORROW + 'T05:00:00',
|
||||
className: "fc-event-solid-danger fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: TOMORROW + 'T07:00:00',
|
||||
className: "fc-event-primary",
|
||||
description: 'Lorem ipsum dolor sit amet, scing'
|
||||
},
|
||||
{
|
||||
title: 'Click for Google',
|
||||
url: 'http://google.com/',
|
||||
start: YM + '-28',
|
||||
className: "fc-event-solid-info fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit amet, labore'
|
||||
}
|
||||
],
|
||||
|
||||
eventRender: function(info) {
|
||||
var element = $(info.el);
|
||||
|
||||
if (info.event.extendedProps && info.event.extendedProps.description) {
|
||||
if (element.hasClass('fc-day-grid-event')) {
|
||||
element.data('content', info.event.extendedProps.description);
|
||||
element.data('placement', 'top');
|
||||
KTApp.initPopover(element);
|
||||
} else if (element.hasClass('fc-time-grid-event')) {
|
||||
element.find('.fc-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
} else if (element.find('.fc-list-item-title').lenght !== 0) {
|
||||
element.find('.fc-list-item-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTCalendarBasic.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/calendar/basic.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/calendar/basic.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCalendarBasic={init:function(){var e=moment().startOf("day"),t=e.format("YYYY-MM"),i=e.clone().subtract(1,"day").format("YYYY-MM-DD"),n=e.format("YYYY-MM-DD"),r=e.clone().add(1,"day").format("YYYY-MM-DD"),o=document.getElementById("kt_calendar");new FullCalendar.Calendar(o,{plugins:["interaction","dayGrid","timeGrid","list"],isRTL:KTUtil.isRTL(),header:{left:"prev,next today",center:"title",right:"dayGridMonth,timeGridWeek,timeGridDay"},height:800,contentHeight:780,aspectRatio:3,nowIndicator:!0,now:n+"T09:25:00",views:{dayGridMonth:{buttonText:"month"},timeGridWeek:{buttonText:"week"},timeGridDay:{buttonText:"day"}},defaultView:"dayGridMonth",defaultDate:n,editable:!0,eventLimit:!0,navLinks:!0,events:[{title:"All Day Event",start:t+"-01",description:"Toto lorem ipsum dolor sit incid idunt ut",className:"fc-event-danger fc-event-solid-warning"},{title:"Reporting",start:t+"-14T13:30:00",description:"Lorem ipsum dolor incid idunt ut labore",end:t+"-14",className:"fc-event-success"},{title:"Company Trip",start:t+"-02",description:"Lorem ipsum dolor sit tempor incid",end:t+"-03",className:"fc-event-primary"},{title:"ICT Expo 2017 - Product Release",start:t+"-03",description:"Lorem ipsum dolor sit tempor inci",end:t+"-05",className:"fc-event-light fc-event-solid-primary"},{title:"Dinner",start:t+"-12",description:"Lorem ipsum dolor sit amet, conse ctetur",end:t+"-10"},{id:999,title:"Repeating Event",start:t+"-09T16:00:00",description:"Lorem ipsum dolor sit ncididunt ut labore",className:"fc-event-danger"},{id:1e3,title:"Repeating Event",description:"Lorem ipsum dolor sit amet, labore",start:t+"-16T16:00:00"},{title:"Conference",start:i,end:r,description:"Lorem ipsum dolor eius mod tempor labore",className:"fc-event-brand"},{title:"Meeting",start:n+"T10:30:00",end:n+"T12:30:00",description:"Lorem ipsum dolor eiu idunt ut labore"},{title:"Lunch",start:n+"T12:00:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, ut labore"},{title:"Meeting",start:n+"T14:30:00",className:"fc-event-warning",description:"Lorem ipsum conse ctetur adipi scing"},{title:"Happy Hour",start:n+"T17:30:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, conse ctetur"},{title:"Dinner",start:r+"T05:00:00",className:"fc-event-solid-danger fc-event-light",description:"Lorem ipsum dolor sit ctetur adipi scing"},{title:"Birthday Party",start:r+"T07:00:00",className:"fc-event-primary",description:"Lorem ipsum dolor sit amet, scing"},{title:"Click for Google",url:"http://google.com/",start:t+"-28",className:"fc-event-solid-info fc-event-light",description:"Lorem ipsum dolor sit amet, labore"}],eventRender:function(e){var t=$(e.el);e.event.extendedProps&&e.event.extendedProps.description&&(t.hasClass("fc-day-grid-event")?(t.data("content",e.event.extendedProps.description),t.data("placement","top"),KTApp.initPopover(t)):t.hasClass("fc-time-grid-event")?t.find(".fc-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"):0!==t.find(".fc-list-item-title").lenght&&t.find(".fc-list-item-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"))}}).render()}};jQuery(document).ready(function(){KTCalendarBasic.init()});
|
||||
@@ -0,0 +1,204 @@
|
||||
"use strict";
|
||||
|
||||
var KTCalendarExternalEvents = function() {
|
||||
|
||||
var initExternalEvents = function() {
|
||||
$('#kt_calendar_external_events .fc-draggable-handle').each(function() {
|
||||
// store data so the calendar knows to render an event upon drop
|
||||
$(this).data('event', {
|
||||
title: $.trim($(this).text()), // use the element's text as the event title
|
||||
stick: true, // maintain when user navigates (see docs on the renderEvent method)
|
||||
classNames: [$(this).data('color')],
|
||||
description: 'Lorem ipsum dolor eius mod tempor labore'
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
var initCalendar = function() {
|
||||
var todayDate = moment().startOf('day');
|
||||
var YM = todayDate.format('YYYY-MM');
|
||||
var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD');
|
||||
var TODAY = todayDate.format('YYYY-MM-DD');
|
||||
var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD');
|
||||
|
||||
var calendarEl = document.getElementById('kt_calendar');
|
||||
var containerEl = document.getElementById('kt_calendar_external_events');
|
||||
|
||||
var Draggable = FullCalendarInteraction.Draggable;
|
||||
|
||||
new Draggable(containerEl, {
|
||||
itemSelector: '.fc-draggable-handle',
|
||||
eventData: function(eventEl) {
|
||||
return $(eventEl).data('event');
|
||||
}
|
||||
});
|
||||
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
||||
|
||||
isRTL: KTUtil.isRTL(),
|
||||
header: {
|
||||
left: 'prev,next today',
|
||||
center: 'title',
|
||||
right: 'dayGridMonth,timeGridWeek,timeGridDay'
|
||||
},
|
||||
|
||||
height: 800,
|
||||
contentHeight: 780,
|
||||
aspectRatio: 3, // see: https://fullcalendar.io/docs/aspectRatio
|
||||
|
||||
nowIndicator: true,
|
||||
now: TODAY + 'T09:25:00', // just for demo
|
||||
|
||||
views: {
|
||||
dayGridMonth: { buttonText: 'month' },
|
||||
timeGridWeek: { buttonText: 'week' },
|
||||
timeGridDay: { buttonText: 'day' }
|
||||
},
|
||||
|
||||
defaultView: 'dayGridMonth',
|
||||
defaultDate: TODAY,
|
||||
|
||||
droppable: true, // this allows things to be dropped onto the calendar
|
||||
editable: true,
|
||||
eventLimit: true, // allow "more" link when too many events
|
||||
navLinks: true,
|
||||
events: [
|
||||
{
|
||||
title: 'All Day Event',
|
||||
start: YM + '-01',
|
||||
description: 'Toto lorem ipsum dolor sit incid idunt ut',
|
||||
className: "fc-event-danger fc-event-solid-warning"
|
||||
},
|
||||
{
|
||||
title: 'Reporting',
|
||||
start: YM + '-14T13:30:00',
|
||||
description: 'Lorem ipsum dolor incid idunt ut labore',
|
||||
end: YM + '-14',
|
||||
className: "fc-event-success"
|
||||
},
|
||||
{
|
||||
title: 'Company Trip',
|
||||
start: YM + '-02',
|
||||
description: 'Lorem ipsum dolor sit tempor incid',
|
||||
end: YM + '-03',
|
||||
className: "fc-event-primary"
|
||||
},
|
||||
{
|
||||
title: 'ICT Expo 2017 - Product Release',
|
||||
start: YM + '-03',
|
||||
description: 'Lorem ipsum dolor sit tempor inci',
|
||||
end: YM + '-05',
|
||||
className: "fc-event-light fc-event-solid-primary"
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: YM + '-12',
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur',
|
||||
end: YM + '-10'
|
||||
},
|
||||
{
|
||||
id: 999,
|
||||
title: 'Repeating Event',
|
||||
start: YM + '-09T16:00:00',
|
||||
description: 'Lorem ipsum dolor sit ncididunt ut labore',
|
||||
className: "fc-event-danger"
|
||||
},
|
||||
{
|
||||
id: 1000,
|
||||
title: 'Repeating Event',
|
||||
description: 'Lorem ipsum dolor sit amet, labore',
|
||||
start: YM + '-16T16:00:00'
|
||||
},
|
||||
{
|
||||
title: 'Conference',
|
||||
start: YESTERDAY,
|
||||
end: TOMORROW,
|
||||
description: 'Lorem ipsum dolor eius mod tempor labore',
|
||||
className: "fc-event-brand"
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T10:30:00',
|
||||
end: TODAY + 'T12:30:00',
|
||||
description: 'Lorem ipsum dolor eiu idunt ut labore'
|
||||
},
|
||||
{
|
||||
title: 'Lunch',
|
||||
start: TODAY + 'T12:00:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, ut labore'
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T14:30:00',
|
||||
className: "fc-event-warning",
|
||||
description: 'Lorem ipsum conse ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Happy Hour',
|
||||
start: TODAY + 'T17:30:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur'
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: TOMORROW + 'T05:00:00',
|
||||
className: "fc-event-solid-danger fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: TOMORROW + 'T07:00:00',
|
||||
className: "fc-event-primary",
|
||||
description: 'Lorem ipsum dolor sit amet, scing'
|
||||
},
|
||||
{
|
||||
title: 'Click for Google',
|
||||
url: 'http://google.com/',
|
||||
start: YM + '-28',
|
||||
className: "fc-event-solid-info fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit amet, labore'
|
||||
}
|
||||
],
|
||||
|
||||
drop: function(arg) {
|
||||
// is the "remove after drop" checkbox checked?
|
||||
if ($('#kt_calendar_external_events_remove').is(':checked')) {
|
||||
// if so, remove the element from the "Draggable Events" list
|
||||
$(arg.draggedEl).remove();
|
||||
}
|
||||
},
|
||||
|
||||
eventRender: function(info) {
|
||||
var element = $(info.el);
|
||||
|
||||
if (info.event.extendedProps && info.event.extendedProps.description) {
|
||||
if (element.hasClass('fc-day-grid-event')) {
|
||||
element.data('content', info.event.extendedProps.description);
|
||||
element.data('placement', 'top');
|
||||
KTApp.initPopover(element);
|
||||
} else if (element.hasClass('fc-time-grid-event')) {
|
||||
element.find('.fc-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
} else if (element.find('.fc-list-item-title').lenght !== 0) {
|
||||
element.find('.fc-list-item-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initExternalEvents();
|
||||
initCalendar();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTCalendarExternalEvents.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/calendar/external-events.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/calendar/external-events.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCalendarExternalEvents={init:function(){var e,t,i,n,r,a,o;$("#kt_calendar_external_events .fc-draggable-handle").each(function(){$(this).data("event",{title:$.trim($(this).text()),stick:!0,classNames:[$(this).data("color")],description:"Lorem ipsum dolor eius mod tempor labore"})}),e=moment().startOf("day"),t=e.format("YYYY-MM"),i=e.clone().subtract(1,"day").format("YYYY-MM-DD"),n=e.format("YYYY-MM-DD"),r=e.clone().add(1,"day").format("YYYY-MM-DD"),a=document.getElementById("kt_calendar"),o=document.getElementById("kt_calendar_external_events"),new(0,FullCalendarInteraction.Draggable)(o,{itemSelector:".fc-draggable-handle",eventData:function(e){return $(e).data("event")}}),new FullCalendar.Calendar(a,{plugins:["interaction","dayGrid","timeGrid","list"],isRTL:KTUtil.isRTL(),header:{left:"prev,next today",center:"title",right:"dayGridMonth,timeGridWeek,timeGridDay"},height:800,contentHeight:780,aspectRatio:3,nowIndicator:!0,now:n+"T09:25:00",views:{dayGridMonth:{buttonText:"month"},timeGridWeek:{buttonText:"week"},timeGridDay:{buttonText:"day"}},defaultView:"dayGridMonth",defaultDate:n,droppable:!0,editable:!0,eventLimit:!0,navLinks:!0,events:[{title:"All Day Event",start:t+"-01",description:"Toto lorem ipsum dolor sit incid idunt ut",className:"fc-event-danger fc-event-solid-warning"},{title:"Reporting",start:t+"-14T13:30:00",description:"Lorem ipsum dolor incid idunt ut labore",end:t+"-14",className:"fc-event-success"},{title:"Company Trip",start:t+"-02",description:"Lorem ipsum dolor sit tempor incid",end:t+"-03",className:"fc-event-primary"},{title:"ICT Expo 2017 - Product Release",start:t+"-03",description:"Lorem ipsum dolor sit tempor inci",end:t+"-05",className:"fc-event-light fc-event-solid-primary"},{title:"Dinner",start:t+"-12",description:"Lorem ipsum dolor sit amet, conse ctetur",end:t+"-10"},{id:999,title:"Repeating Event",start:t+"-09T16:00:00",description:"Lorem ipsum dolor sit ncididunt ut labore",className:"fc-event-danger"},{id:1e3,title:"Repeating Event",description:"Lorem ipsum dolor sit amet, labore",start:t+"-16T16:00:00"},{title:"Conference",start:i,end:r,description:"Lorem ipsum dolor eius mod tempor labore",className:"fc-event-brand"},{title:"Meeting",start:n+"T10:30:00",end:n+"T12:30:00",description:"Lorem ipsum dolor eiu idunt ut labore"},{title:"Lunch",start:n+"T12:00:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, ut labore"},{title:"Meeting",start:n+"T14:30:00",className:"fc-event-warning",description:"Lorem ipsum conse ctetur adipi scing"},{title:"Happy Hour",start:n+"T17:30:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, conse ctetur"},{title:"Dinner",start:r+"T05:00:00",className:"fc-event-solid-danger fc-event-light",description:"Lorem ipsum dolor sit ctetur adipi scing"},{title:"Birthday Party",start:r+"T07:00:00",className:"fc-event-primary",description:"Lorem ipsum dolor sit amet, scing"},{title:"Click for Google",url:"http://google.com/",start:t+"-28",className:"fc-event-solid-info fc-event-light",description:"Lorem ipsum dolor sit amet, labore"}],drop:function(e){$("#kt_calendar_external_events_remove").is(":checked")&&$(e.draggedEl).remove()},eventRender:function(e){var t=$(e.el);e.event.extendedProps&&e.event.extendedProps.description&&(t.hasClass("fc-day-grid-event")?(t.data("content",e.event.extendedProps.description),t.data("placement","top"),KTApp.initPopover(t)):t.hasClass("fc-time-grid-event")?t.find(".fc-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"):0!==t.find(".fc-list-item-title").lenght&&t.find(".fc-list-item-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"))}}).render()}};jQuery(document).ready(function(){KTCalendarExternalEvents.init()});
|
||||
87
public/assets/js/demo1/pages/components/calendar/google.js
Normal file
87
public/assets/js/demo1/pages/components/calendar/google.js
Normal file
@@ -0,0 +1,87 @@
|
||||
"use strict";
|
||||
|
||||
var KTCalendarGoogle = function() {
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
var calendarEl = document.getElementById('kt_calendar');
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list', 'googleCalendar' ],
|
||||
|
||||
isRTL: KTUtil.isRTL(),
|
||||
header: {
|
||||
left: 'prev,next today',
|
||||
center: 'title',
|
||||
right: 'dayGridMonth,timeGridWeek,timeGridDay'
|
||||
},
|
||||
|
||||
displayEventTime: false, // don't show the time column in list view
|
||||
|
||||
height: 800,
|
||||
contentHeight: 780,
|
||||
aspectRatio: 3, // see: https://fullcalendar.io/docs/aspectRatio
|
||||
|
||||
views: {
|
||||
dayGridMonth: { buttonText: 'month' },
|
||||
timeGridWeek: { buttonText: 'week' },
|
||||
timeGridDay: { buttonText: 'day' }
|
||||
},
|
||||
|
||||
defaultView: 'dayGridMonth',
|
||||
|
||||
editable: true,
|
||||
eventLimit: true, // allow "more" link when too many events
|
||||
navLinks: true,
|
||||
|
||||
// THIS KEY WON'T WORK IN PRODUCTION!!!
|
||||
// To make your own Google API key, follow the directions here:
|
||||
// http://fullcalendar.io/docs/google_calendar/
|
||||
googleCalendarApiKey: 'AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE',
|
||||
|
||||
// US Holidays
|
||||
events: 'en.usa#holiday@group.v.calendar.google.com',
|
||||
|
||||
eventClick: function(event) {
|
||||
// opens events in a popup window
|
||||
window.open(event.url, 'gcalevent', 'width=700,height=600');
|
||||
return false;
|
||||
},
|
||||
|
||||
loading: function(bool) {
|
||||
return;
|
||||
|
||||
/*
|
||||
KTApp.block(portlet.getSelf(), {
|
||||
type: 'loader',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
*/
|
||||
},
|
||||
|
||||
eventRender: function(info) {
|
||||
var element = $(info.el);
|
||||
|
||||
if (info.event.extendedProps && info.event.extendedProps.description) {
|
||||
if (element.hasClass('fc-day-grid-event')) {
|
||||
element.data('content', info.event.extendedProps.description);
|
||||
element.data('placement', 'top');
|
||||
KTApp.initPopover(element);
|
||||
} else if (element.hasClass('fc-time-grid-event')) {
|
||||
element.find('.fc-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
} else if (element.find('.fc-list-item-title').lenght !== 0) {
|
||||
element.find('.fc-list-item-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTCalendarGoogle.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/calendar/google.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/calendar/google.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCalendarGoogle={init:function(){var e=document.getElementById("kt_calendar");new FullCalendar.Calendar(e,{plugins:["interaction","dayGrid","timeGrid","list","googleCalendar"],isRTL:KTUtil.isRTL(),header:{left:"prev,next today",center:"title",right:"dayGridMonth,timeGridWeek,timeGridDay"},displayEventTime:!1,height:800,contentHeight:780,aspectRatio:3,views:{dayGridMonth:{buttonText:"month"},timeGridWeek:{buttonText:"week"},timeGridDay:{buttonText:"day"}},defaultView:"dayGridMonth",editable:!0,eventLimit:!0,navLinks:!0,googleCalendarApiKey:"AIzaSyDcnW6WejpTOCffshGDDb4neIrXVUA1EAE",events:"en.usa#holiday@group.v.calendar.google.com",eventClick:function(e){return window.open(e.url,"gcalevent","width=700,height=600"),!1},loading:function(e){},eventRender:function(e){var t=$(e.el);e.event.extendedProps&&e.event.extendedProps.description&&(t.hasClass("fc-day-grid-event")?(t.data("content",e.event.extendedProps.description),t.data("placement","top"),KTApp.initPopover(t)):t.hasClass("fc-time-grid-event")?t.find(".fc-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"):0!==t.find(".fc-list-item-title").lenght&&t.find(".fc-list-item-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"))}}).render()}};jQuery(document).ready(function(){KTCalendarGoogle.init()});
|
||||
166
public/assets/js/demo1/pages/components/calendar/list-view.js
Normal file
166
public/assets/js/demo1/pages/components/calendar/list-view.js
Normal file
@@ -0,0 +1,166 @@
|
||||
"use strict";
|
||||
|
||||
var KTCalendarListView = function() {
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
var todayDate = moment().startOf('day');
|
||||
var YM = todayDate.format('YYYY-MM');
|
||||
var YESTERDAY = todayDate.clone().subtract(1, 'day').format('YYYY-MM-DD');
|
||||
var TODAY = todayDate.format('YYYY-MM-DD');
|
||||
var TOMORROW = todayDate.clone().add(1, 'day').format('YYYY-MM-DD');
|
||||
|
||||
var calendarEl = document.getElementById('kt_calendar');
|
||||
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||||
plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
|
||||
|
||||
isRTL: KTUtil.isRTL(),
|
||||
header: {
|
||||
left: 'prev,next today',
|
||||
center: 'title',
|
||||
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
|
||||
},
|
||||
|
||||
height: 800,
|
||||
contentHeight: 750,
|
||||
aspectRatio: 3, // see: https://fullcalendar.io/docs/aspectRatio
|
||||
|
||||
views: {
|
||||
dayGridMonth: { buttonText: 'month' },
|
||||
timeGridWeek: { buttonText: 'week' },
|
||||
timeGridDay: { buttonText: 'day' },
|
||||
listDay: { buttonText: 'list' },
|
||||
listWeek: { buttonText: 'list' }
|
||||
},
|
||||
|
||||
defaultView: 'listWeek',
|
||||
defaultDate: TODAY,
|
||||
|
||||
editable: true,
|
||||
eventLimit: true, // allow "more" link when too many events
|
||||
navLinks: true,
|
||||
events: [
|
||||
{
|
||||
title: 'All Day Event',
|
||||
start: YM + '-01',
|
||||
description: 'Toto lorem ipsum dolor sit incid idunt ut',
|
||||
className: "fc-event-danger fc-event-solid-warning"
|
||||
},
|
||||
{
|
||||
title: 'Reporting',
|
||||
start: YM + '-14T13:30:00',
|
||||
description: 'Lorem ipsum dolor incid idunt ut labore',
|
||||
end: YM + '-14',
|
||||
className: "fc-event-success"
|
||||
},
|
||||
{
|
||||
title: 'Company Trip',
|
||||
start: YM + '-02',
|
||||
description: 'Lorem ipsum dolor sit tempor incid',
|
||||
end: YM + '-03',
|
||||
className: "fc-event-primary"
|
||||
},
|
||||
{
|
||||
title: 'ICT Expo 2017 - Product Release',
|
||||
start: YM + '-03',
|
||||
description: 'Lorem ipsum dolor sit tempor inci',
|
||||
end: YM + '-05',
|
||||
className: "fc-event-light fc-event-solid-primary"
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: YM + '-12',
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur',
|
||||
end: YM + '-10'
|
||||
},
|
||||
{
|
||||
id: 999,
|
||||
title: 'Repeating Event',
|
||||
start: YM + '-09T16:00:00',
|
||||
description: 'Lorem ipsum dolor sit ncididunt ut labore',
|
||||
className: "fc-event-danger"
|
||||
},
|
||||
{
|
||||
id: 1000,
|
||||
title: 'Repeating Event',
|
||||
description: 'Lorem ipsum dolor sit amet, labore',
|
||||
start: YM + '-16T16:00:00'
|
||||
},
|
||||
{
|
||||
title: 'Conference',
|
||||
start: YESTERDAY,
|
||||
end: TOMORROW,
|
||||
description: 'Lorem ipsum dolor eius mod tempor labore',
|
||||
className: "fc-event-brand"
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T10:30:00',
|
||||
end: TODAY + 'T12:30:00',
|
||||
description: 'Lorem ipsum dolor eiu idunt ut labore'
|
||||
},
|
||||
{
|
||||
title: 'Lunch',
|
||||
start: TODAY + 'T12:00:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, ut labore'
|
||||
},
|
||||
{
|
||||
title: 'Meeting',
|
||||
start: TODAY + 'T14:30:00',
|
||||
className: "fc-event-warning",
|
||||
description: 'Lorem ipsum conse ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Happy Hour',
|
||||
start: TODAY + 'T17:30:00',
|
||||
className: "fc-event-info",
|
||||
description: 'Lorem ipsum dolor sit amet, conse ctetur'
|
||||
},
|
||||
{
|
||||
title: 'Dinner',
|
||||
start: TOMORROW + 'T05:00:00',
|
||||
className: "fc-event-solid-danger fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit ctetur adipi scing'
|
||||
},
|
||||
{
|
||||
title: 'Birthday Party',
|
||||
start: TOMORROW + 'T07:00:00',
|
||||
className: "fc-event-primary",
|
||||
description: 'Lorem ipsum dolor sit amet, scing'
|
||||
},
|
||||
{
|
||||
title: 'Click for Google',
|
||||
url: 'http://google.com/',
|
||||
start: YM + '-28',
|
||||
className: "fc-event-solid-info fc-event-light",
|
||||
description: 'Lorem ipsum dolor sit amet, labore'
|
||||
}
|
||||
],
|
||||
|
||||
eventRender: function(info) {
|
||||
var element = $(info.el);
|
||||
|
||||
if (info.event.extendedProps && info.event.extendedProps.description) {
|
||||
if (element.hasClass('fc-day-grid-event')) {
|
||||
element.data('content', info.event.extendedProps.description);
|
||||
element.data('placement', 'top');
|
||||
KTApp.initPopover(element);
|
||||
} else if (element.hasClass('fc-time-grid-event')) {
|
||||
element.find('.fc-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
} else if (element.find('.fc-list-item-title').lenght !== 0) {
|
||||
element.find('.fc-list-item-title').append('<div class="fc-description">' + info.event.extendedProps.description + '</div>');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
calendar.render();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTCalendarListView.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/calendar/list-view.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/calendar/list-view.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTCalendarListView={init:function(){var e=moment().startOf("day"),t=e.format("YYYY-MM"),i=e.clone().subtract(1,"day").format("YYYY-MM-DD"),n=e.format("YYYY-MM-DD"),r=e.clone().add(1,"day").format("YYYY-MM-DD"),s=document.getElementById("kt_calendar");new FullCalendar.Calendar(s,{plugins:["interaction","dayGrid","timeGrid","list"],isRTL:KTUtil.isRTL(),header:{left:"prev,next today",center:"title",right:"dayGridMonth,timeGridWeek,timeGridDay,listWeek"},height:800,contentHeight:750,aspectRatio:3,views:{dayGridMonth:{buttonText:"month"},timeGridWeek:{buttonText:"week"},timeGridDay:{buttonText:"day"},listDay:{buttonText:"list"},listWeek:{buttonText:"list"}},defaultView:"listWeek",defaultDate:n,editable:!0,eventLimit:!0,navLinks:!0,events:[{title:"All Day Event",start:t+"-01",description:"Toto lorem ipsum dolor sit incid idunt ut",className:"fc-event-danger fc-event-solid-warning"},{title:"Reporting",start:t+"-14T13:30:00",description:"Lorem ipsum dolor incid idunt ut labore",end:t+"-14",className:"fc-event-success"},{title:"Company Trip",start:t+"-02",description:"Lorem ipsum dolor sit tempor incid",end:t+"-03",className:"fc-event-primary"},{title:"ICT Expo 2017 - Product Release",start:t+"-03",description:"Lorem ipsum dolor sit tempor inci",end:t+"-05",className:"fc-event-light fc-event-solid-primary"},{title:"Dinner",start:t+"-12",description:"Lorem ipsum dolor sit amet, conse ctetur",end:t+"-10"},{id:999,title:"Repeating Event",start:t+"-09T16:00:00",description:"Lorem ipsum dolor sit ncididunt ut labore",className:"fc-event-danger"},{id:1e3,title:"Repeating Event",description:"Lorem ipsum dolor sit amet, labore",start:t+"-16T16:00:00"},{title:"Conference",start:i,end:r,description:"Lorem ipsum dolor eius mod tempor labore",className:"fc-event-brand"},{title:"Meeting",start:n+"T10:30:00",end:n+"T12:30:00",description:"Lorem ipsum dolor eiu idunt ut labore"},{title:"Lunch",start:n+"T12:00:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, ut labore"},{title:"Meeting",start:n+"T14:30:00",className:"fc-event-warning",description:"Lorem ipsum conse ctetur adipi scing"},{title:"Happy Hour",start:n+"T17:30:00",className:"fc-event-info",description:"Lorem ipsum dolor sit amet, conse ctetur"},{title:"Dinner",start:r+"T05:00:00",className:"fc-event-solid-danger fc-event-light",description:"Lorem ipsum dolor sit ctetur adipi scing"},{title:"Birthday Party",start:r+"T07:00:00",className:"fc-event-primary",description:"Lorem ipsum dolor sit amet, scing"},{title:"Click for Google",url:"http://google.com/",start:t+"-28",className:"fc-event-solid-info fc-event-light",description:"Lorem ipsum dolor sit amet, labore"}],eventRender:function(e){var t=$(e.el);e.event.extendedProps&&e.event.extendedProps.description&&(t.hasClass("fc-day-grid-event")?(t.data("content",e.event.extendedProps.description),t.data("placement","top"),KTApp.initPopover(t)):t.hasClass("fc-time-grid-event")?t.find(".fc-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"):0!==t.find(".fc-list-item-title").lenght&&t.find(".fc-list-item-title").append('<div class="fc-description">'+e.event.extendedProps.description+"</div>"))}}).render()}};jQuery(document).ready(function(){KTCalendarListView.init()});
|
||||
2392
public/assets/js/demo1/pages/components/charts/amcharts/charts.js
Normal file
2392
public/assets/js/demo1/pages/components/charts/amcharts/charts.js
Normal file
File diff suppressed because it is too large
Load Diff
1
public/assets/js/demo1/pages/components/charts/amcharts/charts.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/charts/amcharts/charts.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1024
public/assets/js/demo1/pages/components/charts/amcharts/maps.js
Normal file
1024
public/assets/js/demo1/pages/components/charts/amcharts/maps.js
Normal file
File diff suppressed because it is too large
Load Diff
1
public/assets/js/demo1/pages/components/charts/amcharts/maps.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/charts/amcharts/maps.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,784 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTamChartsStockChartsDemo = function() {
|
||||
|
||||
// Private functions
|
||||
var demo1 = function() {
|
||||
var chartData1 = [];
|
||||
var chartData2 = [];
|
||||
var chartData3 = [];
|
||||
var chartData4 = [];
|
||||
|
||||
generateChartData();
|
||||
|
||||
function generateChartData() {
|
||||
var firstDate = new Date();
|
||||
firstDate.setDate(firstDate.getDate() - 500);
|
||||
firstDate.setHours(0, 0, 0, 0);
|
||||
|
||||
for (var i = 0; i < 500; i++) {
|
||||
var newDate = new Date(firstDate);
|
||||
newDate.setDate(newDate.getDate() + i);
|
||||
|
||||
var a1 = Math.round(Math.random() * (40 + i)) + 100 + i;
|
||||
var b1 = Math.round(Math.random() * (1000 + i)) + 500 + i * 2;
|
||||
|
||||
var a2 = Math.round(Math.random() * (100 + i)) + 200 + i;
|
||||
var b2 = Math.round(Math.random() * (1000 + i)) + 600 + i * 2;
|
||||
|
||||
var a3 = Math.round(Math.random() * (100 + i)) + 200;
|
||||
var b3 = Math.round(Math.random() * (1000 + i)) + 600 + i * 2;
|
||||
|
||||
var a4 = Math.round(Math.random() * (100 + i)) + 200 + i;
|
||||
var b4 = Math.round(Math.random() * (100 + i)) + 600 + i;
|
||||
|
||||
chartData1.push({
|
||||
"date": newDate,
|
||||
"value": a1,
|
||||
"volume": b1
|
||||
});
|
||||
chartData2.push({
|
||||
"date": newDate,
|
||||
"value": a2,
|
||||
"volume": b2
|
||||
});
|
||||
chartData3.push({
|
||||
"date": newDate,
|
||||
"value": a3,
|
||||
"volume": b3
|
||||
});
|
||||
chartData4.push({
|
||||
"date": newDate,
|
||||
"value": a4,
|
||||
"volume": b4
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var chart = AmCharts.makeChart("kt_amcharts_1", {
|
||||
"rtl": KTUtil.isRTL(),
|
||||
"type": "stock",
|
||||
"theme": "light",
|
||||
"dataSets": [{
|
||||
"title": "first data set",
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}, {
|
||||
"fromField": "volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"dataProvider": chartData1,
|
||||
"categoryField": "date"
|
||||
}, {
|
||||
"title": "second data set",
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}, {
|
||||
"fromField": "volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"dataProvider": chartData2,
|
||||
"categoryField": "date"
|
||||
}, {
|
||||
"title": "third data set",
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}, {
|
||||
"fromField": "volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"dataProvider": chartData3,
|
||||
"categoryField": "date"
|
||||
}, {
|
||||
"title": "fourth data set",
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}, {
|
||||
"fromField": "volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"dataProvider": chartData4,
|
||||
"categoryField": "date"
|
||||
}],
|
||||
|
||||
"panels": [{
|
||||
"showCategoryAxis": false,
|
||||
"title": "Value",
|
||||
"percentHeight": 70,
|
||||
"stockGraphs": [{
|
||||
"id": "g1",
|
||||
"valueField": "value",
|
||||
"comparable": true,
|
||||
"compareField": "value",
|
||||
"balloonText": "[[title]]:<b>[[value]]</b>",
|
||||
"compareGraphBalloonText": "[[title]]:<b>[[value]]</b>"
|
||||
}],
|
||||
"stockLegend": {
|
||||
"periodValueTextComparing": "[[percents.value.close]]%",
|
||||
"periodValueTextRegular": "[[value.close]]"
|
||||
}
|
||||
}, {
|
||||
"title": "Volume",
|
||||
"percentHeight": 30,
|
||||
"stockGraphs": [{
|
||||
"valueField": "volume",
|
||||
"type": "column",
|
||||
"showBalloon": false,
|
||||
"fillAlphas": 1
|
||||
}],
|
||||
"stockLegend": {
|
||||
"periodValueTextRegular": "[[value.close]]"
|
||||
}
|
||||
}],
|
||||
|
||||
"chartScrollbarSettings": {
|
||||
"graph": "g1"
|
||||
},
|
||||
|
||||
"chartCursorSettings": {
|
||||
"valueBalloonsEnabled": true,
|
||||
"fullWidth": true,
|
||||
"cursorAlpha": 0.1,
|
||||
"valueLineBalloonEnabled": true,
|
||||
"valueLineEnabled": true,
|
||||
"valueLineAlpha": 0.5
|
||||
},
|
||||
|
||||
"periodSelector": {
|
||||
"position": "left",
|
||||
"periods": [{
|
||||
"period": "MM",
|
||||
"selected": true,
|
||||
"count": 1,
|
||||
"label": "1 month"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 1,
|
||||
"label": "1 year"
|
||||
}, {
|
||||
"period": "YTD",
|
||||
"label": "YTD"
|
||||
}, {
|
||||
"period": "MAX",
|
||||
"label": "MAX"
|
||||
}]
|
||||
},
|
||||
|
||||
"dataSetSelector": {
|
||||
"position": "left"
|
||||
},
|
||||
|
||||
"export": {
|
||||
"enabled": true
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
var chartData = [];
|
||||
generateChartData();
|
||||
|
||||
function generateChartData() {
|
||||
var firstDate = new Date(2012, 0, 1);
|
||||
firstDate.setDate(firstDate.getDate() - 500);
|
||||
firstDate.setHours(0, 0, 0, 0);
|
||||
|
||||
for (var i = 0; i < 500; i++) {
|
||||
var newDate = new Date(firstDate);
|
||||
newDate.setDate(newDate.getDate() + i);
|
||||
|
||||
var a = Math.round(Math.random() * (40 + i)) + 100 + i;
|
||||
var b = Math.round(Math.random() * 100000000);
|
||||
|
||||
chartData.push({
|
||||
"date": newDate,
|
||||
"value": a,
|
||||
"volume": b
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var chart = AmCharts.makeChart("kt_amcharts_2", {
|
||||
"type": "stock",
|
||||
"theme": "light",
|
||||
"dataSets": [{
|
||||
"color": "#b0de09",
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}, {
|
||||
"fromField": "volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
"dataProvider": chartData,
|
||||
"categoryField": "date",
|
||||
// EVENTS
|
||||
"stockEvents": [{
|
||||
"date": new Date(2010, 8, 19),
|
||||
"type": "sign",
|
||||
"backgroundColor": "#85CDE6",
|
||||
"graph": "g1",
|
||||
"text": "S",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2010, 10, 19),
|
||||
"type": "flag",
|
||||
"backgroundColor": "#FFFFFF",
|
||||
"backgroundAlpha": 0.5,
|
||||
"graph": "g1",
|
||||
"text": "F",
|
||||
"description": "Some longer\ntext can also\n be added"
|
||||
}, {
|
||||
"date": new Date(2010, 11, 10),
|
||||
"showOnAxis": true,
|
||||
"backgroundColor": "#85CDE6",
|
||||
"type": "pin",
|
||||
"text": "X",
|
||||
"graph": "g1",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2010, 11, 26),
|
||||
"showOnAxis": true,
|
||||
"backgroundColor": "#85CDE6",
|
||||
"type": "pin",
|
||||
"text": "Z",
|
||||
"graph": "g1",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2011, 0, 3),
|
||||
"type": "sign",
|
||||
"backgroundColor": "#85CDE6",
|
||||
"graph": "g1",
|
||||
"text": "U",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2011, 1, 6),
|
||||
"type": "sign",
|
||||
"graph": "g1",
|
||||
"text": "D",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2011, 3, 5),
|
||||
"type": "sign",
|
||||
"graph": "g1",
|
||||
"text": "L",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2011, 3, 5),
|
||||
"type": "sign",
|
||||
"graph": "g1",
|
||||
"text": "R",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2011, 5, 15),
|
||||
"type": "arrowUp",
|
||||
"backgroundColor": "#00CC00",
|
||||
"graph": "g1",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2011, 6, 25),
|
||||
"type": "arrowDown",
|
||||
"backgroundColor": "#CC0000",
|
||||
"graph": "g1",
|
||||
"description": "This is description of an event"
|
||||
}, {
|
||||
"date": new Date(2011, 8, 1),
|
||||
"type": "text",
|
||||
"graph": "g1",
|
||||
"text": "Longer text can\nalso be displayed",
|
||||
"description": "This is description of an event"
|
||||
}]
|
||||
}],
|
||||
|
||||
|
||||
"panels": [{
|
||||
"title": "Value",
|
||||
"stockGraphs": [{
|
||||
"id": "g1",
|
||||
"valueField": "value"
|
||||
}],
|
||||
"stockLegend": {
|
||||
"valueTextRegular": " ",
|
||||
"markerType": "none"
|
||||
}
|
||||
}],
|
||||
|
||||
"chartScrollbarSettings": {
|
||||
"graph": "g1"
|
||||
},
|
||||
|
||||
"chartCursorSettings": {
|
||||
"valueBalloonsEnabled": true,
|
||||
"graphBulletSize": 1,
|
||||
"valueLineBalloonEnabled": true,
|
||||
"valueLineEnabled": true,
|
||||
"valueLineAlpha": 0.5
|
||||
},
|
||||
|
||||
"periodSelector": {
|
||||
"periods": [{
|
||||
"period": "DD",
|
||||
"count": 10,
|
||||
"label": "10 days"
|
||||
}, {
|
||||
"period": "MM",
|
||||
"count": 1,
|
||||
"label": "1 month"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 1,
|
||||
"label": "1 year"
|
||||
}, {
|
||||
"period": "YTD",
|
||||
"label": "YTD"
|
||||
}, {
|
||||
"period": "MAX",
|
||||
"label": "MAX"
|
||||
}]
|
||||
},
|
||||
|
||||
"panelsSettings": {
|
||||
"usePrefixes": true
|
||||
},
|
||||
"export": {
|
||||
"enabled": true
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo3 = function() {
|
||||
var chartData = generateChartData();
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
var firstDate = new Date(2012, 0, 1);
|
||||
firstDate.setDate(firstDate.getDate() - 500);
|
||||
firstDate.setHours(0, 0, 0, 0);
|
||||
|
||||
for (var i = 0; i < 500; i++) {
|
||||
var newDate = new Date(firstDate);
|
||||
newDate.setDate(newDate.getDate() + i);
|
||||
|
||||
var value = Math.round(Math.random() * (40 + i)) + 100 + i;
|
||||
|
||||
chartData.push({
|
||||
"date": newDate,
|
||||
"value": value
|
||||
});
|
||||
}
|
||||
return chartData;
|
||||
}
|
||||
|
||||
|
||||
var chart = AmCharts.makeChart("kt_amcharts_3", {
|
||||
"type": "stock",
|
||||
"theme": "light",
|
||||
"dataSets": [{
|
||||
"color": "#b0de09",
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}],
|
||||
"dataProvider": chartData,
|
||||
"categoryField": "date"
|
||||
}],
|
||||
|
||||
"panels": [{
|
||||
"showCategoryAxis": true,
|
||||
"title": "Value",
|
||||
"eraseAll": false,
|
||||
"allLabels": [{
|
||||
"x": 0,
|
||||
"y": 115,
|
||||
"text": "Click on the pencil icon on top-right to start drawing",
|
||||
"align": "center",
|
||||
"size": 16
|
||||
}],
|
||||
|
||||
"stockGraphs": [{
|
||||
"id": "g1",
|
||||
"valueField": "value",
|
||||
"useDataSetColors": false
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"valueTextRegular": " ",
|
||||
"markerType": "none"
|
||||
},
|
||||
|
||||
"drawingIconsEnabled": true
|
||||
}],
|
||||
|
||||
"chartScrollbarSettings": {
|
||||
"graph": "g1"
|
||||
},
|
||||
"chartCursorSettings": {
|
||||
"valueBalloonsEnabled": true
|
||||
},
|
||||
"periodSelector": {
|
||||
"position": "bottom",
|
||||
"periods": [{
|
||||
"period": "DD",
|
||||
"count": 10,
|
||||
"label": "10 days"
|
||||
}, {
|
||||
"period": "MM",
|
||||
"count": 1,
|
||||
"label": "1 month"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 1,
|
||||
"label": "1 year"
|
||||
}, {
|
||||
"period": "YTD",
|
||||
"label": "YTD"
|
||||
}, {
|
||||
"period": "MAX",
|
||||
"label": "MAX"
|
||||
}]
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo4 = function() {
|
||||
var chartData = generateChartData();
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
var firstDate = new Date(2012, 0, 1);
|
||||
firstDate.setDate(firstDate.getDate() - 1000);
|
||||
firstDate.setHours(0, 0, 0, 0);
|
||||
|
||||
for (var i = 0; i < 1000; i++) {
|
||||
var newDate = new Date(firstDate);
|
||||
newDate.setHours(0, i, 0, 0);
|
||||
|
||||
var a = Math.round(Math.random() * (40 + i)) + 100 + i;
|
||||
var b = Math.round(Math.random() * 100000000);
|
||||
|
||||
chartData.push({
|
||||
"date": newDate,
|
||||
"value": a,
|
||||
"volume": b
|
||||
});
|
||||
}
|
||||
return chartData;
|
||||
}
|
||||
|
||||
var chart = AmCharts.makeChart("kt_amcharts_4", {
|
||||
"type": "stock",
|
||||
"theme": "light",
|
||||
"categoryAxesSettings": {
|
||||
"minPeriod": "mm"
|
||||
},
|
||||
|
||||
"dataSets": [{
|
||||
"color": "#b0de09",
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}, {
|
||||
"fromField": "volume",
|
||||
"toField": "volume"
|
||||
}],
|
||||
|
||||
"dataProvider": chartData,
|
||||
"categoryField": "date"
|
||||
}],
|
||||
|
||||
"panels": [{
|
||||
"showCategoryAxis": false,
|
||||
"title": "Value",
|
||||
"percentHeight": 70,
|
||||
|
||||
"stockGraphs": [{
|
||||
"id": "g1",
|
||||
"valueField": "value",
|
||||
"type": "smoothedLine",
|
||||
"lineThickness": 2,
|
||||
"bullet": "round"
|
||||
}],
|
||||
|
||||
|
||||
"stockLegend": {
|
||||
"valueTextRegular": " ",
|
||||
"markerType": "none"
|
||||
}
|
||||
}, {
|
||||
"title": "Volume",
|
||||
"percentHeight": 30,
|
||||
"stockGraphs": [{
|
||||
"valueField": "volume",
|
||||
"type": "column",
|
||||
"cornerRadiusTop": 2,
|
||||
"fillAlphas": 1
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"valueTextRegular": " ",
|
||||
"markerType": "none"
|
||||
}
|
||||
}],
|
||||
|
||||
"chartScrollbarSettings": {
|
||||
"graph": "g1",
|
||||
"usePeriod": "10mm",
|
||||
"position": "top"
|
||||
},
|
||||
|
||||
"chartCursorSettings": {
|
||||
"valueBalloonsEnabled": true
|
||||
},
|
||||
|
||||
"periodSelector": {
|
||||
"position": "top",
|
||||
"dateFormat": "YYYY-MM-DD JJ:NN",
|
||||
"inputFieldWidth": 150,
|
||||
"periods": [{
|
||||
"period": "hh",
|
||||
"count": 1,
|
||||
"label": "1 hour",
|
||||
"selected": true
|
||||
}, {
|
||||
"period": "hh",
|
||||
"count": 2,
|
||||
"label": "2 hours"
|
||||
}, {
|
||||
"period": "hh",
|
||||
"count": 5,
|
||||
"label": "5 hour"
|
||||
}, {
|
||||
"period": "hh",
|
||||
"count": 12,
|
||||
"label": "12 hours"
|
||||
}, {
|
||||
"period": "MAX",
|
||||
"label": "MAX"
|
||||
}]
|
||||
},
|
||||
|
||||
"panelsSettings": {
|
||||
"usePrefixes": true
|
||||
},
|
||||
|
||||
"export": {
|
||||
"enabled": true,
|
||||
"position": "bottom-right"
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo5 = function() {
|
||||
var chartData = [];
|
||||
generateChartData();
|
||||
|
||||
|
||||
function generateChartData() {
|
||||
var firstDate = new Date();
|
||||
firstDate.setHours(0, 0, 0, 0);
|
||||
firstDate.setDate(firstDate.getDate() - 2000);
|
||||
|
||||
for (var i = 0; i < 2000; i++) {
|
||||
var newDate = new Date(firstDate);
|
||||
|
||||
newDate.setDate(newDate.getDate() + i);
|
||||
|
||||
var open = Math.round(Math.random() * (30) + 100);
|
||||
var close = open + Math.round(Math.random() * (15) - Math.random() * 10);
|
||||
|
||||
var low;
|
||||
if (open < close) {
|
||||
low = open - Math.round(Math.random() * 5);
|
||||
} else {
|
||||
low = close - Math.round(Math.random() * 5);
|
||||
}
|
||||
|
||||
var high;
|
||||
if (open < close) {
|
||||
high = close + Math.round(Math.random() * 5);
|
||||
} else {
|
||||
high = open + Math.round(Math.random() * 5);
|
||||
}
|
||||
|
||||
var volume = Math.round(Math.random() * (1000 + i)) + 100 + i;
|
||||
var value = Math.round(Math.random() * (30) + 100);
|
||||
|
||||
chartData[i] = ({
|
||||
"date": newDate,
|
||||
"open": open,
|
||||
"close": close,
|
||||
"high": high,
|
||||
"low": low,
|
||||
"volume": volume,
|
||||
"value": value
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
var chart = AmCharts.makeChart("kt_amcharts_5", {
|
||||
"type": "stock",
|
||||
"theme": "light",
|
||||
"dataSets": [{
|
||||
"fieldMappings": [{
|
||||
"fromField": "open",
|
||||
"toField": "open"
|
||||
}, {
|
||||
"fromField": "close",
|
||||
"toField": "close"
|
||||
}, {
|
||||
"fromField": "high",
|
||||
"toField": "high"
|
||||
}, {
|
||||
"fromField": "low",
|
||||
"toField": "low"
|
||||
}, {
|
||||
"fromField": "volume",
|
||||
"toField": "volume"
|
||||
}, {
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}],
|
||||
"color": "#7f8da9",
|
||||
"dataProvider": chartData,
|
||||
"title": "West Stock",
|
||||
"categoryField": "date"
|
||||
}, {
|
||||
"fieldMappings": [{
|
||||
"fromField": "value",
|
||||
"toField": "value"
|
||||
}],
|
||||
"color": "#fac314",
|
||||
"dataProvider": chartData,
|
||||
"compared": true,
|
||||
"title": "East Stock",
|
||||
"categoryField": "date"
|
||||
}],
|
||||
|
||||
|
||||
"panels": [{
|
||||
"title": "Value",
|
||||
"showCategoryAxis": false,
|
||||
"percentHeight": 70,
|
||||
"valueAxes": [{
|
||||
"id": "v1",
|
||||
"dashLength": 5
|
||||
}],
|
||||
|
||||
"categoryAxis": {
|
||||
"dashLength": 5
|
||||
},
|
||||
|
||||
"stockGraphs": [{
|
||||
"type": "candlestick",
|
||||
"id": "g1",
|
||||
"openField": "open",
|
||||
"closeField": "close",
|
||||
"highField": "high",
|
||||
"lowField": "low",
|
||||
"valueField": "close",
|
||||
"lineColor": "#7f8da9",
|
||||
"fillColors": "#7f8da9",
|
||||
"negativeLineColor": "#db4c3c",
|
||||
"negativeFillColors": "#db4c3c",
|
||||
"fillAlphas": 1,
|
||||
"useDataSetColors": false,
|
||||
"comparable": true,
|
||||
"compareField": "value",
|
||||
"showBalloon": false,
|
||||
"proCandlesticks": true
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"valueTextRegular": undefined,
|
||||
"periodValueTextComparing": "[[percents.value.close]]%"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"title": "Volume",
|
||||
"percentHeight": 30,
|
||||
"marginTop": 1,
|
||||
"showCategoryAxis": true,
|
||||
"valueAxes": [{
|
||||
"dashLength": 5
|
||||
}],
|
||||
|
||||
"categoryAxis": {
|
||||
"dashLength": 5
|
||||
},
|
||||
|
||||
"stockGraphs": [{
|
||||
"valueField": "volume",
|
||||
"type": "column",
|
||||
"showBalloon": false,
|
||||
"fillAlphas": 1
|
||||
}],
|
||||
|
||||
"stockLegend": {
|
||||
"markerType": "none",
|
||||
"markerSize": 0,
|
||||
"labelText": "",
|
||||
"periodValueTextRegular": "[[value.close]]"
|
||||
}
|
||||
}
|
||||
],
|
||||
|
||||
"chartScrollbarSettings": {
|
||||
"graph": "g1",
|
||||
"graphType": "line",
|
||||
"usePeriod": "WW"
|
||||
},
|
||||
|
||||
"chartCursorSettings": {
|
||||
"valueLineBalloonEnabled": true,
|
||||
"valueLineEnabled": true
|
||||
},
|
||||
|
||||
"periodSelector": {
|
||||
"position": "bottom",
|
||||
"periods": [{
|
||||
"period": "DD",
|
||||
"count": 10,
|
||||
"label": "10 days"
|
||||
}, {
|
||||
"period": "MM",
|
||||
"selected": true,
|
||||
"count": 1,
|
||||
"label": "1 month"
|
||||
}, {
|
||||
"period": "YYYY",
|
||||
"count": 1,
|
||||
"label": "1 year"
|
||||
}, {
|
||||
"period": "YTD",
|
||||
"label": "YTD"
|
||||
}, {
|
||||
"period": "MAX",
|
||||
"label": "MAX"
|
||||
}]
|
||||
},
|
||||
"export": {
|
||||
"enabled": true
|
||||
}
|
||||
});
|
||||
}
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
demo5();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTamChartsStockChartsDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/charts/amcharts/stock-charts.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/charts/amcharts/stock-charts.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
718
public/assets/js/demo1/pages/components/charts/flotcharts.js
Normal file
718
public/assets/js/demo1/pages/components/charts/flotcharts.js
Normal file
@@ -0,0 +1,718 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTFlotchartsDemo = function() {
|
||||
|
||||
// Private functions
|
||||
|
||||
var demo1 = function() {
|
||||
var data = [];
|
||||
var totalPoints = 250;
|
||||
|
||||
// random data generator for plot charts
|
||||
|
||||
function getRandomData() {
|
||||
if (data.length > 0) data = data.slice(1);
|
||||
// do a random walk
|
||||
while (data.length < totalPoints) {
|
||||
var prev = data.length > 0 ? data[data.length - 1] : 50;
|
||||
var y = prev + Math.random() * 10 - 5;
|
||||
if (y < 0) y = 0;
|
||||
if (y > 100) y = 100;
|
||||
data.push(y);
|
||||
}
|
||||
// zip the generated y values with the x values
|
||||
var res = [];
|
||||
for (var i = 0; i < data.length; ++i) {
|
||||
res.push([i, data[i]]);
|
||||
}
|
||||
|
||||
return res;
|
||||
}
|
||||
|
||||
var d1 = [];
|
||||
for (var i = 0; i < Math.PI * 2; i += 0.25)
|
||||
d1.push([i, Math.sin(i)]);
|
||||
|
||||
var d2 = [];
|
||||
for (var i = 0; i < Math.PI * 2; i += 0.25)
|
||||
d2.push([i, Math.cos(i)]);
|
||||
|
||||
var d3 = [];
|
||||
for (var i = 0; i < Math.PI * 2; i += 0.1)
|
||||
d3.push([i, Math.tan(i)]);
|
||||
|
||||
$.plot($("#kt_flotcharts_1"), [{
|
||||
label: "sin(x)",
|
||||
data: d1,
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}, {
|
||||
label: "cos(x)",
|
||||
data: d2,
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}, {
|
||||
label: "tan(x)",
|
||||
data: d3,
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}], {
|
||||
colors: [KTApp.getStateColor("success"), KTApp.getStateColor("brand"), KTApp.getStateColor("danger")],
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
},
|
||||
points: {
|
||||
show: true,
|
||||
fill: true,
|
||||
radius: 3,
|
||||
lineWidth: 1
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
tickColor: "#eee",
|
||||
ticks: [0, [Math.PI / 2, "\u03c0/2"],
|
||||
[Math.PI, "\u03c0"],
|
||||
[Math.PI * 3 / 2, "3\u03c0/2"],
|
||||
[Math.PI * 2, "2\u03c0"]
|
||||
]
|
||||
},
|
||||
yaxis: {
|
||||
tickColor: "#eee",
|
||||
ticks: 10,
|
||||
min: -2,
|
||||
max: 2
|
||||
},
|
||||
grid: {
|
||||
borderColor: "#eee",
|
||||
borderWidth: 1
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
function randValue() {
|
||||
return (Math.floor(Math.random() * (1 + 40 - 20))) + 20;
|
||||
}
|
||||
var pageviews = [
|
||||
[1, randValue()],
|
||||
[2, randValue()],
|
||||
[3, 2 + randValue()],
|
||||
[4, 3 + randValue()],
|
||||
[5, 5 + randValue()],
|
||||
[6, 10 + randValue()],
|
||||
[7, 15 + randValue()],
|
||||
[8, 20 + randValue()],
|
||||
[9, 25 + randValue()],
|
||||
[10, 30 + randValue()],
|
||||
[11, 35 + randValue()],
|
||||
[12, 25 + randValue()],
|
||||
[13, 15 + randValue()],
|
||||
[14, 20 + randValue()],
|
||||
[15, 45 + randValue()],
|
||||
[16, 50 + randValue()],
|
||||
[17, 65 + randValue()],
|
||||
[18, 70 + randValue()],
|
||||
[19, 85 + randValue()],
|
||||
[20, 80 + randValue()],
|
||||
[21, 75 + randValue()],
|
||||
[22, 80 + randValue()],
|
||||
[23, 75 + randValue()],
|
||||
[24, 70 + randValue()],
|
||||
[25, 65 + randValue()],
|
||||
[26, 75 + randValue()],
|
||||
[27, 80 + randValue()],
|
||||
[28, 85 + randValue()],
|
||||
[29, 90 + randValue()],
|
||||
[30, 95 + randValue()]
|
||||
];
|
||||
var visitors = [
|
||||
[1, randValue() - 5],
|
||||
[2, randValue() - 5],
|
||||
[3, randValue() - 5],
|
||||
[4, 6 + randValue()],
|
||||
[5, 5 + randValue()],
|
||||
[6, 20 + randValue()],
|
||||
[7, 25 + randValue()],
|
||||
[8, 36 + randValue()],
|
||||
[9, 26 + randValue()],
|
||||
[10, 38 + randValue()],
|
||||
[11, 39 + randValue()],
|
||||
[12, 50 + randValue()],
|
||||
[13, 51 + randValue()],
|
||||
[14, 12 + randValue()],
|
||||
[15, 13 + randValue()],
|
||||
[16, 14 + randValue()],
|
||||
[17, 15 + randValue()],
|
||||
[18, 15 + randValue()],
|
||||
[19, 16 + randValue()],
|
||||
[20, 17 + randValue()],
|
||||
[21, 18 + randValue()],
|
||||
[22, 19 + randValue()],
|
||||
[23, 20 + randValue()],
|
||||
[24, 21 + randValue()],
|
||||
[25, 14 + randValue()],
|
||||
[26, 24 + randValue()],
|
||||
[27, 25 + randValue()],
|
||||
[28, 26 + randValue()],
|
||||
[29, 27 + randValue()],
|
||||
[30, 31 + randValue()]
|
||||
];
|
||||
|
||||
var plot = $.plot($("#kt_flotcharts_2"), [{
|
||||
data: pageviews,
|
||||
label: "Unique Visits",
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
|
||||
}, {
|
||||
data: visitors,
|
||||
label: "Page Views",
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}], {
|
||||
series: {
|
||||
lines: {
|
||||
show: true,
|
||||
lineWidth: 2,
|
||||
fill: true,
|
||||
fillColor: {
|
||||
colors: [{
|
||||
opacity: 0.05
|
||||
}, {
|
||||
opacity: 0.01
|
||||
}]
|
||||
}
|
||||
},
|
||||
points: {
|
||||
show: true,
|
||||
radius: 3,
|
||||
lineWidth: 1
|
||||
},
|
||||
shadowSize: 2
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
clickable: true,
|
||||
tickColor: "#eee",
|
||||
borderColor: "#eee",
|
||||
borderWidth: 1
|
||||
},
|
||||
colors: [KTApp.getStateColor("brand"), KTApp.getStateColor("danger")],
|
||||
xaxis: {
|
||||
ticks: 11,
|
||||
tickDecimals: 0,
|
||||
tickColor: "#eee",
|
||||
},
|
||||
yaxis: {
|
||||
ticks: 11,
|
||||
tickDecimals: 0,
|
||||
tickColor: "#eee",
|
||||
}
|
||||
});
|
||||
|
||||
function showTooltip(x, y, contents) {
|
||||
$('<div id="tooltip">' + contents + '</div>').css({
|
||||
position: 'absolute',
|
||||
display: 'none',
|
||||
top: y + 5,
|
||||
left: x + 15,
|
||||
border: '1px solid #333',
|
||||
padding: '4px',
|
||||
color: '#fff',
|
||||
'border-radius': '3px',
|
||||
'background-color': '#333',
|
||||
opacity: 0.80
|
||||
}).appendTo("body").fadeIn(200);
|
||||
}
|
||||
|
||||
var previousPoint = null;
|
||||
$("#chart_2").bind("plothover", function(event, pos, item) {
|
||||
$("#x").text(pos.x.toFixed(2));
|
||||
$("#y").text(pos.y.toFixed(2));
|
||||
|
||||
if (item) {
|
||||
if (previousPoint != item.dataIndex) {
|
||||
previousPoint = item.dataIndex;
|
||||
|
||||
$("#tooltip").remove();
|
||||
var x = item.datapoint[0].toFixed(2),
|
||||
y = item.datapoint[1].toFixed(2);
|
||||
|
||||
showTooltip(item.pageX, item.pageY, item.series.label + " of " + x + " = " + y);
|
||||
}
|
||||
} else {
|
||||
$("#tooltip").remove();
|
||||
previousPoint = null;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo3 = function() {
|
||||
var sin = [],
|
||||
cos = [];
|
||||
for (var i = 0; i < 14; i += 0.1) {
|
||||
sin.push([i, Math.sin(i)]);
|
||||
cos.push([i, Math.cos(i)]);
|
||||
}
|
||||
|
||||
var plot = $.plot($("#kt_flotcharts_3"), [{
|
||||
data: sin,
|
||||
label: "sin(x) = -0.00",
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}, {
|
||||
data: cos,
|
||||
label: "cos(x) = -0.00",
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}], {
|
||||
colors: [KTApp.getStateColor("brand"), KTApp.getStateColor("warning")],
|
||||
series: {
|
||||
lines: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
crosshair: {
|
||||
mode: "x"
|
||||
},
|
||||
grid: {
|
||||
hoverable: true,
|
||||
autoHighlight: false,
|
||||
tickColor: "#eee",
|
||||
borderColor: "#eee",
|
||||
borderWidth: 1
|
||||
},
|
||||
yaxis: {
|
||||
min: -1.2,
|
||||
max: 1.2
|
||||
}
|
||||
});
|
||||
|
||||
var legends = $("#kt_flotcharts_3 .legendLabel");
|
||||
legends.each(function() {
|
||||
// fix the widths so they don't jump around
|
||||
$(this).css('width', $(this).width());
|
||||
});
|
||||
|
||||
var updateLegendTimeout = null;
|
||||
var latestPosition = null;
|
||||
|
||||
function updateLegend() {
|
||||
updateLegendTimeout = null;
|
||||
|
||||
var pos = latestPosition;
|
||||
|
||||
var axes = plot.getAxes();
|
||||
if (pos.x < axes.xaxis.min || pos.x > axes.xaxis.max || pos.y < axes.yaxis.min || pos.y > axes.yaxis.max) return;
|
||||
|
||||
var i, j, dataset = plot.getData();
|
||||
for (i = 0; i < dataset.length; ++i) {
|
||||
var series = dataset[i];
|
||||
|
||||
// find the nearest points, x-wise
|
||||
for (j = 0; j < series.data.length; ++j)
|
||||
if (series.data[j][0] > pos.x) break;
|
||||
|
||||
// now interpolate
|
||||
var y, p1 = series.data[j - 1],
|
||||
p2 = series.data[j];
|
||||
|
||||
if (p1 == null) y = p2[1];
|
||||
else if (p2 == null) y = p1[1];
|
||||
else y = p1[1] + (p2[1] - p1[1]) * (pos.x - p1[0]) / (p2[0] - p1[0]);
|
||||
|
||||
legends.eq(i).text(series.label.replace(/=.*/, "= " + y.toFixed(2)));
|
||||
}
|
||||
}
|
||||
|
||||
$("#kt_flotcharts_3").bind("plothover", function(event, pos, item) {
|
||||
latestPosition = pos;
|
||||
if (!updateLegendTimeout) updateLegendTimeout = setTimeout(updateLegend, 50);
|
||||
});
|
||||
}
|
||||
|
||||
var demo4 = function() {
|
||||
var data = [];
|
||||
var totalPoints = 250;
|
||||
|
||||
// random data generator for plot charts
|
||||
|
||||
function getRandomData() {
|
||||
if (data.length > 0) data = data.slice(1);
|
||||
// do a random walk
|
||||
while (data.length < totalPoints) {
|
||||
var prev = data.length > 0 ? data[data.length - 1] : 50;
|
||||
var y = prev + Math.random() * 10 - 5;
|
||||
if (y < 0) y = 0;
|
||||
if (y > 100) y = 100;
|
||||
data.push(y);
|
||||
}
|
||||
// zip the generated y values with the x values
|
||||
var res = [];
|
||||
for (var i = 0; i < data.length; ++i) {
|
||||
res.push([i, data[i]]);
|
||||
}
|
||||
|
||||
return res;
|
||||
}
|
||||
|
||||
//server load
|
||||
var options = {
|
||||
colors: [KTApp.getStateColor("danger"), KTApp.getStateColor("brand")],
|
||||
series: {
|
||||
shadowSize: 1
|
||||
},
|
||||
lines: {
|
||||
show: true,
|
||||
lineWidth: 0.5,
|
||||
fill: true,
|
||||
fillColor: {
|
||||
colors: [{
|
||||
opacity: 0.1
|
||||
}, {
|
||||
opacity: 1
|
||||
}]
|
||||
}
|
||||
},
|
||||
yaxis: {
|
||||
min: 0,
|
||||
max: 100,
|
||||
tickColor: "#eee",
|
||||
tickFormatter: function(v) {
|
||||
return v + "%";
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
show: false,
|
||||
},
|
||||
colors: [KTApp.getStateColor("brand")],
|
||||
grid: {
|
||||
tickColor: "#eee",
|
||||
borderWidth: 0,
|
||||
}
|
||||
};
|
||||
|
||||
var updateInterval = 30;
|
||||
var plot = $.plot($("#kt_flotcharts_4"), [getRandomData()], options);
|
||||
|
||||
function update() {
|
||||
plot.setData([getRandomData()]);
|
||||
plot.draw();
|
||||
setTimeout(update, updateInterval);
|
||||
}
|
||||
|
||||
update();
|
||||
}
|
||||
|
||||
var demo5 = function() {
|
||||
var d1 = [];
|
||||
for (var i = 0; i <= 10; i += 1)
|
||||
d1.push([i, parseInt(Math.random() * 30)]);
|
||||
|
||||
var d2 = [];
|
||||
for (var i = 0; i <= 10; i += 1)
|
||||
d2.push([i, parseInt(Math.random() * 30)]);
|
||||
|
||||
var d3 = [];
|
||||
for (var i = 0; i <= 10; i += 1)
|
||||
d3.push([i, parseInt(Math.random() * 30)]);
|
||||
|
||||
var stack = 0,
|
||||
bars = true,
|
||||
lines = false,
|
||||
steps = false;
|
||||
|
||||
function plotWithOptions() {
|
||||
$.plot($("#kt_flotcharts_5"),
|
||||
|
||||
[{
|
||||
label: "sales",
|
||||
data: d1,
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}, {
|
||||
label: "tax",
|
||||
data: d2,
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}, {
|
||||
label: "profit",
|
||||
data: d3,
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}], {
|
||||
colors: [KTApp.getStateColor("danger"), KTApp.getStateColor("brand")],
|
||||
series: {
|
||||
stack: stack,
|
||||
lines: {
|
||||
show: lines,
|
||||
fill: true,
|
||||
steps: steps,
|
||||
lineWidth: 0, // in pixels
|
||||
},
|
||||
bars: {
|
||||
show: bars,
|
||||
barWidth: 0.5,
|
||||
lineWidth: 0, // in pixels
|
||||
shadowSize: 0,
|
||||
align: 'center'
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
tickColor: "#eee",
|
||||
borderColor: "#eee",
|
||||
borderWidth: 1
|
||||
}
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
$(".stackControls input").click(function(e) {
|
||||
e.preventDefault();
|
||||
stack = $(this).val() == "With stacking" ? true : null;
|
||||
plotWithOptions();
|
||||
});
|
||||
|
||||
$(".graphControls input").click(function(e) {
|
||||
e.preventDefault();
|
||||
bars = $(this).val().indexOf("Bars") != -1;
|
||||
lines = $(this).val().indexOf("Lines") != -1;
|
||||
steps = $(this).val().indexOf("steps") != -1;
|
||||
plotWithOptions();
|
||||
});
|
||||
|
||||
plotWithOptions();
|
||||
}
|
||||
|
||||
var demo6 = function() {
|
||||
// bar chart:
|
||||
var data = GenerateSeries(0);
|
||||
|
||||
function GenerateSeries(added) {
|
||||
var data = [];
|
||||
var start = 100 + added;
|
||||
var end = 200 + added;
|
||||
|
||||
for (var i = 1; i <= 20; i++) {
|
||||
var d = Math.floor(Math.random() * (end - start + 1) + start);
|
||||
data.push([i, d]);
|
||||
start++;
|
||||
end++;
|
||||
}
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
var options = {
|
||||
colors: [KTApp.getStateColor("success"), KTApp.getStateColor("brand")],
|
||||
series: {
|
||||
bars: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
bars: {
|
||||
barWidth: 0.8,
|
||||
lineWidth: 0, // in pixels
|
||||
shadowSize: 0,
|
||||
align: 'left'
|
||||
},
|
||||
|
||||
grid: {
|
||||
tickColor: "#eee",
|
||||
borderColor: "#eee",
|
||||
borderWidth: 1
|
||||
}
|
||||
};
|
||||
|
||||
$.plot($("#kt_flotcharts_6"), [{
|
||||
data: data,
|
||||
lines: {
|
||||
lineWidth: 1,
|
||||
},
|
||||
shadowSize: 0
|
||||
}], options);
|
||||
}
|
||||
|
||||
var demo7 = function() {
|
||||
// horizontal bar chart:
|
||||
|
||||
var data1 = [
|
||||
[10, 10],
|
||||
[20, 20],
|
||||
[30, 30],
|
||||
[40, 40],
|
||||
[50, 50]
|
||||
];
|
||||
|
||||
var options = {
|
||||
colors: [KTApp.getStateColor("brand")],
|
||||
series: {
|
||||
bars: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
bars: {
|
||||
horizontal: true,
|
||||
barWidth: 6,
|
||||
lineWidth: 0, // in pixels
|
||||
shadowSize: 0,
|
||||
align: 'left'
|
||||
},
|
||||
grid: {
|
||||
tickColor: "#eee",
|
||||
borderColor: "#eee",
|
||||
borderWidth: 1
|
||||
}
|
||||
};
|
||||
|
||||
$.plot($("#kt_flotcharts_7"), [data1], options);
|
||||
}
|
||||
|
||||
var demo8 = function() {
|
||||
var data = [
|
||||
{label: "CSS", data: 10, color: KTApp.getStateColor("brand")},
|
||||
{label: "HTML5", data: 40, color: KTApp.getStateColor("success")},
|
||||
{label: "PHP", data: 30, color: KTApp.getStateColor("danger")},
|
||||
{label: "Angular", data: 20, color: KTApp.getStateColor("warning")}
|
||||
];
|
||||
|
||||
$.plot($("#kt_flotcharts_8"), data, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo9 = function() {
|
||||
var data = [
|
||||
{label: "USA", data: 10, color: KTApp.getStateColor("brand")},
|
||||
{label: "Germany", data: 25, color: KTApp.getStateColor("success")},
|
||||
{label: "Norway", data: 30, color: KTApp.getStateColor("danger")},
|
||||
{label: "Malaysia", data: 15, color: KTApp.getStateColor("warning")},
|
||||
{label: "France", data: 10, color: KTApp.getStateColor("info")}
|
||||
];
|
||||
|
||||
$.plot($("#kt_flotcharts_9"), data, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo10 = function() {
|
||||
var data = [
|
||||
{label: "Google", data: 20, color: KTApp.getStateColor("brand")},
|
||||
{label: "Twitter", data: 35, color: KTApp.getStateColor("success")},
|
||||
{label: "Linkedin", data: 20, color: KTApp.getStateColor("danger")},
|
||||
{label: "Instagram", data: 25, color: KTApp.getStateColor("warning")},
|
||||
{label: "Facebook", data: 10, color: KTApp.getStateColor("info")}
|
||||
];
|
||||
|
||||
$.plot($("#kt_flotcharts_10"), data, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true,
|
||||
radius: 1,
|
||||
label: {
|
||||
show: true,
|
||||
radius: 1,
|
||||
formatter: function(label, series) {
|
||||
return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + label + '<br/>' + Math.round(series.percent) + '%</div>';
|
||||
},
|
||||
background: {
|
||||
opacity: 0.8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo11 = function() {
|
||||
var data = [
|
||||
{label: "Vue", data: 13, color: KTApp.getStateColor("danger")},
|
||||
{label: "Angular", data: 25, color: KTApp.getStateColor("success")},
|
||||
{label: "React", data: 15, color: KTApp.getStateColor("brand")},
|
||||
{label: "Ember", data: 10, color: KTApp.getStateColor("warning")},
|
||||
{label: "Backbone", data: 8, color: KTApp.getStateColor("info")}
|
||||
];
|
||||
|
||||
$.plot($("#kt_flotcharts_11"), data, {
|
||||
series: {
|
||||
pie: {
|
||||
show: true,
|
||||
radius: 1,
|
||||
label: {
|
||||
show: true,
|
||||
radius: 1,
|
||||
formatter: function(label, series) {
|
||||
return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + label + '<br/>' + Math.round(series.percent) + '%</div>';
|
||||
},
|
||||
background: {
|
||||
opacity: 0.8
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
show: false
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
// default charts
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
demo5();
|
||||
demo6();
|
||||
demo7();
|
||||
|
||||
// pie charts
|
||||
demo8();
|
||||
demo9();
|
||||
demo10();
|
||||
demo11();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTFlotchartsDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/charts/flotcharts.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/charts/flotcharts.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
170
public/assets/js/demo1/pages/components/charts/google-charts.js
Normal file
170
public/assets/js/demo1/pages/components/charts/google-charts.js
Normal file
@@ -0,0 +1,170 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
var KTGoogleChartsDemo = function() {
|
||||
|
||||
// Private functions
|
||||
|
||||
var main = function() {
|
||||
// GOOGLE CHARTS INIT
|
||||
google.load('visualization', '1', {
|
||||
packages: ['corechart', 'bar', 'line']
|
||||
});
|
||||
|
||||
google.setOnLoadCallback(function() {
|
||||
KTGoogleChartsDemo.runDemos();
|
||||
});
|
||||
}
|
||||
|
||||
var demoColumnCharts = function() {
|
||||
// COLUMN CHART
|
||||
var data = new google.visualization.DataTable();
|
||||
data.addColumn('timeofday', 'Time of Day');
|
||||
data.addColumn('number', 'Motivation Level');
|
||||
data.addColumn('number', 'Energy Level');
|
||||
|
||||
data.addRows([
|
||||
[{
|
||||
v: [8, 0, 0],
|
||||
f: '8 am'
|
||||
}, 1, .25],
|
||||
[{
|
||||
v: [9, 0, 0],
|
||||
f: '9 am'
|
||||
}, 2, .5],
|
||||
[{
|
||||
v: [10, 0, 0],
|
||||
f: '10 am'
|
||||
}, 3, 1],
|
||||
[{
|
||||
v: [11, 0, 0],
|
||||
f: '11 am'
|
||||
}, 4, 2.25],
|
||||
[{
|
||||
v: [12, 0, 0],
|
||||
f: '12 pm'
|
||||
}, 5, 2.25],
|
||||
[{
|
||||
v: [13, 0, 0],
|
||||
f: '1 pm'
|
||||
}, 6, 3],
|
||||
[{
|
||||
v: [14, 0, 0],
|
||||
f: '2 pm'
|
||||
}, 7, 4],
|
||||
[{
|
||||
v: [15, 0, 0],
|
||||
f: '3 pm'
|
||||
}, 8, 5.25],
|
||||
[{
|
||||
v: [16, 0, 0],
|
||||
f: '4 pm'
|
||||
}, 9, 7.5],
|
||||
[{
|
||||
v: [17, 0, 0],
|
||||
f: '5 pm'
|
||||
}, 10, 10],
|
||||
]);
|
||||
|
||||
var options = {
|
||||
title: 'Motivation and Energy Level Throughout the Day',
|
||||
focusTarget: 'category',
|
||||
hAxis: {
|
||||
title: 'Time of Day',
|
||||
format: 'h:mm a',
|
||||
viewWindow: {
|
||||
min: [7, 30, 0],
|
||||
max: [17, 30, 0]
|
||||
},
|
||||
},
|
||||
vAxis: {
|
||||
title: 'Rating (scale of 1-10)'
|
||||
},
|
||||
colors: ['#6e4ff5', '#fe3995']
|
||||
};
|
||||
|
||||
var chart = new google.visualization.ColumnChart(document.getElementById('kt_gchart_1'));
|
||||
chart.draw(data, options);
|
||||
|
||||
var chart = new google.visualization.ColumnChart(document.getElementById('kt_gchart_2'));
|
||||
chart.draw(data, options);
|
||||
}
|
||||
|
||||
var demoPieCharts = function() {
|
||||
var data = google.visualization.arrayToDataTable([
|
||||
['Task', 'Hours per Day'],
|
||||
['Work', 11],
|
||||
['Eat', 2],
|
||||
['Commute', 2],
|
||||
['Watch TV', 2],
|
||||
['Sleep', 7]
|
||||
]);
|
||||
|
||||
var options = {
|
||||
title: 'My Daily Activities',
|
||||
colors: ['#fe3995', '#f6aa33', '#6e4ff5', '#2abe81', '#c7d2e7', '#593ae1']
|
||||
};
|
||||
|
||||
var chart = new google.visualization.PieChart(document.getElementById('kt_gchart_3'));
|
||||
chart.draw(data, options);
|
||||
|
||||
var options = {
|
||||
pieHole: 0.4,
|
||||
colors: ['#fe3995', '#f6aa33', '#6e4ff5', '#2abe81', '#c7d2e7', '#593ae1']
|
||||
};
|
||||
|
||||
var chart = new google.visualization.PieChart(document.getElementById('kt_gchart_4'));
|
||||
chart.draw(data, options);
|
||||
}
|
||||
|
||||
var demoLineCharts = function() {
|
||||
// LINE CHART
|
||||
var data = new google.visualization.DataTable();
|
||||
data.addColumn('number', 'Day');
|
||||
data.addColumn('number', 'Guardians of the Galaxy');
|
||||
data.addColumn('number', 'The Avengers');
|
||||
data.addColumn('number', 'Transformers: Age of Extinction');
|
||||
|
||||
data.addRows([
|
||||
[1, 37.8, 80.8, 41.8],
|
||||
[2, 30.9, 69.5, 32.4],
|
||||
[3, 25.4, 57, 25.7],
|
||||
[4, 11.7, 18.8, 10.5],
|
||||
[5, 11.9, 17.6, 10.4],
|
||||
[6, 8.8, 13.6, 7.7],
|
||||
[7, 7.6, 12.3, 9.6],
|
||||
[8, 12.3, 29.2, 10.6],
|
||||
[9, 16.9, 42.9, 14.8],
|
||||
[10, 12.8, 30.9, 11.6],
|
||||
[11, 5.3, 7.9, 4.7],
|
||||
[12, 6.6, 8.4, 5.2],
|
||||
[13, 4.8, 6.3, 3.6],
|
||||
[14, 4.2, 6.2, 3.4]
|
||||
]);
|
||||
|
||||
var options = {
|
||||
chart: {
|
||||
title: 'Box Office Earnings in First Two Weeks of Opening',
|
||||
subtitle: 'in millions of dollars (USD)'
|
||||
},
|
||||
colors: ['#6e4ff5', '#f6aa33', '#fe3995']
|
||||
};
|
||||
|
||||
var chart = new google.charts.Line(document.getElementById('kt_gchart_5'));
|
||||
chart.draw(data, options);
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
main();
|
||||
},
|
||||
|
||||
runDemos: function() {
|
||||
demoColumnCharts();
|
||||
demoLineCharts();
|
||||
demoPieCharts();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
KTGoogleChartsDemo.init();
|
||||
1
public/assets/js/demo1/pages/components/charts/google-charts.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/charts/google-charts.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTGoogleChartsDemo={init:function(){google.load("visualization","1",{packages:["corechart","bar","line"]}),google.setOnLoadCallback(function(){KTGoogleChartsDemo.runDemos()})},runDemos:function(){var e;!function(){var e=new google.visualization.DataTable;e.addColumn("timeofday","Time of Day"),e.addColumn("number","Motivation Level"),e.addColumn("number","Energy Level"),e.addRows([[{v:[8,0,0],f:"8 am"},1,.25],[{v:[9,0,0],f:"9 am"},2,.5],[{v:[10,0,0],f:"10 am"},3,1],[{v:[11,0,0],f:"11 am"},4,2.25],[{v:[12,0,0],f:"12 pm"},5,2.25],[{v:[13,0,0],f:"1 pm"},6,3],[{v:[14,0,0],f:"2 pm"},7,4],[{v:[15,0,0],f:"3 pm"},8,5.25],[{v:[16,0,0],f:"4 pm"},9,7.5],[{v:[17,0,0],f:"5 pm"},10,10]]);var a={title:"Motivation and Energy Level Throughout the Day",focusTarget:"category",hAxis:{title:"Time of Day",format:"h:mm a",viewWindow:{min:[7,30,0],max:[17,30,0]}},vAxis:{title:"Rating (scale of 1-10)"},colors:["#6e4ff5","#fe3995"]};new google.visualization.ColumnChart(document.getElementById("kt_gchart_1")).draw(e,a),new google.visualization.ColumnChart(document.getElementById("kt_gchart_2")).draw(e,a)}(),(e=new google.visualization.DataTable).addColumn("number","Day"),e.addColumn("number","Guardians of the Galaxy"),e.addColumn("number","The Avengers"),e.addColumn("number","Transformers: Age of Extinction"),e.addRows([[1,37.8,80.8,41.8],[2,30.9,69.5,32.4],[3,25.4,57,25.7],[4,11.7,18.8,10.5],[5,11.9,17.6,10.4],[6,8.8,13.6,7.7],[7,7.6,12.3,9.6],[8,12.3,29.2,10.6],[9,16.9,42.9,14.8],[10,12.8,30.9,11.6],[11,5.3,7.9,4.7],[12,6.6,8.4,5.2],[13,4.8,6.3,3.6],[14,4.2,6.2,3.4]]),new google.charts.Line(document.getElementById("kt_gchart_5")).draw(e,{chart:{title:"Box Office Earnings in First Two Weeks of Opening",subtitle:"in millions of dollars (USD)"},colors:["#6e4ff5","#f6aa33","#fe3995"]}),function(){var e=google.visualization.arrayToDataTable([["Task","Hours per Day"],["Work",11],["Eat",2],["Commute",2],["Watch TV",2],["Sleep",7]]),a={title:"My Daily Activities",colors:["#fe3995","#f6aa33","#6e4ff5","#2abe81","#c7d2e7","#593ae1"]};new google.visualization.PieChart(document.getElementById("kt_gchart_3")).draw(e,a),a={pieHole:.4,colors:["#fe3995","#f6aa33","#6e4ff5","#2abe81","#c7d2e7","#593ae1"]},new google.visualization.PieChart(document.getElementById("kt_gchart_4")).draw(e,a)}()}};KTGoogleChartsDemo.init();
|
||||
191
public/assets/js/demo1/pages/components/charts/morris-charts.js
Normal file
191
public/assets/js/demo1/pages/components/charts/morris-charts.js
Normal file
@@ -0,0 +1,191 @@
|
||||
"use strict";
|
||||
// Class definition
|
||||
var KTMorrisChartsDemo = function() {
|
||||
|
||||
// Private functions
|
||||
|
||||
var demo1 = function() {
|
||||
// LINE CHART
|
||||
new Morris.Line({
|
||||
// ID of the element in which to draw the chart.
|
||||
element: 'kt_morris_1',
|
||||
// Chart data records -- each entry in this array corresponds to a point on
|
||||
// the chart.
|
||||
data: [{
|
||||
y: '2006',
|
||||
a: 100,
|
||||
b: 90
|
||||
},
|
||||
{
|
||||
y: '2007',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2008',
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: '2009',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2010',
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: '2011',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2012',
|
||||
a: 100,
|
||||
b: 90
|
||||
}
|
||||
],
|
||||
// The name of the data record attribute that contains x-values.
|
||||
xkey: 'y',
|
||||
// A list of names of data record attributes that contain y-values.
|
||||
ykeys: ['a', 'b'],
|
||||
// Labels for the ykeys -- will be displayed when you hover over the
|
||||
// chart.
|
||||
labels: ['Values A', 'Values B'],
|
||||
lineColors: ['#6e4ff5', '#f6aa33']
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
// AREA CHART
|
||||
new Morris.Area({
|
||||
element: 'kt_morris_2',
|
||||
data: [{
|
||||
y: '2006',
|
||||
a: 100,
|
||||
b: 90
|
||||
},
|
||||
{
|
||||
y: '2007',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2008',
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: '2009',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2010',
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: '2011',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2012',
|
||||
a: 100,
|
||||
b: 90
|
||||
}
|
||||
],
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
lineColors: ['#de1f78', '#c7d2e7'],
|
||||
pointFillColors: ['#fe3995','#e6e9f0']
|
||||
});
|
||||
}
|
||||
|
||||
var demo3 = function() {
|
||||
// BAR CHART
|
||||
new Morris.Bar({
|
||||
element: 'kt_morris_3',
|
||||
data: [{
|
||||
y: '2006',
|
||||
a: 100,
|
||||
b: 90
|
||||
},
|
||||
{
|
||||
y: '2007',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2008',
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: '2009',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2010',
|
||||
a: 50,
|
||||
b: 40
|
||||
},
|
||||
{
|
||||
y: '2011',
|
||||
a: 75,
|
||||
b: 65
|
||||
},
|
||||
{
|
||||
y: '2012',
|
||||
a: 100,
|
||||
b: 90
|
||||
}
|
||||
],
|
||||
xkey: 'y',
|
||||
ykeys: ['a', 'b'],
|
||||
labels: ['Series A', 'Series B'],
|
||||
barColors: ['#2abe81', '#24a5ff']
|
||||
});
|
||||
}
|
||||
|
||||
var demo4 = function() {
|
||||
// PIE CHART
|
||||
new Morris.Donut({
|
||||
element: 'kt_morris_4',
|
||||
data: [{
|
||||
label: "Download Sales",
|
||||
value: 12
|
||||
},
|
||||
{
|
||||
label: "In-Store Sales",
|
||||
value: 30
|
||||
},
|
||||
{
|
||||
label: "Mail-Order Sales",
|
||||
value: 20
|
||||
|
||||
}
|
||||
],
|
||||
colors: ['#593ae1', '#6e4ff5', '#9077fb']
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTMorrisChartsDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/charts/morris-charts.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/charts/morris-charts.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTMorrisChartsDemo={init:function(){new Morris.Line({element:"kt_morris_1",data:[{y:"2006",a:100,b:90},{y:"2007",a:75,b:65},{y:"2008",a:50,b:40},{y:"2009",a:75,b:65},{y:"2010",a:50,b:40},{y:"2011",a:75,b:65},{y:"2012",a:100,b:90}],xkey:"y",ykeys:["a","b"],labels:["Values A","Values B"],lineColors:["#6e4ff5","#f6aa33"]}),new Morris.Area({element:"kt_morris_2",data:[{y:"2006",a:100,b:90},{y:"2007",a:75,b:65},{y:"2008",a:50,b:40},{y:"2009",a:75,b:65},{y:"2010",a:50,b:40},{y:"2011",a:75,b:65},{y:"2012",a:100,b:90}],xkey:"y",ykeys:["a","b"],labels:["Series A","Series B"],lineColors:["#de1f78","#c7d2e7"],pointFillColors:["#fe3995","#e6e9f0"]}),new Morris.Bar({element:"kt_morris_3",data:[{y:"2006",a:100,b:90},{y:"2007",a:75,b:65},{y:"2008",a:50,b:40},{y:"2009",a:75,b:65},{y:"2010",a:50,b:40},{y:"2011",a:75,b:65},{y:"2012",a:100,b:90}],xkey:"y",ykeys:["a","b"],labels:["Series A","Series B"],barColors:["#2abe81","#24a5ff"]}),new Morris.Donut({element:"kt_morris_4",data:[{label:"Download Sales",value:12},{label:"In-Store Sales",value:30},{label:"Mail-Order Sales",value:20}],colors:["#593ae1","#6e4ff5","#9077fb"]})}};jQuery(document).ready(function(){KTMorrisChartsDemo.init()});
|
||||
270
public/assets/js/demo1/pages/components/extended/blockui.js
Normal file
270
public/assets/js/demo1/pages/components/extended/blockui.js
Normal file
@@ -0,0 +1,270 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
|
||||
var KTBlockUIDemo = function () {
|
||||
|
||||
// Private functions
|
||||
|
||||
// Basic demo
|
||||
var demo1 = function () {
|
||||
// default
|
||||
$('#kt_blockui_1_1').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_2').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_3').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_4').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_1_5').click(function() {
|
||||
KTApp.block('#kt_blockui_1_content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_1_content');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// portlet blocking
|
||||
var demo2 = function () {
|
||||
// default
|
||||
$('#kt_blockui_2_1').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_2').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_3').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_4').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_2_5').click(function() {
|
||||
KTApp.block('#kt_blockui_2_portlet', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_2_portlet');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// page blocking
|
||||
var demo3 = function () {
|
||||
// default
|
||||
$('#kt_blockui_3_1').click(function() {
|
||||
KTApp.blockPage();
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_2').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_3').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_4').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_3_5').click(function() {
|
||||
KTApp.blockPage({
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblockPage();
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
// modal blocking
|
||||
var demo4 = function () {
|
||||
// default
|
||||
$('#kt_blockui_4_1').click(function() {
|
||||
KTApp.block('#kt_blockui_4_1_modal .modal-content', {});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_1_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_2').click(function() {
|
||||
KTApp.block('#kt_blockui_4_2_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
state: 'primary'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_2_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_3').click(function() {
|
||||
KTApp.block('#kt_blockui_4_3_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
size: 'lg'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_3_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_4').click(function() {
|
||||
KTApp.block('#kt_blockui_4_4_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'success',
|
||||
message: 'Please wait...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_4_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
|
||||
$('#kt_blockui_4_5').click(function() {
|
||||
KTApp.block('#kt_blockui_4_5_modal .modal-content', {
|
||||
overlayColor: '#000000',
|
||||
type: 'v2',
|
||||
state: 'primary',
|
||||
message: 'Processing...'
|
||||
});
|
||||
|
||||
setTimeout(function() {
|
||||
KTApp.unblock('#kt_blockui_4_5_modal .modal-content');
|
||||
}, 2000);
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBlockUIDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/extended/blockui.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/extended/blockui.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTBlockUIDemo={init:function(){$("#kt_blockui_1_1").click(function(){KTApp.block("#kt_blockui_1_content",{}),setTimeout(function(){KTApp.unblock("#kt_blockui_1_content")},2e3)}),$("#kt_blockui_1_2").click(function(){KTApp.block("#kt_blockui_1_content",{overlayColor:"#000000",state:"primary"}),setTimeout(function(){KTApp.unblock("#kt_blockui_1_content")},2e3)}),$("#kt_blockui_1_3").click(function(){KTApp.block("#kt_blockui_1_content",{overlayColor:"#000000",type:"v2",state:"success",size:"lg"}),setTimeout(function(){KTApp.unblock("#kt_blockui_1_content")},2e3)}),$("#kt_blockui_1_4").click(function(){KTApp.block("#kt_blockui_1_content",{overlayColor:"#000000",type:"v2",state:"success",message:"Please wait..."}),setTimeout(function(){KTApp.unblock("#kt_blockui_1_content")},2e3)}),$("#kt_blockui_1_5").click(function(){KTApp.block("#kt_blockui_1_content",{overlayColor:"#000000",type:"v2",state:"primary",message:"Processing..."}),setTimeout(function(){KTApp.unblock("#kt_blockui_1_content")},2e3)}),$("#kt_blockui_2_1").click(function(){KTApp.block("#kt_blockui_2_portlet",{}),setTimeout(function(){KTApp.unblock("#kt_blockui_2_portlet")},2e3)}),$("#kt_blockui_2_2").click(function(){KTApp.block("#kt_blockui_2_portlet",{overlayColor:"#000000",state:"primary"}),setTimeout(function(){KTApp.unblock("#kt_blockui_2_portlet")},2e3)}),$("#kt_blockui_2_3").click(function(){KTApp.block("#kt_blockui_2_portlet",{overlayColor:"#000000",type:"v2",state:"success",size:"lg"}),setTimeout(function(){KTApp.unblock("#kt_blockui_2_portlet")},2e3)}),$("#kt_blockui_2_4").click(function(){KTApp.block("#kt_blockui_2_portlet",{overlayColor:"#000000",type:"v2",state:"success",message:"Please wait..."}),setTimeout(function(){KTApp.unblock("#kt_blockui_2_portlet")},2e3)}),$("#kt_blockui_2_5").click(function(){KTApp.block("#kt_blockui_2_portlet",{overlayColor:"#000000",type:"v2",state:"primary",message:"Processing..."}),setTimeout(function(){KTApp.unblock("#kt_blockui_2_portlet")},2e3)}),$("#kt_blockui_3_1").click(function(){KTApp.blockPage(),setTimeout(function(){KTApp.unblockPage()},2e3)}),$("#kt_blockui_3_2").click(function(){KTApp.blockPage({overlayColor:"#000000",state:"primary"}),setTimeout(function(){KTApp.unblockPage()},2e3)}),$("#kt_blockui_3_3").click(function(){KTApp.blockPage({overlayColor:"#000000",type:"v2",state:"success",size:"lg"}),setTimeout(function(){KTApp.unblockPage()},2e3)}),$("#kt_blockui_3_4").click(function(){KTApp.blockPage({overlayColor:"#000000",type:"v2",state:"success",message:"Please wait..."}),setTimeout(function(){KTApp.unblockPage()},2e3)}),$("#kt_blockui_3_5").click(function(){KTApp.blockPage({overlayColor:"#000000",type:"v2",state:"primary",message:"Processing..."}),setTimeout(function(){KTApp.unblockPage()},2e3)}),$("#kt_blockui_4_1").click(function(){KTApp.block("#kt_blockui_4_1_modal .modal-content",{}),setTimeout(function(){KTApp.unblock("#kt_blockui_4_1_modal .modal-content")},2e3)}),$("#kt_blockui_4_2").click(function(){KTApp.block("#kt_blockui_4_2_modal .modal-content",{overlayColor:"#000000",state:"primary"}),setTimeout(function(){KTApp.unblock("#kt_blockui_4_2_modal .modal-content")},2e3)}),$("#kt_blockui_4_3").click(function(){KTApp.block("#kt_blockui_4_3_modal .modal-content",{overlayColor:"#000000",type:"v2",state:"success",size:"lg"}),setTimeout(function(){KTApp.unblock("#kt_blockui_4_3_modal .modal-content")},2e3)}),$("#kt_blockui_4_4").click(function(){KTApp.block("#kt_blockui_4_4_modal .modal-content",{overlayColor:"#000000",type:"v2",state:"success",message:"Please wait..."}),setTimeout(function(){KTApp.unblock("#kt_blockui_4_4_modal .modal-content")},2e3)}),$("#kt_blockui_4_5").click(function(){KTApp.block("#kt_blockui_4_5_modal .modal-content",{overlayColor:"#000000",type:"v2",state:"primary",message:"Processing..."}),setTimeout(function(){KTApp.unblock("#kt_blockui_4_5_modal .modal-content")},2e3)})}};jQuery(document).ready(function(){KTBlockUIDemo.init()});
|
||||
92
public/assets/js/demo1/pages/components/extended/bootstrap-notify.js
vendored
Normal file
92
public/assets/js/demo1/pages/components/extended/bootstrap-notify.js
vendored
Normal file
@@ -0,0 +1,92 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
|
||||
var KTBootstrapNotifyDemo = function () {
|
||||
|
||||
// Private functions
|
||||
|
||||
// basic demo
|
||||
var demo = function () {
|
||||
// init bootstrap switch
|
||||
$('[data-switch=true]').bootstrapSwitch();
|
||||
|
||||
// handle the demo
|
||||
$('#kt_notify_btn').click(function() {
|
||||
var content = {};
|
||||
|
||||
content.message = 'New order has been placed';
|
||||
if ($('#kt_notify_title').prop('checked')) {
|
||||
content.title = 'Notification Title';
|
||||
}
|
||||
if ($('#kt_notify_icon').val() != '') {
|
||||
content.icon = 'icon ' + $('#kt_notify_icon').val();
|
||||
}
|
||||
if ($('#kt_notify_url').prop('checked')) {
|
||||
content.url = 'www.keenthemes.com';
|
||||
content.target = '_blank';
|
||||
}
|
||||
|
||||
var notify = $.notify(content, {
|
||||
type: $('#kt_notify_state').val(),
|
||||
allow_dismiss: $('#kt_notify_dismiss').prop('checked'),
|
||||
newest_on_top: $('#kt_notify_top').prop('checked'),
|
||||
mouse_over: $('#kt_notify_pause').prop('checked'),
|
||||
showProgressbar: $('#kt_notify_progress').prop('checked'),
|
||||
spacing: $('#kt_notify_spacing').val(),
|
||||
timer: $('#kt_notify_timer').val(),
|
||||
placement: {
|
||||
from: $('#kt_notify_placement_from').val(),
|
||||
align: $('#kt_notify_placement_align').val()
|
||||
},
|
||||
offset: {
|
||||
x: $('#kt_notify_offset_x').val(),
|
||||
y: $('#kt_notify_offset_y').val()
|
||||
},
|
||||
delay: $('#kt_notify_delay').val(),
|
||||
z_index: $('#kt_notify_zindex').val(),
|
||||
animate: {
|
||||
enter: 'animated ' + $('#kt_notify_animate_enter').val(),
|
||||
exit: 'animated ' + $('#kt_notify_animate_exit').val()
|
||||
}
|
||||
});
|
||||
|
||||
if ($('#kt_notify_progress').prop('checked')) {
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Saving</strong> Page Data.');
|
||||
notify.update('type', 'primary');
|
||||
notify.update('progress', 20);
|
||||
}, 1000);
|
||||
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Saving</strong> User Data.');
|
||||
notify.update('type', 'warning');
|
||||
notify.update('progress', 40);
|
||||
}, 2000);
|
||||
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Saving</strong> Profile Data.');
|
||||
notify.update('type', 'danger');
|
||||
notify.update('progress', 65);
|
||||
}, 3000);
|
||||
|
||||
setTimeout(function() {
|
||||
notify.update('message', '<strong>Checking</strong> for errors.');
|
||||
notify.update('type', 'success');
|
||||
notify.update('progress', 100);
|
||||
}, 4000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTBootstrapNotifyDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/extended/bootstrap-notify.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/extended/bootstrap-notify.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTBootstrapNotifyDemo={init:function(){$("[data-switch=true]").bootstrapSwitch(),$("#kt_notify_btn").click(function(){var t={message:"New order has been placed"};$("#kt_notify_title").prop("checked")&&(t.title="Notification Title"),""!=$("#kt_notify_icon").val()&&(t.icon="icon "+$("#kt_notify_icon").val()),$("#kt_notify_url").prop("checked")&&(t.url="www.keenthemes.com",t.target="_blank");var e=$.notify(t,{type:$("#kt_notify_state").val(),allow_dismiss:$("#kt_notify_dismiss").prop("checked"),newest_on_top:$("#kt_notify_top").prop("checked"),mouse_over:$("#kt_notify_pause").prop("checked"),showProgressbar:$("#kt_notify_progress").prop("checked"),spacing:$("#kt_notify_spacing").val(),timer:$("#kt_notify_timer").val(),placement:{from:$("#kt_notify_placement_from").val(),align:$("#kt_notify_placement_align").val()},offset:{x:$("#kt_notify_offset_x").val(),y:$("#kt_notify_offset_y").val()},delay:$("#kt_notify_delay").val(),z_index:$("#kt_notify_zindex").val(),animate:{enter:"animated "+$("#kt_notify_animate_enter").val(),exit:"animated "+$("#kt_notify_animate_exit").val()}});$("#kt_notify_progress").prop("checked")&&(setTimeout(function(){e.update("message","<strong>Saving</strong> Page Data."),e.update("type","primary"),e.update("progress",20)},1e3),setTimeout(function(){e.update("message","<strong>Saving</strong> User Data."),e.update("type","warning"),e.update("progress",40)},2e3),setTimeout(function(){e.update("message","<strong>Saving</strong> Profile Data."),e.update("type","danger"),e.update("progress",65)},3e3),setTimeout(function(){e.update("message","<strong>Checking</strong> for errors."),e.update("type","success"),e.update("progress",100)},4e3))})}};jQuery(document).ready(function(){KTBootstrapNotifyDemo.init()});
|
||||
@@ -0,0 +1,72 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTDualListbox = function () {
|
||||
|
||||
// Private functions
|
||||
var initDualListbox = function () {
|
||||
// Dual Listbox
|
||||
var listBoxes = $('.kt-dual-listbox');
|
||||
|
||||
listBoxes.each(function(){
|
||||
var $this = $(this);
|
||||
var id = '#' + $this.attr('id');
|
||||
// get titles
|
||||
var availableTitle = ($this.attr('data-available-title') != null) ? $this.attr('data-available-title') : 'Available options';
|
||||
var selectedTitle = ($this.attr('data-selected-title') != null) ? $this.attr('data-selected-title') : 'Selected options';
|
||||
|
||||
// get button labels
|
||||
var addLabel = ($this.attr('data-add') != null) ? $this.attr('data-add') : 'Add';
|
||||
var removeLabel = ($this.attr('data-remove') != null) ? $this.attr('data-remove') : 'Remove';
|
||||
var addAllLabel = ($this.attr('data-add-all') != null) ? $this.attr('data-add-all') : 'Add All';
|
||||
var removeAllLabel = ($this.attr('data-remove-all') != null) ? $this.attr('data-remove-all') : 'Remove All';
|
||||
|
||||
// get options
|
||||
var options = [];
|
||||
$this.children('option').each(function(){
|
||||
var value = $(this).val();
|
||||
var label = $(this).text();
|
||||
var selected = ($(this).is(':selected')) ? true : false;
|
||||
options.push({ text: label, value: value, selected: selected });
|
||||
});
|
||||
|
||||
// get search option
|
||||
var search = ($this.attr('data-search') != null) ? $this.attr('data-search') : "";
|
||||
|
||||
// clear duplicates
|
||||
$this.empty();
|
||||
|
||||
// init dual listbox
|
||||
var dualListBox = new DualListbox(id,{
|
||||
addEvent: function(value) {
|
||||
console.log(value);
|
||||
},
|
||||
removeEvent: function(value) {
|
||||
console.log(value);
|
||||
},
|
||||
availableTitle: availableTitle,
|
||||
selectedTitle: selectedTitle,
|
||||
addButtonText: addLabel,
|
||||
removeButtonText: removeLabel,
|
||||
addAllButtonText: addAllLabel,
|
||||
removeAllButtonText: removeAllLabel,
|
||||
options: options
|
||||
});
|
||||
|
||||
if (search == "false"){
|
||||
dualListBox.search.classList.add('dual-listbox__search--hidden');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
initDualListbox();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
KTUtil.ready(function() {
|
||||
KTDualListbox.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/extended/dual-listbox.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/extended/dual-listbox.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDualListbox={init:function(){$(".kt-dual-listbox").each(function(){var t=$(this),a="#"+t.attr("id"),e=null!=t.attr("data-available-title")?t.attr("data-available-title"):"Available options",l=null!=t.attr("data-selected-title")?t.attr("data-selected-title"):"Selected options",d=null!=t.attr("data-add")?t.attr("data-add"):"Add",i=null!=t.attr("data-remove")?t.attr("data-remove"):"Remove",o=null!=t.attr("data-add-all")?t.attr("data-add-all"):"Add All",n=null!=t.attr("data-remove-all")?t.attr("data-remove-all"):"Remove All",r=[];t.children("option").each(function(){var t=$(this).val(),a=$(this).text(),e=!!$(this).is(":selected");r.push({text:a,value:t,selected:e})});var s=null!=t.attr("data-search")?t.attr("data-search"):"";t.empty();var u=new DualListbox(a,{addEvent:function(t){console.log(t)},removeEvent:function(t){console.log(t)},availableTitle:e,selectedTitle:l,addButtonText:d,removeButtonText:i,addAllButtonText:o,removeAllButtonText:n,options:r});"false"==s&&u.search.classList.add("dual-listbox__search--hidden")})}};KTUtil.ready(function(){KTDualListbox.init()});
|
||||
@@ -0,0 +1,22 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTScrollable = function () {
|
||||
|
||||
// Private functions
|
||||
|
||||
// basic demo
|
||||
var demo1 = function () {
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo1();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTScrollable.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/extended/perfect-scrollbar.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/extended/perfect-scrollbar.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTScrollable={init:function(){}};jQuery(document).ready(function(){KTScrollable.init()});
|
||||
175
public/assets/js/demo1/pages/components/extended/sweetalert2.js
Normal file
175
public/assets/js/demo1/pages/components/extended/sweetalert2.js
Normal file
@@ -0,0 +1,175 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTSweetAlert2Demo = function() {
|
||||
|
||||
// Demos
|
||||
var initDemos = function() {
|
||||
// Sweetalert Demo 1
|
||||
$('#kt_sweetalert_demo_1').click(function(e) {
|
||||
swal.fire('Good job!');
|
||||
});
|
||||
|
||||
// Sweetalert Demo 2
|
||||
$('#kt_sweetalert_demo_2').click(function(e) {
|
||||
swal.fire("Here's the title!", "...and here's the text!");
|
||||
});
|
||||
|
||||
// Sweetalert Demo 3
|
||||
$('#kt_sweetalert_demo_3_1').click(function(e) {
|
||||
swal.fire("Good job!", "You clicked the button!", "warning");
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_3_2').click(function(e) {
|
||||
swal.fire("Good job!", "You clicked the button!", "error");
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_3_3').click(function(e) {
|
||||
swal.fire("Good job!", "You clicked the button!", "success");
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_3_4').click(function(e) {
|
||||
swal.fire("Good job!", "You clicked the button!", "info");
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_3_5').click(function(e) {
|
||||
swal.fire("Good job!", "You clicked the button!", "question");
|
||||
});
|
||||
|
||||
// Sweetalert Demo 4
|
||||
$('#kt_sweetalert_demo_4').click(function(e) {
|
||||
swal.fire({
|
||||
title: "Good job!",
|
||||
text: "You clicked the button!",
|
||||
type: "success",
|
||||
buttonsStyling: false,
|
||||
confirmButtonText: "Confirm me!",
|
||||
confirmButtonClass: "btn btn-brand"
|
||||
});
|
||||
});
|
||||
|
||||
// Sweetalert Demo 5
|
||||
$('#kt_sweetalert_demo_5').click(function(e) {
|
||||
swal.fire({
|
||||
title: "Good job!",
|
||||
text: "You clicked the button!",
|
||||
type: "success",
|
||||
|
||||
buttonsStyling: false,
|
||||
|
||||
confirmButtonText: "<i class='la la-headphones'></i> I am game!",
|
||||
confirmButtonClass: "btn btn-danger",
|
||||
|
||||
showCancelButton: true,
|
||||
cancelButtonText: "<i class='la la-thumbs-down'></i> No, thanks",
|
||||
cancelButtonClass: "btn btn-default"
|
||||
});
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_6').click(function(e) {
|
||||
swal.fire({
|
||||
position: 'top-right',
|
||||
type: 'success',
|
||||
title: 'Your work has been saved',
|
||||
showConfirmButton: false,
|
||||
timer: 1500
|
||||
});
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_7').click(function(e) {
|
||||
swal.fire({
|
||||
title: 'jQuery HTML example',
|
||||
html: $('<div>')
|
||||
.addClass('some-class')
|
||||
.text('jQuery is everywhere.'),
|
||||
animation: false,
|
||||
customClass: 'animated tada'
|
||||
})
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_8').click(function(e) {
|
||||
swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then(function(result) {
|
||||
if (result.value) {
|
||||
swal.fire(
|
||||
'Deleted!',
|
||||
'Your file has been deleted.',
|
||||
'success'
|
||||
)
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_9').click(function(e) {
|
||||
swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "You won't be able to revert this!",
|
||||
type: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Yes, delete it!',
|
||||
cancelButtonText: 'No, cancel!',
|
||||
reverseButtons: true
|
||||
}).then(function(result){
|
||||
if (result.value) {
|
||||
swal.fire(
|
||||
'Deleted!',
|
||||
'Your file has been deleted.',
|
||||
'success'
|
||||
)
|
||||
// result.dismiss can be 'cancel', 'overlay',
|
||||
// 'close', and 'timer'
|
||||
} else if (result.dismiss === 'cancel') {
|
||||
swal.fire(
|
||||
'Cancelled',
|
||||
'Your imaginary file is safe :)',
|
||||
'error'
|
||||
)
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_10').click(function(e) {
|
||||
swal.fire({
|
||||
title: 'Sweet!',
|
||||
text: 'Modal with a custom image.',
|
||||
imageUrl: 'https://unsplash.it/400/200',
|
||||
imageWidth: 400,
|
||||
imageHeight: 200,
|
||||
imageAlt: 'Custom image',
|
||||
animation: false
|
||||
});
|
||||
});
|
||||
|
||||
$('#kt_sweetalert_demo_11').click(function(e) {
|
||||
swal.fire({
|
||||
title: 'Auto close alert!',
|
||||
text: 'I will close in 5 seconds.',
|
||||
timer: 5000,
|
||||
onOpen: function() {
|
||||
swal.showLoading()
|
||||
}
|
||||
}).then(function(result) {
|
||||
if (result.dismiss === 'timer') {
|
||||
console.log('I was closed by the timer')
|
||||
}
|
||||
})
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
// Init
|
||||
init: function() {
|
||||
initDemos();
|
||||
},
|
||||
};
|
||||
}();
|
||||
|
||||
// Class Initialization
|
||||
jQuery(document).ready(function() {
|
||||
KTSweetAlert2Demo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/extended/sweetalert2.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/extended/sweetalert2.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTSweetAlert2Demo={init:function(){$("#kt_sweetalert_demo_1").click(function(e){swal.fire("Good job!")}),$("#kt_sweetalert_demo_2").click(function(e){swal.fire("Here's the title!","...and here's the text!")}),$("#kt_sweetalert_demo_3_1").click(function(e){swal.fire("Good job!","You clicked the button!","warning")}),$("#kt_sweetalert_demo_3_2").click(function(e){swal.fire("Good job!","You clicked the button!","error")}),$("#kt_sweetalert_demo_3_3").click(function(e){swal.fire("Good job!","You clicked the button!","success")}),$("#kt_sweetalert_demo_3_4").click(function(e){swal.fire("Good job!","You clicked the button!","info")}),$("#kt_sweetalert_demo_3_5").click(function(e){swal.fire("Good job!","You clicked the button!","question")}),$("#kt_sweetalert_demo_4").click(function(e){swal.fire({title:"Good job!",text:"You clicked the button!",type:"success",buttonsStyling:!1,confirmButtonText:"Confirm me!",confirmButtonClass:"btn btn-brand"})}),$("#kt_sweetalert_demo_5").click(function(e){swal.fire({title:"Good job!",text:"You clicked the button!",type:"success",buttonsStyling:!1,confirmButtonText:"<i class='la la-headphones'></i> I am game!",confirmButtonClass:"btn btn-danger",showCancelButton:!0,cancelButtonText:"<i class='la la-thumbs-down'></i> No, thanks",cancelButtonClass:"btn btn-default"})}),$("#kt_sweetalert_demo_6").click(function(e){swal.fire({position:"top-right",type:"success",title:"Your work has been saved",showConfirmButton:!1,timer:1500})}),$("#kt_sweetalert_demo_7").click(function(e){swal.fire({title:"jQuery HTML example",html:$("<div>").addClass("some-class").text("jQuery is everywhere."),animation:!1,customClass:"animated tada"})}),$("#kt_sweetalert_demo_8").click(function(e){swal.fire({title:"Are you sure?",text:"You won't be able to revert this!",type:"warning",showCancelButton:!0,confirmButtonText:"Yes, delete it!"}).then(function(e){e.value&&swal.fire("Deleted!","Your file has been deleted.","success")})}),$("#kt_sweetalert_demo_9").click(function(e){swal.fire({title:"Are you sure?",text:"You won't be able to revert this!",type:"warning",showCancelButton:!0,confirmButtonText:"Yes, delete it!",cancelButtonText:"No, cancel!",reverseButtons:!0}).then(function(e){e.value?swal.fire("Deleted!","Your file has been deleted.","success"):"cancel"===e.dismiss&&swal.fire("Cancelled","Your imaginary file is safe :)","error")})}),$("#kt_sweetalert_demo_10").click(function(e){swal.fire({title:"Sweet!",text:"Modal with a custom image.",imageUrl:"https://unsplash.it/400/200",imageWidth:400,imageHeight:200,imageAlt:"Custom image",animation:!1})}),$("#kt_sweetalert_demo_11").click(function(e){swal.fire({title:"Auto close alert!",text:"I will close in 5 seconds.",timer:5e3,onOpen:function(){swal.showLoading()}}).then(function(e){"timer"===e.dismiss&&console.log("I was closed by the timer")})})}};jQuery(document).ready(function(){KTSweetAlert2Demo.init()});
|
||||
165
public/assets/js/demo1/pages/components/extended/toastr.js
Normal file
165
public/assets/js/demo1/pages/components/extended/toastr.js
Normal file
@@ -0,0 +1,165 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTToastrDemo = function() {
|
||||
|
||||
// Private functions
|
||||
|
||||
// basic demo
|
||||
var demo = function() {
|
||||
var i = -1;
|
||||
var toastCount = 0;
|
||||
var $toastlast;
|
||||
|
||||
var getMessage = function () {
|
||||
var msgs = [
|
||||
'New order has been placed!',
|
||||
'Are you the six fingered man?',
|
||||
'Inconceivable!',
|
||||
'I do not think that means what you think it means.',
|
||||
'Have fun storming the castle!'
|
||||
];
|
||||
i++;
|
||||
if (i === msgs.length) {
|
||||
i = 0;
|
||||
}
|
||||
|
||||
return msgs[i];
|
||||
};
|
||||
|
||||
var getMessageWithClearButton = function (msg) {
|
||||
msg = msg ? msg : 'Clear itself?';
|
||||
msg += '<br /><br /><button type="button" class="btn btn-outline-light btn-sm--air--wide clear">Yes</button>';
|
||||
return msg;
|
||||
};
|
||||
|
||||
$('#showtoast').click(function () {
|
||||
var shortCutFunction = $("#toastTypeGroup input:radio:checked").val();
|
||||
var msg = $('#message').val();
|
||||
var title = $('#title').val() || '';
|
||||
var $showDuration = $('#showDuration');
|
||||
var $hideDuration = $('#hideDuration');
|
||||
var $timeOut = $('#timeOut');
|
||||
var $extendedTimeOut = $('#extendedTimeOut');
|
||||
var $showEasing = $('#showEasing');
|
||||
var $hideEasing = $('#hideEasing');
|
||||
var $showMethod = $('#showMethod');
|
||||
var $hideMethod = $('#hideMethod');
|
||||
var toastIndex = toastCount++;
|
||||
var addClear = $('#addClear').prop('checked');
|
||||
|
||||
toastr.options = {
|
||||
closeButton: $('#closeButton').prop('checked'),
|
||||
debug: $('#debugInfo').prop('checked'),
|
||||
newestOnTop: $('#newestOnTop').prop('checked'),
|
||||
progressBar: $('#progressBar').prop('checked'),
|
||||
positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
|
||||
preventDuplicates: $('#preventDuplicates').prop('checked'),
|
||||
onclick: null
|
||||
};
|
||||
|
||||
if ($('#addBehaviorOnToastClick').prop('checked')) {
|
||||
toastr.options.onclick = function () {
|
||||
alert('You can perform some custom action after a toast goes away');
|
||||
};
|
||||
}
|
||||
|
||||
if ($showDuration.val().length) {
|
||||
toastr.options.showDuration = $showDuration.val();
|
||||
}
|
||||
|
||||
if ($hideDuration.val().length) {
|
||||
toastr.options.hideDuration = $hideDuration.val();
|
||||
}
|
||||
|
||||
if ($timeOut.val().length) {
|
||||
toastr.options.timeOut = addClear ? 0 : $timeOut.val();
|
||||
}
|
||||
|
||||
if ($extendedTimeOut.val().length) {
|
||||
toastr.options.extendedTimeOut = addClear ? 0 : $extendedTimeOut.val();
|
||||
}
|
||||
|
||||
if ($showEasing.val().length) {
|
||||
toastr.options.showEasing = $showEasing.val();
|
||||
}
|
||||
|
||||
if ($hideEasing.val().length) {
|
||||
toastr.options.hideEasing = $hideEasing.val();
|
||||
}
|
||||
|
||||
if ($showMethod.val().length) {
|
||||
toastr.options.showMethod = $showMethod.val();
|
||||
}
|
||||
|
||||
if ($hideMethod.val().length) {
|
||||
toastr.options.hideMethod = $hideMethod.val();
|
||||
}
|
||||
|
||||
if (addClear) {
|
||||
msg = getMessageWithClearButton(msg);
|
||||
toastr.options.tapToDismiss = false;
|
||||
}
|
||||
if (!msg) {
|
||||
msg = getMessage();
|
||||
}
|
||||
|
||||
$('#toastrOptions').text(
|
||||
'toastr.options = '
|
||||
+ JSON.stringify(toastr.options, null, 2)
|
||||
+ ';'
|
||||
+ '\n\ntoastr.'
|
||||
+ shortCutFunction
|
||||
+ '("'
|
||||
+ msg
|
||||
+ (title ? '", "' + title : '')
|
||||
+ '");'
|
||||
);
|
||||
|
||||
var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
|
||||
$toastlast = $toast;
|
||||
|
||||
if(typeof $toast === 'undefined'){
|
||||
return;
|
||||
}
|
||||
|
||||
if ($toast.find('#okBtn').length) {
|
||||
$toast.delegate('#okBtn', 'click', function () {
|
||||
alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
|
||||
$toast.remove();
|
||||
});
|
||||
}
|
||||
if ($toast.find('#surpriseBtn').length) {
|
||||
$toast.delegate('#surpriseBtn', 'click', function () {
|
||||
alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
|
||||
});
|
||||
}
|
||||
if ($toast.find('.clear').length) {
|
||||
$toast.delegate('.clear', 'click', function () {
|
||||
toastr.clear($toast, { force: true });
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function getLastToast(){
|
||||
return $toastlast;
|
||||
}
|
||||
$('#clearlasttoast').click(function () {
|
||||
toastr.clear(getLastToast());
|
||||
});
|
||||
$('#cleartoasts').click(function () {
|
||||
toastr.clear();
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
demo();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTToastrDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/extended/toastr.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/extended/toastr.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTToastrDemo=function(){var t=function(){var t,o=-1,e=0;$("#showtoast").click(function(){var n,a=$("#toastTypeGroup input:radio:checked").val(),i=$("#message").val(),s=$("#title").val()||"",r=$("#showDuration"),l=$("#hideDuration"),c=$("#timeOut"),u=$("#extendedTimeOut"),p=$("#showEasing"),d=$("#hideEasing"),h=$("#showMethod"),v=$("#hideMethod"),g=e++,f=$("#addClear").prop("checked");toastr.options={closeButton:$("#closeButton").prop("checked"),debug:$("#debugInfo").prop("checked"),newestOnTop:$("#newestOnTop").prop("checked"),progressBar:$("#progressBar").prop("checked"),positionClass:$("#positionGroup input:radio:checked").val()||"toast-top-right",preventDuplicates:$("#preventDuplicates").prop("checked"),onclick:null},$("#addBehaviorOnToastClick").prop("checked")&&(toastr.options.onclick=function(){alert("You can perform some custom action after a toast goes away")}),r.val().length&&(toastr.options.showDuration=r.val()),l.val().length&&(toastr.options.hideDuration=l.val()),c.val().length&&(toastr.options.timeOut=f?0:c.val()),u.val().length&&(toastr.options.extendedTimeOut=f?0:u.val()),p.val().length&&(toastr.options.showEasing=p.val()),d.val().length&&(toastr.options.hideEasing=d.val()),h.val().length&&(toastr.options.showMethod=h.val()),v.val().length&&(toastr.options.hideMethod=v.val()),f&&(i=function(t){return t=t||"Clear itself?",t+='<br /><br /><button type="button" class="btn btn-outline-light btn-sm--air--wide clear">Yes</button>'}(i),toastr.options.tapToDismiss=!1),i||(++o===(n=["New order has been placed!","Are you the six fingered man?","Inconceivable!","I do not think that means what you think it means.","Have fun storming the castle!"]).length&&(o=0),i=n[o]),$("#toastrOptions").text("toastr.options = "+JSON.stringify(toastr.options,null,2)+";\n\ntoastr."+a+'("'+i+(s?'", "'+s:"")+'");');var k=toastr[a](i,s);t=k,void 0!==k&&(k.find("#okBtn").length&&k.delegate("#okBtn","click",function(){alert("you clicked me. i was toast #"+g+". goodbye!"),k.remove()}),k.find("#surpriseBtn").length&&k.delegate("#surpriseBtn","click",function(){alert("Surprise! you clicked me. i was toast #"+g+". You could perform an action here.")}),k.find(".clear").length&&k.delegate(".clear","click",function(){toastr.clear(k,{force:!0})}))}),$("#clearlasttoast").click(function(){toastr.clear(t)}),$("#cleartoasts").click(function(){toastr.clear()})};return{init:function(){t()}}}();jQuery(document).ready(function(){KTToastrDemo.init()});
|
||||
277
public/assets/js/demo1/pages/components/extended/treeview.js
Normal file
277
public/assets/js/demo1/pages/components/extended/treeview.js
Normal file
@@ -0,0 +1,277 @@
|
||||
"use strict";
|
||||
|
||||
var KTTreeview = function () {
|
||||
|
||||
var demo1 = function () {
|
||||
$('#kt_tree_1').jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
}
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file"
|
||||
}
|
||||
},
|
||||
"plugins": ["types"]
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function () {
|
||||
$('#kt_tree_2').jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
}
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder kt-font-warning"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file kt-font-warning"
|
||||
}
|
||||
},
|
||||
"plugins": ["types"]
|
||||
});
|
||||
|
||||
// handle link clicks in tree nodes(support target="_blank" as well)
|
||||
$('#kt_tree_2').on('select_node.jstree', function(e,data) {
|
||||
var link = $('#' + data.selected).find('a');
|
||||
if (link.attr("href") != "#" && link.attr("href") != "javascript:;" && link.attr("href") != "") {
|
||||
if (link.attr("target") == "_blank") {
|
||||
link.attr("href").target = "_blank";
|
||||
}
|
||||
document.location.href = link.attr("href");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo3 = function () {
|
||||
$('#kt_tree_3').jstree({
|
||||
'plugins': ["wholerow", "checkbox", "types"],
|
||||
'core': {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
},
|
||||
'data': [{
|
||||
"text": "Same but with checkboxes",
|
||||
"children": [{
|
||||
"text": "initially selected",
|
||||
"state": {
|
||||
"selected": true
|
||||
}
|
||||
}, {
|
||||
"text": "custom icon",
|
||||
"icon": "fa fa-warning kt-font-danger"
|
||||
}, {
|
||||
"text": "initially open",
|
||||
"icon" : "fa fa-folder kt-font-default",
|
||||
"state": {
|
||||
"opened": true
|
||||
},
|
||||
"children": ["Another node"]
|
||||
}, {
|
||||
"text": "custom icon",
|
||||
"icon": "fa fa-warning kt-font-waring"
|
||||
}, {
|
||||
"text": "disabled node",
|
||||
"icon": "fa fa-check kt-font-success",
|
||||
"state": {
|
||||
"disabled": true
|
||||
}
|
||||
}]
|
||||
},
|
||||
"And wholerow selection"
|
||||
]
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder kt-font-warning"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file kt-font-warning"
|
||||
}
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
var demo4 = function() {
|
||||
$("#kt_tree_4").jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
},
|
||||
// so that create works
|
||||
"check_callback" : true,
|
||||
'data': [{
|
||||
"text": "Parent Node",
|
||||
"children": [{
|
||||
"text": "Initially selected",
|
||||
"state": {
|
||||
"selected": true
|
||||
}
|
||||
}, {
|
||||
"text": "Custom Icon",
|
||||
"icon": "fa fa-warning kt-font-danger"
|
||||
}, {
|
||||
"text": "Initially open",
|
||||
"icon" : "fa fa-folder kt-font-success",
|
||||
"state": {
|
||||
"opened": true
|
||||
},
|
||||
"children": [
|
||||
{"text": "Another node", "icon" : "fa fa-file kt-font-waring"}
|
||||
]
|
||||
}, {
|
||||
"text": "Another Custom Icon",
|
||||
"icon": "fa fa-warning kt-font-waring"
|
||||
}, {
|
||||
"text": "Disabled Node",
|
||||
"icon": "fa fa-check kt-font-success",
|
||||
"state": {
|
||||
"disabled": true
|
||||
}
|
||||
}, {
|
||||
"text": "Sub Nodes",
|
||||
"icon": "fa fa-folder kt-font-danger",
|
||||
"children": [
|
||||
{"text": "Item 1", "icon" : "fa fa-file kt-font-waring"},
|
||||
{"text": "Item 2", "icon" : "fa fa-file kt-font-success"},
|
||||
{"text": "Item 3", "icon" : "fa fa-file kt-font-default"},
|
||||
{"text": "Item 4", "icon" : "fa fa-file kt-font-danger"},
|
||||
{"text": "Item 5", "icon" : "fa fa-file kt-font-info"}
|
||||
]
|
||||
}]
|
||||
},
|
||||
"Another Node"
|
||||
]
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder kt-font-brand"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file kt-font-brand"
|
||||
}
|
||||
},
|
||||
"state" : { "key" : "demo2" },
|
||||
"plugins" : [ "contextmenu", "state", "types" ]
|
||||
});
|
||||
}
|
||||
|
||||
var demo5 = function() {
|
||||
$("#kt_tree_5").jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
},
|
||||
// so that create works
|
||||
"check_callback" : true,
|
||||
'data': [{
|
||||
"text": "Parent Node",
|
||||
"children": [{
|
||||
"text": "Initially selected",
|
||||
"state": {
|
||||
"selected": true
|
||||
}
|
||||
}, {
|
||||
"text": "Custom Icon",
|
||||
"icon": "fa fa-warning kt-font-danger"
|
||||
}, {
|
||||
"text": "Initially open",
|
||||
"icon" : "fa fa-folder kt-font-success",
|
||||
"state": {
|
||||
"opened": true
|
||||
},
|
||||
"children": [
|
||||
{"text": "Another node", "icon" : "fa fa-file kt-font-waring"}
|
||||
]
|
||||
}, {
|
||||
"text": "Another Custom Icon",
|
||||
"icon": "fa fa-warning kt-font-waring"
|
||||
}, {
|
||||
"text": "Disabled Node",
|
||||
"icon": "fa fa-check kt-font-success",
|
||||
"state": {
|
||||
"disabled": true
|
||||
}
|
||||
}, {
|
||||
"text": "Sub Nodes",
|
||||
"icon": "fa fa-folder kt-font-danger",
|
||||
"children": [
|
||||
{"text": "Item 1", "icon" : "fa fa-file kt-font-waring"},
|
||||
{"text": "Item 2", "icon" : "fa fa-file kt-font-success"},
|
||||
{"text": "Item 3", "icon" : "fa fa-file kt-font-default"},
|
||||
{"text": "Item 4", "icon" : "fa fa-file kt-font-danger"},
|
||||
{"text": "Item 5", "icon" : "fa fa-file kt-font-info"}
|
||||
]
|
||||
}]
|
||||
},
|
||||
"Another Node"
|
||||
]
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder kt-font-success"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file kt-font-success"
|
||||
}
|
||||
},
|
||||
"state" : { "key" : "demo2" },
|
||||
"plugins" : [ "dnd", "state", "types" ]
|
||||
});
|
||||
}
|
||||
|
||||
var demo6 = function() {
|
||||
$("#kt_tree_6").jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
},
|
||||
// so that create works
|
||||
"check_callback" : true,
|
||||
'data' : {
|
||||
'url' : function (node) {
|
||||
return 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/jstree/ajax_data.php';
|
||||
},
|
||||
'data' : function (node) {
|
||||
return { 'parent' : node.id };
|
||||
}
|
||||
}
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder kt-font-brand"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file kt-font-brand"
|
||||
}
|
||||
},
|
||||
"state" : { "key" : "demo3" },
|
||||
"plugins" : [ "dnd", "state", "types" ]
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
demo5();
|
||||
demo6();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTTreeview.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/extended/treeview.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/extended/treeview.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTTreeview={init:function(){$("#kt_tree_1").jstree({core:{themes:{responsive:!1}},types:{default:{icon:"fa fa-folder"},file:{icon:"fa fa-file"}},plugins:["types"]}),$("#kt_tree_2").jstree({core:{themes:{responsive:!1}},types:{default:{icon:"fa fa-folder kt-font-warning"},file:{icon:"fa fa-file kt-font-warning"}},plugins:["types"]}),$("#kt_tree_2").on("select_node.jstree",function(e,t){var n=$("#"+t.selected).find("a");if("#"!=n.attr("href")&&"javascript:;"!=n.attr("href")&&""!=n.attr("href"))return"_blank"==n.attr("target")&&(n.attr("href").target="_blank"),document.location.href=n.attr("href"),!1}),$("#kt_tree_3").jstree({plugins:["wholerow","checkbox","types"],core:{themes:{responsive:!1},data:[{text:"Same but with checkboxes",children:[{text:"initially selected",state:{selected:!0}},{text:"custom icon",icon:"fa fa-warning kt-font-danger"},{text:"initially open",icon:"fa fa-folder kt-font-default",state:{opened:!0},children:["Another node"]},{text:"custom icon",icon:"fa fa-warning kt-font-waring"},{text:"disabled node",icon:"fa fa-check kt-font-success",state:{disabled:!0}}]},"And wholerow selection"]},types:{default:{icon:"fa fa-folder kt-font-warning"},file:{icon:"fa fa-file kt-font-warning"}}}),$("#kt_tree_4").jstree({core:{themes:{responsive:!1},check_callback:!0,data:[{text:"Parent Node",children:[{text:"Initially selected",state:{selected:!0}},{text:"Custom Icon",icon:"fa fa-warning kt-font-danger"},{text:"Initially open",icon:"fa fa-folder kt-font-success",state:{opened:!0},children:[{text:"Another node",icon:"fa fa-file kt-font-waring"}]},{text:"Another Custom Icon",icon:"fa fa-warning kt-font-waring"},{text:"Disabled Node",icon:"fa fa-check kt-font-success",state:{disabled:!0}},{text:"Sub Nodes",icon:"fa fa-folder kt-font-danger",children:[{text:"Item 1",icon:"fa fa-file kt-font-waring"},{text:"Item 2",icon:"fa fa-file kt-font-success"},{text:"Item 3",icon:"fa fa-file kt-font-default"},{text:"Item 4",icon:"fa fa-file kt-font-danger"},{text:"Item 5",icon:"fa fa-file kt-font-info"}]}]},"Another Node"]},types:{default:{icon:"fa fa-folder kt-font-brand"},file:{icon:"fa fa-file kt-font-brand"}},state:{key:"demo2"},plugins:["contextmenu","state","types"]}),$("#kt_tree_5").jstree({core:{themes:{responsive:!1},check_callback:!0,data:[{text:"Parent Node",children:[{text:"Initially selected",state:{selected:!0}},{text:"Custom Icon",icon:"fa fa-warning kt-font-danger"},{text:"Initially open",icon:"fa fa-folder kt-font-success",state:{opened:!0},children:[{text:"Another node",icon:"fa fa-file kt-font-waring"}]},{text:"Another Custom Icon",icon:"fa fa-warning kt-font-waring"},{text:"Disabled Node",icon:"fa fa-check kt-font-success",state:{disabled:!0}},{text:"Sub Nodes",icon:"fa fa-folder kt-font-danger",children:[{text:"Item 1",icon:"fa fa-file kt-font-waring"},{text:"Item 2",icon:"fa fa-file kt-font-success"},{text:"Item 3",icon:"fa fa-file kt-font-default"},{text:"Item 4",icon:"fa fa-file kt-font-danger"},{text:"Item 5",icon:"fa fa-file kt-font-info"}]}]},"Another Node"]},types:{default:{icon:"fa fa-folder kt-font-success"},file:{icon:"fa fa-file kt-font-success"}},state:{key:"demo2"},plugins:["dnd","state","types"]}),$("#kt_tree_6").jstree({core:{themes:{responsive:!1},check_callback:!0,data:{url:function(e){return"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/jstree/ajax_data.php"},data:function(e){return{parent:e.id}}}},types:{default:{icon:"fa fa-folder kt-font-brand"},file:{icon:"fa fa-file kt-font-brand"}},state:{key:"demo3"},plugins:["dnd","state","types"]})}};jQuery(document).ready(function(){KTTreeview.init()});
|
||||
223
public/assets/js/demo1/pages/components/maps/google-maps.js
Normal file
223
public/assets/js/demo1/pages/components/maps/google-maps.js
Normal file
@@ -0,0 +1,223 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTGoogleMapsDemo = function() {
|
||||
|
||||
// Private functions
|
||||
|
||||
var demo1 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_1',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_2',
|
||||
zoom: 16,
|
||||
lat: -12.043333,
|
||||
lng: -77.028333,
|
||||
click: function(e) {
|
||||
alert('click');
|
||||
},
|
||||
dragend: function(e) {
|
||||
alert('dragend');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo3 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_3',
|
||||
lat: -51.38739,
|
||||
lng: -6.187181,
|
||||
});
|
||||
map.addMarker({
|
||||
lat: -51.38739,
|
||||
lng: -6.187181,
|
||||
title: 'Lima',
|
||||
details: {
|
||||
database_id: 42,
|
||||
author: 'HPNeo'
|
||||
},
|
||||
click: function(e) {
|
||||
if (console.log) console.log(e);
|
||||
alert('You clicked in this marker');
|
||||
}
|
||||
});
|
||||
map.addMarker({
|
||||
lat: -12.042,
|
||||
lng: -77.028333,
|
||||
title: 'Marker with InfoWindow',
|
||||
infoWindow: {
|
||||
content: '<span style="color:#000">HTML Content!</span>'
|
||||
}
|
||||
});
|
||||
map.setZoom(5);
|
||||
}
|
||||
|
||||
var demo4 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_4',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
|
||||
GMaps.geolocate({
|
||||
success: function(position) {
|
||||
map.setCenter(position.coords.latitude, position.coords.longitude);
|
||||
},
|
||||
error: function(error) {
|
||||
alert('Geolocation failed: ' + error.message);
|
||||
},
|
||||
not_supported: function() {
|
||||
alert("Your browser does not support geolocation");
|
||||
},
|
||||
always: function() {
|
||||
//alert("Geolocation Done!");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var demo5 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_5',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333,
|
||||
click: function(e) {
|
||||
console.log(e);
|
||||
}
|
||||
});
|
||||
|
||||
var path = [
|
||||
[-12.044012922866312, -77.02470665341184],
|
||||
[-12.05449279282314, -77.03024273281858],
|
||||
[-12.055122327623378, -77.03039293652341],
|
||||
[-12.075917129727586, -77.02764635449216],
|
||||
[-12.07635776902266, -77.02792530422971],
|
||||
[-12.076819390363665, -77.02893381481931],
|
||||
[-12.088527520066453, -77.0241058385925],
|
||||
[-12.090814532191756, -77.02271108990476]
|
||||
];
|
||||
|
||||
map.drawPolyline({
|
||||
path: path,
|
||||
strokeColor: '#131540',
|
||||
strokeOpacity: 0.6,
|
||||
strokeWeight: 6
|
||||
});
|
||||
}
|
||||
|
||||
var demo6 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_6',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
|
||||
var path = [
|
||||
[-12.040397656836609, -77.03373871559225],
|
||||
[-12.040248585302038, -77.03993927003302],
|
||||
[-12.050047116528843, -77.02448169303511],
|
||||
[-12.044804866577001, -77.02154422636042]
|
||||
];
|
||||
|
||||
var polygon = map.drawPolygon({
|
||||
paths: path,
|
||||
strokeColor: '#BBD8E9',
|
||||
strokeOpacity: 1,
|
||||
strokeWeight: 3,
|
||||
fillColor: '#BBD8E9',
|
||||
fillOpacity: 0.6
|
||||
});
|
||||
}
|
||||
|
||||
var demo7 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_7',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
$('#kt_gmap_7_btn').click(function(e) {
|
||||
e.preventDefault();
|
||||
KTUtil.scrollTo('kt_gmap_7_btn', 400);
|
||||
map.travelRoute({
|
||||
origin: [-12.044012922866312, -77.02470665341184],
|
||||
destination: [-12.090814532191756, -77.02271108990476],
|
||||
travelMode: 'driving',
|
||||
step: function(e) {
|
||||
$('#kt_gmap_7_routes').append('<li>' + e.instructions + '</li>');
|
||||
$('#kt_gmap_7_routes li:eq(' + e.step_number + ')').delay(800 * e.step_number).fadeIn(500, function() {
|
||||
map.setCenter(e.end_location.lat(), e.end_location.lng());
|
||||
map.drawPolyline({
|
||||
path: e.path,
|
||||
strokeColor: '#131540',
|
||||
strokeOpacity: 0.6,
|
||||
strokeWeight: 6
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
var demo8 = function() {
|
||||
var map = new GMaps({
|
||||
div: '#kt_gmap_8',
|
||||
lat: -12.043333,
|
||||
lng: -77.028333
|
||||
});
|
||||
|
||||
var handleAction = function() {
|
||||
var text = $.trim($('#kt_gmap_8_address').val());
|
||||
GMaps.geocode({
|
||||
address: text,
|
||||
callback: function(results, status) {
|
||||
if (status == 'OK') {
|
||||
var latlng = results[0].geometry.location;
|
||||
map.setCenter(latlng.lat(), latlng.lng());
|
||||
map.addMarker({
|
||||
lat: latlng.lat(),
|
||||
lng: latlng.lng()
|
||||
});
|
||||
KTUtil.scrollTo('kt_gmap_8');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$('#kt_gmap_8_btn').click(function(e) {
|
||||
e.preventDefault();
|
||||
handleAction();
|
||||
});
|
||||
|
||||
$("#kt_gmap_8_address").keypress(function(e) {
|
||||
var keycode = (e.keyCode ? e.keyCode : e.which);
|
||||
if (keycode == '13') {
|
||||
e.preventDefault();
|
||||
handleAction();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
// default charts
|
||||
demo1();
|
||||
demo2();
|
||||
demo3();
|
||||
demo4();
|
||||
demo5();
|
||||
demo6();
|
||||
demo7();
|
||||
demo8();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTGoogleMapsDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/maps/google-maps.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/maps/google-maps.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTGoogleMapsDemo={init:function(){var t;new GMaps({div:"#kt_gmap_1",lat:-12.043333,lng:-77.028333}),new GMaps({div:"#kt_gmap_2",zoom:16,lat:-12.043333,lng:-77.028333,click:function(t){alert("click")},dragend:function(t){alert("dragend")}}),(t=new GMaps({div:"#kt_gmap_3",lat:-51.38739,lng:-6.187181})).addMarker({lat:-51.38739,lng:-6.187181,title:"Lima",details:{database_id:42,author:"HPNeo"},click:function(t){console.log&&console.log(t),alert("You clicked in this marker")}}),t.addMarker({lat:-12.042,lng:-77.028333,title:"Marker with InfoWindow",infoWindow:{content:'<span style="color:#000">HTML Content!</span>'}}),t.setZoom(5),function(){var t=new GMaps({div:"#kt_gmap_4",lat:-12.043333,lng:-77.028333});GMaps.geolocate({success:function(e){t.setCenter(e.coords.latitude,e.coords.longitude)},error:function(t){alert("Geolocation failed: "+t.message)},not_supported:function(){alert("Your browser does not support geolocation")},always:function(){}})}(),new GMaps({div:"#kt_gmap_5",lat:-12.043333,lng:-77.028333,click:function(t){console.log(t)}}).drawPolyline({path:[[-12.044012922866312,-77.02470665341184],[-12.05449279282314,-77.03024273281858],[-12.055122327623378,-77.03039293652341],[-12.075917129727586,-77.02764635449216],[-12.07635776902266,-77.02792530422971],[-12.076819390363665,-77.02893381481931],[-12.088527520066453,-77.0241058385925],[-12.090814532191756,-77.02271108990476]],strokeColor:"#131540",strokeOpacity:.6,strokeWeight:6}),new GMaps({div:"#kt_gmap_6",lat:-12.043333,lng:-77.028333}).drawPolygon({paths:[[-12.040397656836609,-77.03373871559225],[-12.040248585302038,-77.03993927003302],[-12.050047116528843,-77.02448169303511],[-12.044804866577001,-77.02154422636042]],strokeColor:"#BBD8E9",strokeOpacity:1,strokeWeight:3,fillColor:"#BBD8E9",fillOpacity:.6}),function(){var t=new GMaps({div:"#kt_gmap_7",lat:-12.043333,lng:-77.028333});$("#kt_gmap_7_btn").click(function(e){e.preventDefault(),KTUtil.scrollTo("kt_gmap_7_btn",400),t.travelRoute({origin:[-12.044012922866312,-77.02470665341184],destination:[-12.090814532191756,-77.02271108990476],travelMode:"driving",step:function(e){$("#kt_gmap_7_routes").append("<li>"+e.instructions+"</li>"),$("#kt_gmap_7_routes li:eq("+e.step_number+")").delay(800*e.step_number).fadeIn(500,function(){t.setCenter(e.end_location.lat(),e.end_location.lng()),t.drawPolyline({path:e.path,strokeColor:"#131540",strokeOpacity:.6,strokeWeight:6})})}})})}(),function(){var t=new GMaps({div:"#kt_gmap_8",lat:-12.043333,lng:-77.028333}),e=function(){var e=$.trim($("#kt_gmap_8_address").val());GMaps.geocode({address:e,callback:function(e,o){if("OK"==o){var n=e[0].geometry.location;t.setCenter(n.lat(),n.lng()),t.addMarker({lat:n.lat(),lng:n.lng()}),KTUtil.scrollTo("kt_gmap_8")}}})};$("#kt_gmap_8_btn").click(function(t){t.preventDefault(),e()}),$("#kt_gmap_8_address").keypress(function(t){"13"==(t.keyCode?t.keyCode:t.which)&&(t.preventDefault(),e())})}()}};jQuery(document).ready(function(){KTGoogleMapsDemo.init()});
|
||||
250
public/assets/js/demo1/pages/components/maps/jqvmap.js
Normal file
250
public/assets/js/demo1/pages/components/maps/jqvmap.js
Normal file
@@ -0,0 +1,250 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTjQVMapDemo = function() {
|
||||
|
||||
var sample_data = {
|
||||
"af": "16.63",
|
||||
"al": "11.58",
|
||||
"dz": "158.97",
|
||||
"ao": "85.81",
|
||||
"ag": "1.1",
|
||||
"ar": "351.02",
|
||||
"am": "8.83",
|
||||
"au": "1219.72",
|
||||
"at": "366.26",
|
||||
"az": "52.17",
|
||||
"bs": "7.54",
|
||||
"bh": "21.73",
|
||||
"bd": "105.4",
|
||||
"bb": "3.96",
|
||||
"by": "52.89",
|
||||
"be": "461.33",
|
||||
"bz": "1.43",
|
||||
"bj": "6.49",
|
||||
"bt": "1.4",
|
||||
"bo": "19.18",
|
||||
"ba": "16.2",
|
||||
"bw": "12.5",
|
||||
"br": "2023.53",
|
||||
"bn": "11.96",
|
||||
"bg": "44.84",
|
||||
"bf": "8.67",
|
||||
"bi": "1.47",
|
||||
"kh": "11.36",
|
||||
"cm": "21.88",
|
||||
"ca": "1563.66",
|
||||
"cv": "1.57",
|
||||
"cf": "2.11",
|
||||
"td": "7.59",
|
||||
"cl": "199.18",
|
||||
"cn": "5745.13",
|
||||
"co": "283.11",
|
||||
"km": "0.56",
|
||||
"cd": "12.6",
|
||||
"cg": "11.88",
|
||||
"cr": "35.02",
|
||||
"ci": "22.38",
|
||||
"hr": "59.92",
|
||||
"cy": "22.75",
|
||||
"cz": "195.23",
|
||||
"dk": "304.56",
|
||||
"dj": "1.14",
|
||||
"dm": "0.38",
|
||||
"do": "50.87",
|
||||
"ec": "61.49",
|
||||
"eg": "216.83",
|
||||
"sv": "21.8",
|
||||
"gq": "14.55",
|
||||
"er": "2.25",
|
||||
"ee": "19.22",
|
||||
"et": "30.94",
|
||||
"fj": "3.15",
|
||||
"fi": "231.98",
|
||||
"fr": "2555.44",
|
||||
"ga": "12.56",
|
||||
"gm": "1.04",
|
||||
"ge": "11.23",
|
||||
"de": "3305.9",
|
||||
"gh": "18.06",
|
||||
"gr": "305.01",
|
||||
"gd": "0.65",
|
||||
"gt": "40.77",
|
||||
"gn": "4.34",
|
||||
"gw": "0.83",
|
||||
"gy": "2.2",
|
||||
"ht": "6.5",
|
||||
"hn": "15.34",
|
||||
"hk": "226.49",
|
||||
"hu": "132.28",
|
||||
"is": "12.77",
|
||||
"in": "1430.02",
|
||||
"id": "695.06",
|
||||
"ir": "337.9",
|
||||
"iq": "84.14",
|
||||
"ie": "204.14",
|
||||
"il": "201.25",
|
||||
"it": "2036.69",
|
||||
"jm": "13.74",
|
||||
"jp": "5390.9",
|
||||
"jo": "27.13",
|
||||
"kz": "129.76",
|
||||
"ke": "32.42",
|
||||
"ki": "0.15",
|
||||
"kr": "986.26",
|
||||
"undefined": "5.73",
|
||||
"kw": "117.32",
|
||||
"kg": "4.44",
|
||||
"la": "6.34",
|
||||
"lv": "23.39",
|
||||
"lb": "39.15",
|
||||
"ls": "1.8",
|
||||
"lr": "0.98",
|
||||
"ly": "77.91",
|
||||
"lt": "35.73",
|
||||
"lu": "52.43",
|
||||
"mk": "9.58",
|
||||
"mg": "8.33",
|
||||
"mw": "5.04",
|
||||
"my": "218.95",
|
||||
"mv": "1.43",
|
||||
"ml": "9.08",
|
||||
"mt": "7.8",
|
||||
"mr": "3.49",
|
||||
"mu": "9.43",
|
||||
"mx": "1004.04",
|
||||
"md": "5.36",
|
||||
"mn": "5.81",
|
||||
"me": "3.88",
|
||||
"ma": "91.7",
|
||||
"mz": "10.21",
|
||||
"mm": "35.65",
|
||||
"na": "11.45",
|
||||
"np": "15.11",
|
||||
"nl": "770.31",
|
||||
"nz": "138",
|
||||
"ni": "6.38",
|
||||
"ne": "5.6",
|
||||
"ng": "206.66",
|
||||
"no": "413.51",
|
||||
"om": "53.78",
|
||||
"pk": "174.79",
|
||||
"pa": "27.2",
|
||||
"pg": "8.81",
|
||||
"py": "17.17",
|
||||
"pe": "153.55",
|
||||
"ph": "189.06",
|
||||
"pl": "438.88",
|
||||
"pt": "223.7",
|
||||
"qa": "126.52",
|
||||
"ro": "158.39",
|
||||
"ru": "1476.91",
|
||||
"rw": "5.69",
|
||||
"ws": "0.55",
|
||||
"st": "0.19",
|
||||
"sa": "434.44",
|
||||
"sn": "12.66",
|
||||
"rs": "38.92",
|
||||
"sc": "0.92",
|
||||
"sl": "1.9",
|
||||
"sg": "217.38",
|
||||
"sk": "86.26",
|
||||
"si": "46.44",
|
||||
"sb": "0.67",
|
||||
"za": "354.41",
|
||||
"es": "1374.78",
|
||||
"lk": "48.24",
|
||||
"kn": "0.56",
|
||||
"lc": "1",
|
||||
"vc": "0.58",
|
||||
"sd": "65.93",
|
||||
"sr": "3.3",
|
||||
"sz": "3.17",
|
||||
"se": "444.59",
|
||||
"ch": "522.44",
|
||||
"sy": "59.63",
|
||||
"tw": "426.98",
|
||||
"tj": "5.58",
|
||||
"tz": "22.43",
|
||||
"th": "312.61",
|
||||
"tl": "0.62",
|
||||
"tg": "3.07",
|
||||
"to": "0.3",
|
||||
"tt": "21.2",
|
||||
"tn": "43.86",
|
||||
"tr": "729.05",
|
||||
"tm": 0,
|
||||
"ug": "17.12",
|
||||
"ua": "136.56",
|
||||
"ae": "239.65",
|
||||
"gb": "2258.57",
|
||||
"us": "14624.18",
|
||||
"uy": "40.71",
|
||||
"uz": "37.72",
|
||||
"vu": "0.72",
|
||||
"ve": "285.21",
|
||||
"vn": "101.99",
|
||||
"ye": "30.02",
|
||||
"zm": "15.69",
|
||||
"zw": "5.57"
|
||||
};
|
||||
|
||||
// Private functions
|
||||
|
||||
var setupMap = function(name) {
|
||||
var data = {
|
||||
map: 'world_en',
|
||||
backgroundColor: null,
|
||||
color: '#ffffff',
|
||||
hoverOpacity: 0.7,
|
||||
selectedColor: '#666666',
|
||||
enableZoom: true,
|
||||
showTooltip: true,
|
||||
values: sample_data,
|
||||
scaleColors: ['#C8EEFF', '#006491'],
|
||||
normalizeFunction: 'polynomial',
|
||||
onRegionOver: function(event, code) {
|
||||
//sample to interact with map
|
||||
if (code == 'ca') {
|
||||
event.preventDefault();
|
||||
}
|
||||
},
|
||||
onRegionClick: function(element, code, region) {
|
||||
//sample to interact with map
|
||||
var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
|
||||
alert(message);
|
||||
}
|
||||
};
|
||||
|
||||
data.map = name + '_en';
|
||||
|
||||
var map = jQuery('#kt_jqvmap_' + name);
|
||||
|
||||
map.width(map.parent().width());
|
||||
map.vectorMap(data);
|
||||
}
|
||||
|
||||
var setupMaps = function() {
|
||||
setupMap("world");
|
||||
setupMap("usa");
|
||||
setupMap("europe");
|
||||
setupMap("russia");
|
||||
setupMap("germany");
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
// default charts
|
||||
setupMaps();
|
||||
|
||||
KTUtil.addResizeHandler(function() {
|
||||
setupMaps();
|
||||
});
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTjQVMapDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/maps/jqvmap.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/maps/jqvmap.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTjQVMapDemo=function(){var e={af:"16.63",al:"11.58",dz:"158.97",ao:"85.81",ag:"1.1",ar:"351.02",am:"8.83",au:"1219.72",at:"366.26",az:"52.17",bs:"7.54",bh:"21.73",bd:"105.4",bb:"3.96",by:"52.89",be:"461.33",bz:"1.43",bj:"6.49",bt:"1.4",bo:"19.18",ba:"16.2",bw:"12.5",br:"2023.53",bn:"11.96",bg:"44.84",bf:"8.67",bi:"1.47",kh:"11.36",cm:"21.88",ca:"1563.66",cv:"1.57",cf:"2.11",td:"7.59",cl:"199.18",cn:"5745.13",co:"283.11",km:"0.56",cd:"12.6",cg:"11.88",cr:"35.02",ci:"22.38",hr:"59.92",cy:"22.75",cz:"195.23",dk:"304.56",dj:"1.14",dm:"0.38",do:"50.87",ec:"61.49",eg:"216.83",sv:"21.8",gq:"14.55",er:"2.25",ee:"19.22",et:"30.94",fj:"3.15",fi:"231.98",fr:"2555.44",ga:"12.56",gm:"1.04",ge:"11.23",de:"3305.9",gh:"18.06",gr:"305.01",gd:"0.65",gt:"40.77",gn:"4.34",gw:"0.83",gy:"2.2",ht:"6.5",hn:"15.34",hk:"226.49",hu:"132.28",is:"12.77",in:"1430.02",id:"695.06",ir:"337.9",iq:"84.14",ie:"204.14",il:"201.25",it:"2036.69",jm:"13.74",jp:"5390.9",jo:"27.13",kz:"129.76",ke:"32.42",ki:"0.15",kr:"986.26",undefined:"5.73",kw:"117.32",kg:"4.44",la:"6.34",lv:"23.39",lb:"39.15",ls:"1.8",lr:"0.98",ly:"77.91",lt:"35.73",lu:"52.43",mk:"9.58",mg:"8.33",mw:"5.04",my:"218.95",mv:"1.43",ml:"9.08",mt:"7.8",mr:"3.49",mu:"9.43",mx:"1004.04",md:"5.36",mn:"5.81",me:"3.88",ma:"91.7",mz:"10.21",mm:"35.65",na:"11.45",np:"15.11",nl:"770.31",nz:"138",ni:"6.38",ne:"5.6",ng:"206.66",no:"413.51",om:"53.78",pk:"174.79",pa:"27.2",pg:"8.81",py:"17.17",pe:"153.55",ph:"189.06",pl:"438.88",pt:"223.7",qa:"126.52",ro:"158.39",ru:"1476.91",rw:"5.69",ws:"0.55",st:"0.19",sa:"434.44",sn:"12.66",rs:"38.92",sc:"0.92",sl:"1.9",sg:"217.38",sk:"86.26",si:"46.44",sb:"0.67",za:"354.41",es:"1374.78",lk:"48.24",kn:"0.56",lc:"1",vc:"0.58",sd:"65.93",sr:"3.3",sz:"3.17",se:"444.59",ch:"522.44",sy:"59.63",tw:"426.98",tj:"5.58",tz:"22.43",th:"312.61",tl:"0.62",tg:"3.07",to:"0.3",tt:"21.2",tn:"43.86",tr:"729.05",tm:0,ug:"17.12",ua:"136.56",ae:"239.65",gb:"2258.57",us:"14624.18",uy:"40.71",uz:"37.72",vu:"0.72",ve:"285.21",vn:"101.99",ye:"30.02",zm:"15.69",zw:"5.57"},n=function(n){var t={map:"world_en",backgroundColor:null,color:"#ffffff",hoverOpacity:.7,selectedColor:"#666666",enableZoom:!0,showTooltip:!0,values:e,scaleColors:["#C8EEFF","#006491"],normalizeFunction:"polynomial",onRegionOver:function(e,n){"ca"==n&&e.preventDefault()},onRegionClick:function(e,n,t){var a='You clicked "'+t+'" which has the code: '+n.toUpperCase();alert(a)}};t.map=n+"_en";var a=jQuery("#kt_jqvmap_"+n);a.width(a.parent().width()),a.vectorMap(t)},t=function(){n("world"),n("usa"),n("europe"),n("russia"),n("germany")};return{init:function(){t(),KTUtil.addResizeHandler(function(){t()})}}}();jQuery(document).ready(function(){KTjQVMapDemo.init()});
|
||||
22
public/assets/js/demo1/pages/components/maps/jvectormap.js
Normal file
22
public/assets/js/demo1/pages/components/maps/jvectormap.js
Normal file
@@ -0,0 +1,22 @@
|
||||
"use strict";
|
||||
|
||||
// Class definition
|
||||
var KTjVectorMap = function() {
|
||||
|
||||
// Private functions
|
||||
|
||||
var demo1 = function() {
|
||||
}
|
||||
|
||||
return {
|
||||
// public functions
|
||||
init: function() {
|
||||
// default charts
|
||||
demo1();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTjVectorMap.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/maps/jvectormap.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/maps/jvectormap.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTjVectorMap={init:function(){}};jQuery(document).ready(function(){KTjVectorMap.init()});
|
||||
@@ -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
1
public/assets/js/demo1/pages/components/portlets/draggable.min.js
vendored
Normal 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
490
public/assets/js/demo1/pages/components/portlets/tools.js
Normal 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
1
public/assets/js/demo1/pages/components/portlets/tools.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
258
public/assets/js/demo1/pages/components/utils/idle-timer.js
Normal file
258
public/assets/js/demo1/pages/components/utils/idle-timer.js
Normal file
@@ -0,0 +1,258 @@
|
||||
"use strict";
|
||||
|
||||
var KTIdleTimerDemo = function() {
|
||||
|
||||
var demo1 = function() {
|
||||
//Define default
|
||||
var
|
||||
docTimeout = 5000;
|
||||
|
||||
/*
|
||||
Handle raised idle/active events
|
||||
*/
|
||||
$(document).on("idle.idleTimer", function(event, elem, obj) {
|
||||
$("#docStatus")
|
||||
.val(function(i, v) {
|
||||
return v + "Idle @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
});
|
||||
$(document).on("active.idleTimer", function(event, elem, obj, e) {
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Active [" + e.type + "] [" + e.target.nodeName + "] @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
});
|
||||
|
||||
/*
|
||||
Handle button events
|
||||
*/
|
||||
$("#btPause").click(function() {
|
||||
$(document).idleTimer("pause");
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Paused @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btResume").click(function() {
|
||||
$(document).idleTimer("resume");
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Resumed @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btElapsed").click(function() {
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Elapsed (since becoming active): " + $(document).idleTimer("getElapsedTime") + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btDestroy").click(function() {
|
||||
$(document).idleTimer("destroy");
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Destroyed: @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btInit").click(function() {
|
||||
// for demo purposes show init with just object
|
||||
$(document).idleTimer({
|
||||
timeout: docTimeout
|
||||
});
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Init: @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
|
||||
//Apply classes for default state
|
||||
if ($(document).idleTimer("isIdle")) {
|
||||
$('#docStatus')
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning");
|
||||
} else {
|
||||
$('#docStatus')
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning");
|
||||
}
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
|
||||
//Clear old statuses
|
||||
$('#docStatus').val('');
|
||||
|
||||
//Start timeout, passing no options
|
||||
//Same as $.idleTimer(docTimeout, docOptions);
|
||||
$(document).idleTimer(docTimeout);
|
||||
|
||||
//For demo purposes, style based on initial state
|
||||
if ($(document).idleTimer("isIdle")) {
|
||||
$("#docStatus")
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Idle State @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
} else {
|
||||
$('#docStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Active State @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#docStatus')[0].scrollHeight);
|
||||
}
|
||||
|
||||
|
||||
//For demo purposes, display the actual timeout on the page
|
||||
$('#docTimeout').text(docTimeout / 1000);
|
||||
|
||||
}
|
||||
|
||||
var demo2 = function() {
|
||||
//Define textarea settings
|
||||
var
|
||||
taTimeout = 3000;
|
||||
|
||||
/*
|
||||
Handle raised idle/active events
|
||||
*/
|
||||
$('#elStatus').on("idle.idleTimer", function(event, elem, obj) {
|
||||
//If you dont stop propagation it will bubble up to document event handler
|
||||
event.stopPropagation();
|
||||
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Idle @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
|
||||
});
|
||||
$('#elStatus').on("active.idleTimer", function(event) {
|
||||
//If you dont stop propagation it will bubble up to document event handler
|
||||
event.stopPropagation();
|
||||
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Active @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
});
|
||||
|
||||
/*
|
||||
Handle button events
|
||||
*/
|
||||
$("#btReset").click(function() {
|
||||
$('#elStatus')
|
||||
.idleTimer("reset")
|
||||
.val(function(i, v) {
|
||||
return v + "Reset @ " + moment().format() + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
|
||||
//Apply classes for default state
|
||||
if ($("#elStatus").idleTimer("isIdle")) {
|
||||
$('#elStatus')
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning");
|
||||
} else {
|
||||
$('#elStatus')
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning");
|
||||
}
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btRemaining").click(function() {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Remaining: " + $("#elStatus").idleTimer("getRemainingTime") + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btLastActive").click(function() {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "LastActive: " + $("#elStatus").idleTimer("getLastActiveTime") + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
$("#btState").click(function() {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "State: " + ($("#elStatus").idleTimer("isIdle") ? "idle" : "active") + " \n";
|
||||
})
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
$(this).blur();
|
||||
return false;
|
||||
});
|
||||
|
||||
//Clear value if there was one cached & start time
|
||||
$('#elStatus').val('').idleTimer(taTimeout);
|
||||
|
||||
//For demo purposes, show initial state
|
||||
if ($("#elStatus").idleTimer("isIdle")) {
|
||||
$("#elStatus")
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Idle @ " + moment().format() + " \n";
|
||||
})
|
||||
.removeClass("alert-success")
|
||||
.addClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
} else {
|
||||
$('#elStatus')
|
||||
.val(function(i, v) {
|
||||
return v + "Initial Active @ " + moment().format() + " \n";
|
||||
})
|
||||
.addClass("alert-success")
|
||||
.removeClass("alert-warning")
|
||||
.scrollTop($('#elStatus')[0].scrollHeight);
|
||||
}
|
||||
|
||||
// Display the actual timeout on the page
|
||||
$('#elTimeout').text(taTimeout / 1000);
|
||||
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
demo1();
|
||||
demo2();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTIdleTimerDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/utils/idle-timer.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/utils/idle-timer.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTIdleTimerDemo={init:function(){$(document).on("idle.idleTimer",function(t,e,l){$("#docStatus").val(function(t,e){return e+"Idle @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight)}),$(document).on("active.idleTimer",function(t,e,l,s){$("#docStatus").val(function(t,e){return e+"Active ["+s.type+"] ["+s.target.nodeName+"] @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight)}),$("#btPause").click(function(){return $(document).idleTimer("pause"),$("#docStatus").val(function(t,e){return e+"Paused @ "+moment().format()+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btResume").click(function(){return $(document).idleTimer("resume"),$("#docStatus").val(function(t,e){return e+"Resumed @ "+moment().format()+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btElapsed").click(function(){return $("#docStatus").val(function(t,e){return e+"Elapsed (since becoming active): "+$(document).idleTimer("getElapsedTime")+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btDestroy").click(function(){return $(document).idleTimer("destroy"),$("#docStatus").val(function(t,e){return e+"Destroyed: @ "+moment().format()+" \n"}).removeClass("alert-success").removeClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btInit").click(function(){return $(document).idleTimer({timeout:5e3}),$("#docStatus").val(function(t,e){return e+"Init: @ "+moment().format()+" \n"}).scrollTop($("#docStatus")[0].scrollHeight),$(document).idleTimer("isIdle")?$("#docStatus").removeClass("alert-success").addClass("alert-warning"):$("#docStatus").addClass("alert-success").removeClass("alert-warning"),$(this).blur(),!1}),$("#docStatus").val(""),$(document).idleTimer(5e3),$(document).idleTimer("isIdle")?$("#docStatus").val(function(t,e){return e+"Initial Idle State @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight):$("#docStatus").val(function(t,e){return e+"Initial Active State @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#docStatus")[0].scrollHeight),$("#docTimeout").text(5),$("#elStatus").on("idle.idleTimer",function(t,e,l){t.stopPropagation(),$("#elStatus").val(function(t,e){return e+"Idle @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight)}),$("#elStatus").on("active.idleTimer",function(t){t.stopPropagation(),$("#elStatus").val(function(t,e){return e+"Active @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight)}),$("#btReset").click(function(){return $("#elStatus").idleTimer("reset").val(function(t,e){return e+"Reset @ "+moment().format()+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$("#elStatus").idleTimer("isIdle")?$("#elStatus").removeClass("alert-success").addClass("alert-warning"):$("#elStatus").addClass("alert-success").removeClass("alert-warning"),$(this).blur(),!1}),$("#btRemaining").click(function(){return $("#elStatus").val(function(t,e){return e+"Remaining: "+$("#elStatus").idleTimer("getRemainingTime")+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btLastActive").click(function(){return $("#elStatus").val(function(t,e){return e+"LastActive: "+$("#elStatus").idleTimer("getLastActiveTime")+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$(this).blur(),!1}),$("#btState").click(function(){return $("#elStatus").val(function(t,e){return e+"State: "+($("#elStatus").idleTimer("isIdle")?"idle":"active")+" \n"}).scrollTop($("#elStatus")[0].scrollHeight),$(this).blur(),!1}),$("#elStatus").val("").idleTimer(3e3),$("#elStatus").idleTimer("isIdle")?$("#elStatus").val(function(t,e){return e+"Initial Idle @ "+moment().format()+" \n"}).removeClass("alert-success").addClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight):$("#elStatus").val(function(t,e){return e+"Initial Active @ "+moment().format()+" \n"}).addClass("alert-success").removeClass("alert-warning").scrollTop($("#elStatus")[0].scrollHeight),$("#elTimeout").text(3)}};jQuery(document).ready(function(){KTIdleTimerDemo.init()});
|
||||
@@ -0,0 +1,31 @@
|
||||
"use strict";
|
||||
|
||||
var KTSessionTimeoutDemo = function () {
|
||||
|
||||
var initDemo = function () {
|
||||
$.sessionTimeout({
|
||||
title: 'Session Timeout Notification',
|
||||
message: 'Your session is about to expire.',
|
||||
keepAliveUrl: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/session-timeout/keepalive.php',
|
||||
redirUrl: '?p=page_user_lock_1',
|
||||
logoutUrl: '?p=page_user_login_1',
|
||||
warnAfter: 3000, //warn after 5 seconds
|
||||
redirAfter: 35000, //redirect after 10 secons,
|
||||
ignoreUserActivity: true,
|
||||
countdownMessage: 'Redirecting in {timer} seconds.',
|
||||
countdownBar: true
|
||||
});
|
||||
}
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
initDemo();
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTSessionTimeoutDemo.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/components/utils/session-timeout.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/components/utils/session-timeout.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTSessionTimeoutDemo={init:function(){$.sessionTimeout({title:"Session Timeout Notification",message:"Your session is about to expire.",keepAliveUrl:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/session-timeout/keepalive.php",redirUrl:"?p=page_user_lock_1",logoutUrl:"?p=page_user_login_1",warnAfter:3e3,redirAfter:35e3,ignoreUserActivity:!0,countdownMessage:"Redirecting in {timer} seconds.",countdownBar:!0})}};jQuery(document).ready(function(){KTSessionTimeoutDemo.init()});
|
||||
@@ -0,0 +1,135 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedColumnRendering = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
paging: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 0,
|
||||
title: 'Agent',
|
||||
render: function(data, type, full, meta) {
|
||||
var number = KTUtil.getRandomInt(1, 14);
|
||||
var user_img = '100_' + number + '.jpg';
|
||||
|
||||
var output;
|
||||
if (number > 8) {
|
||||
output = `
|
||||
<div class="kt-user-card-v2">
|
||||
<div class="kt-user-card-v2__pic">
|
||||
<img src="https://keenthemes.com/metronic/preview/assets/media/users/` + user_img + `" class="m-img-rounded kt-marginless" alt="photo">
|
||||
</div>
|
||||
<div class="kt-user-card-v2__details">
|
||||
<span class="kt-user-card-v2__name">` + full[2] + `</span>
|
||||
<a href="#" class="kt-user-card-v2__email kt-link">` + full[3] + `</a>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
else {
|
||||
var stateNo = KTUtil.getRandomInt(0, 7);
|
||||
var states = [
|
||||
'success',
|
||||
'brand',
|
||||
'danger',
|
||||
'success',
|
||||
'warning',
|
||||
'dark',
|
||||
'primary',
|
||||
'info'];
|
||||
var state = states[stateNo];
|
||||
|
||||
output = `
|
||||
<div class="kt-user-card-v2">
|
||||
<div class="kt-user-card-v2__pic">
|
||||
<div class="kt-badge kt-badge--xl kt-badge--` + state + `"><span>` + full[2].substring(0, 1) + `</div>
|
||||
</div>
|
||||
<div class="kt-user-card-v2__details">
|
||||
<span class="kt-user-card-v2__name">` + full[2] + `</span>
|
||||
<a href="#" class="kt-user-card-v2__email kt-link">` + full[3] + `</a>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
return output;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 1,
|
||||
render: function(data, type, full, meta) {
|
||||
return '<a class="kt-link" href="mailto:' + data + '">' + data + '</a>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 4,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 5,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedColumnRendering.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/advanced/column-rendering.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/advanced/column-rendering.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedColumnRendering={init:function(){$("#kt_table_1").DataTable({responsive:!0,paging:!0,columnDefs:[{targets:0,title:"Agent",render:function(a,t,e,n){var s=KTUtil.getRandomInt(1,14);return s>8?'\n <div class="kt-user-card-v2">\n <div class="kt-user-card-v2__pic">\n <img src="https://keenthemes.com/metronic/preview/assets/media/users/100_'+s+'.jpg" class="m-img-rounded kt-marginless" alt="photo">\n </div>\n <div class="kt-user-card-v2__details">\n <span class="kt-user-card-v2__name">'+e[2]+'</span>\n <a href="#" class="kt-user-card-v2__email kt-link">'+e[3]+"</a>\n </div>\n </div>":'\n <div class="kt-user-card-v2">\n <div class="kt-user-card-v2__pic">\n <div class="kt-badge kt-badge--xl kt-badge--'+["success","brand","danger","success","warning","dark","primary","info"][KTUtil.getRandomInt(0,7)]+'"><span>'+e[2].substring(0,1)+'</div>\n </div>\n <div class="kt-user-card-v2__details">\n <span class="kt-user-card-v2__name">'+e[2]+'</span>\n <a href="#" class="kt-user-card-v2__email kt-link">'+e[3]+"</a>\n </div>\n </div>"}},{targets:1,render:function(a,t,e,n){return'<a class="kt-link" href="mailto:'+a+'">'+a+"</a>"}},{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:4,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:5,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnRendering.init()});
|
||||
@@ -0,0 +1,87 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedColumnVisibility = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
// hide columns by index number
|
||||
targets: [0, 3],
|
||||
visible: false,
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedColumnVisibility.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/advanced/column-visibility.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/advanced/column-visibility.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedColumnVisibility={init:function(){$("#kt_table_1").DataTable({responsive:!0,columnDefs:[{targets:[0,3],visible:!1},{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnVisibility.init()});
|
||||
@@ -0,0 +1,53 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedFooterCalllback = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
pageLength: 5,
|
||||
lengthMenu: [[2, 5, 10, 15, -1], [2, 5, 10, 15, 'All']],
|
||||
footerCallback: function(row, data, start, end, display) {
|
||||
|
||||
var column = 6;
|
||||
var api = this.api(), data;
|
||||
|
||||
// Remove the formatting to get integer data for summation
|
||||
var intVal = function(i) {
|
||||
return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
|
||||
};
|
||||
|
||||
// Total over all pages
|
||||
var total = api.column(column).data().reduce(function(a, b) {
|
||||
return intVal(a) + intVal(b);
|
||||
}, 0);
|
||||
|
||||
// Total over this page
|
||||
var pageTotal = api.column(column, {page: 'current'}).data().reduce(function(a, b) {
|
||||
return intVal(a) + intVal(b);
|
||||
}, 0);
|
||||
|
||||
// Update footer
|
||||
$(api.column(column).footer()).html(
|
||||
'$' + KTUtil.numberString(pageTotal.toFixed(2)) + '<br/> ( $' + KTUtil.numberString(total.toFixed(2)) + ' total)',
|
||||
);
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedFooterCalllback.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/advanced/footer-callback.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/advanced/footer-callback.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedFooterCalllback={init:function(){$("#kt_table_1").DataTable({responsive:!0,pageLength:5,lengthMenu:[[2,5,10,15,-1],[2,5,10,15,"All"]],footerCallback:function(t,e,n,a,r){var o=this.api(),l=function(t){return"string"==typeof t?1*t.replace(/[\$,]/g,""):"number"==typeof t?t:0},u=o.column(6).data().reduce(function(t,e){return l(t)+l(e)},0),i=o.column(6,{page:"current"}).data().reduce(function(t,e){return l(t)+l(e)},0);$(o.column(6).footer()).html("$"+KTUtil.numberString(i.toFixed(2))+"<br/> ( $"+KTUtil.numberString(u.toFixed(2))+" total)")}})}};jQuery(document).ready(function(){KTDatatablesAdvancedFooterCalllback.init()});
|
||||
@@ -0,0 +1,89 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedMultipleControls = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
// DOM Layout settings
|
||||
dom:
|
||||
"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
|
||||
"<'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>>" +
|
||||
"<'row'<'col-sm-12'tr>>" +
|
||||
"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
|
||||
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>", // read more: https://datatables.net/examples/basic_init/dom.html
|
||||
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedMultipleControls.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/advanced/multiple-controls.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/advanced/multiple-controls.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedMultipleControls={init:function(){$("#kt_table_1").DataTable({dom:"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>><'row'<'col-sm-12 col-md-6'i><'col-sm-12 col-md-6'p>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>><'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedMultipleControls.init()});
|
||||
@@ -0,0 +1,36 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedColumnVisibility = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
createdRow: function(row, data, index) {
|
||||
var cell = $('td', row).eq(6);
|
||||
if (data[6].replace(/[\$,]/g, '') * 1 > 400000 && data[6].replace(/[\$,]/g, '') * 1 < 600000) {
|
||||
cell.addClass('highlight').css({'font-weight': 'bold', color: '#716aca'}).attr('title', 'Over $400,000 and below $600,000');
|
||||
}
|
||||
if (data[6].replace(/[\$,]/g, '') * 1 > 600000) {
|
||||
cell.addClass('highlight').css({'font-weight': 'bold', color: '#f4516c'}).attr('title', 'Over $600,000');
|
||||
}
|
||||
cell.html(KTUtil.numberString(data[6]));
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedColumnVisibility.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/advanced/row-callback.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/advanced/row-callback.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedColumnVisibility={init:function(){$("#kt_table_1").DataTable({responsive:!0,createdRow:function(t,e,a){var i=$("td",t).eq(6);1*e[6].replace(/[\$,]/g,"")>4e5&&1*e[6].replace(/[\$,]/g,"")<6e5&&i.addClass("highlight").css({"font-weight":"bold",color:"#716aca"}).attr("title","Over $400,000 and below $600,000"),1*e[6].replace(/[\$,]/g,"")>6e5&&i.addClass("highlight").css({"font-weight":"bold",color:"#f4516c"}).attr("title","Over $600,000"),i.html(KTUtil.numberString(e[6]))}})}};jQuery(document).ready(function(){KTDatatablesAdvancedColumnVisibility.init()});
|
||||
@@ -0,0 +1,103 @@
|
||||
"use strict";
|
||||
var KTDatatablesAdvancedRowGrouping = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
pageLength: 25,
|
||||
order: [[2, 'asc']],
|
||||
drawCallback: function(settings) {
|
||||
var api = this.api();
|
||||
var rows = api.rows({page: 'current'}).nodes();
|
||||
var last = null;
|
||||
|
||||
api.column(2, {page: 'current'}).data().each(function(group, i) {
|
||||
if (last !== group) {
|
||||
$(rows).eq(i).before(
|
||||
'<tr class="group"><td colspan="10">' + group + '</td></tr>',
|
||||
);
|
||||
last = group;
|
||||
}
|
||||
});
|
||||
},
|
||||
columnDefs: [
|
||||
{
|
||||
// hide columns by index number
|
||||
targets: [0, 2],
|
||||
visible: false,
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesAdvancedRowGrouping.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/advanced/row-grouping.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/advanced/row-grouping.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesAdvancedRowGrouping={init:function(){$("#kt_table_1").DataTable({responsive:!0,pageLength:25,order:[[2,"asc"]],drawCallback:function(a){var t=this.api(),e=t.rows({page:"current"}).nodes(),n=null;t.column(2,{page:"current"}).data().each(function(a,t){n!==a&&($(e).eq(t).before('<tr class="group"><td colspan="10">'+a+"</td></tr>"),n=a)})},columnDefs:[{targets:[0,2],visible:!1},{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:9,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesAdvancedRowGrouping.init()});
|
||||
139
public/assets/js/demo1/pages/crud/datatables/basic/basic.js
Normal file
139
public/assets/js/demo1/pages/crud/datatables/basic/basic.js
Normal file
@@ -0,0 +1,139 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicBasic = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
|
||||
// DOM Layout settings
|
||||
dom: `<'row'<'col-sm-12'tr>>
|
||||
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
|
||||
|
||||
lengthMenu: [5, 10, 25, 50],
|
||||
|
||||
pageLength: 10,
|
||||
|
||||
language: {
|
||||
'lengthMenu': 'Display _MENU_',
|
||||
},
|
||||
|
||||
// Order settings
|
||||
order: [[1, 'desc']],
|
||||
|
||||
headerCallback: function(thead, data, start, end, display) {
|
||||
thead.getElementsByTagName('th')[0].innerHTML = `
|
||||
<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">
|
||||
<input type="checkbox" value="" class="kt-group-checkable">
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 0,
|
||||
width: '30px',
|
||||
className: 'dt-right',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">
|
||||
<input type="checkbox" value="" class="kt-checkable">
|
||||
<span></span>
|
||||
</label>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
table.on('change', '.kt-group-checkable', function() {
|
||||
var set = $(this).closest('table').find('td:first-child .kt-checkable');
|
||||
var checked = $(this).is(':checked');
|
||||
|
||||
$(set).each(function() {
|
||||
if (checked) {
|
||||
$(this).prop('checked', true);
|
||||
$(this).closest('tr').addClass('active');
|
||||
}
|
||||
else {
|
||||
$(this).prop('checked', false);
|
||||
$(this).closest('tr').removeClass('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
table.on('change', 'tbody tr .kt-checkbox', function() {
|
||||
$(this).parents('tr').toggleClass('active');
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicBasic.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/basic.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/basic.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicBasic={init:function(){var e;(e=$("#kt_table_1")).DataTable({responsive:!0,dom:"<'row'<'col-sm-12'tr>>\n\t\t\t<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>",lengthMenu:[5,10,25,50],pageLength:10,language:{lengthMenu:"Display _MENU_"},order:[[1,"desc"]],headerCallback:function(e,t,a,s,n){e.getElementsByTagName("th")[0].innerHTML='\n <label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">\n <input type="checkbox" value="" class="kt-group-checkable">\n <span></span>\n </label>'},columnDefs:[{targets:0,width:"30px",className:"dt-right",orderable:!1,render:function(e,t,a,s){return'\n <label class="kt-checkbox kt-checkbox--single kt-checkbox--solid">\n <input type="checkbox" value="" class="kt-checkable">\n <span></span>\n </label>'}},{targets:-1,title:"Actions",orderable:!1,render:function(e,t,a,s){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(e,t,a,s){var n={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===n[e]?e:'<span class="kt-badge '+n[e].class+' kt-badge--inline kt-badge--pill">'+n[e].title+"</span>"}},{targets:9,render:function(e,t,a,s){var n={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===n[e]?e:'<span class="kt-badge kt-badge--'+n[e].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+n[e].state+'">'+n[e].title+"</span>"}}]}),e.on("change",".kt-group-checkable",function(){var e=$(this).closest("table").find("td:first-child .kt-checkable"),t=$(this).is(":checked");$(e).each(function(){t?($(this).prop("checked",!0),$(this).closest("tr").addClass("active")):($(this).prop("checked",!1),$(this).closest("tr").removeClass("active"))})}),e.on("change","tbody tr .kt-checkbox",function(){$(this).parents("tr").toggleClass("active")})}};jQuery(document).ready(function(){KTDatatablesBasicBasic.init()});
|
||||
@@ -0,0 +1,82 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicHeaders = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicHeaders.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/headers.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/headers.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicHeaders={init:function(){$("#kt_table_1").DataTable({responsive:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:9,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesBasicHeaders.init()});
|
||||
@@ -0,0 +1,83 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicPaginations = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
pagingType: 'full_numbers',
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicPaginations.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/paginations.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/paginations.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicPaginations={init:function(){$("#kt_table_1").DataTable({responsive:!0,pagingType:"full_numbers",columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:9,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesBasicPaginations.init()});
|
||||
140
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.js
Normal file
140
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.js
Normal file
@@ -0,0 +1,140 @@
|
||||
"use strict";
|
||||
var KTDatatablesBasicScrollable = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
scrollY: '50vh',
|
||||
scrollX: true,
|
||||
scrollCollapse: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
var initTable2 = function() {
|
||||
var table = $('#kt_table_2');
|
||||
|
||||
// begin second table
|
||||
table.DataTable({
|
||||
scrollY: '50vh',
|
||||
scrollX: true,
|
||||
scrollCollapse: true,
|
||||
createdRow: function(row, data, index) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
var badge = '<span class="kt-badge ' + status[data[18]].class + ' kt-badge--inline kt-badge--pill">' + status[data[18]].title + '</span>';
|
||||
row.getElementsByTagName('td')[18].innerHTML = badge;
|
||||
|
||||
status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
badge = '<span class="kt-badge kt-badge--' + status[data[19]].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data[19]].state + '">' + status[data[19]].title + '</span>';
|
||||
row.getElementsByTagName('td')[19].innerHTML = badge;
|
||||
},
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
}],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
initTable2();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesBasicScrollable.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/basic/scrollable.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesBasicScrollable={init:function(){$("#kt_table_1").DataTable({scrollY:"50vh",scrollX:!0,scrollCollapse:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:9,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]}),$("#kt_table_2").DataTable({scrollY:"50vh",scrollX:!0,scrollCollapse:!0,createdRow:function(a,t,e){var n={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}},s='<span class="kt-badge '+n[t[18]].class+' kt-badge--inline kt-badge--pill">'+n[t[18]].title+"</span>";a.getElementsByTagName("td")[18].innerHTML=s,s='<span class="kt-badge kt-badge--'+(n={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}})[t[19]].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+n[t[19]].state+'">'+n[t[19]].title+"</span>",a.getElementsByTagName("td")[19].innerHTML=s},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}}]})}};jQuery(document).ready(function(){KTDatatablesBasicScrollable.init()});
|
||||
@@ -0,0 +1,101 @@
|
||||
'use strict';
|
||||
var KTDatatablesDataSourceAjaxClient = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
ajax: {
|
||||
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php',
|
||||
type: 'POST',
|
||||
data: {
|
||||
pagination: {
|
||||
perpage: 50,
|
||||
},
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'CompanyName'},
|
||||
{data: 'ShipDate'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
{data: 'Actions', responsivePriority: -1},
|
||||
],
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -2,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesDataSourceAjaxClient.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-client-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxClient={init:function(){$("#kt_table_1").DataTable({responsive:!0,ajax:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/default.php",type:"POST",data:{pagination:{perpage:50}}},columns:[{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{data:"CompanyName"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:-3,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:-2,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxClient.init()});
|
||||
@@ -0,0 +1,96 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceAjaxServer = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
searchDelay: 500,
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php',
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'CompanyName'},
|
||||
{data: 'ShipDate'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
{data: 'Actions', responsivePriority: -1},
|
||||
],
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -2,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesDataSourceAjaxServer.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/ajax-server-side.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceAjaxServer={init:function(){$("#kt_table_1").DataTable({responsive:!0,searchDelay:500,processing:!0,serverSide:!0,ajax:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",columns:[{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{data:"CompanyName"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:-3,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:-2,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceAjaxServer.init()});
|
||||
@@ -0,0 +1,83 @@
|
||||
"use strict";
|
||||
var KTDatatablesDataSourceHtml = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesDataSourceHtml.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/html.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesDataSourceHtml={init:function(){$("#kt_table_1").DataTable({responsive:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesDataSourceHtml.init()});
|
||||
File diff suppressed because one or more lines are too long
1
public/assets/js/demo1/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/data-sources/javascript.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,173 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionButtons = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
|
||||
// begin first table
|
||||
var table = $('#kt_table_1').DataTable({
|
||||
responsive: true,
|
||||
// Pagination settings
|
||||
dom: `<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>>
|
||||
<'row'<'col-sm-12'tr>>
|
||||
<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
|
||||
|
||||
buttons: [
|
||||
'print',
|
||||
'copyHtml5',
|
||||
'excelHtml5',
|
||||
'csvHtml5',
|
||||
'pdfHtml5',
|
||||
],
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 6,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 7,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var initTable2 = function() {
|
||||
|
||||
// begin first table
|
||||
var table = $('#kt_table_2').DataTable({
|
||||
responsive: true,
|
||||
|
||||
buttons: [
|
||||
'print',
|
||||
'copyHtml5',
|
||||
'excelHtml5',
|
||||
'csvHtml5',
|
||||
'pdfHtml5',
|
||||
],
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: {
|
||||
url: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php',
|
||||
type: 'POST',
|
||||
data: {
|
||||
// parameters for custom backend script demo
|
||||
columnsDef: [
|
||||
'OrderID', 'Country', 'ShipCity',
|
||||
'ShipAddress', 'CompanyAgent', 'CompanyName', 'Status', 'Type',],
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{data: 'OrderID'},
|
||||
{data: 'Country'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'ShipAddress'},
|
||||
{data: 'CompanyAgent'},
|
||||
{data: 'CompanyName'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
],
|
||||
columnDefs: [
|
||||
{
|
||||
targets: 6,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 7,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
$('#export_print').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
table.button(0).trigger();
|
||||
});
|
||||
|
||||
$('#export_copy').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
table.button(1).trigger();
|
||||
});
|
||||
|
||||
$('#export_excel').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
table.button(2).trigger();
|
||||
});
|
||||
|
||||
$('#export_csv').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
table.button(3).trigger();
|
||||
});
|
||||
|
||||
$('#export_pdf').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
table.button(4).trigger();
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
initTable2();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionButtons.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/buttons.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/buttons.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionButtons={init:function(){var t;$("#kt_table_1").DataTable({responsive:!0,dom:"<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>>\n\t\t\t<'row'<'col-sm-12'tr>>\n\t\t\t<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>",buttons:["print","copyHtml5","excelHtml5","csvHtml5","pdfHtml5"],columnDefs:[{targets:6,render:function(t,e,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:7,render:function(t,e,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]}),t=$("#kt_table_2").DataTable({responsive:!0,buttons:["print","copyHtml5","excelHtml5","csvHtml5","pdfHtml5"],processing:!0,serverSide:!0,ajax:{url:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",type:"POST",data:{columnsDef:["OrderID","Country","ShipCity","ShipAddress","CompanyAgent","CompanyName","Status","Type"]}},columns:[{data:"OrderID"},{data:"Country"},{data:"ShipCity"},{data:"ShipAddress"},{data:"CompanyAgent"},{data:"CompanyName"},{data:"Status"},{data:"Type"}],columnDefs:[{targets:6,render:function(t,e,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:7,render:function(t,e,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]}),$("#export_print").on("click",function(e){e.preventDefault(),t.button(0).trigger()}),$("#export_copy").on("click",function(e){e.preventDefault(),t.button(1).trigger()}),$("#export_excel").on("click",function(e){e.preventDefault(),t.button(2).trigger()}),$("#export_csv").on("click",function(e){e.preventDefault(),t.button(3).trigger()}),$("#export_pdf").on("click",function(e){e.preventDefault(),t.button(4).trigger()})}};jQuery(document).ready(function(){KTDatatablesExtensionButtons.init()});
|
||||
@@ -0,0 +1,84 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsColreorder = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
colReorder: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsColreorder.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/colreorder.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/colreorder.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsColreorder={init:function(){$("#kt_table_1").DataTable({responsive:!0,colReorder:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsColreorder.init()});
|
||||
@@ -0,0 +1,91 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsFixedcolumns = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
paging: false,
|
||||
scrollY: '500px',
|
||||
scrollX: true,
|
||||
scrollCollapse: true,
|
||||
fixedColumns: {
|
||||
leftColumns: 2,
|
||||
rightColumns: 3,
|
||||
},
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 18,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 19,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsFixedcolumns.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedcolumns.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedcolumns.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsFixedcolumns={init:function(){$("#kt_table_1").DataTable({responsive:!0,paging:!1,scrollY:"500px",scrollX:!0,scrollCollapse:!0,fixedColumns:{leftColumns:2,rightColumns:3},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:18,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:19,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedcolumns.init()});
|
||||
@@ -0,0 +1,88 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsFixedheader = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
fixedHeader: {
|
||||
header: true,
|
||||
headerOffset: $('#kt_header').height(),
|
||||
},
|
||||
paging: false,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsFixedheader.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedheader.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/fixedheader.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsFixedheader={init:function(){$("#kt_table_1").DataTable({responsive:!0,fixedHeader:{header:!0,headerOffset:$("#kt_header").height()},paging:!1,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(e,a,t,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(e,a,t,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[e]?e:'<span class="kt-badge '+s[e].class+' kt-badge--inline kt-badge--pill">'+s[e].title+"</span>"}},{targets:9,render:function(e,a,t,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[e]?e:'<span class="kt-badge kt-badge--'+s[e].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[e].state+'">'+s[e].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsFixedheader.init()});
|
||||
@@ -0,0 +1,84 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsKeytable = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
keys: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsKeytable.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/keytable.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/keytable.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsKeytable={init:function(){$("#kt_table_1").DataTable({responsive:!0,keys:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsKeytable.init()});
|
||||
@@ -0,0 +1,83 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsResponsive = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 16,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 17,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsResponsive.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/responsive.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/responsive.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsResponsive={init:function(){$("#kt_table_1").DataTable({responsive:!0,columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:16,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:17,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsResponsive.init()});
|
||||
@@ -0,0 +1,87 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsRowgroup = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
order: [[2, 'asc']],
|
||||
rowGroup: {
|
||||
dataSrc: 2,
|
||||
},
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsRowgroup.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/rowgroup.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/rowgroup.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsRowgroup={init:function(){$("#kt_table_1").DataTable({responsive:!0,order:[[2,"asc"]],rowGroup:{dataSrc:2},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,a,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,a,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,a,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowgroup.init()});
|
||||
@@ -0,0 +1,85 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsRowreorder = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
rowReorder: {
|
||||
selector: 'tr',
|
||||
},
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 8,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: 9,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsRowreorder.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/rowreorder.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/rowreorder.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsRowreorder={init:function(){$("#kt_table_1").DataTable({responsive:!0,rowReorder:{selector:"tr"},columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(t,e,a,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:8,render:function(t,e,a,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[t]?t:'<span class="kt-badge '+s[t].class+' kt-badge--inline kt-badge--pill">'+s[t].title+"</span>"}},{targets:9,render:function(t,e,a,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[t]?t:'<span class="kt-badge kt-badge--'+s[t].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[t].state+'">'+s[t].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsRowreorder.init()});
|
||||
@@ -0,0 +1,99 @@
|
||||
"use strict";
|
||||
var KTDatatablesExtensionsScroller = function() {
|
||||
|
||||
var initTable1 = function() {
|
||||
var table = $('#kt_table_1');
|
||||
|
||||
// begin first table
|
||||
table.DataTable({
|
||||
responsive: true,
|
||||
ajax: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php',
|
||||
deferRender: true,
|
||||
scrollY: '500px',
|
||||
scrollCollapse: true,
|
||||
scroller: true,
|
||||
columns: [
|
||||
{data: 'RecordID', visible: false},
|
||||
{data: 'OrderID'},
|
||||
{data: 'ShipCity'},
|
||||
{data: 'ShipAddress'},
|
||||
{data: 'CompanyAgent'},
|
||||
{data: 'CompanyName'},
|
||||
{data: 'ShipDate'},
|
||||
{data: 'Status'},
|
||||
{data: 'Type'},
|
||||
{data: 'Actions', responsivePriority: -1},
|
||||
],
|
||||
columnDefs: [
|
||||
{
|
||||
targets: -1,
|
||||
title: 'Actions',
|
||||
orderable: false,
|
||||
render: function(data, type, full, meta) {
|
||||
return `
|
||||
<span class="dropdown">
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
|
||||
<i class="la la-ellipsis-h"></i>
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>
|
||||
<a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>
|
||||
</div>
|
||||
</span>
|
||||
<a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">
|
||||
<i class="la la-edit"></i>
|
||||
</a>`;
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -3,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Pending', 'class': 'kt-badge--brand'},
|
||||
2: {'title': 'Delivered', 'class': ' kt-badge--danger'},
|
||||
3: {'title': 'Canceled', 'class': ' kt-badge--primary'},
|
||||
4: {'title': 'Success', 'class': ' kt-badge--success'},
|
||||
5: {'title': 'Info', 'class': ' kt-badge--info'},
|
||||
6: {'title': 'Danger', 'class': ' kt-badge--danger'},
|
||||
7: {'title': 'Warning', 'class': ' kt-badge--warning'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge ' + status[data].class + ' kt-badge--inline kt-badge--pill">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
{
|
||||
targets: -2,
|
||||
render: function(data, type, full, meta) {
|
||||
var status = {
|
||||
1: {'title': 'Online', 'state': 'danger'},
|
||||
2: {'title': 'Retail', 'state': 'primary'},
|
||||
3: {'title': 'Direct', 'state': 'success'},
|
||||
};
|
||||
if (typeof status[data] === 'undefined') {
|
||||
return data;
|
||||
}
|
||||
return '<span class="kt-badge kt-badge--' + status[data].state + ' kt-badge--dot"></span> ' +
|
||||
'<span class="kt-font-bold kt-font-' + status[data].state + '">' + status[data].title + '</span>';
|
||||
},
|
||||
},
|
||||
],
|
||||
});
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the module
|
||||
init: function() {
|
||||
initTable1();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
}();
|
||||
|
||||
jQuery(document).ready(function() {
|
||||
KTDatatablesExtensionsScroller.init();
|
||||
});
|
||||
1
public/assets/js/demo1/pages/crud/datatables/extensions/scroller.min.js
vendored
Normal file
1
public/assets/js/demo1/pages/crud/datatables/extensions/scroller.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";var KTDatatablesExtensionsScroller={init:function(){$("#kt_table_1").DataTable({responsive:!0,ajax:"https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/demos/server.php",deferRender:!0,scrollY:"500px",scrollCollapse:!0,scroller:!0,columns:[{data:"RecordID",visible:!1},{data:"OrderID"},{data:"ShipCity"},{data:"ShipAddress"},{data:"CompanyAgent"},{data:"CompanyName"},{data:"ShipDate"},{data:"Status"},{data:"Type"},{data:"Actions",responsivePriority:-1}],columnDefs:[{targets:-1,title:"Actions",orderable:!1,render:function(a,t,e,n){return'\n <span class="dropdown">\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">\n <i class="la la-ellipsis-h"></i>\n </a>\n <div class="dropdown-menu dropdown-menu-right">\n <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\n <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\n <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\n </div>\n </span>\n <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="View">\n <i class="la la-edit"></i>\n </a>'}},{targets:-3,render:function(a,t,e,n){var s={1:{title:"Pending",class:"kt-badge--brand"},2:{title:"Delivered",class:" kt-badge--danger"},3:{title:"Canceled",class:" kt-badge--primary"},4:{title:"Success",class:" kt-badge--success"},5:{title:"Info",class:" kt-badge--info"},6:{title:"Danger",class:" kt-badge--danger"},7:{title:"Warning",class:" kt-badge--warning"}};return void 0===s[a]?a:'<span class="kt-badge '+s[a].class+' kt-badge--inline kt-badge--pill">'+s[a].title+"</span>"}},{targets:-2,render:function(a,t,e,n){var s={1:{title:"Online",state:"danger"},2:{title:"Retail",state:"primary"},3:{title:"Direct",state:"success"}};return void 0===s[a]?a:'<span class="kt-badge kt-badge--'+s[a].state+' kt-badge--dot"></span> <span class="kt-font-bold kt-font-'+s[a].state+'">'+s[a].title+"</span>"}}]})}};jQuery(document).ready(function(){KTDatatablesExtensionsScroller.init()});
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user