0% found this document useful (0 votes)
21 views29 pages

Main

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
21 views29 pages

Main

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 29

(function ($) {

// USE STRICT
"use strict";

try {
//WidgetChart 1
var ctx = document.getElementById("widgetChart1");
if (ctx) {
ctx.height = 130;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
type: 'line',
datasets: [{
data: [78, 81, 80, 45, 34, 12, 40],
label: 'Dataset',
backgroundColor: 'rgba(255,255,255,.1)',
borderColor: 'rgba(255,255,255,.55)',
},]
},
options: {
maintainAspectRatio: true,
legend: {
display: false
},
layout: {
padding: {
left: 0,
right: 0,
top: 0,
bottom: 0
}
},
responsive: true,
scales: {
xAxes: [{
gridLines: {
color: 'transparent',
zeroLineColor: 'transparent'
},
ticks: {
fontSize: 2,
fontColor: 'transparent'
}
}],
yAxes: [{
display: false,
ticks: {
display: false,
}
}]
},
title: {
display: false,
},
elements: {
line: {
borderWidth: 0
},
point: {
radius: 0,
hitRadius: 10,
hoverRadius: 4
}
}
}
});
}

//WidgetChart 2
var ctx = document.getElementById("widgetChart2");
if (ctx) {
ctx.height = 130;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
type: 'line',
datasets: [{
data: [1, 18, 9, 17, 34, 22],
label: 'Dataset',
backgroundColor: 'transparent',
borderColor: 'rgba(255,255,255,.55)',
},]
},
options: {

maintainAspectRatio: false,
legend: {
display: false
},
responsive: true,
tooltips: {
mode: 'index',
titleFontSize: 12,
titleFontColor: '#000',
bodyFontColor: '#000',
backgroundColor: '#fff',
titleFontFamily: 'Montserrat',
bodyFontFamily: 'Montserrat',
cornerRadius: 3,
intersect: false,
},
scales: {
xAxes: [{
gridLines: {
color: 'transparent',
zeroLineColor: 'transparent'
},
ticks: {
fontSize: 2,
fontColor: 'transparent'
}
}],
yAxes: [{
display: false,
ticks: {
display: false,
}
}]
},
title: {
display: false,
},
elements: {
line: {
tension: 0.00001,
borderWidth: 1
},
point: {
radius: 4,
hitRadius: 10,
hoverRadius: 4
}
}
}
});
}

//WidgetChart 3
var ctx = document.getElementById("widgetChart3");
if (ctx) {
ctx.height = 130;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
type: 'line',
datasets: [{
data: [65, 59, 84, 84, 51, 55],
label: 'Dataset',
backgroundColor: 'transparent',
borderColor: 'rgba(255,255,255,.55)',
},]
},
options: {

maintainAspectRatio: false,
legend: {
display: false
},
responsive: true,
tooltips: {
mode: 'index',
titleFontSize: 12,
titleFontColor: '#000',
bodyFontColor: '#000',
backgroundColor: '#fff',
titleFontFamily: 'Montserrat',
bodyFontFamily: 'Montserrat',
cornerRadius: 3,
intersect: false,
},
scales: {
xAxes: [{
gridLines: {
color: 'transparent',
zeroLineColor: 'transparent'
},
ticks: {
fontSize: 2,
fontColor: 'transparent'
}
}],
yAxes: [{
display: false,
ticks: {
display: false,
}
}]
},
title: {
display: false,
},
elements: {
line: {
borderWidth: 1
},
point: {
radius: 4,
hitRadius: 10,
hoverRadius: 4
}
}
}
});
}

//WidgetChart 4
var ctx = document.getElementById("widgetChart4");
if (ctx) {
ctx.height = 115;
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', 'October', 'November', 'December'],
datasets: [
{
label: "My First dataset",
data: [78, 81, 80, 65, 58, 75, 60, 75, 65, 60, 60, 75],
borderColor: "transparent",
borderWidth: "0",
backgroundColor: "rgba(255,255,255,.3)"
}
]
},
options: {
maintainAspectRatio: true,
legend: {
display: false
},
scales: {
xAxes: [{
display: false,
categoryPercentage: 1,
barPercentage: 0.65
}],
yAxes: [{
display: false
}]
}
}
});
}

