1198 lines
78 KiB
JavaScript
1198 lines
78 KiB
JavaScript
"use strict";
|
|
var KTWidgets = {
|
|
init: function () {
|
|
var e, t, a, o, r, s;
|
|
!(function () {
|
|
if (document.querySelector("#kt_dashboard_daterangepicker")) {
|
|
var e = $("#kt_dashboard_daterangepicker"),
|
|
t = moment(),
|
|
a = moment();
|
|
e.daterangepicker(
|
|
{
|
|
direction: KTUtil.isRTL(),
|
|
startDate: t,
|
|
endDate: a,
|
|
opens: "left",
|
|
applyClass: "btn-primary",
|
|
cancelClass: "btn-light-primary",
|
|
ranges: {
|
|
Today: [moment(), moment()],
|
|
Yesterday: [moment().subtract(1, "days"), moment().subtract(1, "days")],
|
|
"Last 7 Days": [moment().subtract(6, "days"), moment()],
|
|
"Last 30 Days": [moment().subtract(29, "days"), moment()],
|
|
"This Month": [moment().startOf("month"), moment().endOf("month")],
|
|
"Last Month": [moment().subtract(1, "month").startOf("month"), moment().subtract(1, "month").endOf("month")],
|
|
},
|
|
},
|
|
o
|
|
),
|
|
o(t, a, "");
|
|
}
|
|
function o(e, t, a) {
|
|
var o = "",
|
|
r = "";
|
|
t - e < 100 || "Today" == a ? ((o = "Today:"), (r = e.format("MMM D"))) : "Yesterday" == a ? ((o = "Yesterday:"), (r = e.format("MMM D"))) : (r = e.format("MMM D") + " - " + t.format("MMM D")),
|
|
$("#kt_dashboard_daterangepicker_date").html(r),
|
|
$("#kt_dashboard_daterangepicker_title").html(o);
|
|
}
|
|
})(),
|
|
(e = document.querySelector("#kt_user_menu_dark_mode_toggle")) &&
|
|
e.addEventListener("click", function () {
|
|
window.location.href = this.getAttribute("data-kt-url");
|
|
}),
|
|
(t = document.querySelectorAll(".statistics-widget-3-chart")),
|
|
[].slice.call(t).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
r = KTUtil.getCssVariableValue("--kt-" + a),
|
|
s = KTUtil.getCssVariableValue("--kt-" + a + "-light");
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [30, 45, 32, 70, 40] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 0.3 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [r] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: "#E4E6EF", width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 80, labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [r],
|
|
markers: { colors: [r], strokeColor: [s], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
}),
|
|
(function () {
|
|
var e = document.querySelectorAll(".statistics-widget-4-chart");
|
|
[].slice.call(e).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
r = KTUtil.getCssVariableValue("--kt-" + a),
|
|
s = KTUtil.getCssVariableValue("--kt-" + a + "-light");
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [40, 40, 30, 30, 35, 35, 50] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 0.3 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [r] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: "#E4E6EF", width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 60, labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [r],
|
|
markers: { colors: [r], strokeColor: [s], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_1_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
var a = parseInt(KTUtil.css(e, "height")),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
s = {
|
|
series: [
|
|
{ name: "Report 1", data: [44, 55, 57, 56, 61, 58] },
|
|
{ name: "Report 2", data: [76, 85, 101, 98, 87, 105] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "bar", height: a, toolbar: { show: !1 } },
|
|
plotOptions: { bar: { horizontal: !1, columnWidth: ["30%"], borderRadius: 4 } },
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
stroke: { show: !0, width: 2, colors: ["transparent"] },
|
|
xaxis: { categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], axisBorder: { show: !1 }, axisTicks: { show: !1 }, labels: { style: { colors: o, fontSize: "12px" } } },
|
|
yaxis: { labels: { style: { colors: o, fontSize: "12px" } } },
|
|
fill: { opacity: 1 },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [KTUtil.getCssVariableValue("--kt-primary"), KTUtil.getCssVariableValue("--kt-gray-300")],
|
|
grid: { borderColor: r, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
};
|
|
(t.self = new ApexCharts(e, s)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_2_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
var a = parseInt(KTUtil.css(e, "height")),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
s = {
|
|
series: [
|
|
{ name: "Net Profit", data: [44, 55, 57, 56, 61, 58] },
|
|
{ name: "Revenue", data: [76, 85, 101, 98, 87, 105] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "bar", height: a, toolbar: { show: !1 } },
|
|
plotOptions: { bar: { horizontal: !1, columnWidth: ["30%"], borderRadius: 4 } },
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
stroke: { show: !0, width: 2, colors: ["transparent"] },
|
|
xaxis: { categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], axisBorder: { show: !1 }, axisTicks: { show: !1 }, labels: { style: { colors: o, fontSize: "12px" } } },
|
|
yaxis: { labels: { style: { colors: o, fontSize: "12px" } } },
|
|
fill: { opacity: 1 },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [KTUtil.getCssVariableValue("--kt-warning"), KTUtil.getCssVariableValue("--kt-gray-300")],
|
|
grid: { borderColor: r, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
};
|
|
(t.self = new ApexCharts(e, s)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_3_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
parseInt(KTUtil.css(e, "height"));
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
r = KTUtil.getCssVariableValue("--kt-info"),
|
|
s = {
|
|
series: [{ name: "Stock", data: [30, 40, 40, 90, 90, 70, 70] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: 350, toolbar: { show: !1 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [r] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { style: { colors: a, fontSize: "12px" } },
|
|
crosshairs: { position: "front", stroke: { color: r, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { labels: { style: { colors: a, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [KTUtil.getCssVariableValue("--kt-info-light")],
|
|
grid: { borderColor: o, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
markers: { strokeColor: r, strokeWidth: 3 },
|
|
};
|
|
(t.self = new ApexCharts(e, s)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
// =====
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_52_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
parseInt(KTUtil.css(e, "height"));
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
r = KTUtil.getCssVariableValue("--kt-info"),
|
|
s = {
|
|
series: [{ name: "Lead", data: [30, 40, 40, 90, 90, 70, 70] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: 350, toolbar: { show: !1 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [r] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { style: { colors: a, fontSize: "12px" } },
|
|
crosshairs: { position: "front", stroke: { color: r, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { labels: { style: { colors: a, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [KTUtil.getCssVariableValue("--kt-info-light")],
|
|
grid: { borderColor: o, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
markers: { strokeColor: r, strokeWidth: 3 },
|
|
};
|
|
(t.self = new ApexCharts(e, s)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
// =====
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_4_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
parseInt(KTUtil.css(e, "height"));
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
r = KTUtil.getCssVariableValue("--kt-success"),
|
|
s = KTUtil.getCssVariableValue("--ck-color-text"),
|
|
l = KTUtil.getCssVariableValue("--kt-warning"),
|
|
i = KTUtil.getCssVariableValue("--kt-warning-light"),
|
|
n = {
|
|
series: [
|
|
{ name: "Tax Planning", data: [60, 50, 80, 40, 100, 60] },
|
|
{ name: "Mutual Funds", data: [70, 60, 110, 40, 50, 70] },
|
|
{ name: "Stocks", data: [20, 30, 50, 60, 50, 30] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "area", height: 350, toolbar: { show: !1 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth" },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { style: { colors: a, fontSize: "12px" } },
|
|
crosshairs: { position: "front", stroke: { color: a, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { labels: { style: { colors: a, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [r, l,s],
|
|
grid: { borderColor: o, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
markers: { colors: [s, i], strokeColor: [s, i], strokeWidth: 3 },
|
|
};
|
|
(t.self = new ApexCharts(e, n)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
|
|
// =====
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_5_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
parseInt(KTUtil.css(e, "height"));
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
r = {
|
|
series: [
|
|
{ name: "Net Profit", data: [40, 50, 65, 70, 50, 30] },
|
|
{ name: "Revenue", data: [-30, -40, -55, -60, -40, -20] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "bar", stacked: !0, height: 350, toolbar: { show: !1 } },
|
|
plotOptions: { bar: { horizontal: !1, columnWidth: ["12%"], borderRadius: [6, 6] } },
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
stroke: { show: !0, width: 2, colors: ["transparent"] },
|
|
xaxis: { categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], axisBorder: { show: !1 }, axisTicks: { show: !1 }, labels: { style: { colors: a, fontSize: "12px" } } },
|
|
yaxis: { min: -80, max: 80, labels: { style: { colors: a, fontSize: "12px" } } },
|
|
fill: { opacity: 1 },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [KTUtil.getCssVariableValue("--kt-primary"), KTUtil.getCssVariableValue("--kt-info")],
|
|
grid: { borderColor: o, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
};
|
|
(t.self = new ApexCharts(e, r)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_6_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
parseInt(KTUtil.css(e, "height"));
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
r = KTUtil.getCssVariableValue("--kt-primary"),
|
|
s = KTUtil.getCssVariableValue("--kt-primary-light"),
|
|
l = {
|
|
series: [
|
|
{ name: "Net Profit", type: "bar", stacked: !0, data: [40, 50, 65, 70, 50, 30] },
|
|
{ name: "Revenue", type: "bar", stacked: !0, data: [20, 20, 25, 30, 30, 20] },
|
|
{ name: "Expenses", type: "area", data: [50, 80, 60, 90, 50, 70] },
|
|
],
|
|
chart: { fontFamily: "inherit", stacked: !0, height: 350, toolbar: { show: !1 } },
|
|
plotOptions: { bar: { stacked: !0, horizontal: !1, borderRadius: 4, columnWidth: ["12%"] } },
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
stroke: { curve: "smooth", show: !0, width: 2, colors: ["transparent"] },
|
|
xaxis: { categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], axisBorder: { show: !1 }, axisTicks: { show: !1 }, labels: { style: { colors: a, fontSize: "12px" } } },
|
|
yaxis: { max: 120, labels: { style: { colors: a, fontSize: "12px" } } },
|
|
fill: { opacity: 1 },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [r, KTUtil.getCssVariableValue("--kt-info"), s],
|
|
grid: { borderColor: o, strokeDashArray: 4, yaxis: { lines: { show: !0 } }, padding: { top: 0, right: 0, bottom: 0, left: 0 } },
|
|
};
|
|
(t.self = new ApexCharts(e, l)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_7_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
var a = parseInt(KTUtil.css(e, "height")),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
s = KTUtil.getCssVariableValue("--kt-gray-300"),
|
|
l = KTUtil.getCssVariableValue("--kt-warning"),
|
|
i = KTUtil.getCssVariableValue("--kt-warning-light"),
|
|
n = KTUtil.getCssVariableValue("--kt-success"),
|
|
d = KTUtil.getCssVariableValue("--kt-success-light"),
|
|
c = KTUtil.getCssVariableValue("--kt-primary"),
|
|
h = {
|
|
series: [
|
|
{ name: "Net Profit", data: [30, 30, 50, 50, 35, 35] },
|
|
{ name: "Revenue", data: [55, 20, 20, 20, 70, 70] },
|
|
{ name: "Expenses", data: [60, 60, 40, 40, 30, 30] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "area", height: a, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 2, colors: [l, "transparent", "transparent"] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: s, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [l, n, c],
|
|
grid: { borderColor: r, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
markers: { colors: [i, d, KTUtil.getCssVariableValue("--kt-primary-light")], strokeColor: [l, n, c], strokeWidth: 3 },
|
|
};
|
|
(t.self = new ApexCharts(e, h)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_widget_8_chart");
|
|
if (e) {
|
|
var t = { self: null, rendered: !1 },
|
|
a = function () {
|
|
var a = parseInt(KTUtil.css(e, "height")),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
s = KTUtil.getCssVariableValue("--kt-gray-300"),
|
|
l = KTUtil.getCssVariableValue("--kt-warning"),
|
|
i = KTUtil.getCssVariableValue("--kt-warning-light"),
|
|
n = KTUtil.getCssVariableValue("--kt-success"),
|
|
d = KTUtil.getCssVariableValue("--kt-success-light"),
|
|
c = KTUtil.getCssVariableValue("--kt-primary"),
|
|
h = {
|
|
series: [
|
|
{ name: "Net Profit", data: [30, 30, 50, 50, 35, 35] },
|
|
{ name: "Revenue", data: [55, 20, 20, 20, 70, 70] },
|
|
{ name: "Expenses", data: [60, 60, 40, 40, 30, 30] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "area", height: a, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 2, colors: [l, n, c] },
|
|
xaxis: {
|
|
x: 0,
|
|
offsetX: 0,
|
|
offsetY: 0,
|
|
padding: { left: 0, right: 0, top: 0 },
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: s, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { y: 0, offsetX: 0, offsetY: 0, padding: { left: 0, right: 0 }, labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [i, d, KTUtil.getCssVariableValue("--kt-primary-light")],
|
|
grid: { borderColor: r, strokeDashArray: 4, padding: { top: 0, bottom: 0, left: 0, right: 0 } },
|
|
markers: { colors: [l, n, c], strokeColor: [l, n, c], strokeWidth: 3 },
|
|
};
|
|
(t.self = new ApexCharts(e, h)), t.self.render(), (t.rendered = !0);
|
|
};
|
|
a(),
|
|
KTThemeMode.on("kt.thememode.change", function () {
|
|
t.rendered && t.self.destroy(), a();
|
|
});
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e,
|
|
t,
|
|
a,
|
|
o = document.querySelectorAll(".mixed-widget-2-chart"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
s = KTUtil.getCssVariableValue("--kt-gray-200");
|
|
[].slice.call(o).map(function (o) {
|
|
(a = parseInt(KTUtil.css(o, "height"))),
|
|
(e = KTUtil.getCssVariableValue("--kt-" + o.getAttribute("data-kt-color"))),
|
|
(t = KTUtil.colorDarken(e, 15)),
|
|
new ApexCharts(o, {
|
|
series: [{ name: "Net Profit", data: [30, 45, 32, 70, 40, 40, 40] }],
|
|
chart: {
|
|
fontFamily: "inherit",
|
|
type: "area",
|
|
height: a,
|
|
toolbar: { show: !1 },
|
|
zoom: { enabled: !1 },
|
|
sparkline: { enabled: !0 },
|
|
dropShadow: { enabled: !0, enabledOnSeries: void 0, top: 5, left: 0, blur: 3, color: t, opacity: 0.5 },
|
|
},
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 0 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [t] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: r, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: s, width: 1, dashArray: 3 } },
|
|
},
|
|
yaxis: { min: 0, max: 80, labels: { show: !1, style: { colors: r, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
marker: { show: !1 },
|
|
},
|
|
colors: ["transparent"],
|
|
markers: { colors: [e], strokeColor: [t], strokeWidth: 3 },
|
|
}).render();
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.querySelectorAll(".mixed-widget-3-chart");
|
|
[].slice.call(e).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-300"),
|
|
s = KTUtil.getCssVariableValue("--kt-" + a),
|
|
l = KTUtil.getCssVariableValue("--kt-" + a + "-light");
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [30, 25, 45, 30, 55, 55] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [s] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: r, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 60, labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [l],
|
|
markers: { colors: [l], strokeColor: [s], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.querySelectorAll(".mixed-widget-4-chart");
|
|
[].slice.call(e).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = KTUtil.getCssVariableValue("--kt-" + a),
|
|
r = KTUtil.getCssVariableValue("--kt-" + a + "-light"),
|
|
s = KTUtil.getCssVariableValue("--kt-gray-700");
|
|
new ApexCharts(e, {
|
|
series: [74],
|
|
chart: { fontFamily: "inherit", height: t, type: "radialBar" },
|
|
plotOptions: {
|
|
radialBar: {
|
|
hollow: { margin: 0, size: "65%" },
|
|
dataLabels: {
|
|
showOn: "always",
|
|
name: { show: !1, fontWeight: "700" },
|
|
value: {
|
|
color: s,
|
|
fontSize: "30px",
|
|
fontWeight: "700",
|
|
offsetY: 12,
|
|
show: !0,
|
|
formatter: function (e) {
|
|
return e + "%";
|
|
},
|
|
},
|
|
},
|
|
track: { background: r, strokeWidth: "100%" },
|
|
},
|
|
},
|
|
colors: [o],
|
|
stroke: { lineCap: "round" },
|
|
labels: ["Progress"],
|
|
}).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.querySelectorAll(".mixed-widget-5-chart");
|
|
[].slice.call(e).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-300"),
|
|
s = KTUtil.getCssVariableValue("--kt-" + a),
|
|
l = KTUtil.getCssVariableValue("--kt-" + a + "-light");
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [30, 30, 60, 25, 25, 40] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
fill1: { type: "gradient", opacity: 1, gradient: { type: "vertical", shadeIntensity: 0.5, gradientToColors: void 0, inverseColors: !0, opacityFrom: 1, opacityTo: 0.375, stops: [25, 50, 100], colorStops: [] } },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [s] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: r, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 65, labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [l],
|
|
markers: { colors: [l], strokeColor: [s], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.querySelectorAll(".mixed-widget-6-chart");
|
|
[].slice.call(e).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-300"),
|
|
s = KTUtil.getCssVariableValue("--kt-" + a),
|
|
l = KTUtil.getCssVariableValue("--kt-" + a + "-light");
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [30, 25, 45, 30, 55, 55] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [s] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: r, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 60, labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [l],
|
|
markers: { colors: [l], strokeColor: [s], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.querySelectorAll(".mixed-widget-7-chart");
|
|
[].slice.call(e).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-300"),
|
|
s = KTUtil.getCssVariableValue("--kt-" + a),
|
|
l = KTUtil.getCssVariableValue("--kt-" + a + "-light");
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [15, 25, 15, 40, 20, 50] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [s] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: o, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: r, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 60, labels: { show: !1, style: { colors: o, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [l],
|
|
markers: { colors: [l], strokeColor: [s], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e,
|
|
t,
|
|
a,
|
|
o = document.querySelectorAll(".mixed-widget-10-chart"),
|
|
r = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
s = KTUtil.getCssVariableValue("--kt-gray-200"),
|
|
l = KTUtil.getCssVariableValue("--kt-gray-300");
|
|
[].slice.call(o).map(function (o) {
|
|
(e = o.getAttribute("data-kt-color")),
|
|
(t = parseInt(KTUtil.css(o, "height"))),
|
|
(a = KTUtil.getCssVariableValue("--kt-" + e)),
|
|
new ApexCharts(o, {
|
|
series: [
|
|
{ name: "Net Profit", data: [50, 60, 70, 80, 60, 50, 70, 60] },
|
|
{ name: "Revenue", data: [50, 60, 70, 80, 60, 50, 70, 60] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "bar", height: t, toolbar: { show: !1 } },
|
|
plotOptions: { bar: { horizontal: !1, columnWidth: ["50%"], borderRadius: 4 } },
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
stroke: { show: !0, width: 2, colors: ["transparent"] },
|
|
xaxis: { categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep"], axisBorder: { show: !1 }, axisTicks: { show: !1 }, labels: { style: { colors: r, fontSize: "12px" } } },
|
|
yaxis: { y: 0, offsetX: 0, offsetY: 0, labels: { style: { colors: r, fontSize: "12px" } } },
|
|
fill: { type: "solid" },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " revenue";
|
|
},
|
|
},
|
|
},
|
|
colors: [a, l],
|
|
grid: { padding: { top: 10 }, borderColor: s, strokeDashArray: 4, yaxis: { lines: { show: !0 } } },
|
|
}).render();
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e,
|
|
t = document.querySelectorAll(".mixed-widget-12-chart"),
|
|
a = KTUtil.getCssVariableValue("--kt-gray-500"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-200");
|
|
[].slice.call(t).map(function (t) {
|
|
(e = parseInt(KTUtil.css(t, "height"))),
|
|
new ApexCharts(t, {
|
|
series: [
|
|
{ name: "Net Profit", data: [35, 65, 75, 55, 45, 60, 55] },
|
|
{ name: "Revenue", data: [40, 70, 80, 60, 50, 65, 60] },
|
|
],
|
|
chart: { fontFamily: "inherit", type: "bar", height: e, toolbar: { show: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: { bar: { horizontal: !1, columnWidth: ["30%"], borderRadius: 2 } },
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
stroke: { show: !0, width: 1, colors: ["transparent"] },
|
|
xaxis: { categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"], axisBorder: { show: !1 }, axisTicks: { show: !1 }, labels: { style: { colors: a, fontSize: "12px" } } },
|
|
yaxis: { min: 0, max: 100, labels: { style: { colors: a, fontSize: "12px" } } },
|
|
fill: { type: ["solid", "solid"], opacity: [0.25, 1] },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
marker: { show: !1 },
|
|
},
|
|
colors: ["#ffffff", "#ffffff"],
|
|
grid: { borderColor: o, strokeDashArray: 4, yaxis: { lines: { show: !0 } }, padding: { left: 20, right: 20 } },
|
|
}).render();
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e,
|
|
t = document.querySelectorAll(".mixed-widget-13-chart");
|
|
[].slice.call(t).map(function (t) {
|
|
if (((e = parseInt(KTUtil.css(t, "height"))), t)) {
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-300");
|
|
new ApexCharts(t, {
|
|
series: [{ name: "Net Profit", data: [15, 25, 15, 40, 20, 50] }],
|
|
grid: { show: !1, padding: { top: 0, bottom: 0, left: 0, right: 0 } },
|
|
chart: { fontFamily: "inherit", type: "area", height: e, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "gradient", gradient: { opacityFrom: 0.4, opacityTo: 0, stops: [20, 120, 120, 120] } },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: ["#FFFFFF"] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: a, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: o, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 60, labels: { show: !1, style: { colors: a, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: ["#ffffff"],
|
|
markers: { colors: [a], strokeColor: [o], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e,
|
|
t = document.querySelectorAll(".mixed-widget-14-chart");
|
|
[].slice.call(t).map(function (t) {
|
|
e = parseInt(KTUtil.css(t, "height"));
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-800");
|
|
new ApexCharts(t, {
|
|
series: [{ name: "Inflation", data: [1, 2.1, 1, 2.1, 4.1, 6.1, 4.1, 4.1, 2.1, 4.1, 2.1, 3.1, 1, 1, 2.1] }],
|
|
chart: { fontFamily: "inherit", height: e, type: "bar", toolbar: { show: !1 } },
|
|
grid: { show: !1, padding: { top: 0, bottom: 0, left: 0, right: 0 } },
|
|
colors: ["#ffffff"],
|
|
plotOptions: { bar: { borderRadius: 2.5, dataLabels: { position: "top" }, columnWidth: "20%" } },
|
|
dataLabels: {
|
|
enabled: !1,
|
|
formatter: function (e) {
|
|
return e + "%";
|
|
},
|
|
offsetY: -20,
|
|
style: { fontSize: "12px", colors: ["#304758"] },
|
|
},
|
|
xaxis: {
|
|
labels: { show: !1 },
|
|
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "Jan", "Feb", "Mar"],
|
|
position: "top",
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
crosshairs: { show: !1 },
|
|
tooltip: { enabled: !1 },
|
|
},
|
|
yaxis: {
|
|
show: !1,
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1, background: a },
|
|
labels: {
|
|
show: !1,
|
|
formatter: function (e) {
|
|
return e + "%";
|
|
},
|
|
},
|
|
},
|
|
}).render();
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_mixed_widget_16_chart"),
|
|
t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = {
|
|
labels: ["Total Members"],
|
|
series: [74],
|
|
chart: { fontFamily: "inherit", height: t, type: "radialBar", offsetY: 0 },
|
|
plotOptions: {
|
|
radialBar: {
|
|
startAngle: -90,
|
|
endAngle: 90,
|
|
hollow: { margin: 0, size: "70%" },
|
|
dataLabels: {
|
|
showOn: "always",
|
|
name: { show: !0, fontSize: "13px", fontWeight: "700", offsetY: -5, color: KTUtil.getCssVariableValue("--kt-gray-500") },
|
|
value: { color: KTUtil.getCssVariableValue("--kt-gray-700"), fontSize: "30px", fontWeight: "700", offsetY: -40, show: !0 },
|
|
},
|
|
track: { background: KTUtil.getCssVariableValue("--kt-primary-light"), strokeWidth: "100%" },
|
|
},
|
|
},
|
|
colors: [KTUtil.getCssVariableValue("--kt-primary")],
|
|
stroke: { lineCap: "round" },
|
|
};
|
|
new ApexCharts(e, a).render();
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e = document.querySelectorAll(".mixed-widget-17-chart");
|
|
[].slice.call(e).map(function (e) {
|
|
var t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = e.getAttribute("data-kt-chart-color"),
|
|
o = {
|
|
labels: ["Total Orders"],
|
|
series: [75],
|
|
chart: { fontFamily: "inherit", height: t, type: "radialBar", offsetY: 0 },
|
|
plotOptions: {
|
|
radialBar: {
|
|
startAngle: -90,
|
|
endAngle: 90,
|
|
hollow: { margin: 0, size: "55%" },
|
|
dataLabels: {
|
|
showOn: "always",
|
|
name: { show: !0, fontSize: "12px", fontWeight: "700", offsetY: -5, color: KTUtil.getCssVariableValue("--kt-gray-500") },
|
|
value: {
|
|
color: KTUtil.getCssVariableValue("--kt-gray-900"),
|
|
fontSize: "24px",
|
|
fontWeight: "600",
|
|
offsetY: -40,
|
|
show: !0,
|
|
formatter: function (e) {
|
|
return "8,346";
|
|
},
|
|
},
|
|
},
|
|
track: { background: KTUtil.getCssVariableValue("--kt-gray-300"), strokeWidth: "100%" },
|
|
},
|
|
},
|
|
colors: [KTUtil.getCssVariableValue("--kt-" + a)],
|
|
stroke: { lineCap: "round" },
|
|
};
|
|
new ApexCharts(e, o).render();
|
|
}
|
|
});
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_mixed_widget_18_chart"),
|
|
t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
o = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
r = "dark" === KTThemeMode.getMode() ? KTUtil.getCssVariableValue("--kt-gray-200") : "#D6D6E0";
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [30, 25, 45, 30, 55, 55] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [o] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: a, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: o, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 60, labels: { show: !1, style: { colors: a, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [r],
|
|
markers: { colors: [r], strokeColor: [o], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
})(),
|
|
(function () {
|
|
var e = document.getElementById("kt_charts_mixed_widget_19_chart"),
|
|
t = parseInt(KTUtil.css(e, "height"));
|
|
if (e) {
|
|
var a = KTUtil.getCssVariableValue("--kt-gray-800"),
|
|
o = KTUtil.getCssVariableValue("--kt-info"),
|
|
r = KTUtil.getCssVariableValue("--kt-info-light");
|
|
new ApexCharts(e, {
|
|
series: [{ name: "Net Profit", data: [30, 25, 45, 30, 55, 55] }],
|
|
chart: { fontFamily: "inherit", type: "area", height: t, toolbar: { show: !1 }, zoom: { enabled: !1 }, sparkline: { enabled: !0 } },
|
|
plotOptions: {},
|
|
legend: { show: !1 },
|
|
dataLabels: { enabled: !1 },
|
|
fill: { type: "solid", opacity: 1 },
|
|
stroke: { curve: "smooth", show: !0, width: 3, colors: [o] },
|
|
xaxis: {
|
|
categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul"],
|
|
axisBorder: { show: !1 },
|
|
axisTicks: { show: !1 },
|
|
labels: { show: !1, style: { colors: a, fontSize: "12px" } },
|
|
crosshairs: { show: !1, position: "front", stroke: { color: o, width: 1, dashArray: 3 } },
|
|
tooltip: { enabled: !0, formatter: void 0, offsetY: 0, style: { fontSize: "12px" } },
|
|
},
|
|
yaxis: { min: 0, max: 60, labels: { show: !1, style: { colors: a, fontSize: "12px" } } },
|
|
states: { normal: { filter: { type: "none", value: 0 } }, hover: { filter: { type: "none", value: 0 } }, active: { allowMultipleDataPointsSelection: !1, filter: { type: "none", value: 0 } } },
|
|
tooltip: {
|
|
style: { fontSize: "12px" },
|
|
y: {
|
|
formatter: function (e) {
|
|
return "$" + e + " thousands";
|
|
},
|
|
},
|
|
},
|
|
colors: [r],
|
|
markers: { colors: [r], strokeColor: [o], strokeWidth: 3 },
|
|
}).render();
|
|
}
|
|
})(),
|
|
(a = document.querySelector("#kt_forms_widget_1_form")) &&
|
|
a &&
|
|
new Quill("#kt_forms_widget_1_editor", { modules: { toolbar: { container: "#kt_forms_widget_1_editor_toolbar" } }, placeholder: "What is on your mind ?", theme: "snow" }),
|
|
(o = document.querySelector("#kt_widget_5_load_more_btn")),
|
|
(r = document.querySelector("#kt_widget_5")),
|
|
o &&
|
|
o.addEventListener("click", function (e) {
|
|
e.preventDefault(),
|
|
o.setAttribute("data-kt-indicator", "on"),
|
|
setTimeout(function () {
|
|
o.removeAttribute("data-kt-indicator"), r.classList.remove("d-none"), o.classList.add("d-none"), KTUtil.scrollTo(r, 200);
|
|
}, 2e3);
|
|
}),
|
|
(s = document.querySelector("#kt_user_follow_button")) &&
|
|
s.addEventListener("click", function (e) {
|
|
e.preventDefault(),
|
|
s.setAttribute("data-kt-indicator", "on"),
|
|
(s.disabled = !0),
|
|
s.classList.contains("btn-success")
|
|
? setTimeout(function () {
|
|
s.removeAttribute("data-kt-indicator"),
|
|
s.classList.remove("btn-success"),
|
|
s.classList.add("btn-light"),
|
|
s.querySelector(".svg-icon").classList.add("d-none"),
|
|
(s.querySelector(".indicator-label").innerHTML = "Follow"),
|
|
(s.disabled = !1);
|
|
}, 1500)
|
|
: setTimeout(function () {
|
|
s.removeAttribute("data-kt-indicator"),
|
|
s.classList.add("btn-success"),
|
|
s.classList.remove("btn-light"),
|
|
s.querySelector(".svg-icon").classList.remove("d-none"),
|
|
(s.querySelector(".indicator-label").innerHTML = "Following"),
|
|
(s.disabled = !1);
|
|
}, 1e3);
|
|
}),
|
|
(function () {
|
|
if ("undefined" != typeof FullCalendar && document.querySelector("#kt_calendar_widget_1")) {
|
|
var e = moment().startOf("day"),
|
|
t = e.format("YYYY-MM"),
|
|
a = e.clone().subtract(1, "day").format("YYYY-MM-DD"),
|
|
o = e.format("YYYY-MM-DD"),
|
|
r = e.clone().add(1, "day").format("YYYY-MM-DD"),
|
|
s = document.getElementById("kt_calendar_widget_1");
|
|
new FullCalendar.Calendar(s, {
|
|
headerToolbar: { left: "prev,next today", center: "title", right: "dayGridMonth,timeGridWeek,timeGridDay,listMonth" },
|
|
height: 800,
|
|
contentHeight: 780,
|
|
aspectRatio: 3,
|
|
nowIndicator: !0,
|
|
now: o + "T09:25:00",
|
|
views: { dayGridMonth: { buttonText: "month" }, timeGridWeek: { buttonText: "week" }, timeGridDay: { buttonText: "day" } },
|
|
initialView: "dayGridMonth",
|
|
initialDate: o,
|
|
editable: !0,
|
|
dayMaxEvents: !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: a, end: r, description: "Lorem ipsum dolor eius mod tempor labore", className: "fc-event-primary" },
|
|
{ title: "Meeting", start: o + "T10:30:00", end: o + "T12:30:00", description: "Lorem ipsum dolor eiu idunt ut labore" },
|
|
{ title: "Lunch", start: o + "T12:00:00", className: "fc-event-info", description: "Lorem ipsum dolor sit amet, ut labore" },
|
|
{ title: "Meeting", start: o + "T14:30:00", className: "fc-event-warning", description: "Lorem ipsum conse ctetur adipi scing" },
|
|
{ title: "Happy Hour", start: o + "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" },
|
|
],
|
|
}).render();
|
|
}
|
|
})();
|
|
},
|
|
};
|
|
"undefined" != typeof module && void 0 !== module.exports && (module.exports = KTWidgets),
|
|
KTUtil.onDOMContentLoaded(function () {
|
|
KTWidgets.init();
|
|
});
|