149 lines
3.7 KiB
JavaScript
149 lines
3.7 KiB
JavaScript
|
(function($) {
|
||
|
|
'use strict';
|
||
|
|
$.fn.andSelf = function() {
|
||
|
|
return this.addBack.apply(this, arguments);
|
||
|
|
}
|
||
|
|
$(function() {
|
||
|
|
|
||
|
|
//check all boxes in order status
|
||
|
|
$("#check-all").click(function () {
|
||
|
|
$(".form-check-input").prop('checked', $(this).prop('checked'));
|
||
|
|
});
|
||
|
|
|
||
|
|
if ($("#transaction-history").length) {
|
||
|
|
const doughnutChartCanvas = document.getElementById('transaction-history');
|
||
|
|
new Chart(doughnutChartCanvas, {
|
||
|
|
type: 'doughnut',
|
||
|
|
data: {
|
||
|
|
labels: ["Paypal", "Stripe","Cash"],
|
||
|
|
datasets: [{
|
||
|
|
data: [55, 25, 20],
|
||
|
|
backgroundColor: [
|
||
|
|
"#111111","#00d25b","#ffab00",
|
||
|
|
],
|
||
|
|
borderColor: "#191c24"
|
||
|
|
}]
|
||
|
|
},
|
||
|
|
options: {
|
||
|
|
cutout: 70,
|
||
|
|
animationEasing: "easeOutBounce",
|
||
|
|
animateRotate: true,
|
||
|
|
animateScale: false,
|
||
|
|
responsive: true,
|
||
|
|
maintainAspectRatio: true,
|
||
|
|
showScale: false,
|
||
|
|
legend: false,
|
||
|
|
plugins: {
|
||
|
|
legend: {
|
||
|
|
display: false,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if ($('#owl-carousel-basic').length) {
|
||
|
|
$('#owl-carousel-basic').owlCarousel({
|
||
|
|
loop: true,
|
||
|
|
margin: 10,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 4500,
|
||
|
|
navText: ["<i class='mdi mdi-chevron-left'></i>", "<i class='mdi mdi-chevron-right'></i>"],
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: 1
|
||
|
|
},
|
||
|
|
600: {
|
||
|
|
items: 1
|
||
|
|
},
|
||
|
|
1000: {
|
||
|
|
items: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if($('#audience-map').length) {
|
||
|
|
$('#audience-map').vectorMap({
|
||
|
|
map: 'world_mill_en',
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
panOnDrag: true,
|
||
|
|
focusOn: {
|
||
|
|
x: 0.5,
|
||
|
|
y: 0.5,
|
||
|
|
scale: 1,
|
||
|
|
animate: true
|
||
|
|
},
|
||
|
|
series: {
|
||
|
|
regions: [{
|
||
|
|
scale: ['#3d3c3c', '#f2f2f2'],
|
||
|
|
normalizeFunction: 'polynomial',
|
||
|
|
values: {
|
||
|
|
|
||
|
|
"BZ": 75.00,
|
||
|
|
"US": 56.25,
|
||
|
|
"AU": 15.45,
|
||
|
|
"GB": 25.00,
|
||
|
|
"RO": 10.25,
|
||
|
|
"GE": 33.25
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if ($('#owl-carousel-rtl').length) {
|
||
|
|
$('#owl-carousel-rtl').owlCarousel({
|
||
|
|
loop: true,
|
||
|
|
margin: 10,
|
||
|
|
dots: false,
|
||
|
|
nav: true,
|
||
|
|
rtl: isrtl,
|
||
|
|
autoplay: true,
|
||
|
|
autoplayTimeout: 4500,
|
||
|
|
navText: ["<i class='mdi mdi-chevron-right'></i>", "<i class='mdi mdi-chevron-left'></i>"],
|
||
|
|
responsive: {
|
||
|
|
0: {
|
||
|
|
items: 1
|
||
|
|
},
|
||
|
|
600: {
|
||
|
|
items: 1
|
||
|
|
},
|
||
|
|
1000: {
|
||
|
|
items: 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if ($("#currentBalanceCircle").length) {
|
||
|
|
var bar = new ProgressBar.Circle(currentBalanceCircle, {
|
||
|
|
color: '#ccc',
|
||
|
|
// This has to be the same size as the maximum width to
|
||
|
|
// prevent clipping
|
||
|
|
strokeWidth: 12,
|
||
|
|
trailWidth: 12,
|
||
|
|
trailColor: '#0d0d0d',
|
||
|
|
easing: 'easeInOut',
|
||
|
|
duration: 1400,
|
||
|
|
text: {
|
||
|
|
autoStyleContainer: false,
|
||
|
|
},
|
||
|
|
from: { color: '#d53f3a', width: 12 },
|
||
|
|
to: { color: '#d53f3a', width: 12 },
|
||
|
|
// Set default step function for all animate calls
|
||
|
|
step: function(state, circle) {
|
||
|
|
circle.path.setAttribute('stroke', state.color);
|
||
|
|
circle.path.setAttribute('stroke-width', state.width);
|
||
|
|
|
||
|
|
var value = Math.round(circle.value() * 100);
|
||
|
|
circle.setText('');
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
bar.text.style.fontSize = '1.5rem';
|
||
|
|
|
||
|
|
bar.animate(0.4); // Number from 0.0 to 1.0
|
||
|
|
}
|
||
|
|
});
|
||
|
|
})(jQuery);
|