// Recent Report
const brandProduct = 'rgba(0,181,233,0.8)'
const brandService = 'rgba(0,173,95,0.8)'

var elements = 10
var data1 = [52, 60, 55, 50, 65, 80, 57, 70, 105, 115]
var data2 = [102, 70, 80, 100, 56, 53, 80, 75, 65, 90]

var ctx = document.getElementById("recent-rep-chart");


if (ctx) {
ctx.height = 250;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', ''],
datasets: [
{
label: 'My First dataset',
backgroundColor: brandService,
borderColor: 'transparent',
pointHoverBackgroundColor: '#fff',
borderWidth: 0,
data: data1

},
{
label: 'My Second dataset',
backgroundColor: brandProduct,
borderColor: 'transparent',
pointHoverBackgroundColor: '#fff',
borderWidth: 0,
data: data2

}
]
},
options: {
maintainAspectRatio: true,
legend: {
display: false
},
responsive: true,
scales: {
xAxes: [{
gridLines: {
drawOnChartArea: true,
color: '#f2f2f2'
},
ticks: {
fontFamily: "Poppins",
fontSize: 12
}
}],
yAxes: [{
ticks: {
beginAtZero: true,
maxTicksLimit: 5,
stepSize: 50,
max: 150,
fontFamily: "Poppins",
fontSize: 12
},
gridLines: {
display: true,
color: '#f2f2f2'

}
}]
},
elements: {
point: {
radius: 0,
hitRadius: 10,
hoverRadius: 4,
hoverBorderWidth: 3
}
}

}
});
}

// Percent Chart
var ctx = document.getElementById("percent-chart");
if (ctx) {
ctx.height = 280;
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
datasets: [
{
label: "My First dataset",
data: [60, 40],
backgroundColor: [
'#00b5e9',
'#fa4251'
],
hoverBackgroundColor: [
'#00b5e9',
'#fa4251'
],
borderWidth: [
0, 0
],
hoverBorderColor: [
'transparent',
'transparent'
]
}
],
labels: [
'Products',
'Services'
]
},
options: {
maintainAspectRatio: false,
responsive: true,
cutoutPercentage: 55,
animation: {
animateScale: true,
animateRotate: true
},
legend: {
display: false
},
tooltips: {
titleFontFamily: "Poppins",
xPadding: 15,
yPadding: 10,
caretPadding: 0,
bodyFontSize: 16
}
}
});
}

} catch (error) {
console.log(error);
}

try {

// Recent Report 2
const bd_brandProduct2 = 'rgba(0,181,233,0.9)'
const bd_brandService2 = 'rgba(0,173,95,0.9)'
const brandProduct2 = 'rgba(0,181,233,0.2)'
const brandService2 = 'rgba(0,173,95,0.2)'

var data3 = [52, 60, 55, 50, 65, 80, 57, 70, 105, 115]
var data4 = [102, 70, 80, 100, 56, 53, 80, 75, 65, 90]

var ctx = document.getElementById("recent-rep2-chart");


if (ctx) {
ctx.height = 230;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', ''],
datasets: [
{
label: 'My First dataset',
backgroundColor: brandService2,
borderColor: bd_brandService2,
pointHoverBackgroundColor: '#fff',
borderWidth: 0,
data: data3

},
{
label: 'My Second dataset',
backgroundColor: brandProduct2,
borderColor: bd_brandProduct2,
pointHoverBackgroundColor: '#fff',
borderWidth: 0,
data: data4

}
]
},
options: {
maintainAspectRatio: true,
legend: {
display: false
},
responsive: true,
scales: {
xAxes: [{
gridLines: {
drawOnChartArea: true,
color: '#f2f2f2'
},
ticks: {
fontFamily: "Poppins",
fontSize: 12
}
}],
yAxes: [{
ticks: {
beginAtZero: true,
maxTicksLimit: 5,
stepSize: 50,
max: 150,
fontFamily: "Poppins",
fontSize: 12
},
gridLines: {
display: true,
color: '#f2f2f2'

}
}]
},
elements: {
point: {
radius: 0,
hitRadius: 10,
hoverRadius: 4,
hoverBorderWidth: 3
},
line: {
tension: 0
}
}

}
});
}

} catch (error) {
console.log(error);
}

