felipe.aquino/cae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

definicao de layout

Browse Source
This commit is contained in:
Felipe AQUINO
2026-02-06 14:37:54 +00:00
parent 872a5bb3ea
commit a4f80c85c2
2686 changed files with 640668 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

958
public/assets/js/dashboard/dashboard_2.js Normal file
View File

@@ -0,0 +1,958 @@
// dashbord-2 knob chart
// right-side-small-chart
(function($) {
"use strict";
$(".knob1").knob({
'width':65,
'height':65,
'max':100,
change : function (value) {
//console.log("change : " + value);
},
release : function (value) {
//console.log(this.$.attr('value'));
console.log("release : " + value);
},
cancel : function () {
console.log("cancel : ", this);
},
format : function (value) {
return value + '%';
},
draw : function () {
// "tron" case
if(this.$.data('skin') == 'tron') {
this.cursorExt = 1;
var a = this.arc(this.cv) // Arc
, pa // Previous arc
, r = 1;
this.g.lineWidth = this.lineWidth;
if (this.o.displayPrevious) {
pa = this.arc(this.v);
this.g.beginPath();
this.g.strokeStyle = this.pColor;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
this.g.stroke();
}
this.g.beginPath();
this.g.strokeStyle = r ? this.o.fgColor : this.fgColor ;
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
this.g.stroke();
this.g.lineWidth = 2;
this.g.beginPath();
this.g.strokeStyle = this.o.fgColor;
this.g.arc( this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
this.g.stroke();
return false;
}
}
});
// Example of infinite knob, iPod click wheel
var v, up=0,down=0,i=0
,$idir = $("div.idir")
,$ival = $("div.ival")
,incr = function() { i++; $idir.show().html("+").fadeOut(); $ival.html(i); }
,decr = function() { i--; $idir.show().html("-").fadeOut(); $ival.html(i); };
$("input.infinite").knob(
{
min : 0
, max : 20
, stopper : false
, change : function () {
if(v > this.cv){
if(up){
decr();
up=0;
}else{up=1;down=0;}
} else {
if(v < this.cv){
if(down){
incr();
down=0;
}else{down=1;up=0;}
}
}
v = this.cv;
}
});
})(jQuery);
var options = {
series: [{
name: 'TEAM A',
type: 'area',
data: [44, 48, 38, 47]
}, {
name: 'TEAM B',
type: 'line',
data: [42, 38, 48, 30]
}],
chart: {
height:470,
type: 'line',
toolbar: {
show:false,
},
},
stroke: {
curve: 'smooth',
width: [5, 2],
dashArray: [0, 8]
},
fill: {
type:'solid',
opacity: [0.35, 1],
},
labels: ['2010', '2011','2012','2013'],
markers: {
size: 5
},
responsive: [
{
breakpoint:991,
options: {
chart: {
height:300
}
}
},
{
breakpoint:1500,
options: {
chart: {
height:325
}
}
}
],
yaxis: [
{
labels: {
formatter: function (value) {
return value + "k";
},
},
},
],
tooltip: {
shared: true,
intersect: false,
y: {
formatter: function (y) {
if(typeof y !== "undefined") {
return y.toFixed(0) + " points";
}
return y;
}
}
},
legend: {
show:false,
},
colors:[vihoAdminConfig.primary , vihoAdminConfig.secondary]
};
var chart = new ApexCharts(document.querySelector("#chart-dash-2-line"), options);
chart.render();
//overview section chart in dashboard-2
var options25 = {
chart:{
type: "line",
height: 450,
foreColor: "#999",
stacked: true,
dropShadow: {
enabled: true,
enabledSeries: [0],
top: -2,
left: 2,
blur: 5,
opacity: 0.06
},
toolbar: {
show:false,
},
},responsive: [
{
breakpoint:1470,
options:{
chart:{
height:440
}
}
},
{
breakpoint:1365,
options:{
chart:{
height:300
}
}
},
{
breakpoint:991,
options:{
chart:{
height:250
}
}
},
],
colors:[vihoAdminConfig.primary, vihoAdminConfig.secondary],
stroke:{
width:3
},
dataLabels: {
enabled:false
},
series: [{
name: 'Total Views',
data: generateDayWiseTimeSeries(0, 18)
}, {
name: 'Unique Views',
data: generateDayWiseTimeSeries(1, 18)
}],
markers: {
size: 5,
strokeColor: "#e3e3e3",
strokeWidth: 3,
strokeOpacity: 1,
fillOpacity: 1,
hover: {
size: 6
}
},
xaxis: {
type: "datetime",
axisBorder: {
show: false
},
axisTicks: {
show: false
}
},
yaxis: {
labels: {
offsetX: 14,
offsetY: -5
},
tooltip: {
enabled: true
},
labels: {
formatter: function (value) {
return value + "k";
},
},
},
grid: {
padding: {
left: -5,
right: 5
}
},
tooltip: {
x: {
format: "dd MMM yyyy"
}
},
legend: {
position: 'top',
horizontalAlign: 'left',
show:false
},
fill: {
type: "solid",
fillOpacity: 0.7
},
};
var chart25 = new ApexCharts(document.querySelector("#timeline-chart"),
options25
);
chart25.render();
function generateDayWiseTimeSeries(s, count) {
var values = [[
4,3,10,9,29,19,25,9,12,7,19,5,13,9,17,2,7,5
], [
2,3,8,7,22,16,23,7,11,5,12,5,10,4,15,2,6,2
]];
var i = 0;
var series = [];
var x = new Date("11 Nov 2012").getTime();
while (i < count) {
series.push([x, values[s][i]]);
x += 86400000;
i++;
}
return series;
}
//Dashboard-2 Third chart for Yearly Growth
//new charts
var options51 = {
series: [
{
name: "Yearly Profit",
data: [
{
x: "2001",
y: 5500
},
{
x: "2002",
y: 3800
},
{
x: "2003",
y: 5500
},
{
x: "2004",
y: 7700
},
{
x: "2005",
y: 1500
},
{
x: "2006",
y: 1000,
fillColor: vihoAdminConfig.primary,
},
{
x: "2007",
y: 5000,
fillColor: vihoAdminConfig.primary,
},
{
x: "2008",
y: 6000,
fillColor: vihoAdminConfig.primary,
},
{
x: "2009",
y: 7900,
fillColor: vihoAdminConfig.primary,
},
{
x: "2010",
y: 4700,
fillColor: vihoAdminConfig.primary,
},
{
x: "2011",
y: 4000,
fillColor: vihoAdminConfig.primary,
},
{
x: "2012",
y: 5000,
fillColor: vihoAdminConfig.primary,
},
{
x: "2013",
y: 7500
},
{
x: "2014",
y: 3500
},
{
x: "2015",
y: 4000
},
{
x: "2016",
y: 6500
},
{
x: "2017",
y: 4000
},
{
x: "2018",
y: 5853
},
{
x: "2019",
y: 6553
},
{
x: "2020",
y: 5200
},
{
x: "2021",
y: 6200
},
{
x: "2022",
y: 880,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2023",
y: 1200,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2024",
y: 8010,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2025",
y: 6053,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2026",
y: 4000,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2027",
y: 1000,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2028",
y: 6200
},
{
x: "2029",
y: 6200
},
{
x: "2030",
y: 7500
},
{
x: "2031",
y: 7000
},
{
x: "2032",
y: 5000
},
{
x: "2033",
y: 6000
},
{
x: "2034",
y: 8000
},
{
x: "2035",
y: 4000
},
{
x: "2036",
y: 4500
},
{
x: "2037",
y: 4800
},
{
x: "2038",
y: 3000,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2039",
y: 4200,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2040",
y: 7900,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2041",
y: 4000,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2042",
y: 5500,
fillColor: vihoAdminConfig.secondary,
},
{
x: "2043",
y: 1000
},
{
x: "2044",
y: 5500
},
{
x: "2045",
y: 7000
},
{
x: "2046",
y: 6500
},
{
x: "2047",
y: 4000
}
]
}
],
chart: {
height: 350,
type: "bar",
toolbar:{
show:false,
},
},
plotOptions:{
bar:{
horizontal:false,
columnWidth:"70%",
}
},
stroke: {
show: false,
},
dataLabels: {
enabled: false
},
fill: {
opacity: 1
},
xaxis: {
type: "datetime",
axisBorder: {
show: false
},
labels: {
show: false,
},
axisTicks:{
show:false,
},
},
yaxis: {
labels: {
formatter: function (val) {
return val / 100 + "K";
},
}
},
responsive: [
{
breakpoint:991,
options: {
chart: {
height:250
}
}
}
],
colors:["#d8e3e5"]
};
var chart51 = new ApexCharts(document.querySelector("#chart-yearly-growth-dash-2"),
options51
);
chart51.render();
// column charts in apex charts
// var options27 = {
// series: [
// {
// data: [400, 230, 448, 370, 540, 580, 690, 1100, 1200, 1380,1150,580,330,580,1355,1280,1485,875,356,587,954,325,469,1254,1587,543,370,987,675,345,895,1200,1265,987,1400,852,654,254,155,899,754,254,789,235,456,256,900]
// }
// ],
// chart: {
// type: "bar",
// height: 350,
// toolbar: {
// show:false,
// },
// },
// plotOptions: {
// bar: {
// horizontal: false,
// distributed: true,
// startingShape: "rounded",
// endingShape: "rounded",
// colors: {
// backgroundBarColors: ["#eee"],
// backgroundBarOpacity: 1,
// backgroundBarRadius: 9
// }
// }
// },
// dataLabels: {
// enabled: false
// },
// grid: {
// yaxis: {
// lines: {
// show: false
// },
// }
// },
// yaxis: {
// labels: {
// formatter: function (val) {
// return val / 100 + "K";
// },
// }
// },
// xaxis: {
// axisBorder: {
// show: false
// },
// categories: [
// "Spain",
// "Canada",
// "United Kingdom",
// "Netherlands",
// "Italy",
// "France",
// "Japan",
// "United States",
// "China",
// "Germany"
// ],
// labels: {
// show: false,
// },
// axisTicks:{
// show:false,
// },
// },
// colors: [
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#24695c",
// "#24695c",
// "#24695c",
// "#24695c",
// "#24695c",
// "#24695c",
// "#24695c",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#d8e3e5",
// "#ba895d",
// "#ba895d",
// "#ba895d",
// "#ba895d",
// "#ba895d",
// "#ba895d"
// ],
// legend: {
// show: false
// }
// };
// var chart27 = new ApexCharts(document.querySelector("#chart-unique-2"),
// options27
// );
// chart27.render();
//
var barOptions = {
curvature: 1,
animationSteps: 15,
responsive: true,
scaleShowVerticalLines: false,
scaleShowHorizontalLines: false,
scaleShowLabels: false,
// String - Template string for single tooltips
tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= value + ' %' %>",
// String - Template string for multiple tooltips
multiTooltipTemplate: "<%= value + ' %' %>",
// Array - Array of string names to attach tooltip events
tooltipEvents: ["mousemove", "touchstart", "touchmove"],
// String - Tooltip background colour
tooltipFillColor: "rgba(0,0,0,0.8)",
// String - Tooltip label font declaration for the scale label
tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
// Number - Tooltip label font size in pixels
tooltipFontSize: 14,
// String - Tooltip font weight style
tooltipFontStyle: "normal",
// String - Tooltip label font colour
tooltipFontColor: "#fff",
// String - Tooltip title font declaration for the scale label
tooltipTitleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
// Number - Tooltip title font size in pixels
tooltipTitleFontSize: 14,
// String - Tooltip title font weight style
tooltipTitleFontStyle: "bold",
// String - Tooltip title font colour
tooltipTitleFontColor: "#fff",
// Number - pixel width of padding around tooltip text
tooltipYPadding: 6,
// Number - pixel width of padding around tooltip text
tooltipXPadding: 6,
// Number - Size of the caret on the tooltip
tooltipCaretSize: 8,
// Number - Pixel radius of the tooltip border
tooltipCornerRadius: 6,
// Number - Pixel offset from point x to tooltip edge
tooltipXOffset: 10,
barShowLabels: false,
// Function - Will fire on animation progression.
onAnimationProgress: function(){},
// Function - Will fire on animation completion.
onAnimationComplete: function(){}
};
Chart.types.Bar.extend({
name: "BarAlt",
initialize: function (data) {
Chart.types.Bar.prototype.initialize.apply(this, arguments);
if (this.options.curvature !== undefined && this.options.curvature <= 1) {
var rectangleDraw = this.datasets[0].bars[0].draw;
var self = this;
var radius = this.datasets[0].bars[0].width * this.options.curvature * 0.2;
// override the rectangle draw with ours
this.datasets.forEach(function (dataset) {
dataset.bars.forEach(function (bar) {
bar.draw = function () {
// draw the original bar a little down (so that our curve brings it to its original position)
var y = bar.y;
// the min is required so animation does not start from below the axes
bar.y = Math.min(bar.y + radius, self.scale.endPoint - 1);
// adjust the bar radius depending on how much of a curve we can draw
var barRadius = (bar.y - y);
rectangleDraw.apply(bar, arguments);
// draw a rounded rectangle on top
Chart.helpers.drawRoundedRectangle(self.chart.ctx, bar.x - bar.width / 2, bar.y - barRadius + 1, bar.width, bar.height, barRadius);
ctx.fill();
// restore the y value
bar.y = y;
}
})
})
}
}
});
var barData = {
labels : ["3rd Mar","3rd Apr","3r May","3rd Jun","3rd Jul","3rd Aug","3rd Sep","3rd Nov","3rd dec", "3rd Mar","3rd Apr","3r May","3rd Jun","3rd Jul","3rd Aug","3rd Sep","3rd Nov","3rd dec", "3rd Mar","3rd Apr","3r May","3rd Jun","3rd Jul","3rd Aug","3rd Sep","3rd Nov","3rd dec", "3rd Mar","3rd Apr","3r May","3rd Jun","3rd Jul","3rd Aug","3rd Sep","3rd Nov","3rd dec", "3rd Mar","3rd Apr","3r May","3rd Jun","3rd Jul","3rd Aug","3rd Sep","3rd Nov","3rd dec"],
datasets: [{
label: "Third dataset",
fillColor: "#1faf4b",
strokeColor: "#1faf4b",
data: [400, 230, 448, 370, 540, 580, 690, 1100, 1200, 1380,1150,580,330,580,1355,1280,1485,875,356,587,954,325,469,1254,1587,543,370,987,675,345,895,1200,1265,987,1400,852,654,254,155,899,754,254,789,235,456,256,900]
}],
};
// var ctx = document.getElementById("myChart").getContext("2d");
// var myLine = new Chart(ctx).BarAlt(barData, barOptions);
// document.getElementById("addData").onclick = function addData() {
// // Update one of the points in the second dataset
// myLine.addData([Math.random() * 100]);
// Chart.types.Bar.extend({
// name: "BarAlt",
// initialize: function (data) {
// Chart.types.Bar.prototype.initialize.apply(this, arguments);
// var rectangleDraw = this.datasets[0].bars[0].draw;
// var self = this;
// var radius = this.datasets[0].bars[0].width * this.options.curvature * 0.2;
// // override the rectangle draw with ours
// this.datasets.forEach(function (dataset) {
// dataset.bars.forEach(function (bar) {
// bar.draw = function () {
// // draw the original bar a little down (so that our curve brings it to its original position)
// var y = bar.y;
// // the min is required so animation does not start from below the axes
// bar.y = Math.min(bar.y + radius, self.scale.endPoint - 1);
// // adjust the bar radius depending on how much of a curve we can draw
// var barRadius = (bar.y - y);
// rectangleDraw.apply(bar, arguments);
// // draw a rounded rectangle on top
// Chart.helpers.drawRoundedRectangle(self.chart.ctx, bar.x - bar.width / 2, bar.y - barRadius + 1, bar.width, bar.height, barRadius);
// ctx.fill();
// // restore the y value
// bar.y = y;
// }
// })
// })
// }
// });
// // Remove the first point so we dont just add values forever
// myLine.removeData();
// }
var options3 = {
series: [{
name: 'Inflation',
data: [2.3, 5.1, 3.0, 9.1, 2.0, 4.6, 2.2, 9.3, 5.4, 4.8, 3.5, 5.2,2.3, 5.1, 3.0, 9.1, 2.0, 4.6, 2.2, 9.3, 5.4, 4.8, 3.5, 5.2]
// data: [4.3, 5.1, 3.0, 8.1, 3.0, 5.6, 3.2]
}],
chart: {
height:90,
type: 'bar',
toolbar: {
show: false
},
},
plotOptions: {
bar: {
dataLabels: {
position: 'top', // top, center, bottom
},
columnWidth: '20%',
startingShape: 'rounded',
endingShape: 'rounded',
colors: {
backgroundBarColors: ["#d8e3e5"],
backgroundBarOpacity: 1,
backgroundBarRadius: 9
},
}
},
dataLabels: {
enabled: false,
formatter: function (val) {
return val + "%";
},
offsetY: -10,
style: {
fontSize: '12px',
colors: ["#912efc"]
}
},
xaxis: {
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
position: 'bottom',
axisBorder: {
show: false
},
axisTicks: {
show: false
},
crosshairs: {
fill: {
type: 'gradient',
gradient: {
colorFrom: vihoAdminConfig.primary,
colorTo: '#c481ec',
stops: [0, 100],
opacityFrom: 0.4,
opacityTo: 0.5,
}
}
},
tooltip: {
enabled: true,
},
labels:{
show:false
}
},
yaxis: {
axisBorder: {
show: false
},
axisTicks: {
show: false,
},
labels: {
show: false,
formatter: function (val) {
return val + "%";
}
}
},
colors: [vihoAdminConfig.secondary],
};
var chart3 = new ApexCharts(document.querySelector("#column-chart"),
options3
);
chart3.render();

384
public/assets/js/dashboard/dashboard_3.js Normal file
View File

@@ -0,0 +1,384 @@
// history
var lineArea1 = new Chartist.Line('.history', {
labels: ['1', '2', '3', '4', '5'],
series: [{
name: 'highest',
data: [3.8, 4, 2.8, 4, 3.2, 5]
}, {
name: 'lowest',
data: [3.8, 4.5, 3.5, 5, 4.6, 7]
}]
}, {
plugins: [
Chartist.plugins.tooltip({
appendToBody: false,
className: "ct-tooltip"
})
],
fullWidth: true,
chartPadding: {
right: 0,
left: -17,
bottom: 0
},
axisY: {
low: 0,
},
axisX: {
showLabel: false,
offset: 0
},
series: {
'highest': {
lineSmooth: Chartist.Interpolation.simple({
divisor: 2
}),
showPoint: false
},
'lowest': {
lineSmooth: Chartist.Interpolation.cardinal({
divisor: 2
}),
showArea: true
},
}
}).on("draw", function(e) {
if ("point" === e.type) {
var t = new Chartist.Svg("circle", {
cx: e.x,
cy: e.y,
"ct:value": e.y,
r: 5,
class: 5 === e.value.y ? "ct-point circle-point" : "ct-point circle-trans"
});
e.element.replace(t)
}
});
lineArea1.on('created', function (data) {
var defs = data.svg.elem('defs');
defs.elem('linearGradient', {
id: 'gradient',
x1: 1,
y1: 1,
x2: 1,
y2: 0
}).elem('stop', {
offset: 0,
'stop-color': '#ffffff'
}).parent().elem('stop', {
offset: 1,
'stop-color': '#f73164'
});
});
// project status
var options = {
chart: {
height: 320,
type: 'radialBar',
},
plotOptions: {
radialBar: {
dataLabels: {
name: {
fontSize: '20px',
},
value: {
fontSize: '16px',
},
total: {
show: true,
label: 'Total',
formatter: function (w) {
return 249
}
}
}
}
},
series: [45, 70, 60],
labels: ['Running', 'Complete', 'Pending'],
colors:['#f73164', '#51bb25', '#fdd92a']
}
var chart = new ApexCharts(
document.querySelector("#project-status"),
options
);
chart.render();
// website development
var options1 = {
chart: {
height: 380,
type: 'rangeBar',
toolbar: {
show: false
},
},
plotOptions: {
bar: {
horizontal: true,
}
},
dataLabels: {
enabled: true
},
colors:['#fdd92a', '#f73164'],
series: [{
name: "John",
data: [{
x: 'Design',
y: [10, 40]
}, {
x: 'Code',
y: [30, 35]
}, {
x: 'Test',
y: [20, 40]
}, {
x: 'Deployment',
y: [20, 25]
}]
}, {
name: "Alena",
data: [{
x: 'Design',
y: [35, 45]
}, {
x: 'Code',
y: [10, 25]
}, {
x: 'Test',
y: [30, 50]
}, {
x: 'Deployment',
y: [15, 25]
}]
}],
}
var chart1 = new ApexCharts(
document.querySelector("#websites"),
options1
);
chart1.render();
// vector map
! function(maps) {
"use strict";
var b = function() {};
b.prototype.init = function() {
maps("#asia").vectorMap({
map: "asia_mill",
backgroundColor: "transparent",
regionStyle: {
initial: {
fill: "#f73164"
}
},
markers: [
{ latLng: [39.91, 116.36], name: 'china', style: {r: 8, fill:'white'}},
{ latLng: [24.774, 46.73], name: 'saudi Arbia', style: {r: 8, fill:'white'}},
{ latLng: [43.238949, 76.889709], name: 'Kyrgyzstan', style: {r: 8, fill:'white'}},
{ latLng: [20.59, 78.96], name: 'India', style: {r: 8, fill:'white'}},
{ latLng: [35.86, 104.19], name: 'Changzhou', style: {r: 8, fill:'white'}},
{ latLng: [23.026, 113.13], name: 'Dongguan', style: {r: 8, fill:'white'}},
{ latLng: [34.68, 112.45], name: 'Henan', style: {r: 8, fill:'white'}},
{ latLng: [33.22, 43.67], name: 'Iraq', style: {r: 8, fill:'white'}}
],
series: {
regions: [{
scale: ['#fdd5df', '#fd0846'],
normalizeFunction: 'polynomial',
values: {
"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,
"IR": 337.9,
"IE": 204.14,
"IL": 201.25,
"IT": 2036.69,
"JM": 13.74,
"JP": 5390.9,
"KZ": 129.76,
"KE": 32.42,
"KI": 0.15,
"KR": 986.26,
"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,
"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,
"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,
"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,
"TM": 0,
"UG": 17.12,
"UA": 136.56,
"GB": 2258.57,
"US": 14624.18,
"UY": 40.71,
"UZ": 37.72,
"VU": 0.72,
"VE": 285.21,
"VN": 101.99,
"ZM": 15.69,
"ZW": 5.57
}
}]
}
})
}, maps.VectorMap = new b, maps.VectorMap.Constructor = b
}(window.jQuery),
function(maps) {
"use strict";
maps.VectorMap.init()
}(window.jQuery);

673
public/assets/js/dashboard/default.js Normal file
View File

@@ -0,0 +1,673 @@
//dashboard default page in chart-1
var options = {
series: [{
data: [
[1327359600000, 65.95],
[1327446000000, 65.34],
[1327532400000, 65.18],
[1327618800000, 65.05],
[1327878000000, 65.00],
[1327964400000, 63.95],
[1328050800000, 62.24],
[1328137200000, 63.29],
[1328223600000, 65.85],
[1328482800000, 60.86],
[1328569200000, 62.28],
[1328655600000, 59.10],
[1328742000000, 59.65],
[1328828400000, 59.21],
[1329087600000, 60.35],
[1329174000000, 60.44],
[1329260400000, 60.46],
[1329346800000, 60.86],
[1329433200000, 65.75],
[1329778800000, 65.54],
[1329865200000, 65.33],
[1329951600000, 65.97],
[1330038000000, 60.41],
[1330297200000, 60.27],
[1330383600000, 60.27],
[1331161200000, 59.05],
[1331247600000, 59.64],
[1331506800000, 59.56],
[1331593200000, 59.22],
[1331679600000, 58.77],
[1331766000000, 58.17],
[1331852400000, 58.82],
[1332111600000, 58.51],
[1332198000000, 58.16],
[1332284400000, 58.56],
[1332370800000, 55.71],
[1332457200000, 55.81],
[1332712800000, 55.40],
[1332799200000, 55.63],
[1332885600000, 55.46],
[1332972000000, 54.48],
[1333058400000, 54.31],
[1333317600000, 54.70],
[1333404000000, 55.31],
[1333490400000, 55.46],
[1333576800000, 55.59],
[1333922400000, 56.22],
[1335477600000, 56.58],
[1335736800000, 56.55],
[1335823200000, 56.77],
[1335909600000, 56.76],
[1335996000000, 56.32],
[1336082400000, 57.61],
[1336341600000, 57.52],
[1336428000000, 57.67],
[1336514400000, 57.52],
[1336600800000, 57.92],
[1336687200000, 58.20],
[1336946400000, 58.23],
[1337032800000, 58.33],
[1337119200000, 58.36],
[1337205600000, 58.01],
[1337292000000, 58.31],
[1337551200000, 55.01],
[1337637600000, 55.01],
[1337724000000, 55.18],
[1337810400000, 55.54],
[1337896800000, 53.60],
[1338242400000, 53.05],
[1338328800000, 53.29],
[1338415200000, 53.05],
[1338501600000, 50.82],
[1338760800000, 50.31],
[1338847200000, 50.70],
[1338933600000, 50.69],
[1339020000000, 50.32],
[1339106400000, 49.65],
[1339365600000, 49.13],
[1339452000000, 49.77],
[1339538400000, 49.79],
[1339624800000, 49.67],
[1339711200000, 49.39],
[1339970400000, 49.63],
[1340056800000, 49.89],
[1340143200000, 48.99],
[1340229600000, 48.23],
[1340316000000, 48.57],
[1340575200000, 48.84],
[1340661600000, 48.07],
[1340748000000, 48.41],
[1340834400000, 48.17],
[1340920800000, 48.37],
[1341180000000, 48.19],
[1341266400000, 45.51],
[1341439200000, 45.53],
[1341525600000, 45.37],
[1341784800000, 45.43],
[1341871200000, 45.44],
[1341957600000, 45.20],
[1342044000000, 43.14],
[1342130400000, 43.65],
[1342389600000, 43.40],
[1342476000000, 43.65],
[1342562400000, 43.43],
[1342648800000, 43.89],
[1342735200000, 40.38],
[1342994400000, 40.64],
[1343080800000, 40.02],
[1343167200000, 40.33],
[1343253600000, 40.95],
[1343340000000, 40.89],
[1343599200000, 40.01],
[1343685600000, 40.88],
[1343772000000, 40.69],
[1343858400000, 40.58],
[1343944800000, 40.02],
[1344204000000, 41.14],
[1344290400000, 41.37],
[1344376800000, 41.51],
[1344463200000, 41.65],
[1344549600000, 41.64],
[1344808800000, 41.27],
[1344895200000, 41.10],
[1344981600000, 41.91],
[1345068000000, 41.65],
[1345154400000, 40.80],
[1345413600000, 40.92],
[1345500000000, 40.75],
[1345586400000, 40.84],
[1345672800000, 40.50],
[1345759200000, 40.26],
[1346018400000, 42.32],
[1346104800000, 42.06],
[1346191200000, 42.96],
[1346277600000, 42.46],
[1346364000000, 42.27],
[1346709600000, 42.43],
[1346796000000, 42.26],
[1346882400000, 42.79],
[1346968800000, 43.46],
[1347228000000, 43.13],
[1347314400000, 40.43],
[1347400800000, 40.42],
[1347487200000, 40.81],
[1347573600000, 40.34],
[1347832800000, 40.41],
[1347919200000, 38.57],
[1348005600000, 38.12],
[1348092000000, 38.53],
[1348178400000, 38.83],
[1348437600000, 38.41],
[1348524000000, 38.90],
[1348610400000, 40.53],
[1348696800000, 40.80],
[1348783200000, 40.44],
[1349042400000, 40.62],
[1349128800000, 40.57],
[1349215200000, 40.60],
[1349301600000, 40.68],
[1349388000000, 40.47],
[1349647200000, 43.23],
[1349733600000, 43.68],
[1349820000000, 43.51],
[1349906400000, 43.78],
[1349992800000, 43.94],
[1350252000000, 43.33],
[1350338400000, 43.24],
[1350424800000, 43.44],
[1350511200000, 43.48],
[1350597600000, 43.24],
[1350856800000, 43.49],
[1350943200000, 43.31],
[1351029600000, 45.36],
[1351116000000, 45.40],
[1351202400000, 45.01],
[1351638000000, 45.02],
[1351724400000, 45.36],
[1351810800000, 45.39],
[1352070000000, 45.24],
[1352156400000, 45.39],
[1352242800000, 45.47],
[1352329200000, 45.98],
[1352415600000, 48.90],
[1352674800000, 48.70],
[1352761200000, 48.54],
[1352847600000, 48.23],
[1352934000000, 48.64],
[1353020400000, 48.65],
[1353279600000, 48.92],
[1353366000000, 48.64],
[1353452400000, 48.84],
[1353625200000, 48.40],
[1353884400000, 48.30],
[1355353200000, 55.53],
[1355439600000, 55.56],
[1355698800000, 55.42],
[1355785200000, 58.49],
[1355871600000, 58.09],
[1355958000000, 58.87],
[1356044400000, 58.71],
[1356303600000, 58.53],
[1356476400000, 58.55],
[1356562800000, 60.30],
[1356649200000, 60.90],
[1356908400000, 60.68],
[1357081200000, 60.34],
[1357167600000, 60.75],
[1357254000000, 60.13],
[1357513200000, 60.94],
[1357599600000, 60.14],
[1357686000000, 60.66],
[1357772400000, 63.62],
[1357858800000, 65.09],
[1358118000000, 63.16],
[1358204400000, 63.15],
[1358290800000, 65.88],
[1358377200000, 60.73],
[1358463600000, 60.98],
[1358809200000, 60.95],
[1358895600000, 60.25],
[1358982000000, 60.10],
[1359068400000, 60.32],
[1359327600000, 60.24],
[1359414000000, 60.52],
[1359500400000, 60.94],
[1359586800000, 60.83],
[1359673200000, 60.34],
[1359932400000, 60.10],
[1360018800000, 63.51],
[1360105200000, 63.40],
[1360191600000, 63.20],
[1360278000000, 63.20],
[1360537200000, 64.64],
[1360623600000, 64.89],
[1360710000000, 64.81],
[1360796400000, 65.61],
[1360882800000, 65.63],
[1361228400000, 65.99],
[1361314800000, 66.77],
[1361401200000, 66.34],
[1361487600000, 66.55],
[1361746800000, 67.11],
[1361833200000, 67.59],
[1361919600000, 67.60]
]
}],
chart: {
id: 'area-datetime',
type: 'area',
height: 425,
zoom: {
autoScaleYaxis: true
},
toolbar: {
show: false
},
},
annotations: {
yaxis: [{
y: 50,
borderColor: vihoAdminConfig.primary,
label: {
show: true,
text: 'Support',
style: {
color: "#fff",
background: vihoAdminConfig.primary
}
}
}],
xaxis: [{
x: new Date('15 Nov 2012').getTime(),
borderColor: vihoAdminConfig.primary,
yAxisIndex: 50,
label: {
show: false,
text: '$859,432',
style: {
color: "#fff",
background: vihoAdminConfig.primary
}
},
}]
},
dataLabels: {
enabled: false
},
markers: {
size: 0,
style: 'hollow',
},
xaxis: {
type: 'datetime',
min: new Date('01 Apr 2012').getTime(),
tickAmount: 6,
axisTicks: {
show: false,
},
axisBorder: {
show: false
},
},
tooltip: {
x: {
format: 'dd MMM yyyy'
},
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
stops: [0, 100]
}
},
responsive: [{
breakpoint: 1366,
options: {
chart: {
height: 350
}
}
},
{
breakpoint: 1238,
options: {
chart: {
height:300
},
grid: {
padding: {
bottom: 5,
},
}
}
},
{
breakpoint: 992,
options: {
chart: {
height: 300
}
}
},
{
breakpoint: 551,
options: {
grid: {
padding: {
bottom:10,
},
}
}
},
{
breakpoint: 535,
options: {
chart: {
height: 250
}
}
}],
colors: [vihoAdminConfig.primary],
};
var charttimeline = new ApexCharts(document.querySelector("#chart-timeline-dashbord"), options);
charttimeline.render();
// second chart dashbord dafault
var options17 = {
series: [76, 67, 61, 90],
chart: {
height: 380,
type: 'radialBar',
},
plotOptions: {
radialBar: {
offsetY: 0,
startAngle: 0,
endAngle: 270,
hollow: {
margin: 5,
size: '30%',
background: 'transparent',
image: undefined,
},
dataLabels: {
name: {
show: false,
},
value: {
show: false,
}
}
}
},
colors: [vihoAdminConfig.primary, vihoAdminConfig.secondary, vihoAdminConfig.primary, vihoAdminConfig.secondary],
labels: ['Total order', 'Total product', 'Quantity', 'Page views'],
legend: {
show: true,
floating: true,
fontSize: '14px',
position: 'left',
fontFamily: 'Roboto',
fontweight: 400,
// offsetX:30,
offsetY: 20,
labels: {
useSeriesColors: true,
},
markers: {
size: 0,
show: false,
},
formatter: function(seriesName, opts) {
return seriesName + ": " + opts.w.globals.series[opts.seriesIndex]
},
itemMargin: {
vertical: 5,
horizontal: 2
}
},
stroke: {
lineCap: 'round'
},
responsive: [{
breakpoint: 480,
options: {
legend: {
show: true,
fontSize: '10px',
}
}
}]
};
var chart17 = new ApexCharts(document.querySelector("#chart-dashbord"), options17);
chart17.render();
// chart-4 dashbord
var options21 = {
series: [{
name: 'series1',
data: [90, 78, 90, 84, 94, 60, 95, 88, 95]
}],
chart: {
height: 405,
type: 'area',
toolbar: {
show: false
}
},
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
xaxis: {
type: 'datetime',
enabled: false,
categories: ["2018-09-19T00:00:00.000Z", "2018-09-19T01:30:00.000Z", "2018-09-19T02:30:00.000Z", "2018-09-19T03:30:00.000Z", "2018-09-19T04:30:00.000Z", "2018-09-19T05:30:00.000Z", "2018-09-19T06:30:00.000Z"]
},
yaxis: {
show: false,
},
xaxis: {
show: false,
labels: {
show: false,
},
axisTicks: {
show: false,
},
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm',
enabled: false,
},
},
colors: [vihoAdminConfig.secondary],
responsive: [
{
breakpoint:1365,
options: {
chart: {
height: 220
}
},
},
{
breakpoint: 575,
options: {
chart: {
height: 180
}
},
},
{
breakpoint: 992,
options: {
chart: {
height: 250
}
},
}],
};
var chart21 = new ApexCharts(document.querySelector("#chart-3dash"), options21);
chart21.render();
//column chart
var options54 = {
series: [{
data: [400, 230, 448, 370, 540, 580, 690, 1100, 1200]
}],
chart: {
type: "bar",
height: 200,
toolbar: {
show: false,
},
},
plotOptions: {
bar: {
horizontal: false,
distributed: true,
columnWidth: '30%',
startingShape: "rounded",
endingShape: "rounded",
colors: {
backgroundBarColors: ["#e5edef"],
backgroundBarOpacity: 1,
backgroundBarRadius: 9
}
}
},
dataLabels: {
enabled: false
},
grid: {
yaxis: {
lines: {
show: false
},
}
},
yaxis: {
labels: {
formatter: function(val) {
return val / 100 + "K";
},
},
labels: {
show: false,
},
},
xaxis: {
axisBorder: {
show: false
},
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Sep", "Oct"],
labels: {
show: true,
},
axisTicks: {
show: false,
},
},
colors: [
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary,
vihoAdminConfig.primary
],
legend: {
show: false
}
};
var chart54 = new ApexCharts(document.querySelector("#chart-unique-2"), options54);
chart54.render();
//new column charts
var options55 = {
series: [{
name: "Yearly Profit",
data: [{
x: "Jan",
y: 1500
}, {
x: "Feb",
y: 3000
}, {
x: "Mar",
y: 1800
}, {
x: "Apr",
y: 3000,
fillColor: vihoAdminConfig.secondary,
}, {
x: "May",
y: 1800
}, {
x: "Jun",
y: 1500
}, {
x: "Jul",
y: 2500
}, {
x: "Sep",
y: 1500,
fillColor: vihoAdminConfig.secondary,
}, {
x: "Oct",
y: 2000
}]
}],
chart: {
height: 250,
type: "bar",
toolbar: {
show: false,
},
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: "30%",
startingShape: "rounded",
endingShape: "rounded",
colors: {
backgroundBarColors: ["#e5edef"],
backgroundBarOpacity: 1,
backgroundBarRadius: 9
}
},
},
stroke: {
show: false,
},
dataLabels: {
enabled: false
},
fill: {
opacity: 1
},
xaxis: {
// type: "datetime",
axisBorder: {
show: false
},
labels: {
show: true,
},
axisTicks: {
show: false,
},
},
yaxis: {
labels: {
show: false,
}
},
colors: [vihoAdminConfig.primary]
};
var chart55 = new ApexCharts(document.querySelector("#user-activation-dash-2"), options55);
chart55.render();