Inisital Asset Commit
This commit is contained in:
Hickmeister
627
assets/js/widgets.js
Normal file
627
assets/js/widgets.js
Normal file
@@ -0,0 +1,627 @@
|
||||
$(function() {
|
||||
"use strict";
|
||||
var e = {
|
||||
series: [{
|
||||
name: "Total Users",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "line",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#17a00e"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#17a00e"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "45%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 2.4,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#17a00e"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart1"), e).render();
|
||||
e = {
|
||||
series: [{
|
||||
name: "Page Views",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "bar",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#f41127"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#f41127"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "35%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 0,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#f41127"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart2"), e).render();
|
||||
e = {
|
||||
series: [{
|
||||
name: "Avg. Session Duration",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "line",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#0d6efd"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#0d6efd"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "45%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 2.4,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#0d6efd"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart3"), e).render();
|
||||
e = {
|
||||
series: [{
|
||||
name: "Bounce Rate",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "bar",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#ffb207"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#ffb207"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "35%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 0,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#ffb207"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart4"), e).render();
|
||||
e = {
|
||||
series: [{
|
||||
name: "Total Orders",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "area",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#f41127"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#f41127"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "45%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 2.4,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#f41127"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart5"), e).render();
|
||||
e = {
|
||||
series: [{
|
||||
name: "Total Income",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "area",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#0d6efd"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#0d6efd"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "45%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 2.4,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#0d6efd"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart6"), e).render();
|
||||
e = {
|
||||
series: [{
|
||||
name: "Total Users",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "area",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#ffb207"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#ffb207"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "45%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 2.4,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#ffb207"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart7"), e).render();
|
||||
e = {
|
||||
series: [{
|
||||
name: "Comments",
|
||||
data: [240, 160, 671, 414, 555, 257, 901, 613, 727, 414, 555, 257]
|
||||
}],
|
||||
chart: {
|
||||
type: "area",
|
||||
height: 65,
|
||||
toolbar: {
|
||||
show: !1
|
||||
},
|
||||
zoom: {
|
||||
enabled: !1
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: !0,
|
||||
top: 3,
|
||||
left: 14,
|
||||
blur: 4,
|
||||
opacity: .12,
|
||||
color: "#17a00e"
|
||||
},
|
||||
sparkline: {
|
||||
enabled: !0
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
size: 0,
|
||||
colors: ["#17a00e"],
|
||||
strokeColors: "#fff",
|
||||
strokeWidth: 2,
|
||||
hover: {
|
||||
size: 7
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: !1,
|
||||
columnWidth: "45%",
|
||||
endingShape: "rounded"
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: !1
|
||||
},
|
||||
stroke: {
|
||||
show: !0,
|
||||
width: 2.4,
|
||||
curve: "smooth"
|
||||
},
|
||||
colors: ["#17a00e"],
|
||||
xaxis: {
|
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
||||
},
|
||||
fill: {
|
||||
opacity: 1
|
||||
},
|
||||
tooltip: {
|
||||
theme: "dark",
|
||||
fixed: {
|
||||
enabled: !1
|
||||
},
|
||||
x: {
|
||||
show: !1
|
||||
},
|
||||
y: {
|
||||
title: {
|
||||
formatter: function(e) {
|
||||
return ""
|
||||
}
|
||||
}
|
||||
},
|
||||
marker: {
|
||||
show: !1
|
||||
}
|
||||
}
|
||||
};
|
||||
new ApexCharts(document.querySelector("#w-chart8"), e).render()
|
||||
});
|
||||
Reference in New Issue
Block a user