try {

// Recent Report 3
const bd_brandProduct3 = 'rgba(0,181,233,0.9)';
const bd_brandService3 = 'rgba(0,173,95,0.9)';
const brandProduct3 = 'transparent';
const brandService3 = 'transparent';

var data5 = [52, 60, 55, 50, 65, 80, 57, 115];
var data6 = [102, 70, 80, 100, 56, 53, 80, 90];

var ctx = document.getElementById("recent-rep3-chart");


if (ctx) {
ctx.height = 230;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July',
''],
datasets: [
{
label: 'My First dataset',
backgroundColor: brandService3,
borderColor: bd_brandService3,
pointHoverBackgroundColor: '#fff',
borderWidth: 0,
data: data5,
pointBackgroundColor: bd_brandService3
},
{
label: 'My Second dataset',
backgroundColor: brandProduct3,
borderColor: bd_brandProduct3,
pointHoverBackgroundColor: '#fff',
borderWidth: 0,
data: data6,
pointBackgroundColor: bd_brandProduct3

}
]
},
options: {
maintainAspectRatio: false,
legend: {
display: false
},
responsive: true,
scales: {
xAxes: [{
gridLines: {
drawOnChartArea: true,
color: '#f2f2f2'
},
ticks: {
fontFamily: "Poppins",
fontSize: 12
}
}],
yAxes: [{
ticks: {
beginAtZero: true,
maxTicksLimit: 5,
stepSize: 50,
max: 150,
fontFamily: "Poppins",
fontSize: 12
},
gridLines: {
display: false,
color: '#f2f2f2'
}
}]
},
elements: {
point: {
radius: 3,
hoverRadius: 4,
hoverBorderWidth: 3,
backgroundColor: '#333'
}
}

}
});
}

} catch (error) {
console.log(error);
}

try {
//WidgetChart 5
var ctx = document.getElementById("widgetChart5");
if (ctx) {
ctx.height = 220;
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', 'October', 'November', 'December'],
datasets: [
{
label: "My First dataset",
data: [78, 81, 80, 64, 65, 80, 70, 75, 67, 85, 66, 68],
borderColor: "transparent",
borderWidth: "0",
backgroundColor: "#ccc",
}
]
},
options: {
maintainAspectRatio: true,
legend: {
display: false
},
scales: {
xAxes: [{
display: false,
categoryPercentage: 1,
barPercentage: 0.65
}],
yAxes: [{
display: false
}]
}
}
});
}

} catch (error) {
console.log(error);
}

try {

// Percent Chart 2
var ctx = document.getElementById("percent-chart2");
if (ctx) {
ctx.height = 209;
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
datasets: [
{
label: "My First dataset",
data: [60, 40],
backgroundColor: [
'#00b5e9',
'#fa4251'
],
hoverBackgroundColor: [
'#00b5e9',
'#fa4251'
],
borderWidth: [
0, 0
],
hoverBorderColor: [
'transparent',
'transparent'
]
}
],
labels: [
'Products',
'Services'
]
},
options: {
maintainAspectRatio: false,
responsive: true,
cutoutPercentage: 87,
animation: {
animateScale: true,
animateRotate: true
},
legend: {
display: false,
position: 'bottom',
labels: {
fontSize: 14,
fontFamily: "Poppins,sans-serif"
}

},
tooltips: {
titleFontFamily: "Poppins",
xPadding: 15,
yPadding: 10,
caretPadding: 0,
bodyFontSize: 16,
}
}
});
}

} catch (error) {
console.log(error);
}

try {
//Sales chart
var ctx = document.getElementById("sales-chart");
if (ctx) {
ctx.height = 150;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"],
type: 'line',
defaultFontFamily: 'Poppins',
datasets: [{
label: "Foods",
data: [0, 30, 10, 120, 50, 63, 10],
backgroundColor: 'transparent',
borderColor: 'rgba(220,53,69,0.75)',
borderWidth: 3,
pointStyle: 'circle',
pointRadius: 5,
pointBorderColor: 'transparent',
pointBackgroundColor: 'rgba(220,53,69,0.75)',
}, {
label: "Electronics",
data: [0, 50, 40, 80, 40, 79, 120],
backgroundColor: 'transparent',
borderColor: 'rgba(40,167,69,0.75)',
borderWidth: 3,
pointStyle: 'circle',
pointRadius: 5,
pointBorderColor: 'transparent',
pointBackgroundColor: 'rgba(40,167,69,0.75)',
}]
},
options: {
responsive: true,
tooltips: {
mode: 'index',
titleFontSize: 12,
titleFontColor: '#000',
bodyFontColor: '#000',
backgroundColor: '#fff',
titleFontFamily: 'Poppins',
bodyFontFamily: 'Poppins',
cornerRadius: 3,
intersect: false,
},
legend: {
display: false,
labels: {
usePointStyle: true,
fontFamily: 'Poppins',
},
},
scales: {
xAxes: [{
display: true,
gridLines: {
display: false,
drawBorder: false
},
scaleLabel: {
display: false,
labelString: 'Month'
},
ticks: {
fontFamily: "Poppins"
}
}],
yAxes: [{
display: true,
gridLines: {
display: false,
drawBorder: false
},
scaleLabel: {
display: true,
labelString: 'Value',
fontFamily: "Poppins"

},
ticks: {
fontFamily: "Poppins"
}
}]
},
title: {
display: false,
text: 'Normal Legend'
}
}
});
}

} catch (error) {
console.log(error);
}

try {

//Team chart
var ctx = document.getElementById("team-chart");
if (ctx) {
ctx.height = 150;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["2010", "2011", "2012", "2013", "2014", "2015", "2016"],
type: 'line',
defaultFontFamily: 'Poppins',
datasets: [{
data: [0, 7, 3, 5, 2, 10, 7],
label: "Expense",
backgroundColor: 'rgba(0,103,255,.15)',
borderColor: 'rgba(0,103,255,0.5)',
borderWidth: 3.5,
pointStyle: 'circle',
pointRadius: 5,
pointBorderColor: 'transparent',
pointBackgroundColor: 'rgba(0,103,255,0.5)',
},]
},
options: {
responsive: true,
tooltips: {
mode: 'index',
titleFontSize: 12,
titleFontColor: '#000',
bodyFontColor: '#000',
backgroundColor: '#fff',
titleFontFamily: 'Poppins',
bodyFontFamily: 'Poppins',
cornerRadius: 3,
intersect: false,
},
legend: {
display: false,
position: 'top',
labels: {
usePointStyle: true,
fontFamily: 'Poppins',
},

},
scales: {
xAxes: [{
display: true,
gridLines: {
display: false,
drawBorder: false
},
scaleLabel: {
display: false,
labelString: 'Month'
},
ticks: {
fontFamily: "Poppins"
}
}],
yAxes: [{
display: true,
gridLines: {
display: false,
drawBorder: false
},
scaleLabel: {
display: true,
labelString: 'Value',
fontFamily: "Poppins"
},
ticks: {
fontFamily: "Poppins"
}
}]
},
title: {
display: false,
}
}
});
}

} catch (error) {
console.log(error);
}

try {
//bar chart
var ctx = document.getElementById("barChart");
if (ctx) {
ctx.height = 200;
var myChart = new Chart(ctx, {
type: 'bar',
defaultFontFamily: 'Poppins',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "My First dataset",
data: [65, 59, 80, 81, 56, 55, 40],
borderColor: "rgba(0, 123, 255, 0.9)",
borderWidth: "0",
backgroundColor: "rgba(0, 123, 255, 0.5)",
fontFamily: "Poppins"
},
{
label: "My Second dataset",
data: [28, 48, 40, 19, 86, 27, 90],
borderColor: "rgba(0,0,0,0.09)",
borderWidth: "0",
backgroundColor: "rgba(0,0,0,0.07)",
fontFamily: "Poppins"
}
]
},
options: {
legend: {
position: 'top',
labels: {
fontFamily: 'Poppins'
}

},
scales: {
xAxes: [{
ticks: {
fontFamily: "Poppins"

}
}],
yAxes: [{
ticks: {
beginAtZero: true,
fontFamily: "Poppins"
}
}]
}
}
});
}

} catch (error) {
console.log(error);
}

try {

//radar chart
var ctx = document.getElementById("radarChart");
if (ctx) {
ctx.height = 200;
var myChart = new Chart(ctx, {
type: 'radar',
data: {
labels: [["Eating", "Dinner"], ["Drinking", "Water"], "Sleeping",
["Designing", "Graphics"], "Coding", "Cycling", "Running"],
defaultFontFamily: 'Poppins',
datasets: [
{
label: "My First dataset",
data: [65, 59, 66, 45, 56, 55, 40],
borderColor: "rgba(0, 123, 255, 0.6)",
borderWidth: "1",
backgroundColor: "rgba(0, 123, 255, 0.4)"
},
{
label: "My Second dataset",
data: [28, 12, 40, 19, 63, 27, 87],
borderColor: "rgba(0, 123, 255, 0.7",
borderWidth: "1",
backgroundColor: "rgba(0, 123, 255, 0.5)"
}
]
},
options: {
legend: {
position: 'top',
labels: {
fontFamily: 'Poppins'
}

},
scale: {
ticks: {
beginAtZero: true,
fontFamily: "Poppins"
}
}
}
});
}

} catch (error) {
console.log(error)
}

try {

//line chart
var ctx = document.getElementById("lineChart");
if (ctx) {
ctx.height = 150;
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
defaultFontFamily: "Poppins",
datasets: [
{
label: "My First dataset",
borderColor: "rgba(0,0,0,.09)",
borderWidth: "1",
backgroundColor: "rgba(0,0,0,.07)",
data: [22, 44, 67, 43, 76, 45, 12]
},
{
label: "My Second dataset",
borderColor: "rgba(0, 123, 255, 0.9)",
borderWidth: "1",
backgroundColor: "rgba(0, 123, 255, 0.5)",
pointHighlightStroke: "rgba(26,179,148,1)",
data: [16, 32, 18, 26, 42, 33, 44]
}
]
},
options: {
legend: {
position: 'top',
labels: {
fontFamily: 'Poppins'
}

},
responsive: true,
tooltips: {
mode: 'index',
intersect: false
},
hover: {
mode: 'nearest',
intersect: true
},
scales: {
xAxes: [{
ticks: {
fontFamily: "Poppins"

}
}],
yAxes: [{
ticks: {
beginAtZero: true,
fontFamily: "Poppins"
}
}]
}

}
});
}

} catch (error) {
console.log(error);
}
try {

//doughut chart
var ctx = document.getElementById("doughutChart");
if (ctx) {
ctx.height = 150;
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
datasets: [{
data: [45, 25, 20, 10],
backgroundColor: [
"rgba(0, 123, 255,0.9)",
"rgba(0, 123, 255,0.7)",
"rgba(0, 123, 255,0.5)",
"rgba(0,0,0,0.07)"
],
hoverBackgroundColor: [
"rgba(0, 123, 255,0.9)",
"rgba(0, 123, 255,0.7)",
"rgba(0, 123, 255,0.5)",
"rgba(0,0,0,0.07)"
]

}],
labels: [
"Green",
"Green",
"Green",
"Green"
]
},
options: {
legend: {
position: 'top',
labels: {
fontFamily: 'Poppins'
}

},
responsive: true
}
});
}

} catch (error) {
console.log(error);
}

try {

//pie chart
var ctx = document.getElementById("pieChart");
if (ctx) {
ctx.height = 200;
var myChart = new Chart(ctx, {
type: 'pie',
data: {
datasets: [{
data: [45, 25, 20, 10],
backgroundColor: [
"rgba(0, 123, 255,0.9)",
"rgba(0, 123, 255,0.7)",
"rgba(0, 123, 255,0.5)",
"rgba(0,0,0,0.07)"
],
hoverBackgroundColor: [
"rgba(0, 123, 255,0.9)",
"rgba(0, 123, 255,0.7)",
"rgba(0, 123, 255,0.5)",
"rgba(0,0,0,0.07)"
]

}],
labels: [
"Green",
"Green",
"Green"
]
},
options: {
legend: {
position: 'top',
labels: {
fontFamily: 'Poppins'
}

},
responsive: true
}
});
}

} catch (error) {
console.log(error);
}

try {

// polar chart
var ctx = document.getElementById("polarChart");
if (ctx) {
ctx.height = 200;
var myChart = new Chart(ctx, {
type: 'polarArea',
data: {
datasets: [{
data: [15, 18, 9, 6, 19],
backgroundColor: [
"rgba(0, 123, 255,0.9)",
"rgba(0, 123, 255,0.8)",
"rgba(0, 123, 255,0.7)",
"rgba(0,0,0,0.2)",
"rgba(0, 123, 255,0.5)"
]
}],
labels: [
"Green",
"Green",
"Green",
"Green"
]
},
options: {
legend: {
position: 'top',
labels: {
fontFamily: 'Poppins'
}

},
responsive: true
}
});
}

} catch (error) {
console.log(error);
}

try {

// single bar chart


var ctx = document.getElementById("singelBarChart");
if (ctx) {
ctx.height = 150;
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Sun", "Mon", "Tu", "Wed", "Th", "Fri", "Sat"],
datasets: [
{
label: "My First dataset",
data: [40, 55, 75, 81, 56, 55, 40],
borderColor: "rgba(0, 123, 255, 0.9)",
borderWidth: "0",
backgroundColor: "rgba(0, 123, 255, 0.5)"
}
]
},
options: {
legend: {
position: 'top',
labels: {
fontFamily: 'Poppins'
}

},
scales: {
xAxes: [{
ticks: {
fontFamily: "Poppins"
}
}],
yAxes: [{
ticks: {
beginAtZero: true,
fontFamily: "Poppins"
}
}]
}
}
});
}

} catch (error) {
console.log(error);
}

})(jQuery);

(function ($) {
// USE STRICT
"use strict";
$(".animsition").animsition({
inClass: 'fade-in',
outClass: 'fade-out',
inDuration: 900,
outDuration: 900,
linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([class^="chosen-
single"])',
loading: true,
loadingParentElement: 'html',
loadingClass: 'page-loader',
loadingInner: '<div class="page-loader__spin"></div>',
timeout: false,
timeoutCountdown: 5000,
onLoadEvent: true,
browser: ['animation-duration', '-webkit-animation-duration'],
overlay: false,
overlayClass: 'animsition-overlay-slide',
overlayParentElement: 'html',
transition: function (url) {
window.location.href = url;
}
});

})(jQuery);

(function ($) {
// USE STRICT
"use strict";

// Map
try {

var vmap = $('#vmap');


if(vmap[0]) {
vmap.vectorMap( {
map: 'world_en',
backgroundColor: null,
color: '#ffffff',
hoverOpacity: 0.7,
selectedColor: '#1de9b6',
enableZoom: true,
showTooltip: true,
values: sample_data,
scaleColors: [ '#1de9b6', '#03a9f5'],
normalizeFunction: 'polynomial'
});
}

} catch (error) {
console.log(error);
}

// Europe Map
try {

var vmap1 = $('#vmap1');


if(vmap1[0]) {
vmap1.vectorMap( {
map: 'europe_en',
color: '#007BFF',
borderColor: '#fff',
backgroundColor: '#fff',
enableZoom: true,
showTooltip: true
});
}

} catch (error) {
console.log(error);
}

// USA Map
try {

var vmap2 = $('#vmap2');

if(vmap2[0]) {
vmap2.vectorMap( {
map: 'usa_en',
color: '#007BFF',
borderColor: '#fff',
backgroundColor: '#fff',
enableZoom: true,
showTooltip: true,
selectedColor: null,
hoverColor: null,
colors: {
mo: '#001BFF',
fl: '#001BFF',
or: '#001BFF'
},
onRegionClick: function ( event, code, region ) {
event.preventDefault();
}
});
}

} catch (error) {
console.log(error);
}

// Germany Map
try {

var vmap3 = $('#vmap3');


if(vmap3[0]) {
vmap3.vectorMap( {
map: 'germany_en',
color: '#007BFF',
borderColor: '#fff',
backgroundColor: '#fff',
onRegionClick: function ( element, code, region ) {
var message = 'You clicked "' + region + '" which has the code: ' +
code.toUpperCase();

alert( message );
}
});
}

} catch (error) {
console.log(error);
}

// France Map
try {

var vmap4 = $('#vmap4');


if(vmap4[0]) {
vmap4.vectorMap( {
map: 'france_fr',
color: '#007BFF',
borderColor: '#fff',
backgroundColor: '#fff',
enableZoom: true,
showTooltip: true
});
}

} catch (error) {
console.log(error);
}

// Russia Map
try {
var vmap5 = $('#vmap5');
if(vmap5[0]) {
vmap5.vectorMap( {
map: 'russia_en',
color: '#007BFF',
borderColor: '#fff',
backgroundColor: '#fff',
hoverOpacity: 0.7,
selectedColor: '#999999',
enableZoom: true,
showTooltip: true,
scaleColors: [ '#C8EEFF', '#006491' ],
normalizeFunction: 'polynomial'
});
}

} catch (error) {
console.log(error);
}

// Brazil Map
try {

var vmap6 = $('#vmap6');


if(vmap6[0]) {
vmap6.vectorMap( {
map: 'brazil_br',
color: '#007BFF',
borderColor: '#fff',
backgroundColor: '#fff',
onRegionClick: function ( element, code, region ) {
var message = 'You clicked "' + region + '" which has the code: ' +
code.toUpperCase();
alert( message );
}
});
}

} catch (error) {
console.log(error);
}
})(jQuery);
(function ($) {
// Use Strict
"use strict";
try {
var progressbarSimple = $('.js-progressbar-simple');
progressbarSimple.each(function () {
var that = $(this);
var executed = false;
$(window).on('load', function () {

that.waypoint(function () {
if (!executed) {
executed = true;
/*progress bar*/
that.progressbar({
update: function (current_percentage, $this) {
$this.find('.js-value').html(current_percentage + '%');
}
});
}
}, {
offset: 'bottom-in-view'
});
});
});
} catch (err) {
console.log(err);
}
})(jQuery);
(function ($) {
// USE STRICT
"use strict";

// Scroll Bar
try {
var jscr1 = $('.js-scrollbar1');
if(jscr1[0]) {
const ps1 = new PerfectScrollbar('.js-scrollbar1');
}

var jscr2 = $('.js-scrollbar2');


if (jscr2[0]) {
const ps2 = new PerfectScrollbar('.js-scrollbar2');

} catch (error) {
console.log(error);
}

})(jQuery);
(function ($) {
// USE STRICT
"use strict";

// Select 2
try {

$(".js-select2").each(function () {
$(this).select2({
minimumResultsForSearch: 20,
dropdownParent: $(this).next('.dropDownSelect2')
});
});

} catch (error) {
console.log(error);
}

})(jQuery);
(function ($) {
// USE STRICT
"use strict";

// Dropdown
try {
var menu = $('.js-item-menu');
var sub_menu_is_showed = -1;

for (var i = 0; i < menu.length; i++) {


$(menu[i]).on('click', function (e) {
e.preventDefault();
$('.js-right-sidebar').removeClass("show-sidebar");
if (jQuery.inArray(this, menu) == sub_menu_is_showed) {
$(this).toggleClass('show-dropdown');
sub_menu_is_showed = -1;
}
else {
for (var i = 0; i < menu.length; i++) {
$(menu[i]).removeClass("show-dropdown");
}
$(this).toggleClass('show-dropdown');
sub_menu_is_showed = jQuery.inArray(this, menu);
}
});
}
$(".js-item-menu, .js-dropdown").click(function (event) {
event.stopPropagation();
});

$("body,html").on("click", function () {
for (var i = 0; i < menu.length; i++) {
menu[i].classList.remove("show-dropdown");
}
sub_menu_is_showed = -1;
});

} catch (error) {
console.log(error);
}

var wW = $(window).width();
// Right Sidebar
var right_sidebar = $('.js-right-sidebar');
var sidebar_btn = $('.js-sidebar-btn');

sidebar_btn.on('click', function (e) {


e.preventDefault();
for (var i = 0; i < menu.length; i++) {
menu[i].classList.remove("show-dropdown");
}
sub_menu_is_showed = -1;
right_sidebar.toggleClass("show-sidebar");
});

$(".js-right-sidebar, .js-sidebar-btn").click(function (event) {


event.stopPropagation();
});

$("body,html").on("click", function () {
right_sidebar.removeClass("show-sidebar");

});

// Sublist Sidebar
try {
var arrow = $('.js-arrow');
arrow.each(function () {
var that = $(this);
that.on('click', function (e) {
e.preventDefault();
that.find(".arrow").toggleClass("up");
that.toggleClass("open");
that.parent().find('.js-sub-list').slideToggle("250");
});
});

} catch (error) {
console.log(error);
}

try {
// Hamburger Menu
$('.hamburger').on('click', function () {
$(this).toggleClass('is-active');
$('.navbar-mobile').slideToggle('500');
});
$('.navbar-mobile__list li.has-dropdown > a').on('click', function () {
var dropdown = $(this).siblings('ul.navbar-mobile__dropdown');
$(this).toggleClass('active');
$(dropdown).slideToggle('500');
return false;
});
} catch (error) {
console.log(error);
}
})(jQuery);
(function ($) {
// USE STRICT
"use strict";

// Load more
try {
var list_load = $('.js-list-load');
if (list_load[0]) {
list_load.each(function () {
var that = $(this);
that.find('.js-load-item').hide();
var load_btn = that.find('.js-load-btn');
load_btn.on('click', function (e) {
$(this).text("Loading...").delay(1500).queue(function (next) {
$(this).hide();
that.find(".js-load-item").fadeToggle("slow", 'swing');
});
e.preventDefault();
});
})

}
} catch (error) {
console.log(error);
}

})(jQuery);
(function ($) {
// USE STRICT
"use strict";

try {

$('[data-toggle="tooltip"]').tooltip();

} catch (error) {
console.log(error);
}

// Chatbox
try {
var inbox_wrap = $('.js-inbox');
var message = $('.au-message__item');
message.each(function(){
var that = $(this);

that.on('click', function(){
$(this).parent().parent().parent().toggleClass('show-chat-box');
});
});

} catch (error) {
console.log(error);
}

})(jQuery);

You might also like