restore composer.json, add mysqli extension

This commit is contained in:
2026-04-15 17:02:52 +05:00
commit 77cf56a348
4317 changed files with 1397107 additions and 0 deletions

View File

@@ -0,0 +1,693 @@
/*=========================================================================================
File Name: card-statistics.js
Description: Card-statistics page content with Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function(){
var $primary = '#7367F0';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $info = '#00cfe8';
var $success = '#00db89';
var $primary_light = '#9c8cfc';
var $warning_light = '#FFC085';
var $danger_light = '#f29292';
var $info_light = '#1edec5';
var $strok_color = '#b9c3cd';
var $label_color = '#e7eef7';
var $purple = '#df87f2';
var $white = '#fff';
// Session Chart
// ----------------------------------
var sessionChartoptions = {
chart: {
type: 'donut',
height: 315,
toolbar: {
show: false
}
},
dataLabels: {
enabled: false
},
series: [58.6, 34.9, 6.5],
legend: { show: false },
comparedResult: [2, -3, 8],
labels: ['Desktop', 'Mobile', 'Tablet'],
stroke: { width: 0 },
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
gradientToColors: [$primary_light, $warning_light, $danger_light]
}
}
}
var sessionChart = new ApexCharts(
document.querySelector("#session-chart"),
sessionChartoptions
);
sessionChart.render();
// Product Order Chart
// -----------------------------
var orderChartoptions = {
chart: {
height: 325,
type: 'radialBar',
},
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
// enabled: true,
shade: 'dark',
type: 'vertical',
shadeIntensity: 0.5,
gradientToColors: [$primary_light, $warning_light, $danger_light],
inverseColors: false,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
stroke: {
lineCap: 'round'
},
plotOptions: {
radialBar: {
size: 150,
hollow: {
size: '20%'
},
track: {
strokeWidth: '100%',
margin: 15,
},
dataLabels: {
name: {
fontSize: '18px',
},
value: {
fontSize: '16px',
},
total: {
show: true,
label: 'Total',
formatter: function (w) {
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
return 42459
}
}
}
}
},
series: [70, 52, 26],
labels: ['Finished', 'Pending', 'Rejected'],
}
var orderChart = new ApexCharts(
document.querySelector("#product-order-chart"),
orderChartoptions
);
orderChart.render();
// Customer Chart
// -----------------------------
var customerChartoptions = {
chart: {
type: 'pie',
height: 325,
dropShadow: {
enabled: false,
blur: 5,
left: 1,
top: 1,
opacity: 0.2
},
toolbar: {
show: false
}
},
labels: ['New', 'Returning', 'Referrals'],
series: [690, 258, 149],
dataLabels: {
enabled: false
},
legend: { show: false },
stroke: {
width: 5
},
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
gradientToColors: [$primary_light, $warning_light, $danger_light]
}
}
}
var customerChart = new ApexCharts(
document.querySelector("#customer-chart"),
customerChartoptions
);
customerChart.render();
// Sales Chart
// -----------------------------
var salesChartoptions = {
chart: {
height: 300,
type: 'radar',
dropShadow: {
enabled: true,
blur: 8,
left: 1,
top: 1,
opacity: 0.2
},
toolbar: {
show: false
}
},
toolbar: { show: false },
series: [{
name: 'Sales',
data: [90, 50, 86, 40, 100, 20],
}, {
name: 'Visit',
data: [70, 75, 70, 76, 20, 85],
}],
stroke: {
width: 0
},
colors: [$primary, $info],
plotOptions: {
radar: {
polygons: {
strokeColors: [$strok_color, 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],
connectorColors: 'transparent'
}
}
},
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
gradientToColors: ['#9f8ed7', $info_light],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
},
legend: {
show: false,
},
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
dataLabels: {
style: {
colors: [$strok_color, $strok_color, $strok_color, $strok_color, $strok_color, $strok_color]
}
},
yaxis: {
show: false,
},
grid: {
show: false,
},
}
var salesChart = new ApexCharts(
document.querySelector("#sales-chart"),
salesChartoptions
);
salesChart.render();
// Support Tracker Chart
// -----------------------------
var supportChartoptions = {
chart: {
height: 270,
type: 'radialBar',
sparkline:{
enabled: false,
}
},
plotOptions: {
radialBar: {
size: 150,
offsetY: 20,
startAngle: -150,
endAngle: 150,
hollow: {
size: '65%',
},
track: {
background: $white,
strokeWidth: '100%',
},
dataLabels: {
value: {
offsetY: 30,
color: '#99a2ac',
fontSize: '2rem'
}
}
},
},
colors: [$danger],
fill: {
type: 'gradient',
gradient: {
// enabled: true,
shade: 'dark',
type: 'horizontal',
shadeIntensity: 0.5,
gradientToColors: [$primary],
inverseColors: true,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
stroke: {
dashArray: 8
},
series: [83],
labels: ['Completed Tickets'],
}
var supportChart = new ApexCharts(
document.querySelector("#support-tracker-chart"),
supportChartoptions
);
supportChart.render();
// Revenue Chart
// -----------------------------
var revenueChartoptions = {
chart: {
height: 260,
toolbar: { show: false },
type: 'line',
},
stroke: {
curve: 'smooth',
dashArray: [0, 8],
width: [4, 2],
},
grid: {
borderColor: $label_color,
},
legend: {
show: false,
},
colors: [$danger_light, $strok_color],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
inverseColors: false,
gradientToColors: [$primary, $strok_color],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
hover: {
size: 5
}
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['01', '05', '09', '13', '17', '21', '26', '31'],
axisBorder: {
show: false,
},
tickPlacement: 'on',
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
},
formatter: function(val) {
return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;
}
}
},
tooltip: {
x: { show: false }
},
series: [{
name: "This Month",
data: [45000, 47000, 44800, 47500, 45500, 48000, 46500, 48600]
},
{
name: "Last Month",
data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]
}
],
}
var revenueChart = new ApexCharts(
document.querySelector("#revenue-chart"),
revenueChartoptions
);
revenueChart.render();
// Goal Overview Chart
// -----------------------------
var goalChartoptions = {
chart: {
height: 250,
type: 'radialBar',
sparkline: {
enabled: true,
},
dropShadow: {
enabled: true,
blur: 3,
left: 1,
top: 1,
opacity: 0.1
},
},
colors: [$success],
plotOptions: {
radialBar: {
size: 110,
startAngle: -150,
endAngle: 150,
hollow: {
size: '77%',
},
track: {
background: $strok_color,
strokeWidth: '50%',
},
dataLabels: {
name: {
show: false
},
value: {
offsetY: 18,
color: $strok_color,
fontSize: '4rem'
}
}
}
},
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
type: 'horizontal',
shadeIntensity: 0.5,
gradientToColors: ['#00b5b5'],
inverseColors: true,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
series: [83],
stroke: {
lineCap: 'round'
},
}
var goalChart = new ApexCharts(
document.querySelector("#goal-overview-chart"),
goalChartoptions
);
goalChart.render();
// Average Session Chart
// ----------------------------------
var avgsessionChartoptions = {
chart: {
type: 'bar',
height: 200,
sparkline: { enabled: true },
toolbar: { show: false },
},
states: {
hover: {
filter: 'none'
}
},
colors: [$label_color, $label_color, $primary, $label_color, $label_color, $label_color],
series: [{
name: 'Sessions',
data: [75, 125, 225, 175, 125, 75, 25]
}],
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
plotOptions: {
bar: {
columnWidth: '45%',
distributed: true,
}
},
tooltip: {
x: { show: false }
},
xaxis: {
type: 'numeric',
}
}
var avgsessionChart = new ApexCharts(
document.querySelector("#avg-session-chart"),
avgsessionChartoptions
);
avgsessionChart.render();
// Sales Chart
// -----------------------------
var salesavgChartoptions = {
chart: {
height: 270,
toolbar: { show: false },
type: 'line',
dropShadow: {
enabled: true,
top: 20,
left: 2,
blur: 6,
opacity: 0.20
},
},
stroke: {
curve: 'smooth',
width: 4,
},
grid: {
borderColor: $label_color,
},
legend: {
show: false,
},
colors: [$purple],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
inverseColors: false,
gradientToColors: [$primary],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
hover: {
size: 5
}
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
axisBorder: {
show: false,
},
tickPlacement: 'on'
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
},
formatter: function(val) {
return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;
}
}
},
tooltip: {
x: { show: false }
},
series: [{
name: "Sales",
data: [140, 180, 150, 205, 160, 295, 125, 255, 205, 305, 240, 295]
}],
}
var salesavgChart = new ApexCharts(
document.querySelector("#sales-line-chart"),
salesavgChartoptions
);
salesavgChart.render();
// Client Retention Chart
// ----------------------------------
var retentionChartoptions = {
chart: {
stacked: true,
type: 'bar',
toolbar: { show: false },
height: 290,
},
plotOptions: {
bar: {
columnWidth: '10%'
}
},
colors: [$primary, $danger],
series: [{
name: 'New Clients',
data: [175, 125, 225, 175, 160, 189, 206, 134, 159, 216, 148, 123]
}, {
name: 'Retained Clients',
data: [-144, -155, -141, -167, -122, -143, -158, -107, -126, -131, -140, -137]
}],
grid: {
borderColor: $label_color,
padding: {
left: 0,
right: 0
}
},
legend: {
show: true,
position: 'top',
horizontalAlign: 'left',
offsetX: 0,
fontSize: '14px',
markers: {
radius: 50,
width: 10,
height: 10,
}
},
dataLabels: {
enabled: false
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
axisBorder: {
show: false,
},
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
}
}
},
tooltip: {
x: { show: false }
},
}
var retentionChart = new ApexCharts(
document.querySelector("#client-retention-chart"),
retentionChartoptions
);
retentionChart.render();
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,534 @@
/*=========================================================================================
File Name: card-statistics.js
Description: Card-statistics page content with Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function(){
var $primary = '#7367F0';
var $success = '#28C76F';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $primary_light = '#A9A2F6';
var $success_light = '#55DD92';
var $warning_light = '#ffc085';
// Subscribed Gained Chart
// ----------------------------------
var gainedChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$primary],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Subscribers',
data: [28, 40, 36, 52, 38, 60, 55]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var gainedChart = new ApexCharts(
document.querySelector("#line-area-chart-1"),
gainedChartoptions
);
gainedChart.render();
// Revenue Generated Chart
// ----------------------------------
var revenueChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$success],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Revenue',
data: [350, 275, 400, 300, 350, 300, 450]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var revenueChart = new ApexCharts(
document.querySelector("#line-area-chart-2"),
revenueChartoptions
);
revenueChart.render();
// Quaterly Sales Chart
// ----------------------------------
var salesChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$danger],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Sales',
data: [10, 15, 7, 12, 3, 16]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var salesChart = new ApexCharts(
document.querySelector("#line-area-chart-3"),
salesChartoptions
);
salesChart.render();
// Order Received Chart
// ----------------------------------
var orderChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$warning],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Orders',
data: [10, 15, 8, 15, 7, 12, 8]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var orderChart = new ApexCharts(
document.querySelector("#line-area-chart-4"),
orderChartoptions
);
orderChart.render();
// Site Traffic Chart
// ----------------------------------
var trafficChartoptions = {
chart: {
height: 100,
type: 'line',
dropShadow: {
enabled: true,
top: 5,
left: 0,
blur: 4,
opacity: 0.10,
},
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$primary],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
gradientToColors: [$primary_light],
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
}
},
series: [{
name: 'Traffic Rate',
data: [150, 200, 125, 225, 200, 250]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var trafficChart = new ApexCharts(
document.querySelector("#line-area-chart-5"),
trafficChartoptions
);
trafficChart.render();
// Active Users Chart
// ----------------------------------
var userChartoptions = {
chart: {
height: 100,
type: 'line',
dropShadow: {
enabled: true,
top: 5,
left: 0,
blur: 4,
opacity: 0.10,
},
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$success],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
gradientToColors: [$success_light],
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
}
},
series: [{
name: 'Active Users',
data: [750, 1000, 900, 1250, 1000, 1200, 1100]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var userChart = new ApexCharts(
document.querySelector("#line-area-chart-6"),
userChartoptions
);
userChart.render();
// News Letter Chart
// ----------------------------------
var newsletterChartoptions = {
chart: {
height: 100,
type: 'line',
dropShadow: {
enabled: true,
top: 5,
left: 0,
blur: 4,
opacity: 0.10,
},
toolbar:{
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$warning],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
gradientToColors: [$warning_light],
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
}
},
series: [{
name: 'Newsletter',
data: [365, 390, 365, 400, 375, 400]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var newsletterChart = new ApexCharts(
document.querySelector("#line-area-chart-7"),
newsletterChartoptions
);
newsletterChart.render();
});

View File

@@ -0,0 +1 @@
$(window).on("load",function(){var e="#7367F0",t="#28C76F",a="#FF9F43",o={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[e],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Subscribers",data:[28,40,36,52,38,60,55]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#line-area-chart-1"),o).render();var r={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[t],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Revenue",data:[350,275,400,300,350,300,450]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#line-area-chart-2"),r).render();var s={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:["#EA5455"],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Sales",data:[10,15,7,12,3,16]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#line-area-chart-3"),s).render();var i={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[a],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Orders",data:[10,15,8,15,7,12,8]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#line-area-chart-4"),i).render();var d={chart:{height:100,type:"line",dropShadow:{enabled:!0,top:5,left:0,blur:4,opacity:.1},toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[e],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:5},fill:{type:"gradient",gradient:{shadeIntensity:1,gradientToColors:["#A9A2F6"],opacityFrom:1,opacityTo:1,stops:[0,100,100,100]}},series:[{name:"Traffic Rate",data:[150,200,125,225,200,250]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#line-area-chart-5"),d).render();var l={chart:{height:100,type:"line",dropShadow:{enabled:!0,top:5,left:0,blur:4,opacity:.1},toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[t],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:5},fill:{type:"gradient",gradient:{shadeIntensity:1,gradientToColors:["#55DD92"],opacityFrom:1,opacityTo:1,stops:[0,100,100,100]}},series:[{name:"Active Users",data:[750,1e3,900,1250,1e3,1200,1100]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#line-area-chart-6"),l).render();var n={chart:{height:100,type:"line",dropShadow:{enabled:!0,top:5,left:0,blur:4,opacity:.1},toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[a],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:5},fill:{type:"gradient",gradient:{shadeIntensity:1,gradientToColors:["#ffc085"],opacityFrom:1,opacityTo:1,stops:[0,100,100,100]}},series:[{name:"Newsletter",data:[365,390,365,400,375,400]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#line-area-chart-7"),n).render()});

View File

@@ -0,0 +1,989 @@
/*=========================================================================================
File Name: chart-apex.js
Description: Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
var $primary = '#7367F0',
$success = '#28C76F',
$danger = '#EA5455',
$warning = '#FF9F43',
$info = '#00cfe8',
$label_color_light = '#dae1e7';
var themeColors = [$primary, $success, $danger, $warning, $info];
// Line Chart
// ----------------------------------
var lineChartOptions = {
chart: {
height: 350,
type: 'line',
zoom: {
enabled: false
}
},
colors: themeColors,
dataLabels: {
enabled: false
},
stroke: {
curve: 'straight'
},
series: [{
name: "Desktops",
data: [10, 41, 35, 51, 49, 62, 69, 91, 148],
}],
title: {
text: 'Product Trends by Month',
align: 'left'
},
grid: {
row: {
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
opacity: 0.5
},
},
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
},
yaxis: {
tickAmount: 5,
}
}
var lineChart = new ApexCharts(
document.querySelector("#line-chart"),
lineChartOptions
);
lineChart.render();
// Line Area Chart
// ----------------------------------
var lineAreaOptions = {
chart: {
height: 350,
type: 'area',
},
colors: themeColors,
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth'
},
series: [{
name: 'series1',
data: [31, 40, 28, 51, 42, 109, 100]
}, {
name: 'series2',
data: [11, 32, 45, 32, 34, 52, 41]
}],
legend: {
offsetY: -10
},
xaxis: {
type: 'datetime',
categories: ["2019-09-18T00:00:00", "2019-09-18T01:00:00", "2019-09-18T02:00:00",
"2019-09-18T03:00:00", "2019-09-18T04:00:00", "2019-09-18T05:00:00",
"2019-09-18T06:00:00"
],
},
tooltip: {
x: {
format: 'dd/MM/yy HH:mm'
},
}
}
var lineAreaChart = new ApexCharts(
document.querySelector("#line-area-chart"),
lineAreaOptions
);
lineAreaChart.render();
// Column Chart
// ----------------------------------
var columnChartOptions = {
chart: {
height: 350,
type: 'bar',
},
colors: themeColors,
plotOptions: {
bar: {
horizontal: false,
endingShape: 'rounded',
columnWidth: '55%',
},
},
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
series: [{
name: 'Net Profit',
data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
}, {
name: 'Revenue',
data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
}, {
name: 'Free Cash Flow',
data: [35, 41, 36, 26, 45, 48, 52, 53, 41]
}],
legend: {
offsetY: -10
},
xaxis: {
categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
},
yaxis: {
title: {
text: '$ (thousands)'
}
},
fill: {
opacity: 1
},
tooltip: {
y: {
formatter: function (val) {
return "$ " + val + " thousands"
}
}
}
}
var columnChart = new ApexCharts(
document.querySelector("#column-chart"),
columnChartOptions
);
columnChart.render();
// Bar Chart
// ----------------------------------
var barChartOptions = {
chart: {
height: 350,
type: 'bar',
},
colors: themeColors,
plotOptions: {
bar: {
horizontal: true,
}
},
dataLabels: {
enabled: false
},
series: [{
data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
}],
xaxis: {
categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'],
tickAmount: 5
}
}
var barChart = new ApexCharts(
document.querySelector("#bar-chart"),
barChartOptions
);
barChart.render();
// Mixed Chart
// -----------------------------
var mixedChartOptions = {
chart: {
height: 350,
type: 'line',
stacked: false,
},
colors: themeColors,
stroke: {
width: [0, 2, 5],
curve: 'smooth'
},
plotOptions: {
bar: {
columnWidth: '50%'
}
},
// colors: ['#3A5794', '#A5C351', '#E14A84'],
series: [{
name: 'TEAM A',
type: 'column',
data: [23, 11, 22, 27, 13, 22, 37, 21, 44, 22, 30]
}, {
name: 'TEAM B',
type: 'area',
data: [44, 55, 41, 67, 22, 43, 21, 41, 56, 27, 43]
}, {
name: 'TEAM C',
type: 'line',
data: [30, 25, 36, 30, 45, 35, 64, 52, 59, 36, 39]
}],
fill: {
opacity: [0.85, 0.25, 1],
gradient: {
inverseColors: false,
shade: 'light',
type: "vertical",
opacityFrom: 0.85,
opacityTo: 0.55,
stops: [0, 100, 100, 100]
}
},
labels: ['01/01/2003', '02/01/2003', '03/01/2003', '04/01/2003', '05/01/2003', '06/01/2003', '07/01/2003', '08/01/2003', '09/01/2003', '10/01/2003', '11/01/2003'],
markers: {
size: 0
},
legend: {
offsetY: -10
},
xaxis: {
type: 'datetime'
},
yaxis: {
min: 0,
tickAmount: 5,
title: {
text: 'Points'
}
},
tooltip: {
shared: true,
intersect: false,
y: {
formatter: function (y) {
if (typeof y !== "undefined") {
return y.toFixed(0) + " views";
}
return y;
}
}
}
}
var mixedChart = new ApexCharts(
document.querySelector("#mixed-chart"),
mixedChartOptions
);
mixedChart.render();
// Candlestick Chart
// -----------------------------
var candleStickOptions = {
chart: {
height: 350,
type: 'candlestick',
},
colors: themeColors,
series: [{
data: [{
x: new Date(1538778600000),
y: [6629.81, 6650.5, 6623.04, 6633.33]
},
{
x: new Date(1538780400000),
y: [6632.01, 6643.59, 6620, 6630.11]
},
{
x: new Date(1538782200000),
y: [6630.71, 6648.95, 6623.34, 6635.65]
},
{
x: new Date(1538784000000),
y: [6635.65, 6651, 6629.67, 6638.24]
},
{
x: new Date(1538785800000),
y: [6638.24, 6640, 6620, 6624.47]
},
{
x: new Date(1538787600000),
y: [6624.53, 6636.03, 6621.68, 6624.31]
},
{
x: new Date(1538789400000),
y: [6624.61, 6632.2, 6617, 6626.02]
},
{
x: new Date(1538791200000),
y: [6627, 6627.62, 6584.22, 6603.02]
},
{
x: new Date(1538793000000),
y: [6605, 6608.03, 6598.95, 6604.01]
},
{
x: new Date(1538794800000),
y: [6604.5, 6614.4, 6602.26, 6608.02]
},
{
x: new Date(1538796600000),
y: [6608.02, 6610.68, 6601.99, 6608.91]
},
{
x: new Date(1538798400000),
y: [6608.91, 6618.99, 6608.01, 6612]
},
{
x: new Date(1538800200000),
y: [6612, 6615.13, 6605.09, 6612]
},
{
x: new Date(1538802000000),
y: [6612, 6624.12, 6608.43, 6622.95]
},
{
x: new Date(1538803800000),
y: [6623.91, 6623.91, 6615, 6615.67]
},
{
x: new Date(1538805600000),
y: [6618.69, 6618.74, 6610, 6610.4]
},
{
x: new Date(1538807400000),
y: [6611, 6622.78, 6610.4, 6614.9]
},
{
x: new Date(1538809200000),
y: [6614.9, 6626.2, 6613.33, 6623.45]
},
{
x: new Date(1538811000000),
y: [6623.48, 6627, 6618.38, 6620.35]
},
{
x: new Date(1538812800000),
y: [6619.43, 6620.35, 6610.05, 6615.53]
},
{
x: new Date(1538814600000),
y: [6615.53, 6617.93, 6610, 6615.19]
},
{
x: new Date(1538816400000),
y: [6615.19, 6621.6, 6608.2, 6620]
},
{
x: new Date(1538818200000),
y: [6619.54, 6625.17, 6614.15, 6620]
},
{
x: new Date(1538820000000),
y: [6620.33, 6634.15, 6617.24, 6624.61]
},
{
x: new Date(1538821800000),
y: [6625.95, 6626, 6611.66, 6617.58]
},
{
x: new Date(1538823600000),
y: [6619, 6625.97, 6595.27, 6598.86]
},
{
x: new Date(1538825400000),
y: [6598.86, 6598.88, 6570, 6587.16]
},
{
x: new Date(1538827200000),
y: [6588.86, 6600, 6580, 6593.4]
},
{
x: new Date(1538829000000),
y: [6593.99, 6598.89, 6585, 6587.81]
},
{
x: new Date(1538830800000),
y: [6587.81, 6592.73, 6567.14, 6578]
},
{
x: new Date(1538832600000),
y: [6578.35, 6581.72, 6567.39, 6579]
},
{
x: new Date(1538834400000),
y: [6579.38, 6580.92, 6566.77, 6575.96]
},
{
x: new Date(1538836200000),
y: [6575.96, 6589, 6571.77, 6588.92]
},
{
x: new Date(1538838000000),
y: [6588.92, 6594, 6577.55, 6589.22]
},
{
x: new Date(1538839800000),
y: [6589.3, 6598.89, 6589.1, 6596.08]
},
{
x: new Date(1538841600000),
y: [6597.5, 6600, 6588.39, 6596.25]
},
{
x: new Date(1538843400000),
y: [6598.03, 6600, 6588.73, 6595.97]
},
{
x: new Date(1538845200000),
y: [6595.97, 6602.01, 6588.17, 6602]
},
{
x: new Date(1538847000000),
y: [6602, 6607, 6596.51, 6599.95]
},
{
x: new Date(1538848800000),
y: [6600.63, 6601.21, 6590.39, 6591.02]
},
{
x: new Date(1538850600000),
y: [6591.02, 6603.08, 6591, 6591]
},
{
x: new Date(1538852400000),
y: [6591, 6601.32, 6585, 6592]
},
{
x: new Date(1538854200000),
y: [6593.13, 6596.01, 6590, 6593.34]
},
{
x: new Date(1538856000000),
y: [6593.34, 6604.76, 6582.63, 6593.86]
},
{
x: new Date(1538857800000),
y: [6593.86, 6604.28, 6586.57, 6600.01]
},
{
x: new Date(1538859600000),
y: [6601.81, 6603.21, 6592.78, 6596.25]
},
{
x: new Date(1538861400000),
y: [6596.25, 6604.2, 6590, 6602.99]
},
{
x: new Date(1538863200000),
y: [6602.99, 6606, 6584.99, 6587.81]
},
{
x: new Date(1538865000000),
y: [6587.81, 6595, 6583.27, 6591.96]
},
{
x: new Date(1538866800000),
y: [6591.97, 6596.07, 6585, 6588.39]
},
{
x: new Date(1538868600000),
y: [6587.6, 6598.21, 6587.6, 6594.27]
},
{
x: new Date(1538870400000),
y: [6596.44, 6601, 6590, 6596.55]
},
{
x: new Date(1538872200000),
y: [6598.91, 6605, 6596.61, 6600.02]
},
{
x: new Date(1538874000000),
y: [6600.55, 6605, 6589.14, 6593.01]
},
{
x: new Date(1538875800000),
y: [6593.15, 6605, 6592, 6603.06]
},
{
x: new Date(1538877600000),
y: [6603.07, 6604.5, 6599.09, 6603.89]
},
{
x: new Date(1538879400000),
y: [6604.44, 6604.44, 6600, 6603.5]
},
{
x: new Date(1538881200000),
y: [6603.5, 6603.99, 6597.5, 6603.86]
},
{
x: new Date(1538883000000),
y: [6603.85, 6605, 6600, 6604.07]
},
{
x: new Date(1538884800000),
y: [6604.98, 6606, 6604.07, 6606]
},
]
}],
xaxis: {
type: 'datetime'
},
yaxis: {
tickAmount: 5,
tooltip: {
enabled: true
}
}
}
var candleStickChart = new ApexCharts(
document.querySelector("#candlestick-chart"),
candleStickOptions
);
candleStickChart.render();
// 3D Bubble Chart
// -----------------------------
function generateDataBubbleChart(baseval, count, yrange) {
var i = 0;
var seriesBubbleChart = [];
while (i < count) {
// var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
seriesBubbleChart.push([baseval, y, z]);
baseval += 86400000;
i++;
}
return seriesBubbleChart;
}
var bubbleChartOptions = {
chart: {
height: 350,
type: 'bubble',
},
colors: themeColors,
dataLabels: {
enabled: false
},
legend: {
offsetY: -10
},
series: [{
name: 'Product1',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
},
{
name: 'Product2',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
},
{
name: 'Product3',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
},
{
name: 'Product4',
data: generateDataBubbleChart(new Date('11 Feb 2017 GMT').getTime(), 20, {
min: 10,
max: 60
})
}
],
fill: {
type: 'gradient',
},
xaxis: {
tickAmount: 12,
type: 'datetime',
labels: {
rotate: 0,
}
},
yaxis: {
max: 70,
tickAmount: 5,
},
theme: {
palette: 'palette2'
}
}
var bubbleChart = new ApexCharts(
document.querySelector("#bubble-chart"),
bubbleChartOptions
);
bubbleChart.render();
// Scatter Chart
// -----------------------------
var scatterChartOptions = {
chart: {
height: 350,
type: 'scatter',
zoom: {
enabled: true,
type: 'xy'
},
},
colors: themeColors,
series: [{
name: "SAMPLE A",
data: [
[16.4, 5.4],
[21.7, 2],
[25.4, 3],
[19, 2],
[10.9, 1],
[13.6, 3.2],
[10.9, 7.4],
[10.9, 0],
[10.9, 8.2],
[16.4, 0],
[16.4, 1.8],
[13.6, 0.3],
[13.6, 0],
[29.9, 0],
[27.1, 2.3],
[16.4, 0],
[13.6, 3.7],
[10.9, 5.2],
[16.4, 6.5],
[10.9, 0],
[24.5, 7.1],
[10.9, 0],
[8.1, 4.7],
[19, 0],
[21.7, 1.8],
[27.1, 0],
[24.5, 0],
[27.1, 0],
[29.9, 1.5],
[27.1, 0.8],
[22.1, 2]
]
}, {
name: "SAMPLE B",
data: [
[6.4, 13.4],
[1.7, 11],
[5.4, 8],
[9, 17],
[1.9, 4],
[3.6, 12.2],
[1.9, 14.4],
[1.9, 9],
[1.9, 13.2],
[1.4, 7],
[6.4, 8.8],
[3.6, 4.3],
[1.6, 10],
[9.9, 2],
[7.1, 15],
[1.4, 0],
[3.6, 13.7],
[1.9, 15.2],
[6.4, 16.5],
[0.9, 10],
[4.5, 17.1],
[10.9, 10],
[0.1, 14.7],
[9, 10],
[12.7, 11.8],
[2.1, 10],
[2.5, 10],
[27.1, 10],
[2.9, 11.5],
[7.1, 10.8],
[2.1, 12]
]
}, {
name: "SAMPLE C",
data: [
[21.7, 3],
[23.6, 3.5],
[24.6, 3],
[29.9, 3],
[21.7, 20],
[23, 2],
[10.9, 3],
[28, 4],
[27.1, 0.3],
[16.4, 4],
[13.6, 0],
[19, 5],
[22.4, 3],
[24.5, 3],
[32.6, 3],
[27.1, 4],
[29.6, 6],
[31.6, 8],
[21.6, 5],
[20.9, 4],
[22.4, 0],
[32.6, 10.3],
[29.7, 20.8],
[24.5, 0.8],
[21.4, 0],
[21.7, 6.9],
[28.6, 7.7],
[15.4, 0],
[18.1, 0],
[33.4, 0],
[16.4, 0]
]
}],
legend: {
offsetY: -10
},
xaxis: {
tickAmount: 10
},
yaxis: {
tickAmount: 7
}
}
var scatterChart = new ApexCharts(
document.querySelector("#scatter-chart"),
scatterChartOptions
);
scatterChart.render();
// Pie Chart
// -----------------------------
var pieChartOptions = {
chart: {
type: 'pie',
height: 350
},
colors: themeColors,
labels: ['Team A', 'Team B', 'Team C', 'Team D'],
series: [44, 55, 13, 43],
legend: {
itemMargin: {
horizontal: 2
},
},
responsive: [{
breakpoint: 480,
options: {
chart: {
width: 350
},
legend: {
position: 'bottom'
}
}
}]
}
var pieChart = new ApexCharts(
document.querySelector("#pie-chart"),
pieChartOptions
);
pieChart.render();
// Donut Chart
// -----------------------------
var donutChartOptions = {
chart: {
type: 'donut',
height: 350
},
colors: themeColors,
series: [44, 55, 41, 17],
legend: {
itemMargin: {
horizontal: 2
},
},
responsive: [{
breakpoint: 480,
options: {
chart: {
width: 350
},
legend: {
position: 'bottom'
}
}
}]
}
var donutChart = new ApexCharts(
document.querySelector("#donut-chart"),
donutChartOptions
);
donutChart.render();
// Radial Bar Chart
// -----------------------------
var radialBarChartOptions = {
chart: {
height: 350,
type: 'radialBar',
},
colors: themeColors,
plotOptions: {
radialBar: {
dataLabels: {
name: {
fontSize: '22px',
},
value: {
fontSize: '16px',
},
total: {
show: true,
label: 'Total',
// color: $label_color,
formatter: function (w) {
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
return 249
}
}
}
}
},
series: [44, 55, 67, 83],
labels: ['Apples', 'Oranges', 'Bananas', 'Berries'],
}
var radialBarChart = new ApexCharts(
document.querySelector("#radial-bar-chart"),
radialBarChartOptions
);
radialBarChart.render();
// Radar Chart
// -----------------------------
var radarChartOptions = {
chart: {
height: 350,
type: 'radar',
},
colors: themeColors,
series: [{
name: 'Series 1',
data: [80, 50, 30, 40, 100, 20],
}],
labels: ['January', 'February', 'March', 'April', 'May', 'June'],
dataLabels: {
style: {
color: $label_color_light
}
}
}
var radarChart = new ApexCharts(document.querySelector("#radar-chart"), radarChartOptions);
radarChart.render();
// Heat Map Chart
// -----------------------------
function generateData(count, yrange) {
var i = 0,
series = [];
while (i < count) {
var x = 'w' + (i + 1).toString(),
y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
series.push({
x: x,
y: y
});
i++;
}
return series;
}
var heatChartOptions = {
chart: {
height: 350,
type: 'heatmap',
},
dataLabels: {
enabled: false
},
colors: [$primary],
series: [{
name: 'Metric1',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric2',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric3',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric4',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric5',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric6',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric7',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric8',
data: generateData(18, {
min: 0,
max: 90
})
},
{
name: 'Metric9',
data: generateData(18, {
min: 0,
max: 90
})
}
],
}
var heatChart = new ApexCharts(
document.querySelector("#heat-map-chart"),
heatChartOptions);
heatChart.render();
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,697 @@
/*=========================================================================================
File Name: chart-chartjs.js
Description: Chartjs Examples
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function () {
var $primary = '#7367F0';
var $success = '#28C76F';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $label_color = '#1E1E1E';
var grid_line_color = '#dae1e7';
var scatter_grid_color = '#f3f3f3';
var $scatter_point_light = '#D1D4DB';
var $scatter_point_dark = '#5175E0';
var $white = '#fff';
var $black = '#000';
var themeColors = [$primary, $success, $danger, $warning, $label_color];
// Line Chart
// ------------------------------------------
//Get the context of the Chart canvas element we want to select
var lineChartctx = $("#line-chart");
// Chart Options
var linechartOptions = {
responsive: true,
maintainAspectRatio: false,
legend: {
position: 'top',
},
hover: {
mode: 'label'
},
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}]
},
title: {
display: true,
text: 'World population per region (in millions)'
}
};
// Chart Data
var linechartData = {
labels: [1500, 1600, 1700, 1750, 1800, 1850, 1900, 1950, 1999, 2050],
datasets: [{
label: "Africa",
data: [86, 114, 106, 106, 107, 111, 133, 221, 783, 2478],
borderColor: $primary,
fill: false
}, {
data: [282, 350, 411, 502, 635, 809, 947, 1402, 3700, 5267],
label: "Asia",
borderColor: $success,
fill: false
}, {
data: [168, 170, 178, 190, 203, 276, 408, 547, 675, 734],
label: "Europe",
borderColor: $danger,
fill: false
}, {
data: [40, 20, 10, 16, 24, 38, 74, 167, 508, 784],
label: "Latin America",
borderColor: $warning,
fill: false
}, {
data: [6, 3, 2, 2, 7, 26, 82, 172, 312, 433],
label: "North America",
borderColor: $label_color,
fill: false
}]
};
var lineChartconfig = {
type: 'line',
// Chart Options
options: linechartOptions,
data: linechartData
};
// Create the chart
var lineChart = new Chart(lineChartctx, lineChartconfig);
// Bar Chart
// ------------------------------------------
//Get the context of the Chart canvas element we want to select
var barChartctx = $("#bar-chart");
// Chart Options
var barchartOptions = {
// Elements options apply to all of the options unless overridden in a dataset
// In this case, we are setting the border of each bar to be 2px wide
elements: {
rectangle: {
borderWidth: 2,
borderSkipped: 'left'
}
},
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: { display: false },
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
},
ticks: {
stepSize: 1000
},
}],
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
},
};
// Chart Data
var barchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "Population (millions)",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
borderColor: "transparent"
}]
};
var barChartconfig = {
type: 'bar',
// Chart Options
options: barchartOptions,
data: barchartData
};
// Create the chart
var barChart = new Chart(barChartctx, barChartconfig);
// Horizontal Chart
// -------------------------------------
// Get the context of the Chart canvas element we want to select
var horizontalChartctx = $("#horizontal-bar");
var horizontalchartOptions = {
// Elements options apply to all of the options unless overridden in a dataset
// In this case, we are setting the border of each horizontal bar to be 2px wide
elements: {
rectangle: {
borderWidth: 2,
borderSkipped: 'right',
borderSkipped: 'top',
}
},
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: {
display: false,
},
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
}
}]
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var horizontalchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "Population (millions)",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
borderColor: "transparent"
}]
};
var horizontalChartconfig = {
type: 'horizontalBar',
// Chart Options
options: horizontalchartOptions,
data: horizontalchartData
};
// Create the chart
var horizontalChart = new Chart(horizontalChartctx, horizontalChartconfig);
// Pie Chart
// --------------------------------
//Get the context of the Chart canvas element we want to select
var pieChartctx = $("#simple-pie-chart");
// Chart Options
var piechartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var piechartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "My First dataset",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
}]
};
var pieChartconfig = {
type: 'pie',
// Chart Options
options: piechartOptions,
data: piechartData
};
// Create the chart
var pieSimpleChart = new Chart(pieChartctx, pieChartconfig);
// Doughnut Chart
// ---------------------------------------------
//Get the context of the Chart canvas element we want to select
var doughnutChartctx = $("#simple-doughnut-chart");
// Chart Options
var doughnutchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var doughnutchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "My First dataset",
data: [2478, 5267, 734, 784, 433],
backgroundColor: themeColors,
}]
};
var doughnutChartconfig = {
type: 'doughnut',
// Chart Options
options: doughnutchartOptions,
data: doughnutchartData
};
// Create the chart
var doughnutSimpleChart = new Chart(doughnutChartctx, doughnutChartconfig);
// Radar Chart
// ----------------------------------------
//Get the context of the Chart canvas element we want to select
var radarChartctx = $("#radar-chart");
// Chart Options
var radarchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: {
position: 'top',
},
tooltips: {
callbacks: {
label: function (tooltipItems, data) {
return data.datasets[tooltipItems.datasetIndex].label + ": " + tooltipItems.yLabel;
}
}
},
title: {
display: true,
text: 'Distribution in % of world population'
},
scale: {
reverse: false,
ticks: {
beginAtZero: true,
stepSize: 10
}
}
};
// Chart Data
var radarchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "1950",
fill: true,
backgroundColor: "rgba(179,181,198,0.2)",
borderColor: "rgba(179,181,198,1)",
pointBorderColor: $white,
pointBackgroundColor: "rgba(179,181,198,1)",
data: [8.77, 55.61, 21.69, 6.62, 6.82],
}, {
label: "2050",
fill: true,
backgroundColor: "rgba(255,99,132,0.2)",
borderColor: "rgba(255,99,132,1)",
pointBorderColor: $white,
pointBackgroundColor: "rgba(255,99,132,1)",
data: [25.48, 54.16, 7.61, 8.06, 4.45],
},]
};
var radarChartconfig = {
type: 'radar',
// Chart Options
options: radarchartOptions,
data: radarchartData
};
// Create the chart
var polarChart = new Chart(radarChartctx, radarChartconfig);
// Polar Chart
// -----------------------------------
//Get the context of the Chart canvas element we want to select
var polarChartctx = $("#polar-chart");
// Chart Options
var polarchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 500,
legend: {
position: 'top',
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
},
scale: {
ticks: {
beginAtZero: true,
stepSize: 2000
},
reverse: false
},
animation: {
animateRotate: false
}
};
// Chart Data
var polarchartData = {
labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
datasets: [{
label: "Population (millions)",
backgroundColor: themeColors,
data: [2478, 5267, 734, 784, 433]
}],
};
var polarChartconfig = {
type: 'polarArea',
// Chart Options
options: polarchartOptions,
data: polarchartData
};
// Create the chart
var polarChart = new Chart(polarChartctx, polarChartconfig);
// Bubble Chart
// ---------------------------------------
//Get the context of the Chart canvas element we want to select
var bubbleChartctx = $("#bubble-chart");
var randomScalingFactor = function () {
return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100);
};
// Chart Options
var bubblechartOptions = {
responsive: true,
maintainAspectRatio: false,
scales: {
xAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
labelString: "GDP (PPP)"
}
}],
yAxes: [{
display: true,
gridLines: {
color: grid_line_color,
},
scaleLabel: {
display: true,
labelString: "Happiness"
},
ticks: {
stepSize: 0.5
},
}]
},
title: {
display: true,
text: 'Predicted world population (millions) in 2050'
}
};
// Chart Data
var bubblechartData = {
animation: {
duration: 10000
},
datasets: [{
label: ["China"],
backgroundColor: "rgba(255,221,50,0.2)",
borderColor: "rgba(255,221,50,1)",
data: [{
x: 21269017,
y: 5.245,
r: 15
}],
}, {
label: ["Denmark"],
backgroundColor: "rgba(60,186,159,0.2)",
borderColor: "rgba(60,186,159,1)",
data: [{
x: 258702,
y: 7.526,
r: 10
}]
}, {
label: ["Germany"],
backgroundColor: "rgba(0,0,0,0.2)",
borderColor: $black,
data: [{
x: 3979083,
y: 6.994,
r: 15
}]
}, {
label: ["Japan"],
backgroundColor: "rgba(193,46,12,0.2)",
borderColor: "rgba(193,46,12,1)",
data: [{
x: 4931877,
y: 5.921,
r: 15
}]
}]
};
var bubbleChartconfig = {
type: 'bubble',
// Chart Options
options: bubblechartOptions,
data: bubblechartData
};
// Create the chart
var bubbleChart = new Chart(bubbleChartctx, bubbleChartconfig);
// Scatter Chart
// ------------------------------------
//Get the context of the Chart canvas element we want to select
var scatterChartctx = $("#scatter-chart");
// Chart Options
var scatterchartOptions = {
responsive: true,
maintainAspectRatio: false,
responsiveAnimationDuration: 800,
title: {
display: false,
text: 'Chart.js Scatter Chart'
},
scales: {
xAxes: [{
position: 'top',
gridLines: {
color: scatter_grid_color,
drawTicks: false,
},
scaleLabel: {
display: true,
labelString: 'x axis'
}
}],
yAxes: [{
position: 'right',
gridLines: {
color: scatter_grid_color,
drawTicks: false,
},
scaleLabel: {
display: true,
labelString: 'y axis'
}
}]
}
};
// Chart Data
var scatterchartData = {
datasets: [{
label: "My First dataset",
data: [{
x: 65,
y: 28,
}, {
x: 59,
y: 48,
}, {
x: 80,
y: 40,
}, {
x: 81,
y: 19,
}, {
x: 56,
y: 86,
}, {
x: 55,
y: 27,
}, {
x: 40,
y: 89,
}],
backgroundColor: "rgba(209,212,219,.3)",
borderColor: "transparent",
pointBorderColor: $scatter_point_light,
pointBackgroundColor: $white,
pointBorderWidth: 2,
pointHoverBorderWidth: 2,
pointRadius: 4,
}, {
label: "My Second dataset",
data: [{
x: 45,
y: 17,
}, {
x: 25,
y: 62,
}, {
x: 16,
y: 78,
}, {
x: 36,
y: 88,
}, {
x: 67,
y: 26,
}, {
x: 18,
y: 48,
}, {
x: 76,
y: 73,
}],
backgroundColor: "rgba(81,117,224,.6)",
borderColor: "transparent",
pointBorderColor: $scatter_point_dark,
pointBackgroundColor: $white,
pointBorderWidth: 2,
pointHoverBorderWidth: 2,
pointRadius: 4,
}]
};
var scatterChartconfig = {
type: 'scatter',
// Chart Options
options: scatterchartOptions,
data: scatterchartData
};
// Create the chart
var scatterChart = new Chart(scatterChartctx, scatterChartconfig);
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,328 @@
/*=========================================================================================
File Name: chart-echart.js
Description: echarts examples
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function(){
var $dark_green = '#4ea397';
var $green = '#22c3aa';
var $light_green = '#7bd9a5';
var $lighten_green = '#a8e7d2';
// Bar chart
// ------------------------------
var barChart = echarts.init(document.getElementById('bar-chart'));
// var i;
function randomize() {
return Math.round(300 + Math.random() * 700) / 10
};
var barChartoption = {
legend: {},
tooltip: {},
dataset: {
source: [
['product', '2015', '2016', '2017'],
['Matcha Latte', randomize(), randomize(), randomize()],
['Milk Tea', randomize(), randomize(), randomize()],
['Cheese Cocoa', randomize(), randomize(), randomize()],
['Walnut Brownie', randomize(), randomize(), randomize()],
],
},
xAxis: {
type: 'category',
splitLine: { show: true },
},
yAxis: {},
// Declare several bar series, each will be mapped
// to a column of dataset.source by default.
series: [
{
type: 'bar',
itemStyle: {color: $dark_green},
},
{
type: 'bar',
itemStyle: {color: $green},
},
{
type: 'bar',
itemStyle: {color: $light_green},
}
]
};
barChart.setOption(barChartoption);
// Line chart
// ------------------------------
var lineChart = echarts.init(document.getElementById('line-chart'));
data = [["2000-06-05",116],["2000-06-06",129],["2000-06-07",135],["2000-06-08",86],["2000-06-09",73],["2000-06-10",85],["2000-06-11",73],["2000-06-12",68],["2000-06-13",92],["2000-06-14",130],["2000-06-15",245],["2000-06-16",139],["2000-06-17",115],["2000-06-18",111],["2000-06-19",309],["2000-06-20",206],["2000-06-21",137],["2000-06-22",128],["2000-06-23",85],["2000-06-24",94],["2000-06-25",71],["2000-06-26",106],["2000-06-27",84],["2000-06-28",93],["2000-06-29",85],["2000-06-30",73],["2000-07-01",83],["2000-07-02",125],["2000-07-03",107],["2000-07-04",82],["2000-07-05",44],["2000-07-06",72],["2000-07-07",106],["2000-07-08",107],["2000-07-09",66],["2000-07-10",91],["2000-07-11",92],["2000-07-12",113],["2000-07-13",107],["2000-07-14",131],["2000-07-15",111],["2000-07-16",64],["2000-07-17",69],["2000-07-18",88],["2000-07-19",77],["2000-07-20",83],["2000-07-21",111],["2000-07-22",57],["2000-07-23",55],["2000-07-24",60]];
var dateList = data.map(function (item) {
return item[0];
});
var valueList = data.map(function (item) {
return item[1];
});
var lineChartoption = {
// Make gradient line here
visualMap: [{
show: false,
type: 'continuous',
seriesIndex: 0,
min: 0,
max: 400,
color: [$dark_green, $lighten_green]
}],
tooltip: {
trigger: 'axis'
},
xAxis: [{
data: dateList,
splitLine: {show: true}
}],
yAxis: [{
splitLine: {show: false}
}],
series: [{
type: 'line',
showSymbol: false,
data: valueList
}]
};
lineChart.setOption(lineChartoption);
// Pie chart
// ------------------------------
var pieChart = echarts.init(document.getElementById('pie-chart'));
var pieChartoption = {
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['Direct interview', 'Email marketing', 'Alliance advertising', 'Video ad', 'Search engine']
},
series : [
{
name: 'Access source',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
color: ['#FF9F43','#28C76F','#EA5455','#87ceeb','#7367F0'],
data: [
{value: 335, name: 'Direct interview'},
{value: 310, name: 'Email marketing'},
{value: 234, name: 'Alliance advertising'},
{value: 135, name: 'Video ad'},
{value: 1548, name: 'Search engine'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
],
};
pieChart.setOption(pieChartoption);
// Scatter chart
// ------------------------------
var scatterChart = echarts.init(document.getElementById('scatter-chart'));
var data = [
[[28604,77,17096869,'Australia',1990],[31163,77.4,27662440,'Canada',1990],[1516,68,1154605773,'China',1990],[13670,74.7,10582082,'Cuba',1990],[28599,75,4986705,'Finland',1990],[29476,77.1,56943299,'France',1990],[31476,75.4,78958237,'Germany',1990],[28666,78.1,254830,'Iceland',1990],[1777,57.7,870601776,'India',1990],[29550,79.1,122249285,'Japan',1990],[2076,67.9,20194354,'North Korea',1990],[12087,72,42972254,'South Korea',1990],[24021,75.4,3397534,'New Zealand',1990],[43296,76.8,4240375,'Norway',1990],[10088,70.8,38195258,'Poland',1990],[19349,69.6,147568552,'Russia',1990],[10670,67.3,53994605,'Turkey',1990],[26424,75.7,57110117,'United Kingdom',1990],[37062,75.4,252847810,'United States',1990]],
[[44056,81.8,23968973,'Australia',2015],[43294,81.7,35939927,'Canada',2015],[13334,76.9,1376048943,'China',2015],[21291,78.5,11389562,'Cuba',2015],[38923,80.8,5503457,'Finland',2015],[37599,81.9,64395345,'France',2015],[44053,81.1,80688545,'Germany',2015],[42182,82.8,329425,'Iceland',2015],[5903,66.8,1311050527,'India',2015],[36162,83.5,126573481,'Japan',2015],[1390,71.4,25155317,'North Korea',2015],[34644,80.7,50293439,'South Korea',2015],[34186,80.6,4528526,'New Zealand',2015],[64304,81.6,5210967,'Norway',2015],[24787,77.3,38611794,'Poland',2015],[23038,73.13,143456918,'Russia',2015],[19360,76.5,78665830,'Turkey',2015],[38225,81.4,64715810,'United Kingdom',2015],[53354,79.1,321773631,'United States',2015]]
];
var scatterChartoption = {
legend: {
right: 10,
data: ['1990', '2015']
},
xAxis: {
splitLine: {
lineStyle: {
type: 'dashed'
}
}
},
yAxis: {
splitLine: {
lineStyle: {
type: 'dashed'
}
},
scale: true
},
series: [{
name: '1990',
data: data[0],
type: 'scatter',
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
label: {
emphasis: {
show: true,
formatter: function (param) {
return param.data[3];
},
position: 'top'
}
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(120, 36, 50, 0.5)',
shadowOffsetY: 5,
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: 'rgb(251, 118, 123)'
}, {
offset: 1,
color: 'rgb(204, 46, 72)'
}])
}
}
}, {
name: '2015',
data: data[1],
type: 'scatter',
symbolSize: function (data) {
return Math.sqrt(data[2]) / 5e2;
},
label: {
emphasis: {
show: true,
formatter: function (param) {
return param.data[3];
},
position: 'top'
}
},
itemStyle: {
normal: {
shadowBlur: 10,
shadowColor: 'rgba(25, 100, 150, 0.5)',
shadowOffsetY: 5,
color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
offset: 0,
color: 'rgb(129, 227, 238)'
}, {
offset: 1,
color: 'rgb(25, 183, 207)'
}])
}
}
}]
};
scatterChart.setOption(scatterChartoption);
// Polar chart
// ------------------------------
var polarChart = echarts.init(document.getElementById('polar-chart'));
var data = [];
for (var i = 0; i <= 360; i++) {
var t = i / 180 * Math.PI;
var r = Math.sin(2 * t) * Math.cos(2 * t);
data.push([r, i]);
}
var polarChartoption = {
legend: {
data: ['line']
},
polar: {
center: ['50%', '54%']
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
angleAxis: {
type: 'value',
startAngle: 0
},
radiusAxis: {
min: 0
},
series: [{
coordinateSystem: 'polar',
name: 'line',
type: 'line',
showSymbol: false,
data: data
}],
animationDuration: 2000
};
polarChart.setOption(polarChartoption);
// Radar chart
// ------------------------------
var radarChart = echarts.init(document.getElementById('radar-chart'));
var radarChartoption = {
tooltip: {},
radar: {
indicator: [
{ name: 'Attack', max: 20 },
{ name: 'Defensive', max: 20 },
{ name: 'Speed', max: 20 },
{ name: 'Power', max: 20 },
{ name: 'Endurance', max: 20 },
{ name: 'Agile', max: 20 }
]
},
series: [{
name: 'Ability value',
type: 'radar',
data: [{ value: [19, 9, 18, 16, 16, 20] }]
}]
};
radarChart.setOption(radarChartoption);
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,109 @@
/*=========================================================================================
File Name: maps.js
Description: google maps
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Gmaps Maps
// ------------------------------
$(window).on("load", function(){
// Basic Map
// ------------------------------
map = new GMaps({
div: '#basic-map',
lat: 9.0820,
lng: 8.6753,
zoom: 7
});
map.addMarker({
lat: 9.0765,
lng: 7.3986,
title: 'Marker1',
draggable: true,
});
// Info Window
// ------------------------------
map = new GMaps({
div: '#info-window',
lat: 47.4073,
lng: 7.7526,
zoom: 7
});
map.addMarker({
lat: 47.4073,
lng: 7.76,
title: 'Marker1',
infoWindow: {
content: '<p>Marker1</p>'
}
});
map.addMarker({
lat: 47.3769,
lng: 8.5417,
title: 'Marker2',
infoWindow: {
content: '<p>Marker2</p>'
}
});
map.addMarker({
lat: 46.9480,
lng: 7.4474,
title: 'Marker3',
infoWindow: {
content: '<p>Marker3</p>'
}
});
// Street View Markers
// ------------------------------
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
});
// Random Value for street heading
$(".street-heading").on("click", function(){
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
pov: { heading: Math.random() * 360, pitch: 5 }
});
});
// Random Value for street Pitch
$(".street-pitch").on("click", function(){
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
pov: { heading: 20, pitch: Math.random() * 180 - 90 }
});
});
// Random Value for both street heading and street pitch
$(".street-both").on("click", function(){
map = GMaps.createPanorama({
el: '#street-view',
lat : 52.201272,
lng: 0.118720,
pov: { heading: Math.random() * 360, pitch: Math.random() * 180 - 90 }
});
});
});

View File

@@ -0,0 +1 @@
$(window).on("load",function(){map=new GMaps({div:"#basic-map",lat:9.082,lng:8.6753,zoom:7}),map.addMarker({lat:9.0765,lng:7.3986,title:"Marker1",draggable:!0}),map=new GMaps({div:"#info-window",lat:47.4073,lng:7.7526,zoom:7}),map.addMarker({lat:47.4073,lng:7.76,title:"Marker1",infoWindow:{content:"<p>Marker1</p>"}}),map.addMarker({lat:47.3769,lng:8.5417,title:"Marker2",infoWindow:{content:"<p>Marker2</p>"}}),map.addMarker({lat:46.948,lng:7.4474,title:"Marker3",infoWindow:{content:"<p>Marker3</p>"}}),map=GMaps.createPanorama({el:"#street-view",lat:52.201272,lng:.11872}),$(".street-heading").on("click",function(){map=GMaps.createPanorama({el:"#street-view",lat:52.201272,lng:.11872,pov:{heading:360*Math.random(),pitch:5}})}),$(".street-pitch").on("click",function(){map=GMaps.createPanorama({el:"#street-view",lat:52.201272,lng:.11872,pov:{heading:20,pitch:180*Math.random()-90}})}),$(".street-both").on("click",function(){map=GMaps.createPanorama({el:"#street-view",lat:52.201272,lng:.11872,pov:{heading:360*Math.random(),pitch:180*Math.random()-90}})})});

View File

@@ -0,0 +1,83 @@
/*=========================================================================================
File Name: Components.js
Description: For Generic Components.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
/***** Component Variables *****/
var alertValidationInput = $(".alert-validation"),
alertRegex = /^[0-9]+$/,
alertValidationMsg = $(".alert-validation-msg"),
accordion = $(".accordion"),
collapseTitle = $(".collapse-title"),
collapseHoverTitle = $(".collapse-hover-title"),
dropdownMenuIcon = $(".dropdown-icon-wrapper .dropdown-item");
/***** Alerts *****/
/* validation with alert */
alertValidationInput.on('input', function () {
if (alertValidationInput.val().match(alertRegex)) {
alertValidationMsg.css("display", "none");
} else {
alertValidationMsg.css("display", "block");
}
});
/***** Carousel *****/
// For Carousel With Enabled Keyboard Controls
$(document).on("keyup", function (e) {
if (e.which == 39) {
$('.carousel[data-keyboard="true"]').carousel('next');
} else if (e.which == 37) {
$('.carousel[data-keyboard="true"]').carousel('prev');
}
})
// To open Collapse on hover
if (accordion.attr("data-toggle-hover", "true")) {
collapseHoverTitle.closest(".card").on("mouseenter", function () {
$(this).children(".collapse").collapse("show");
});
}
// Accordion with Shadow - When Collapse open
$('.accordion-shadow .collapse-header .card-header').on("click", function () {
var $this = $(this);
$this.parent().siblings(".collapse-header.open").removeClass("open");
$this.parent(".collapse-header").toggleClass("open");
});
/***** Dropdown *****/
// For Dropdown With Icons
dropdownMenuIcon.on("click", function () {
$(".dropdown-icon-wrapper .dropdown-toggle i").remove();
$(this).find("i").clone().appendTo(".dropdown-icon-wrapper .dropdown-toggle");
$(".dropdown-icon-wrapper .dropdown-toggle .dropdown-item").removeClass("dropdown-item");
});
/***** Pagination *****/
// For Pagination styles
if ($(".pagination .page-item.prev-item").length > 0) {
$(".pagination .page-item.prev-item").next(".page-item").find(".page-link").css({
"border-top-left-radius": "20px",
"border-bottom-left-radius": "20px"
});
}
if ($(".pagination .page-item.next-item").length > 0) {
$(".pagination .page-item.next-item").prev(".page-item").find(".page-link").css({
"border-top-right-radius": "20px",
"border-bottom-right-radius": "20px"
});
}
/***** Chips *****/
// To close chips
$('.chip-closeable').on('click', function () {
$(this).closest('.chip').remove();
})
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(e,o,t){var a=t(".alert-validation"),n=/^[0-9]+$/,i=t(".alert-validation-msg"),r=t(".accordion"),p=(t(".collapse-title"),t(".collapse-hover-title")),d=t(".dropdown-icon-wrapper .dropdown-item");a.on("input",function(){a.val().match(n)?i.css("display","none"):i.css("display","block")}),t(o).on("keyup",function(e){39==e.which?t('.carousel[data-keyboard="true"]').carousel("next"):37==e.which&&t('.carousel[data-keyboard="true"]').carousel("prev")}),r.attr("data-toggle-hover","true")&&p.closest(".card").on("mouseenter",function(){t(this).children(".collapse").collapse("show")}),t(".accordion-shadow .collapse-header .card-header").on("click",function(){var e=t(this);e.parent().siblings(".collapse-header.open").removeClass("open"),e.parent(".collapse-header").toggleClass("open")}),d.on("click",function(){t(".dropdown-icon-wrapper .dropdown-toggle i").remove(),t(this).find("i").clone().appendTo(".dropdown-icon-wrapper .dropdown-toggle"),t(".dropdown-icon-wrapper .dropdown-toggle .dropdown-item").removeClass("dropdown-item")}),0<t(".pagination .page-item.prev-item").length&&t(".pagination .page-item.prev-item").next(".page-item").find(".page-link").css({"border-top-left-radius":"20px","border-bottom-left-radius":"20px"}),0<t(".pagination .page-item.next-item").length&&t(".pagination .page-item.next-item").prev(".page-item").find(".page-link").css({"border-top-right-radius":"20px","border-bottom-right-radius":"20px"}),t(".chip-closeable").on("click",function(){t(this).closest(".chip").remove()})}(window,document,jQuery);

View File

@@ -0,0 +1,241 @@
/*=========================================================================================
File Name: customizer.js
Description: Template customizer js.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
'use strict';
// main menu active gradient colors object
var themeColor = {
"theme-primary": "linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7))",
"theme-success": "linear-gradient(118deg, #28c76f, rgba(40, 199, 111 , 0.7))",
"theme-danger": "linear-gradient(118deg, #ea5455, rgba(234, 84, 85, 0.7))",
"theme-info": "linear-gradient(118deg, #00cfe8, rgba(0, 207, 232, 0.7))",
"theme-warning": "linear-gradient(118deg, #ff9f43, rgba(255, 159, 67, 0.7))",
"theme-dark": "linear-gradient(118deg, #1e1e1e, rgba(30, 30, 30, 0.7))"
}
// main menu active box shadow object
var themeBoxShadow = {
"theme-primary": "0 0 10px 1px rgba(115, 103, 240, 0.7)",
"theme-success": "0 0 10px 1px rgba(40, 199, 111 , 0.7)",
"theme-danger": "0 0 10px 1px rgba(234, 84, 85, 0.7)",
"theme-info": "0 0 10px 1px rgba(0, 207, 232, 0.7)",
"theme-warning": "0 0 10px 1px rgba(255, 159, 67, 0.7)",
"theme-dark": "0 0 10px 1px rgba(30, 30, 30, 0.7)"
}
// colors for navbar header text of main menu
var currentColor = {
"theme-default": "#fff",
"theme-primary": "#7367f0",
"theme-success": "#28c76f",
"theme-danger": "#ea5455",
"theme-info": "#00cfe8",
"theme-warning": "#ff9f43",
"theme-dark": "#adb5bd"
}
// Brand Logo Poisitons
var LogoPosition = {
"theme-primary": "-65px -54px",
"theme-success": "-120px -10px",
"theme-danger": "-10px -10px",
"theme-info": "-10px -54px",
"theme-warning": "-120px -54px",
"theme-dark": "-65px -10px"
}
var body = $("body"),
appContent = $(".app-content"),
mainMenu = $(".main-menu"),
mainMenuContent = $(".menu-content"),
menuCollapsed = $(".menu-collapsed"),
menuExpanded = $(".menu-expanded"),
footer = $(".footer"),
navbar = $(".header-navbar"),
navBarShadow = $(".header-navbar-shadow"),
toggleIcon = $(".toggle-icon"),
collapseSidebar = $("#collapse-sidebar-switch"),
customizer = $(".customizer"),
brandLogo = $(".brand-logo");
// Customizer toggle & close button click events [Remove customizer code from production]
$('.customizer-toggle').on('click', function (e) {
e.preventDefault();
$(customizer).toggleClass('open');
});
$('.customizer-close').on('click', function () {
$(customizer).removeClass('open');
});
// perfect scrollbar for customizer
if ($('.customizer-content').length > 0) {
var customizer_content = new PerfectScrollbar('.customizer-content');
}
/***** Theme Colors Options *****/
$(document).on("click", "#customizer-theme-colors .color-box", function () {
var $this = $(this);
$this.siblings().removeClass('selected');
$this.addClass("selected");
var selectedColor = $(this).data("color"),
changeColor = themeColor[selectedColor],
selectedShadow = themeBoxShadow[selectedColor],
selectedTextColor = currentColor[selectedColor],
selectedLogo = LogoPosition[selectedColor];
// main-menu
if (mainMenuContent.find("li.active").length) {
mainMenuContent.find("li.active").css(
{
"background": changeColor,
"box-shadow": selectedShadow
}
);
}
else {
mainMenu.find(".nav-item.active a").css(
{
"background": changeColor,
"box-shadow": selectedShadow
}
);
}
// Text with logo
$(".brand-text").css("color", selectedTextColor);
// toggle icon
toggleIcon.removeClass("primary").css("color", selectedTextColor);
// Changes logo color
brandLogo.css("background-position", selectedLogo);
});
/***** Theme Layout Options *****/
$(".layout-name").on("click", function () {
var $this = $(this);
var currentLayout = $this.data("layout");
body.removeClass("dark-layout semi-dark-layout").addClass(currentLayout);
if (currentLayout === "") {
mainMenu.removeClass("menu-dark").addClass("menu-light");
navbar.removeClass("navbar-dark").addClass("navbar-light");
}
})
// checks right radio if layout type matches
var layout = body.data("layout");
$(".layout-name[data-layout='" + layout + "']").prop('checked', true);
/***** Collapse menu switch *****/
collapseSidebar.on("click", function () {
if ($(body).hasClass("menu-expanded")) {
body.removeClass("menu-expanded").addClass("menu-collapsed");
mainMenu.find(".sidebar-group-active").removeClass("open").addClass("menu-collapsed-open");
toggleIcon.removeClass("feather icon-disc").addClass("feather icon-circle");
}
else {
body.removeClass("menu-collapsed").addClass("menu-expanded");
mainMenu.find(".sidebar-group-active").addClass("open");
toggleIcon.removeClass("feather icon-circle").addClass("feather icon-disc");
}
})
// connects toggle icon with collapse sidebar switch
toggleIcon.on("click", function () {
collapseSidebar.prop("checked", !collapseSidebar.prop("checked"));
})
// checks if main menu is collapsed by default
if (body.hasClass("menu-collapsed")) {
collapseSidebar.prop("checked", true);
}
else {
collapseSidebar.prop("checked", false);
}
/***** Navbar Color Options *****/
$("#customizer-navbar-colors .color-box").on("click", function () {
var $this = $(this);
$this.siblings().removeClass('selected');
$this.addClass("selected");
var navbarColor = $this.data("navbar-color");
// changes navbar colors
if (navbarColor) {
appContent
.find(navbar)
.removeClass("bg-primary bg-success bg-danger bg-info bg-warning bg-dark")
.addClass(navbarColor + " navbar-dark");
}
else {
appContent
.find(navbar)
.removeClass("bg-primary bg-success bg-danger bg-info bg-warning bg-dark navbar-dark");
}
if (body.hasClass("dark-layout")) {
navbar.addClass("navbar-dark")
}
})
/***** Navbar Type *****/
// Hides Navbar
$("#navbar-hidden").on("click", function () {
navbar.addClass("d-none");
navBarShadow.addClass("d-none");
body.removeClass("navbar-static navbar-floating navbar-sticky").addClass("navbar-hidden");
});
// changes to Static navbar
$("#navbar-static").on("click", function () {
navBarShadow.addClass("d-none");
navbar
.removeClass("d-none floating-nav fixed-top")
.addClass("navbar-static-top");
body.removeClass("navbar-hidden navbar-floating navbar-sticky").addClass("navbar-static");
});
// change to floating navbar
$("#navbar-floating").on("click", function () {
navBarShadow.removeClass("d-none");
navbar
.removeClass("d-none fixed-top navbar-static-top fixed-top")
.addClass("floating-nav");
body.removeClass("navbar-static navbar-hidden navbar-sticky").addClass("navbar-floating");
});
// changes to Static navbar
$("#navbar-sticky").on("click", function () {
navBarShadow.addClass("d-none");
navbar
.removeClass("d-none floating-nav navbar-static-top")
.addClass("fixed-top");
body.removeClass("navbar-static navbar-floating navbar-hidden").addClass("navbar-sticky");
});
/***** Footer Type *****/
// Hides footer
$("#footer-hidden").on("click", function () {
footer.addClass("d-none");
body.removeClass("footer-static fixed-footer").addClass("footer-hidden");
});
// changes to Static footer
$("#footer-static").on("click", function () {
body.removeClass("fixed-footer");
footer.removeClass("d-none").addClass("footer-static");
body.removeClass("footer-hidden fixed-footer").addClass("footer-static");
});
// changes to Sticky footer
$("#footer-sticky").on("click", function () {
body.removeClass("footer-static fixed-hidden").addClass("fixed-footer");
footer.removeClass("d-none footer-static");
});
/***** Hide Scroll To Top *****/
$("#hide-scroll-top-switch").on("click", function () {
var scrollTopBtn = $(".scroll-top")
if ($(this).prop("checked")) {
scrollTopBtn.addClass("d-none");
}
else {
scrollTopBtn.removeClass("d-none");
}
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(a,e,d){"use strict";var t={"theme-primary":"linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7))","theme-success":"linear-gradient(118deg, #28c76f, rgba(40, 199, 111 , 0.7))","theme-danger":"linear-gradient(118deg, #ea5455, rgba(234, 84, 85, 0.7))","theme-info":"linear-gradient(118deg, #00cfe8, rgba(0, 207, 232, 0.7))","theme-warning":"linear-gradient(118deg, #ff9f43, rgba(255, 159, 67, 0.7))","theme-dark":"linear-gradient(118deg, #1e1e1e, rgba(30, 30, 30, 0.7))"},i={"theme-primary":"0 0 10px 1px rgba(115, 103, 240, 0.7)","theme-success":"0 0 10px 1px rgba(40, 199, 111 , 0.7)","theme-danger":"0 0 10px 1px rgba(234, 84, 85, 0.7)","theme-info":"0 0 10px 1px rgba(0, 207, 232, 0.7)","theme-warning":"0 0 10px 1px rgba(255, 159, 67, 0.7)","theme-dark":"0 0 10px 1px rgba(30, 30, 30, 0.7)"},c={"theme-default":"#fff","theme-primary":"#7367f0","theme-success":"#28c76f","theme-danger":"#ea5455","theme-info":"#00cfe8","theme-warning":"#ff9f43","theme-dark":"#adb5bd"},l={"theme-primary":"-65px -54px","theme-success":"-120px -10px","theme-danger":"-10px -10px","theme-info":"-10px -54px","theme-warning":"-120px -54px","theme-dark":"-65px -10px"},s=d("body"),n=d(".app-content"),m=d(".main-menu"),f=d(".menu-content"),o=(d(".menu-collapsed"),d(".menu-expanded"),d(".footer")),r=d(".header-navbar"),v=d(".header-navbar-shadow"),b=d(".toggle-icon"),g=d("#collapse-sidebar-switch"),p=d(".customizer"),h=d(".brand-logo");if(d(".customizer-toggle").on("click",function(a){a.preventDefault(),d(p).toggleClass("open")}),d(".customizer-close").on("click",function(){d(p).removeClass("open")}),0<d(".customizer-content").length)new PerfectScrollbar(".customizer-content");d(e).on("click","#customizer-theme-colors .color-box",function(){var a=d(this);a.siblings().removeClass("selected"),a.addClass("selected");var e=d(this).data("color"),s=t[e],n=i[e],o=c[e],r=l[e];f.find("li.active").length?f.find("li.active").css({background:s,"box-shadow":n}):m.find(".nav-item.active a").css({background:s,"box-shadow":n}),d(".brand-text").css("color",o),b.removeClass("primary").css("color",o),h.css("background-position",r)}),d(".layout-name").on("click",function(){var a=d(this).data("layout");s.removeClass("dark-layout semi-dark-layout").addClass(a),""===a&&(m.removeClass("menu-dark").addClass("menu-light"),r.removeClass("navbar-dark").addClass("navbar-light"))});var C=s.data("layout");d(".layout-name[data-layout='"+C+"']").prop("checked",!0),g.on("click",function(){d(s).hasClass("menu-expanded")?(s.removeClass("menu-expanded").addClass("menu-collapsed"),m.find(".sidebar-group-active").removeClass("open").addClass("menu-collapsed-open"),b.removeClass("feather icon-disc").addClass("feather icon-circle")):(s.removeClass("menu-collapsed").addClass("menu-expanded"),m.find(".sidebar-group-active").addClass("open"),b.removeClass("feather icon-circle").addClass("feather icon-disc"))}),b.on("click",function(){g.prop("checked",!g.prop("checked"))}),s.hasClass("menu-collapsed")?g.prop("checked",!0):g.prop("checked",!1),d("#customizer-navbar-colors .color-box").on("click",function(){var a=d(this);a.siblings().removeClass("selected"),a.addClass("selected");var e=a.data("navbar-color");e?n.find(r).removeClass("bg-primary bg-success bg-danger bg-info bg-warning bg-dark").addClass(e+" navbar-dark"):n.find(r).removeClass("bg-primary bg-success bg-danger bg-info bg-warning bg-dark navbar-dark"),s.hasClass("dark-layout")&&r.addClass("navbar-dark")}),d("#navbar-hidden").on("click",function(){r.addClass("d-none"),v.addClass("d-none"),s.removeClass("navbar-static navbar-floating navbar-sticky").addClass("navbar-hidden")}),d("#navbar-static").on("click",function(){v.addClass("d-none"),r.removeClass("d-none floating-nav fixed-top").addClass("navbar-static-top"),s.removeClass("navbar-hidden navbar-floating navbar-sticky").addClass("navbar-static")}),d("#navbar-floating").on("click",function(){v.removeClass("d-none"),r.removeClass("d-none fixed-top navbar-static-top fixed-top").addClass("floating-nav"),s.removeClass("navbar-static navbar-hidden navbar-sticky").addClass("navbar-floating")}),d("#navbar-sticky").on("click",function(){v.addClass("d-none"),r.removeClass("d-none floating-nav navbar-static-top").addClass("fixed-top"),s.removeClass("navbar-static navbar-floating navbar-hidden").addClass("navbar-sticky")}),d("#footer-hidden").on("click",function(){o.addClass("d-none"),s.removeClass("footer-static fixed-footer").addClass("footer-hidden")}),d("#footer-static").on("click",function(){s.removeClass("fixed-footer"),o.removeClass("d-none").addClass("footer-static"),s.removeClass("footer-hidden fixed-footer").addClass("footer-static")}),d("#footer-sticky").on("click",function(){s.removeClass("footer-static fixed-hidden").addClass("fixed-footer"),o.removeClass("d-none footer-static")}),d("#hide-scroll-top-switch").on("click",function(){var a=d(".scroll-top");d(this).prop("checked")?a.addClass("d-none"):a.removeClass("d-none")})}(window,document,jQuery);

View File

@@ -0,0 +1,141 @@
/*=========================================================================================
File Name: datatables-basic.js
Description: Basic Datatable
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
/****************************************
* js of zero configuration *
****************************************/
$('.zero-configuration').DataTable();
/********************************************
* js of Order by the grouping *
********************************************/
var groupingTable = $('.row-grouping').DataTable({
"columnDefs": [{
"visible": false,
"targets": 2
}],
"order": [
[2, 'asc']
],
"displayLength": 10,
"drawCallback": function(settings) {
var api = this.api();
var rows = api.rows({
page: 'current'
}).nodes();
var last = null;
api.column(2, {
page: 'current'
}).data().each(function(group, i) {
if (last !== group) {
$(rows).eq(i).before(
'<tr class="group"><td colspan="5">' + group + '</td></tr>'
);
last = group;
}
});
}
});
$('.row-grouping tbody').on('click', 'tr.group', function() {
var currentOrder = groupingTable.order()[0];
if (currentOrder[0] === 2 && currentOrder[1] === 'asc') {
groupingTable.order([2, 'desc']).draw();
}
else {
groupingTable.order([2, 'asc']).draw();
}
});
/*************************************
* js of complex headers *
*************************************/
$('.complex-headers').DataTable();
/*****************************
* js of Add Row *
******************************/
var t = $('.add-rows').DataTable();
var counter = 2;
$('#addRow').on( 'click', function () {
t.row.add( [
counter +'.1',
counter +'.2',
counter +'.3',
counter +'.4',
counter +'.5'
] ).draw( false );
counter++;
});
/**************************************************************
* js of Tab for COLUMN SELECTORS WITH EXPORT AND PRINT OPTIONS *
***************************************************************/
$('.dataex-html5-selectors').DataTable( {
dom: 'Bfrtip',
buttons: [
{
extend: 'copyHtml5',
exportOptions: {
columns: [ 0, ':visible' ]
}
},
{
extend: 'pdfHtml5',
exportOptions: {
columns: ':visible'
}
},
{
text: 'JSON',
action: function ( e, dt, button, config ) {
var data = dt.buttons.exportData();
$.fn.dataTable.fileSave(
new Blob( [ JSON.stringify( data ) ] ),
'Export.json'
);
}
},
{
extend: 'print',
exportOptions: {
columns: ':visible'
}
}
]
});
/**************************************************
* js of scroll horizontal & vertical *
**************************************************/
$('.scroll-horizontal-vertical').DataTable( {
"scrollY": 200,
"scrollX": true
});
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){$(".zero-configuration").DataTable();var o=$(".row-grouping").DataTable({columnDefs:[{visible:!1,targets:2}],order:[[2,"asc"]],displayLength:10,drawCallback:function(a){var o=this.api(),t=o.rows({page:"current"}).nodes(),r=null;o.column(2,{page:"current"}).data().each(function(a,o){r!==a&&($(t).eq(o).before('<tr class="group"><td colspan="5">'+a+"</td></tr>"),r=a)})}});$(".row-grouping tbody").on("click","tr.group",function(){var a=o.order()[0];2===a[0]&&"asc"===a[1]?o.order([2,"desc"]).draw():o.order([2,"asc"]).draw()}),$(".complex-headers").DataTable();var a=$(".add-rows").DataTable(),t=2;$("#addRow").on("click",function(){a.row.add([t+".1",t+".2",t+".3",t+".4",t+".5"]).draw(!1),t++}),$(".dataex-html5-selectors").DataTable({dom:"Bfrtip",buttons:[{extend:"copyHtml5",exportOptions:{columns:[0,":visible"]}},{extend:"pdfHtml5",exportOptions:{columns:":visible"}},{text:"JSON",action:function(a,o,t,r){var e=o.buttons.exportData();$.fn.dataTable.fileSave(new Blob([JSON.stringify(e)]),"Export.json")}},{extend:"print",exportOptions:{columns:":visible"}}]}),$(".scroll-horizontal-vertical").DataTable({scrollY:200,scrollX:!0})});

View File

@@ -0,0 +1,48 @@
/*=========================================================================================
File Name: user-datatable.js
Description: User Datatable
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
/************************************************
* js of select checkbox and Length *
************************************************/
$('#check-slct').DataTable( {
columnDefs: [ {
orderable: false,
className: 'select-checkbox',
targets: 0
} ],
select: {
style: 'os',
selector: 'td:first-child'
},
order: [[ 1, 'asc' ]],
"lengthMenu": [[5, 25, 50, -1], [5, 25, 50, "All"]],
/**************************************
* js of Search Placeholder *
***************************************/
language: {
search: "_INPUT_",
"search": '<i class="fa fa-search"></i>',
"searchPlaceholder": "search",
}
} );
} );

View File

@@ -0,0 +1 @@
$(document).ready(function(){$("#check-slct").DataTable({columnDefs:[{orderable:!1,className:"select-checkbox",targets:0}],select:{style:"os",selector:"td:first-child"},order:[[1,"asc"]],lengthMenu:[[5,25,50,-1],[5,25,50,"All"]],language:{search:"_INPUT_",search:'<i class="fa fa-search"></i>',searchPlaceholder:"search"}})});

View File

@@ -0,0 +1,13 @@
/*=========================================================================================
File Name: documentation.js
Description: Theme documentation js file
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function(){
$('body').scrollspy({ target: '#sidebar-page-navigation' });
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){$("body").scrollspy({target:"#sidebar-page-navigation"})});

View File

@@ -0,0 +1,90 @@
/*=========================================================================================
File Name: editor-quill.js
Description: Quill is a modern rich text editor built for compatibility and extensibility.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: GeeksLabs
Author URL: http://www.themeforest.net/user/geekslabs
==========================================================================================*/
(function (window, document, $) {
'use strict';
var Font = Quill.import('formats/font');
Font.whitelist = ['sofia', 'slabo', 'roboto', 'inconsolata', 'ubuntu'];
Quill.register(Font, true);
// Bubble Editor
var bubbleEditor = new Quill('#bubble-container .editor', {
bounds: '#bubble-container .editor',
modules: {
'formula': true,
'syntax': true
},
theme: 'bubble'
});
// Snow Editor
var snowEditor = new Quill('#snow-container .editor', {
bounds: '#snow-container .editor',
modules: {
'formula': true,
'syntax': true,
'toolbar': '#snow-container .quill-toolbar'
},
theme: 'snow'
});
// Full Editor
var fullEditor = new Quill('#full-container .editor', {
bounds: '#full-container .editor',
modules: {
'formula': true,
'syntax': true,
'toolbar': [
[{
'font': []
}, {
'size': []
}],
['bold', 'italic', 'underline', 'strike'],
[{
'color': []
}, {
'background': []
}],
[{
'script': 'super'
}, {
'script': 'sub'
}],
[{
'header': '1'
}, {
'header': '2'
}, 'blockquote', 'code-block'],
[{
'list': 'ordered'
}, {
'list': 'bullet'
}, {
'indent': '-1'
}, {
'indent': '+1'
}],
['direction', {
'align': []
}],
['link', 'image', 'video', 'formula'],
['clean']
],
},
theme: 'snow'
});
var editors = [bubbleEditor, snowEditor, fullEditor];
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(){"use strict";var o=Quill.import("formats/font");o.whitelist=["sofia","slabo","roboto","inconsolata","ubuntu"],Quill.register(o,!0);new Quill("#bubble-container .editor",{bounds:"#bubble-container .editor",modules:{formula:!0,syntax:!0},theme:"bubble"}),new Quill("#snow-container .editor",{bounds:"#snow-container .editor",modules:{formula:!0,syntax:!0,toolbar:"#snow-container .quill-toolbar"},theme:"snow"}),new Quill("#full-container .editor",{bounds:"#full-container .editor",modules:{formula:!0,syntax:!0,toolbar:[[{font:[]},{size:[]}],["bold","italic","underline","strike"],[{color:[]},{background:[]}],[{script:"super"},{script:"sub"}],[{header:"1"},{header:"2"},"blockquote","code-block"],[{list:"ordered"},{list:"bullet"},{indent:"-1"},{indent:"+1"}],["direction",{align:[]}],["link","image","video","formula"],["clean"]]},theme:"snow"})}(window,document,jQuery);

View File

@@ -0,0 +1,12 @@
/*=========================================================================================
File Name: const-plyr.js
Description: Media Player
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Media Player
var player = new Plyr('#player');

View File

@@ -0,0 +1 @@
var player=new Plyr("#player");

View File

@@ -0,0 +1,79 @@
/*=========================================================================================
File Name: context-menu.js
Description: Context Menu
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Basic Context Menu
$.contextMenu({
selector: "#basic-context-menu",
callback: function (key, options) {
var r = "clicked " + key;
window.console && toastr.success(r);
},
items: {
"Option 1": { name: "Option 1" },
"Option 2": { name: "Option 2" },
}
})
// Left Click Trigger
$.contextMenu({
selector: '#left-click-context-menu',
trigger: "left",
callback: function (key, options) {
var r = "clicked " + key
window.console && toastr.success(r);
},
items: {
"Option 1": { name: "Option 1" },
"Option 2": { name: "Option 2" },
}
});
// Hover Trigger
$.contextMenu({
selector: '#hover-context-menu',
trigger: 'hover',
autoHide: true,
callback: function (key, options) {
var r = "clicked " + key
window.console && toastr.success(r);
},
items: {
"Option 1": { name: "Option 1" },
"Option 2": { name: "Option 2" },
}
});
// Submenu
$.contextMenu({
selector: '#submenu-context-menu',
callback: function (key, options) {
var r = "clicked " + key
window.console && toastr.success(r);
},
items: {
"Option 1": { name: "Option 1" },
"name": { name: "Option 2" },
"fold1": {
"name": "Sub Group",
"items": {
"Foo Bar": { "name": "Foo bar" },
"fold1a": {
"name": "Other group",
"items": {
"Echo": { "name": "echo" },
"Foxtrot": { "name": "foxtrot" },
"Golf": { "name": "golf" }
}
}
}
}
}
})

View File

@@ -0,0 +1 @@
$.contextMenu({selector:"#basic-context-menu",callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},"Option 2":{name:"Option 2"}}}),$.contextMenu({selector:"#left-click-context-menu",trigger:"left",callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},"Option 2":{name:"Option 2"}}}),$.contextMenu({selector:"#hover-context-menu",trigger:"hover",autoHide:!0,callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},"Option 2":{name:"Option 2"}}}),$.contextMenu({selector:"#submenu-context-menu",callback:function(e,o){var n="clicked "+e;window.console&&toastr.success(n)},items:{"Option 1":{name:"Option 1"},name:{name:"Option 2"},fold1:{name:"Sub Group",items:{"Foo Bar":{name:"Foo bar"},fold1a:{name:"Other group",items:{Echo:{name:"echo"},Foxtrot:{name:"foxtrot"},Golf:{name:"golf"}}}}}}});

View File

@@ -0,0 +1,18 @@
/*=========================================================================================
File Name: copy-to-clipboard.js
Description: Copy to clipboard
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
var userText = $("#copy-to-clipboard-input");
var btnCopy = $("#btn-copy");
// copy text on click
btnCopy.on("click", function () {
userText.select();
document.execCommand("copy");
})

View File

@@ -0,0 +1 @@
var userText=$("#copy-to-clipboard-input"),btnCopy=$("#btn-copy");btnCopy.on("click",function(){userText.select(),document.execCommand("copy")});

View File

@@ -0,0 +1,34 @@
/*=========================================================================================
File Name: drag-drop.js
Description: drag & drop elements using dragula js
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
// Draggable Cards
dragula([document.getElementById('card-drag-area')]);
// Sortable Lists
dragula([document.getElementById('basic-list-group')]);
dragula([document.getElementById('multiple-list-group-a'), document.getElementById('multiple-list-group-b')]);
// Cloning
dragula([document.getElementById('chips-list-1'), document.getElementById('chips-list-2')], {
copy: true
});
// With Handles
dragula([document.getElementById("handle-list-1"), document.getElementById("handle-list-2")], {
moves: function (el, container, handle) {
return handle.classList.contains('handle');
}
});
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){dragula([document.getElementById("card-drag-area")]),dragula([document.getElementById("basic-list-group")]),dragula([document.getElementById("multiple-list-group-a"),document.getElementById("multiple-list-group-b")]),dragula([document.getElementById("chips-list-1"),document.getElementById("chips-list-2")],{copy:!0}),dragula([document.getElementById("handle-list-1"),document.getElementById("handle-list-2")],{moves:function(e,t,d){return d.classList.contains("handle")}})});

View File

@@ -0,0 +1,92 @@
/*=========================================================================================
File Name: dropzone.js
Description: dropzone
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
Dropzone.options.dpzSingleFile = {
paramName: "file", // The name that will be used to transfer the file
maxFiles: 1,
init: function () {
this.on("maxfilesexceeded", function (file) {
this.removeAllFiles();
this.addFile(file);
});
}
};
/********************************************
* Multiple Files *
********************************************/
Dropzone.options.dpzMultipleFiles = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 0.5, // MB
clickable: true
}
/********************************************************
* Use Button To Select Files *
********************************************************/
new Dropzone(document.body, { // Make the whole body a dropzone
url: "#", // Set the url
previewsContainer: "#dpz-btn-select-files", // Define the container to display the previews
clickable: "#select-files" // Define the element that should be used as click trigger to select files.
});
/****************************************************************
* Limit File Size and No. Of Files *
****************************************************************/
Dropzone.options.dpzFileLimits = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 0.5, // MB
maxFiles: 5,
maxThumbnailFilesize: 1, // MB
}
/********************************************
* Accepted Files *
********************************************/
Dropzone.options.dpAcceptFiles = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 1, // MB
acceptedFiles: 'image/*'
}
/************************************************
* Remove Thumbnail *
************************************************/
Dropzone.options.dpzRemoveThumb = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 1, // MB
addRemoveLinks: true,
dictRemoveFile: " Trash"
}
/*****************************************************
* Remove All Thumbnails *
*****************************************************/
Dropzone.options.dpzRemoveAllThumb = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 1, // MB
init: function () {
// Using a closure.
var _this = this;
// Setup the observer for the button.
$("#clear-dropzone").on("click", function () {
// Using "_this" here, because "this" doesn't point to the dropzone anymore
_this.removeAllFiles();
// If you want to cancel uploads as well, you
// could also call _this.removeAllFiles(true);
});
}
}

View File

@@ -0,0 +1 @@
Dropzone.options.dpzSingleFile={paramName:"file",maxFiles:1,init:function(){this.on("maxfilesexceeded",function(e){this.removeAllFiles(),this.addFile(e)})}},Dropzone.options.dpzMultipleFiles={paramName:"file",maxFilesize:.5,clickable:!0},new Dropzone(document.body,{url:"#",previewsContainer:"#dpz-btn-select-files",clickable:"#select-files"}),Dropzone.options.dpzFileLimits={paramName:"file",maxFilesize:.5,maxFiles:5,maxThumbnailFilesize:1},Dropzone.options.dpAcceptFiles={paramName:"file",maxFilesize:1,acceptedFiles:"image/*"},Dropzone.options.dpzRemoveThumb={paramName:"file",maxFilesize:1,addRemoveLinks:!0,dictRemoveFile:" Trash"},Dropzone.options.dpzRemoveAllThumb={paramName:"file",maxFilesize:1,init:function(){var e=this;$("#clear-dropzone").on("click",function(){e.removeAllFiles()})}};

View File

@@ -0,0 +1,195 @@
/*=========================================================================================
File Name: fullcalendar.js
Description: Fullcalendar
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
document.addEventListener('DOMContentLoaded', function () {
// color object for different event types
var colors = {
primary: "#7367f0",
success: "#28c76f",
danger: "#ea5455",
warning: "#ff9f43"
};
// chip text object for different event types
var categoryText = {
primary: "Others",
success: "Business",
danger: "Personal",
warning: "Work"
};
var categoryBullets = $(".cal-category-bullets").html(),
evtColor = "",
eventColor = "";
// calendar init
var calendarEl = document.getElementById('fc-default');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ["dayGrid", "timeGrid", "interaction"],
customButtons: {
addNew: {
text: ' Add',
click: function () {
var calDate = new Date,
todaysDate = calDate.toISOString().slice(0, 10);
$(".modal-calendar").modal("show");
$(".modal-calendar .cal-submit-event").addClass("d-none");
$(".modal-calendar .remove-event").addClass("d-none");
$(".modal-calendar .cal-add-event").removeClass("d-none")
$(".modal-calendar .cancel-event").removeClass("d-none")
$(".modal-calendar .add-category .chip").remove();
$("#cal-start-date").val(todaysDate);
$("#cal-end-date").val(todaysDate);
$(".modal-calendar #cal-start-date").attr("disabled", false);
}
}
},
header: {
left: "",
center: " prev,title,next",
right: "dayGridMonth timeGridWeek timeGridDay addNew"
},
displayEventTime: false,
navLinks: true,
editable: true,
allDay: true,
navLinkDayClick: function (date) {
$(".modal-calendar").modal("show");
},
dateClick: function (info) {
$(".modal-calendar #cal-start-date").val(info.dateStr).attr("disabled", true);
$(".modal-calendar #cal-end-date").val(info.dateStr);
},
// displays saved event values on click
eventClick: function (info) {
$(".modal-calendar").modal("show");
$(".modal-calendar #cal-event-title").val(info.event.title);
$(".modal-calendar #cal-start-date").val(moment(info.event.start).format('YYYY-MM-DD'));
$(".modal-calendar #cal-end-date").val(moment(info.event.end).format('YYYY-MM-DD'));
$(".modal-calendar #cal-description").val(info.event.extendedProps.description);
$(".modal-calendar .cal-submit-event").removeClass("d-none");
$(".modal-calendar .remove-event").removeClass("d-none");
$(".modal-calendar .cal-add-event").addClass("d-none");
$(".modal-calendar .cancel-event").addClass("d-none");
$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");
var eventCategory = info.event.extendedProps.dataEventColor;
var eventText = categoryText[eventCategory]
$(".modal-calendar .chip-wrapper .chip").remove();
$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-" + eventCategory + "'>" +
"<div class='chip-body'>" +
"<span class='chip-text'> " + eventText + " </span>" +
"</div>" +
"</div>"));
},
});
// render calendar
calendar.render();
// appends bullets to left class of header
$("#basic-examples .fc-left").append(categoryBullets);
// Close modal on submit button
$(".modal-calendar .cal-submit-event").on("click", function () {
$(".modal-calendar").modal("hide");
});
// Remove Event
$(".remove-event").on("click", function () {
var removeEvent = calendar.getEventById('newEvent');
removeEvent.remove();
});
// reset input element's value for new event
if ($("td:not(.fc-event-container)").length > 0) {
$(".modal-calendar").on('hidden.bs.modal', function (e) {
$('.modal-calendar .form-control').val('');
})
}
// remove disabled attr from button after entering info
$(".modal-calendar .form-control").on("keyup", function () {
if ($(".modal-calendar #cal-event-title").val().length >= 1) {
$(".modal-calendar .modal-footer .btn").removeAttr("disabled");
}
else {
$(".modal-calendar .modal-footer .btn").attr("disabled", true);
}
});
// open add event modal on click of day
$(document).on("click", ".fc-day", function () {
$(".modal-calendar").modal("show");
$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");
$(".modal-calendar .cal-submit-event").addClass("d-none");
$(".modal-calendar .remove-event").addClass("d-none");
$(".modal-calendar .cal-add-event").removeClass("d-none");
$(".modal-calendar .cancel-event").removeClass("d-none");
$(".modal-calendar .add-category .chip").remove();
$(".modal-calendar .modal-footer .btn").attr("disabled", true);
evtColor = colors.primary;
eventColor = "primary";
});
// change chip's and event's color according to event type
$(".calendar-dropdown .dropdown-menu .dropdown-item").on("click", function () {
var selectedColor = $(this).data("color");
evtColor = colors[selectedColor];
eventTag = categoryText[selectedColor];
eventColor = selectedColor;
// changes event color after selecting category
$(".cal-add-event").on("click", function () {
calendar.addEvent({
color: evtColor,
dataEventColor: eventColor,
className: eventColor
});
})
$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");
$(this).addClass("selected");
// add chip according to category
$(".modal-calendar .chip-wrapper .chip").remove();
$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-" + selectedColor + "'>" +
"<div class='chip-body'>" +
"<span class='chip-text'> " + eventTag + " </span>" +
"</div>" +
"</div>"));
});
// calendar add event
$(".cal-add-event").on("click", function () {
$(".modal-calendar").modal("hide");
var eventTitle = $("#cal-event-title").val(),
startDate = $("#cal-start-date").val(),
endDate = $("#cal-end-date").val(),
eventDescription = $("#cal-description").val(),
correctEndDate = new Date(endDate);
calendar.addEvent({
id: "newEvent",
title: eventTitle,
start: startDate,
end: correctEndDate,
description: eventDescription,
color: evtColor,
dataEventColor: eventColor,
allDay: true
});
});
// date picker
$(".pickadate").pickadate({
format: 'yyyy-mm-dd'
});
});

View File

@@ -0,0 +1 @@
document.addEventListener("DOMContentLoaded",function(){var e={primary:"#7367f0",success:"#28c76f",danger:"#ea5455",warning:"#ff9f43"},n={primary:"Others",success:"Business",danger:"Personal",warning:"Work"},a=$(".cal-category-bullets").html(),t="",o="",d=document.getElementById("fc-default"),c=new FullCalendar.Calendar(d,{plugins:["dayGrid","timeGrid","interaction"],customButtons:{addNew:{text:" Add",click:function(){var a=(new Date).toISOString().slice(0,10);$(".modal-calendar").modal("show"),$(".modal-calendar .cal-submit-event").addClass("d-none"),$(".modal-calendar .remove-event").addClass("d-none"),$(".modal-calendar .cal-add-event").removeClass("d-none"),$(".modal-calendar .cancel-event").removeClass("d-none"),$(".modal-calendar .add-category .chip").remove(),$("#cal-start-date").val(a),$("#cal-end-date").val(a),$(".modal-calendar #cal-start-date").attr("disabled",!1)}}},header:{left:"",center:" prev,title,next",right:"dayGridMonth timeGridWeek timeGridDay addNew"},displayEventTime:!1,navLinks:!0,editable:!0,allDay:!0,navLinkDayClick:function(a){$(".modal-calendar").modal("show")},dateClick:function(a){$(".modal-calendar #cal-start-date").val(a.dateStr).attr("disabled",!0),$(".modal-calendar #cal-end-date").val(a.dateStr)},eventClick:function(a){$(".modal-calendar").modal("show"),$(".modal-calendar #cal-event-title").val(a.event.title),$(".modal-calendar #cal-start-date").val(moment(a.event.start).format("YYYY-MM-DD")),$(".modal-calendar #cal-end-date").val(moment(a.event.end).format("YYYY-MM-DD")),$(".modal-calendar #cal-description").val(a.event.extendedProps.description),$(".modal-calendar .cal-submit-event").removeClass("d-none"),$(".modal-calendar .remove-event").removeClass("d-none"),$(".modal-calendar .cal-add-event").addClass("d-none"),$(".modal-calendar .cancel-event").addClass("d-none"),$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected");var e=a.event.extendedProps.dataEventColor,d=n[e];$(".modal-calendar .chip-wrapper .chip").remove(),$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-"+e+"'><div class='chip-body'><span class='chip-text'> "+d+" </span></div></div>"))}});c.render(),$("#basic-examples .fc-left").append(a),$(".modal-calendar .cal-submit-event").on("click",function(){$(".modal-calendar").modal("hide")}),$(".remove-event").on("click",function(){c.getEventById("newEvent").remove()}),0<$("td:not(.fc-event-container)").length&&$(".modal-calendar").on("hidden.bs.modal",function(a){$(".modal-calendar .form-control").val("")}),$(".modal-calendar .form-control").on("keyup",function(){1<=$(".modal-calendar #cal-event-title").val().length?$(".modal-calendar .modal-footer .btn").removeAttr("disabled"):$(".modal-calendar .modal-footer .btn").attr("disabled",!0)}),$(document).on("click",".fc-day",function(){$(".modal-calendar").modal("show"),$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected"),$(".modal-calendar .cal-submit-event").addClass("d-none"),$(".modal-calendar .remove-event").addClass("d-none"),$(".modal-calendar .cal-add-event").removeClass("d-none"),$(".modal-calendar .cancel-event").removeClass("d-none"),$(".modal-calendar .add-category .chip").remove(),$(".modal-calendar .modal-footer .btn").attr("disabled",!0),t=e.primary,o="primary"}),$(".calendar-dropdown .dropdown-menu .dropdown-item").on("click",function(){var a=$(this).data("color");t=e[a],eventTag=n[a],o=a,$(".cal-add-event").on("click",function(){c.addEvent({color:t,dataEventColor:o,className:o})}),$(".calendar-dropdown .dropdown-menu").find(".selected").removeClass("selected"),$(this).addClass("selected"),$(".modal-calendar .chip-wrapper .chip").remove(),$(".modal-calendar .chip-wrapper").append($("<div class='chip chip-"+a+"'><div class='chip-body'><span class='chip-text'> "+eventTag+" </span></div></div>"))}),$(".cal-add-event").on("click",function(){$(".modal-calendar").modal("hide");var a=$("#cal-event-title").val(),e=$("#cal-start-date").val(),d=$("#cal-end-date").val(),n=$("#cal-description").val(),l=new Date(d);c.addEvent({id:"newEvent",title:a,start:e,end:l,description:n,color:t,dataEventColor:o,allDay:!0})}),$(".pickadate").pickadate({format:"yyyy-mm-dd"})});

View File

@@ -0,0 +1,38 @@
/*=========================================================================================
File Name: i18n.js
Description: Internationalization
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// For Language Select
var changeText = $('.card-localization .card-text')
// for extensions i18n page
// i18n has been initialized already we have have to add resource bundle
i18next.addResourceBundle('en_p', 'translation', {
key: "Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups muffin halvah lollipop. Chocolate cake oat cake tiramisu marzipan sugar plum. Donut sweet pie oat cake dragée fruitcake cotton candy lemon drops."
});
i18next.addResourceBundle('pt_p', 'translation', {
key: "O sésamo do bolo agarra dinamarquês do pão-de-espécie do queque eu amo o pão-de-espécie. Torta de torta de maçã jujubes chupa chups  pirulito halvah muffin. Ameixa do açúcar do maçapão do tiramisu do bolo da aveia do bolo de chocolate. Donut doce aveia torta dragée fruitcake algodão doce gotas de limão."
});
i18next.addResourceBundle('fr_p', 'translation', {
key: "Gâteau au sésame s'enclenche petit pain au pain d'épices danois J'adore le pain d'épices. Tarte aux pommes jujubes chupa chups  muffin halva sucette. Gateau au chocolat gateau d \ 'avoine tiramisu prune sucre. Donut tourte sucrée gateau dragée fruit gateau barbe a papa citron gouttes.."
});
i18next.addResourceBundle('de_p', 'translation', {
key: "Kuchen Sesam Snaps Cupcake Lebkuchen dänisch Ich liebe Lebkuchen. Apfelkuchen Jujubes Chupa Chups Muffin Halwa Lutscher. Schokoladenkuchen-Haferkuchen-Tiramisumarzipanzuckerpflaume. Donut süße Torte Hafer Kuchen Dragée Obstkuchen Zuckerwatte Zitronentropfen."
});
// Change Card Text Language On Click
$(".language-options").on("click", ".i18n-lang-option", function () {
var selected_lng = $(this).data('lng');
i18next.changeLanguage(selected_lng, function (err, t) {
// resources have been loaded
changeText.localize();
});
})

View File

@@ -0,0 +1 @@
var changeText=$(".card-localization .card-text");i18next.addResourceBundle("en_p","translation",{key:"Cake sesame snaps cupcake gingerbread danish I love gingerbread. Apple pie pie jujubes chupa chups muffin halvah lollipop. Chocolate cake oat cake tiramisu marzipan sugar plum. Donut sweet pie oat cake dragée fruitcake cotton candy lemon drops."}),i18next.addResourceBundle("pt_p","translation",{key:"O sésamo do bolo agarra dinamarquês do pão-de-espécie do queque eu amo o pão-de-espécie. Torta de torta de maçã jujubes chupa chups  pirulito halvah muffin. Ameixa do açúcar do maçapão do tiramisu do bolo da aveia do bolo de chocolate. Donut doce aveia torta dragée fruitcake algodão doce gotas de limão."}),i18next.addResourceBundle("fr_p","translation",{key:"Gâteau au sésame s'enclenche petit pain au pain d'épices danois J'adore le pain d'épices. Tarte aux pommes jujubes chupa chups  muffin halva sucette. Gateau au chocolat gateau d 'avoine tiramisu prune sucre. Donut tourte sucrée gateau dragée fruit gateau barbe a papa citron gouttes.."}),i18next.addResourceBundle("de_p","translation",{key:"Kuchen Sesam Snaps Cupcake Lebkuchen dänisch Ich liebe Lebkuchen. Apfelkuchen Jujubes Chupa Chups Muffin Halwa Lutscher. Schokoladenkuchen-Haferkuchen-Tiramisumarzipanzuckerpflaume. Donut süße Torte Hafer Kuchen Dragée Obstkuchen Zuckerwatte Zitronentropfen."}),$(".language-options").on("click",".i18n-lang-option",function(){var e=$(this).data("lng");i18next.changeLanguage(e,function(e,a){changeText.localize()})});

View File

@@ -0,0 +1,851 @@
/*=========================================================================================
File Name: noui-slider.js
Description: noUiSlider is a lightweight JavaScript range slider library.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
/********************************************
* Slider values *
********************************************/
// Handles
var handlesSlider = document.getElementById('slider-handles');
noUiSlider.create(handlesSlider, {
start: [4000, 8000],
range: {
'min': [2000],
'max': [10000]
}
});
// Snapping between steps
var snapSlider = document.getElementById('slider-snap');
noUiSlider.create(snapSlider, {
start: [0, 500],
snap: true,
connect: true,
range: {
'min': 0,
'10%': 50,
'20%': 100,
'30%': 150,
'40%': 500,
'50%': 800,
'max': 1000
}
});
/************************************************
* Slider behaviour *
************************************************/
// Tap
tapSlider = document.getElementById('tap');
noUiSlider.create(tapSlider, {
start: 40,
behaviour: 'tap',
connect: 'upper',
range: {
'min': 20,
'max': 80
}
});
// Drag
var dragSlider = document.getElementById('drag');
noUiSlider.create(dragSlider, {
start: [40, 60],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
});
// Fixed dragging
dragFixedSlider = document.getElementById('drag-fixed');
noUiSlider.create(dragFixedSlider, {
start: [40, 60],
behaviour: 'drag-fixed',
connect: true,
range: {
'min': 20,
'max': 80
}
});
// Hover
var hoverSlider = document.getElementById('hover'),
field = document.getElementById('hover-val');
noUiSlider.create(hoverSlider, {
start: 20,
behaviour: 'hover-snap',
range: {
'min': 0,
'max': 10
}
});
hoverSlider.noUiSlider.on('hover', function (value) {
field.innerHTML = value;
});
// Combined options
dragTapSlider = document.getElementById('combined');
noUiSlider.create(dragTapSlider, {
start: [40, 60],
behaviour: 'drag-tap',
connect: true,
range: {
'min': 20,
'max': 80
}
});
/****************************************************
* Slider Scales / Pips *
****************************************************/
var range_all_sliders = {
'min': [0],
'10%': [5, 5],
'50%': [40, 10],
'max': [100]
};
// Range
var pipsRange = document.getElementById('pips-range');
noUiSlider.create(pipsRange, {
range: range_all_sliders,
start: 0,
pips: {
mode: 'range',
density: 3
}
});
// Steps
var range_step_sliders = {
'min': [0],
'10%': [5, 5],
'50%': [25, 20],
'max': [50, 50]
};
function filter500(value, type) {
if (type === 0) {
return value < 50 ? -1 : 0;
}
return value % 50 ? 2 : 1;
}
var pipsStepsFilter = document.getElementById('pips-steps-filter');
noUiSlider.create(pipsStepsFilter, {
range: range_step_sliders,
start: 0,
pips: {
mode: 'steps',
density: 5,
filter: filter500,
format: wNumb({
decimals: 0,
prefix: '$'
})
}
});
/********************************************
* Slider Colors *
********************************************/
// Default
var defaultColorSlider = document.getElementById('default-color-slider');
noUiSlider.create(defaultColorSlider, {
start: [45, 55],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
});
// Success
var successColorSlider = document.getElementById('success-color-slider');
noUiSlider.create(successColorSlider, {
start: [40, 60],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
});
// Info
var infoColorSlider = document.getElementById('info-color-slider');
noUiSlider.create(infoColorSlider, {
start: [35, 65],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
});
// Warning
var warningColorSlider = document.getElementById('warning-color-slider');
noUiSlider.create(warningColorSlider, {
start: [45, 55],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
});
// Danger
var dangerColorSlider = document.getElementById('danger-color-slider');
noUiSlider.create(dangerColorSlider, {
start: [40, 60],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
});
// Colored Connects
var sliderColoredConnects = document.getElementById('colored-connect');
noUiSlider.create(sliderColoredConnects, {
start: [4000, 8000, 12000, 16000],
connect: [false, true, true, true, true],
range: {
'min': [2000],
'max': [20000]
}
});
var connect = sliderColoredConnects.querySelectorAll('.noUi-connect');
var classes = ['bg-primary', 'bg-success', 'bg-info', 'bg-danger', 'bg-warning'];
for (var i = 0; i < connect.length; i++) {
connect[i].classList.add(classes[i]);
}
/********************************************
* Slider Sizing *
********************************************/
// Extra large options
var xl_options = {
start: [45, 55],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
var lg_options = {
start: [40, 60],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
var default_options = {
start: [35, 65],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
var sm_options = {
start: [30, 70],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
var xs_options = {
start: [25, 75],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
// Extra Large
var extraLargeSlider = document.getElementById('extra-large-slider');
var circleExtraLargeSlider = document.getElementById('circle-extra-large-slider');
var squareExtraLargeSlider = document.getElementById('square-extra-large-slider');
noUiSlider.create(extraLargeSlider, xl_options);
noUiSlider.create(circleExtraLargeSlider, xl_options);
noUiSlider.create(squareExtraLargeSlider, xl_options);
// Large
var largeSlider = document.getElementById('large-slider');
var circleLargeSlider = document.getElementById('circle-large-slider');
var squareLargeSlider = document.getElementById('square-large-slider');
noUiSlider.create(largeSlider, lg_options);
noUiSlider.create(circleLargeSlider, lg_options);
noUiSlider.create(squareLargeSlider, lg_options);
// Default
var defaultSlider = document.getElementById('default-slider');
var circleDefaultSlider = document.getElementById('circle-default-slider');
var squareDefaultSlider = document.getElementById('square-default-slider');
noUiSlider.create(defaultSlider, default_options);
noUiSlider.create(circleDefaultSlider, default_options);
noUiSlider.create(squareDefaultSlider, default_options);
// Small
var smallSlider = document.getElementById('small-slider');
var circleSmallSlider = document.getElementById('circle-small-slider');
var squareSmallSlider = document.getElementById('square-small-slider');
noUiSlider.create(smallSlider, sm_options);
noUiSlider.create(circleSmallSlider, sm_options);
noUiSlider.create(squareSmallSlider, sm_options);
// Extra Small
var extraSmallSlider = document.getElementById('extra-small-slider');
var circleExtraSmallSlider = document.getElementById('circle-extra-small-slider');
var squareExtraSmallSlider = document.getElementById('square-extra-small-slider');
noUiSlider.create(extraSmallSlider, xs_options);
noUiSlider.create(circleExtraSmallSlider, xs_options);
noUiSlider.create(squareExtraSmallSlider, xs_options);
/********************************************
* Vertical Slider *
********************************************/
// Default
var vertical_slider_1 = document.getElementById('slider-vertical-1');
noUiSlider.create(vertical_slider_1, {
start: 20,
orientation: 'vertical',
range: {
'min': 0,
'max': 100
}
});
var vertical_slider_2 = document.getElementById('slider-vertical-2');
noUiSlider.create(vertical_slider_2, {
start: 50,
orientation: 'vertical',
range: {
'min': 0,
'max': 100
}
});
var vertical_slider_3 = document.getElementById('slider-vertical-3');
noUiSlider.create(vertical_slider_3, {
start: 20,
orientation: 'vertical',
range: {
'min': 0,
'max': 100
}
});
var vertical_slider_4 = document.getElementById('slider-vertical-4');
noUiSlider.create(vertical_slider_4, {
start: 50,
orientation: 'vertical',
range: {
'min': 0,
'max': 100
}
});
var vertical_slider_5 = document.getElementById('slider-vertical-5');
noUiSlider.create(vertical_slider_5, {
start: 20,
orientation: 'vertical',
range: {
'min': 0,
'max': 100
}
});
// Connect to lower
var connectLowerSlider1 = document.getElementById('connect-lower-1');
noUiSlider.create(connectLowerSlider1, {
start: 30,
orientation: 'vertical',
connect: 'lower',
range: {
'min': 0,
'max': 100
}
});
var connectLowerSlider2 = document.getElementById('connect-lower-2');
noUiSlider.create(connectLowerSlider2, {
start: 40,
orientation: 'vertical',
connect: 'lower',
range: {
'min': 0,
'max': 100
}
});
var connectLowerSlider3 = document.getElementById('connect-lower-3');
noUiSlider.create(connectLowerSlider3, {
start: 50,
orientation: 'vertical',
connect: 'lower',
range: {
'min': 0,
'max': 100
}
});
var connectLowerSlider4 = document.getElementById('connect-lower-4');
noUiSlider.create(connectLowerSlider4, {
start: 60,
orientation: 'vertical',
connect: 'lower',
range: {
'min': 0,
'max': 100
}
});
var connectLowerSlider5 = document.getElementById('connect-lower-5');
noUiSlider.create(connectLowerSlider5, {
start: 70,
orientation: 'vertical',
connect: 'lower',
range: {
'min': 0,
'max': 100
}
});
// Connect to upper
var connectUpperSlider1 = document.getElementById('connect-upper-1');
noUiSlider.create(connectUpperSlider1, {
start: 30,
orientation: 'vertical',
connect: 'upper',
range: {
'min': 0,
'max': 100
}
});
var connectUpperSlider2 = document.getElementById('connect-upper-2');
noUiSlider.create(connectUpperSlider2, {
start: 40,
orientation: 'vertical',
connect: 'upper',
range: {
'min': 0,
'max': 100
}
});
var connectUpperSlider3 = document.getElementById('connect-upper-3');
noUiSlider.create(connectUpperSlider3, {
start: 50,
orientation: 'vertical',
connect: 'upper',
range: {
'min': 0,
'max': 100
}
});
var connectUpperSlider4 = document.getElementById('connect-upper-4');
noUiSlider.create(connectUpperSlider4, {
start: 60,
orientation: 'vertical',
connect: 'upper',
range: {
'min': 0,
'max': 100
}
});
var connectUpperSlider5 = document.getElementById('connect-upper-5');
noUiSlider.create(connectUpperSlider5, {
start: 70,
orientation: 'vertical',
connect: 'upper',
range: {
'min': 0,
'max': 100
}
});
// Tooltips
var tooltipSlider1 = document.getElementById('slider-tooltips-1');
noUiSlider.create(tooltipSlider1, {
start: [20, 80],
orientation: 'vertical',
tooltips: [false, wNumb({
decimals: 1
})],
range: {
'min': 0,
'max': 100
}
});
var tooltipSlider2 = document.getElementById('slider-tooltips-2');
noUiSlider.create(tooltipSlider2, {
start: [20, 80],
orientation: 'vertical',
tooltips: [false, wNumb({
decimals: 1
})],
range: {
'min': 0,
'max': 100
}
});
var tooltipSlider3 = document.getElementById('slider-tooltips-3');
noUiSlider.create(tooltipSlider3, {
start: [20, 80],
orientation: 'vertical',
tooltips: [false, wNumb({
decimals: 1
})],
range: {
'min': 0,
'max': 100
}
});
// Direction top to bottom
var directionTopBottom1 = document.getElementById('slider-direction-top-bottom-1');
noUiSlider.create(directionTopBottom1, {
range: range_all_sliders,
start: 30,
connect: 'lower',
orientation: 'vertical',
pips: {
mode: 'range',
density: 5
}
});
var directionTopBottom2 = document.getElementById('slider-direction-top-bottom-2');
noUiSlider.create(directionTopBottom2, {
range: range_all_sliders,
start: 50,
connect: 'lower',
orientation: 'vertical',
pips: {
mode: 'range',
density: 5
}
});
var directionTopBottom3 = document.getElementById('slider-direction-top-bottom-3');
noUiSlider.create(directionTopBottom3, {
range: range_all_sliders,
start: 70,
connect: 'lower',
orientation: 'vertical',
pips: {
mode: 'range',
density: 5
}
});
// Limit
var verticalLimitSlider1 = document.getElementById('vertical-limit-1');
noUiSlider.create(verticalLimitSlider1, {
start: [40, 60],
orientation: 'vertical',
limit: 40,
behaviour: 'drag',
connect: true,
range: {
'min': 0,
'max': 100
}
});
var verticalLimitSlider2 = document.getElementById('vertical-limit-2');
noUiSlider.create(verticalLimitSlider2, {
start: [35, 65],
orientation: 'vertical',
limit: 40,
behaviour: 'drag',
connect: true,
range: {
'min': 0,
'max': 100
}
});
var verticalLimitSlider3 = document.getElementById('vertical-limit-3');
noUiSlider.create(verticalLimitSlider3, {
start: [30, 70],
orientation: 'vertical',
limit: 50,
behaviour: 'drag',
connect: true,
range: {
'min': 0,
'max': 100
}
});
var verticalLimitSlider4 = document.getElementById('vertical-limit-4');
noUiSlider.create(verticalLimitSlider4, {
start: [25, 75],
orientation: 'vertical',
limit: 50,
behaviour: 'drag',
connect: true,
range: {
'min': 0,
'max': 100
}
});
var verticalLimitSlider5 = document.getElementById('vertical-limit-5');
noUiSlider.create(verticalLimitSlider5, {
start: [20, 80],
orientation: 'vertical',
limit: 70,
behaviour: 'drag',
connect: true,
range: {
'min': 0,
'max': 100
}
});
/****************************************************
* Horizontal Slider With Time *
****************************************************/
// Create a new date from a string, return as a timestamp.
function timestamp(str) {
return new Date(str).getTime();
}
1
function timestamp(str) {
2
return new Date(str).getTime();
3
}
// weekdays and months
var weekdays = [
"Sunday", "Monday", "Tuesday",
"Wednesday", "Thursday", "Friday",
"Saturday"
];
var months = [
"January", "February", "March",
"April", "May", "June", "July",
"August", "September", "October",
"November", "December"
];
// Append a suffix to dates.
// Example: 23 => 23rd, 1 => 1st.
function nth(d) {
if (d > 3 && d < 21) return 'th';
switch (d % 10) {
case 1:
return "st";
case 2:
return "nd";
case 3:
return "rd";
default:
return "th";
}
}
// Create a string representation of the date.
function formatDate(date) {
return weekdays[date.getDay()] + ", " +
date.getDate() + nth(date.getDate()) + " " +
months[date.getMonth()] + " " +
date.getFullYear();
}
var date = new Date();
// set previous month
var previousMonth = new Date();
previousMonth.setMonth(previousMonth.getMonth() - 1);
var dateSlider = document.getElementById('slider-with-date');
// nouislider settings
noUiSlider.create(dateSlider, {
behaviour: 'tap',
connect: true,
range: {
min: timestamp('2016-06-01') + 24 * 60 * 60 * 1000,
max: timestamp(date)
},
step: 1 * 24 * 60 * 60 * 1000,
start: [timestamp(previousMonth), timestamp(date)]
});
// get range infos at html
var dateValues = [
document.getElementById('event-start'), document.getElementById('event-end')
];
dateSlider.noUiSlider.on('update', function (values, handle) {
dateValues[handle].innerHTML = formatDate(new Date(+values[handle]));
});
/****************************************************
* Slider With Input *
****************************************************/
var select = document.getElementById('slider-select');
// Append the option elements
for (var i = -20; i <= 40; i++) {
var option = document.createElement("option");
option.text = i;
option.value = i;
select.appendChild(option);
}
var sliderWithInput = document.getElementById('slider-with-input');
noUiSlider.create(sliderWithInput, {
start: [10, 30],
connect: true,
range: {
'min': -20,
'max': 40
}
});
var inputNumber = document.getElementById('slider-input-number');
sliderWithInput.noUiSlider.on('update', function (values, handle) {
var value = values[handle];
if (handle) {
inputNumber.value = value;
} else {
select.value = Math.round(value);
}
});
select.addEventListener('change', function () {
sliderWithInput.noUiSlider.set([this.value, null]);
});
inputNumber.addEventListener('change', function () {
sliderWithInput.noUiSlider.set([null, this.value]);
});
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,391 @@
/*=========================================================================================
File Name: sweet-alerts.js
Description: A beautiful replacement for javascript alerts
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
// Basic
$('#basic-alert').on('click', function () {
Swal.fire({
title: 'Any fool can use a computer',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
});
$('#with-title').on('click', function () {
Swal.fire({
title: 'The Internet?,',
text: "That thing is still around?",
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
}
)
});
$('#footer-alert').on('click', function () {
Swal.fire({
type: 'error',
title: 'Oops...',
text: 'Something went wrong!',
footer: '<a href>Why do I have this issue?</a>',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
});
$('#html-alert').on('click', function () {
Swal.fire({
title: '<strong>HTML <u>example</u></strong>',
type: 'info',
html:
'You can use <b>bold text</b>, ' +
'<a href="https://pixinvent.com/" target="_blank">links</a> ' +
'and other HTML tags',
showCloseButton: true,
showCancelButton: true,
focusConfirm: false,
confirmButtonText:
'<i class="fa fa-thumbs-up"></i> Great!',
confirmButtonAriaLabel: 'Thumbs up, great!',
cancelButtonText:
'<i class="fa fa-thumbs-down"></i>',
cancelButtonAriaLabel: 'Thumbs down',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
cancelButtonClass: 'btn btn-danger ml-1',
})
});
// Position
$('#position-top-start').on('click', function () {
Swal.fire({
position: 'top-start',
type: 'success',
title: 'Your work has been saved',
showConfirmButton: false,
timer: 1500,
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
$('#position-top-end').on('click', function () {
Swal.fire({
position: 'top-end',
type: 'success',
title: 'Your work has been saved',
showConfirmButton: false,
timer: 1500,
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
$('#position-bottom-start').on('click', function () {
Swal.fire({
position: 'bottom-start',
type: 'success',
title: 'Your work has been saved',
showConfirmButton: false,
timer: 1500,
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
$('#position-bottom-end').on('click', function () {
Swal.fire({
position: 'bottom-end',
type: 'success',
title: 'Your work has been saved',
showConfirmButton: false,
timer: 1500,
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
// Animations
$("#bounce-in-animation").on('click', function () {
Swal.fire({
title: 'Bounce In Animation',
animation: false,
customClass: 'animated bounceIn',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
$("#fade-in-animation").on('click', function () {
Swal.fire({
title: 'Fade In Animation',
animation: false,
customClass: 'animated fadeIn',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
$("#flip-x-animation").on('click', function () {
Swal.fire({
title: 'Flip In Animation',
animation: false,
customClass: 'animated flipInX',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
$("#tada-animation").on('click', function () {
Swal.fire({
title: 'Tada Animation',
animation: false,
customClass: 'animated tada',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
$("#shake-animation").on('click', function () {
Swal.fire({
title: 'Shake Animation',
animation: false,
customClass: 'animated shake',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
})
// type
$('#type-success').on('click', function () {
Swal.fire({
title: "Good job!",
text: "You clicked the button!",
type: "success",
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
});
});
$('#type-info').on('click', function () {
Swal.fire({
title: "Info!",
text: "You clicked the button!",
type: "info",
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
});
});
$('#type-warning').on('click', function () {
Swal.fire({
title: "Warning!",
text: " You clicked the button!",
type: "warning",
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
});
});
$('#type-error').on('click', function () {
Swal.fire({
title: "Error!",
text: " You clicked the button!",
type: "error",
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
});
});
// options
$('#custom-icon').on('click', function () {
Swal.fire({
title: 'Sweet!',
text: 'Modal with a custom image.',
imageUrl: '../../../app-assets/images/slider/04.jpg',
imageWidth: 400,
imageHeight: 200,
imageAlt: 'Custom image',
animation: false,
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
})
});
$('#auto-close').on('click', function () {
var timerInterval
Swal.fire({
title: 'Auto close alert!',
html: 'I will close in <strong></strong> seconds.',
timer: 2000,
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
onBeforeOpen: function () {
Swal.showLoading()
timerInterval = setInterval(function () {
Swal.getContent().querySelector('strong')
.textContent = Swal.getTimerLeft()
}, 100)
},
onClose: function () {
clearInterval(timerInterval)
}
}).then(function (result) {
if (
// Read more about handling dismissals
result.dismiss === Swal.DismissReason.timer
) {
console.log('I was closed by the timer')
}
})
});
$('#outside-click').on('click', function () {
Swal.fire({
title: 'Click outside to close!',
text: 'This is a cool message!',
allowOutsideClick: true,
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
});
});
$('#prompt-function').on('click', function () {
Swal.mixin({
input: 'text',
confirmButtonText: 'Next &rarr;',
showCancelButton: true,
progressSteps: ['1', '2', '3'],
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
cancelButtonClass: "btn btn-danger ml-1"
}).queue([
{
title: 'Question 1',
text: 'Chaining swal2 modals is easy'
},
'Question 2',
'Question 3'
]).then(function (result) {
if (result.value) {
Swal.fire({
title: 'All done!',
html:
'Your answers: <pre><code>' +
JSON.stringify(result.value) +
'</code></pre>',
confirmButtonText: 'Lovely!'
})
}
})
});
$('#ajax-request').on('click', function () {
Swal.fire({
title: 'Search for a user',
input: 'text',
confirmButtonClass: 'btn btn-primary',
buttonsStyling: false,
inputAttributes: {
autocapitalize: 'off'
},
showCancelButton: true,
confirmButtonText: 'Look up',
showLoaderOnConfirm: true,
cancelButtonClass: "btn btn-danger ml-1",
preConfirm: function (login) {
return fetch("//api.github.com/users/" + login + "")
.then(function (response) {
if (!response.ok) {
console.log(response)
throw new Error(response.statusText)
}
return response.json()
})
.catch(function (error) {
Swal.showValidationMessage(
"Request failed: " + error + ""
)
})
},
allowOutsideClick: function () {
!Swal.isLoading()
}
}).then(function (result) {
if (result.value) {
Swal.fire({
title: "" + result.value.login + "'s avatar",
imageUrl: result.value.avatar_url
})
}
})
});
// confirm options
$('#confirm-text').on('click', function () {
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert this!",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!',
confirmButtonClass: 'btn btn-primary',
cancelButtonClass: 'btn btn-danger ml-1',
buttonsStyling: false,
}).then(function (result) {
if (result.value) {
Swal.fire(
{
type: "success",
title: 'Deleted!',
text: 'Your file has been deleted.',
confirmButtonClass: 'btn btn-success',
}
)
}
})
});
$('#confirm-color').on('click', function () {
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert this!",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!',
confirmButtonClass: 'btn btn-primary',
cancelButtonClass: 'btn btn-danger ml-1',
buttonsStyling: false,
}).then(function (result) {
if (result.value) {
Swal.fire({
type: "success",
title: 'Deleted!',
text: 'Your file has been deleted.',
confirmButtonClass: 'btn btn-success',
})
}
else if (result.dismiss === Swal.DismissReason.cancel) {
Swal.fire({
title: 'Cancelled',
text: 'Your imaginary file is safe :)',
type: 'error',
confirmButtonClass: 'btn btn-success',
})
}
})
});
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,141 @@
/*=========================================================================================
File Name: toastr.js
Description: Toastr notifications
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
// Success Type
$('#type-success').on('click', function () {
toastr.success('Have fun storming the castle!', 'Miracle Max Says');
});
// Info Type
$('#type-info').on('click', function () {
toastr.info('We do have the Kapua suite available.', 'Turtle Bay Resort');
});
// Warning Type
$('#type-warning').on('click', function () {
toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!');
});
// Error Type
$('#type-error').on('click', function () {
toastr.error('I do not think that word means what you think it means.', 'Inconceivable!');
});
// Position Top Left
$('#position-top-left').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Top Left!', { positionClass: 'toast-top-left', containerId: 'toast-top-left' });
});
// Position Top Center
$('#position-top-center').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Top Center!', { positionClass: 'toast-top-center', containerId: 'toast-top-center' });
});
// Position Top Right
$('#position-top-right').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Top Right!', { positionClass: 'toast-top-right', containerId: 'toast-top-right' });
});
// Position Top Full Width
$('#position-top-full').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Top Full Width!', { positionClass: 'toast-top-full-width', });
});
// Position Bottom Left
$('#position-bottom-left').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Bottom Left!', { positionClass: 'toast-bottom-left', containerId: 'toast-bottom-left' });
});
// Position Bottom Center
$('#position-bottom-center').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Bottom Center!', { positionClass: 'toast-bottom-center', containerId: 'toast-bottom-center' });
});
// Position Bottom Right
$('#position-bottom-right').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Bottom Right!', { positionClass: 'toast-bottom-right', containerId: 'toast-bottom-right' });
});
// Position Bottom Full Width
$('#position-bottom-full').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Bottom Full Width!', { positionClass: 'toast-bottom-full-width' });
});
// Text Notification
$('#text-notification').on('click', function () {
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
});
// Close Button
$('#close-button').on('click', function () {
toastr.success('Have fun storming the castle!', 'With Close Button', { "closeButton": true });
});
// Progress Bar
$('#progress-bar').on('click', function () {
toastr.warning('Have fun storming the castle!', 'Progress Bar', { "progressBar": true });
});
// Clear Toast Button
$('#clear-toast-btn').on('click', function () {
toastr.error('Clear itself?<br /><br /><button type="button" class="btn btn-primary clear">Yes</button>', 'Clear Toast Button');
});
// Immediately remove current toasts without using animation
$('#show-remove-toast').on('click', function () {
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
});
$('#remove-toast').on('click', function () {
toastr.remove();
});
// Remove current toasts using animation
$('#show-clear-toast').on('click', function () {
toastr.info('Have fun storming the castle!', 'Miracle Max Says');
});
$('#clear-toast').on('click', function () {
toastr.clear();
});
// Fast Duration
$('#fast-duration').on('click', function () {
toastr.success('Have fun storming the castle!', 'Fast Duration', { "showDuration": 500 });
});
// Slow Duration
$('#slow-duration').on('click', function () {
toastr.warning('Have fun storming the castle!', 'Slow Duration', { "hideDuration": 3000 });
});
// Timeout
$('#timeout').on('click', function () {
toastr.error('I do not think that word means what you think it means.', 'Timeout!', { "timeOut": 5000 });
});
// Sticky
$('#sticky').on('click', function () {
toastr.info('I do not think that word means what you think it means.', 'Sticky!', { "timeOut": 0 });
});
// Slide Down / Slide Up
$('#slide-toast').on('click', function () {
toastr.success('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', { "showMethod": "slideDown", "hideMethod": "slideUp", timeOut: 2000 });
});
// Fade In / Fade Out
$('#fade-toast').on('click', function () {
toastr.success('I do not think that word means what you think it means.', 'Slide Down / Slide Up!', { "showMethod": "fadeIn", "hideMethod": "fadeOut", timeOut: 2000 });
});
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){$("#type-success").on("click",function(){toastr.success("Have fun storming the castle!","Miracle Max Says")}),$("#type-info").on("click",function(){toastr.info("We do have the Kapua suite available.","Turtle Bay Resort")}),$("#type-warning").on("click",function(){toastr.warning("My name is Inigo Montoya. You killed my father, prepare to die!")}),$("#type-error").on("click",function(){toastr.error("I do not think that word means what you think it means.","Inconceivable!")}),$("#position-top-left").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Left!",{positionClass:"toast-top-left",containerId:"toast-top-left"})}),$("#position-top-center").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Center!",{positionClass:"toast-top-center",containerId:"toast-top-center"})}),$("#position-top-right").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Right!",{positionClass:"toast-top-right",containerId:"toast-top-right"})}),$("#position-top-full").on("click",function(){toastr.info("I do not think that word means what you think it means.","Top Full Width!",{positionClass:"toast-top-full-width"})}),$("#position-bottom-left").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Left!",{positionClass:"toast-bottom-left",containerId:"toast-bottom-left"})}),$("#position-bottom-center").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Center!",{positionClass:"toast-bottom-center",containerId:"toast-bottom-center"})}),$("#position-bottom-right").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Right!",{positionClass:"toast-bottom-right",containerId:"toast-bottom-right"})}),$("#position-bottom-full").on("click",function(){toastr.info("I do not think that word means what you think it means.","Bottom Full Width!",{positionClass:"toast-bottom-full-width"})}),$("#text-notification").on("click",function(){toastr.info("Have fun storming the castle!","Miracle Max Says")}),$("#close-button").on("click",function(){toastr.success("Have fun storming the castle!","With Close Button",{closeButton:!0})}),$("#progress-bar").on("click",function(){toastr.warning("Have fun storming the castle!","Progress Bar",{progressBar:!0})}),$("#clear-toast-btn").on("click",function(){toastr.error('Clear itself?<br /><br /><button type="button" class="btn btn-primary clear">Yes</button>',"Clear Toast Button")}),$("#show-remove-toast").on("click",function(){toastr.info("Have fun storming the castle!","Miracle Max Says")}),$("#remove-toast").on("click",function(){toastr.remove()}),$("#show-clear-toast").on("click",function(){toastr.info("Have fun storming the castle!","Miracle Max Says")}),$("#clear-toast").on("click",function(){toastr.clear()}),$("#fast-duration").on("click",function(){toastr.success("Have fun storming the castle!","Fast Duration",{showDuration:500})}),$("#slow-duration").on("click",function(){toastr.warning("Have fun storming the castle!","Slow Duration",{hideDuration:3e3})}),$("#timeout").on("click",function(){toastr.error("I do not think that word means what you think it means.","Timeout!",{timeOut:5e3})}),$("#sticky").on("click",function(){toastr.info("I do not think that word means what you think it means.","Sticky!",{timeOut:0})}),$("#slide-toast").on("click",function(){toastr.success("I do not think that word means what you think it means.","Slide Down / Slide Up!",{showMethod:"slideDown",hideMethod:"slideUp",timeOut:2e3})}),$("#fade-toast").on("click",function(){toastr.success("I do not think that word means what you think it means.","Slide Down / Slide Up!",{showMethod:"fadeIn",hideMethod:"fadeOut",timeOut:2e3})})});

View File

@@ -0,0 +1,115 @@
/*=========================================================================================
File Name: tour.js
Description: tour
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
displayTour();
$(window).resize(displayTour)
var tour = new Shepherd.Tour({
classes: 'shadow-md bg-purple-dark',
scrollTo: true
})
// tour steps
tour.addStep('step-1', {
text: 'Here is page title.',
attachTo: '.breadcrumbs-top .content-header-title bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-2', {
text: 'Check your notifications from here.',
attachTo: '.dropdown-notification .icon-bell bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: "previous",
action: tour.back
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-3', {
text: 'Click here for user options.',
attachTo: '.dropdown-user-link img bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: "previous",
action: tour.back
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-4', {
text: 'Buy this awesomeness at affordable price!',
attachTo: '.buy-now bottom',
buttons: [
{
text: "previous",
action: tour.back
},
{
text: "Finish",
action: tour.complete
},
]
});
// function to remove tour on small screen
function displayTour() {
window.resizeEvt;
if ($(window).width() > 576) {
$('#tour').on("click", function () {
clearTimeout(window.resizeEvt);
tour.start();
})
}
else {
$('#tour').on("click", function () {
clearTimeout(window.resizeEvt);
tour.cancel()
window.resizeEvt = setTimeout(function () {
alert("Tour only works for large screens!");
}, 250);;
})
}
}
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){e(),$(window).resize(e);var t=new Shepherd.Tour({classes:"shadow-md bg-purple-dark",scrollTo:!0});function e(){window.resizeEvt,576<$(window).width()?$("#tour").on("click",function(){clearTimeout(window.resizeEvt),t.start()}):$("#tour").on("click",function(){clearTimeout(window.resizeEvt),t.cancel(),window.resizeEvt=setTimeout(function(){alert("Tour only works for large screens!")},250)})}t.addStep("step-1",{text:"Here is page title.",attachTo:".breadcrumbs-top .content-header-title bottom",buttons:[{text:"Skip",action:t.complete},{text:"Next",action:t.next}]}),t.addStep("step-2",{text:"Check your notifications from here.",attachTo:".dropdown-notification .icon-bell bottom",buttons:[{text:"Skip",action:t.complete},{text:"previous",action:t.back},{text:"Next",action:t.next}]}),t.addStep("step-3",{text:"Click here for user options.",attachTo:".dropdown-user-link img bottom",buttons:[{text:"Skip",action:t.complete},{text:"previous",action:t.back},{text:"Next",action:t.next}]}),t.addStep("step-4",{text:"Buy this awesomeness at affordable price!",attachTo:".buy-now bottom",buttons:[{text:"previous",action:t.back},{text:"Finish",action:t.complete}]})});

View File

@@ -0,0 +1,69 @@
/*=========================================================================================
File Name: sweet-alerts.js
Description: A beautiful replacement for javascript alerts
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function(){
// RTL Support
var rtl = false;
if($('html').data('textdirection') == 'rtl'){
rtl = true;
}
if(rtl === true){
$("#default-slider").attr('dir', 'rtl');
$("#automatic-slider").attr('dir', 'rtl');
$("#vertical-slider").attr('dir', 'rtl');
$("#automcatic-anim-slider").attr('dir', 'rtl');
$("#infinite-slider").attr('dir', 'rtl');
$("#manual-slider").attr('dir', 'rtl');
$("#manual").attr('dir', 'rtl');
}
// Default
$("#default-slider").unslider({
animation: 'fade'
});
// Automatic
$("#automatic-slider").unslider({
autoplay: true,
animation: "fade"
});
// Vertical
$("#vertical-slider").unslider({
animation: 'vertical',
autoplay: true,
infinite: true
});
// Automatic Animation
$("#automcatic-anim-slider").unslider({
animation: 'fade',
autoplay: true,
arrows: false
});
// Infinite
$("#infinite-slider").unslider({
animation: "fade",
infinite: true
});
// Manual Slider
$("#manual-slider").unslider({
keys: false,
arrows: false,
nav: false
});
$('#manual').on('keyup', function() {
$('.manual-slider').unslider('animate:' + $(this).val());
});
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){var i=!1;"rtl"==$("html").data("textdirection")&&(i=!0),!0===i&&($("#default-slider").attr("dir","rtl"),$("#automatic-slider").attr("dir","rtl"),$("#vertical-slider").attr("dir","rtl"),$("#automcatic-anim-slider").attr("dir","rtl"),$("#infinite-slider").attr("dir","rtl"),$("#manual-slider").attr("dir","rtl"),$("#manual").attr("dir","rtl")),$("#default-slider").unslider({animation:"fade"}),$("#automatic-slider").unslider({autoplay:!0,animation:"fade"}),$("#vertical-slider").unslider({animation:"vertical",autoplay:!0,infinite:!0}),$("#automcatic-anim-slider").unslider({animation:"fade",autoplay:!0,arrows:!1}),$("#infinite-slider").unslider({animation:"fade",infinite:!0}),$("#manual-slider").unslider({keys:!1,arrows:!1,nav:!1}),$("#manual").on("keyup",function(){$(".manual-slider").unslider("animate:"+$(this).val())})});

View File

@@ -0,0 +1,26 @@
/*=========================================================================================
File Name: footer.js
Description: Template footer js.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
//Check to see if the window is top if not then display button
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 400) {
$('.scroll-top').fadeIn();
} else {
$('.scroll-top').fadeOut();
}
});
//Click event to scroll to top
$('.scroll-top').click(function(){
$('html, body').animate({scrollTop : 0},1000);
});
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){$(window).scroll(function(){400<$(this).scrollTop()?$(".scroll-top").fadeIn():$(".scroll-top").fadeOut()}),$(".scroll-top").click(function(){$("html, body").animate({scrollTop:0},1e3)})});

View File

@@ -0,0 +1,37 @@
/*=========================================================================================
File Name: basic-inputs.js
Description: Input field js for label type
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
var $html = $('html');
//label Positions
$(".labelUp").labelinplace();
$(".labelDown").labelinplace({
labelPosition: "down"
});
// Label Icons
$(".labelIcon").labelinplace({
labelArrowRight: ' <i class="icon-hand-o-right"></i> ',
labelArrowDown: ' <i class="icon-hand-o-down"></i> ',
labelArrowUp: ' <i class="icon-hand-o-up"></i> '
});
// Icons After Label
$(".labelIconAfter").labelinplace({
labelArrowRight: ' <i class="icon-caret-right"></i> ',
labelArrowDown: ' <i class="icon-caret-down"></i> ',
labelArrowUp: ' <i class="icon-caret-up"></i> ',
labelIconPosition: "after",
inputAttr: "id"
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(l,i,a){"use strict";a("html");a(".labelUp").labelinplace(),a(".labelDown").labelinplace({labelPosition:"down"}),a(".labelIcon").labelinplace({labelArrowRight:' <i class="icon-hand-o-right"></i> ',labelArrowDown:' <i class="icon-hand-o-down"></i> ',labelArrowUp:' <i class="icon-hand-o-up"></i> '}),a(".labelIconAfter").labelinplace({labelArrowRight:' <i class="icon-caret-right"></i> ',labelArrowDown:' <i class="icon-caret-down"></i> ',labelArrowUp:' <i class="icon-caret-up"></i> ',labelIconPosition:"after",inputAttr:"id"})}(window,document,jQuery);

View File

@@ -0,0 +1,69 @@
/*=========================================================================================
File Name: form-maxlength.js
Description: Bootstrap-Maxlength uses a Twitter Bootstrap label to show a visual
feedback to the user about the maximum length of the field where the user is
inserting text. Uses the HTML5 attribute "maxlength" to work.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
'use strict';
var $danger = "#ea5455";
var $primary = "#7367f0";
var $textcolor = "#4e5154";
$(".char-textarea").on("keyup", function (event) {
checkTextAreaMaxLength(this, event);
// to later change text color in dark layout
$(this).addClass("active")
});
/*
Checks the MaxLength of the Textarea
-----------------------------------------------------
@prerequisite: textBox = textarea dom element
e = textarea event
length = Max length of characters
*/
function checkTextAreaMaxLength(textBox, e) {
var maxLength = parseInt($(textBox).data("length"));
if (!checkSpecialKeys(e)) {
if (textBox.value.length < maxLength - 1) textBox.value = textBox.value.substring(0, maxLength);
}
$(".char-count").html(textBox.value.length);
if (textBox.value.length > maxLength) {
$(".counter-value").css("background-color", $danger);
$(".char-textarea").css("color", $danger);
// to change text color after limit is maxedout out
$(".char-textarea").addClass("max-limit")
}
else {
$(".counter-value").css("background-color", $primary);
$(".char-textarea").css("color", $textcolor);
$(".char-textarea").removeClass("max-limit")
}
return true;
}
/*
Checks if the keyCode pressed is inside special chars
-------------------------------------------------------
@prerequisite: e = e.keyCode object for the key pressed
*/
function checkSpecialKeys(e) {
if (e.keyCode != 8 && e.keyCode != 46 && e.keyCode != 37 && e.keyCode != 38 && e.keyCode != 39 && e.keyCode != 40)
return false;
else
return true;
}
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(e,a,r){"use strict";var o="#ea5455";r(".char-textarea").on("keyup",function(e){!function(e,a){var t=parseInt(r(e).data("length"));(function(e){return 8==e.keyCode||46==e.keyCode||37==e.keyCode||38==e.keyCode||39==e.keyCode||40==e.keyCode})(a)||e.value.length<t-1&&(e.value=e.value.substring(0,t));r(".char-count").html(e.value.length),e.value.length>t?(r(".counter-value").css("background-color",o),r(".char-textarea").css("color",o),r(".char-textarea").addClass("max-limit")):(r(".counter-value").css("background-color","#7367f0"),r(".char-textarea").css("color","#4e5154"),r(".char-textarea").removeClass("max-limit"))}(this,e),r(this).addClass("active")})}(window,document,jQuery);

View File

@@ -0,0 +1,24 @@
/*=========================================================================================
File Name: form-tooltip-valid.js
Description: form tooltip validation etc..
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
// Fetch all the forms we want to apply custom Bootstrap validation styles to
// Loop over them and prevent submission
$("button").click(function () {
var form = $(".needs-validation");
if (form[0].checkValidity() === false) {
event.preventDefault();
event.stopPropagation();
}
form.addClass('was-validated');
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(t,e,n){"use strict";n("button").click(function(){var t=n(".needs-validation");!1===t[0].checkValidity()&&(event.preventDefault(),event.stopPropagation()),t.addClass("was-validated")})}(window,document,jQuery);

View File

@@ -0,0 +1,77 @@
/*=========================================================================================
File Name: input-groups.js
Description: Input Groups js
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
'use strict';
var $html = $('html');
// Default Spin
$(".touchspin").TouchSpin({
buttondown_class: "btn btn-primary",
buttonup_class: "btn btn-primary",
});
// Icon Change
$(".touchspin-icon").TouchSpin({
buttondown_txt: '<i class="feather icon-chevron-down"></i>',
buttonup_txt: '<i class="feather icon-chevron-up"></i>'
});
// Min - Max
var touchspinValue = $(".touchspin-min-max"),
counterMin = 15,
counterMax = 21;
if (touchspinValue.length > 0) {
touchspinValue.TouchSpin({
min: counterMin,
max: counterMax
}).on('touchspin.on.startdownspin', function () {
var $this = $(this);
$('.bootstrap-touchspin-up').removeClass("disabled-max-min");
if ($this.val() == counterMin) {
$(this).siblings().find('.bootstrap-touchspin-down').addClass("disabled-max-min");
}
}).on('touchspin.on.startupspin', function () {
var $this = $(this);
$('.bootstrap-touchspin-down').removeClass("disabled-max-min");
if ($this.val() == counterMax) {
$(this).siblings().find('.bootstrap-touchspin-up').addClass("disabled-max-min");
}
});
}
// Step
$(".touchspin-step").TouchSpin({
step: 5
});
// Color Options
$(".touchspin-color").each(function (index) {
var down = "btn btn-primary",
up = "btn btn-primary",
$this = $(this);
if ($this.data('bts-button-down-class')) {
down = $this.data('bts-button-down-class');
}
if ($this.data('bts-button-up-class')) {
up = $this.data('bts-button-up-class');
}
$this.TouchSpin({
mousewheel: false,
buttondown_class: down,
buttonup_class: up,
buttondown_txt: '<i class="feather icon-minus"></i>',
buttonup_txt: '<i class="feather icon-plus"></i>'
});
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(t,n,i){"use strict";i("html");i(".touchspin").TouchSpin({buttondown_class:"btn btn-primary",buttonup_class:"btn btn-primary"}),i(".touchspin-icon").TouchSpin({buttondown_txt:'<i class="feather icon-chevron-down"></i>',buttonup_txt:'<i class="feather icon-chevron-up"></i>'});var s=i(".touchspin-min-max");0<s.length&&s.TouchSpin({min:15,max:21}).on("touchspin.on.startdownspin",function(){var t=i(this);i(".bootstrap-touchspin-up").removeClass("disabled-max-min"),15==t.val()&&i(this).siblings().find(".bootstrap-touchspin-down").addClass("disabled-max-min")}).on("touchspin.on.startupspin",function(){var t=i(this);i(".bootstrap-touchspin-down").removeClass("disabled-max-min"),21==t.val()&&i(this).siblings().find(".bootstrap-touchspin-up").addClass("disabled-max-min")}),i(".touchspin-step").TouchSpin({step:5}),i(".touchspin-color").each(function(t){var n="btn btn-primary",s="btn btn-primary",o=i(this);o.data("bts-button-down-class")&&(n=o.data("bts-button-down-class")),o.data("bts-button-up-class")&&(s=o.data("bts-button-up-class")),o.TouchSpin({mousewheel:!1,buttondown_class:n,buttonup_class:s,buttondown_txt:'<i class="feather icon-minus"></i>',buttonup_txt:'<i class="feather icon-plus"></i>'})})}(window,document,jQuery);

View File

@@ -0,0 +1,217 @@
/*=========================================================================================
File Name: pickers.js
Description: Pick a date/time Picker, Date Range Picker JS
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
'use strict';
/******* Flatpickr *****/
var basicPickr = $('.flatpickr-basic'),
timePickr = $('.flatpickr-time'),
dateTimePickr = $('.flatpickr-date-time'),
multiPickr = $('.flatpickr-multiple'),
rangePickr = $('.flatpickr-range'),
humanFriendlyPickr = $('.flatpickr-human-friendly'),
disabledRangePickr = $('.flatpickr-disabled-range'),
inlineRangePickr = $('.flatpickr-inline');
// Default
if (basicPickr.length) {
basicPickr.flatpickr();
}
// Time
if (timePickr.length) {
timePickr.flatpickr({
enableTime: true,
noCalendar: true
});
}
// Date & TIme
if (dateTimePickr.length) {
dateTimePickr.flatpickr({
enableTime: true
});
}
// Multiple Dates
if (multiPickr.length) {
multiPickr.flatpickr({
weekNumbers: true,
mode: 'multiple',
minDate: 'today'
});
}
// Range
if (rangePickr.length) {
rangePickr.flatpickr({
mode: 'range'
});
}
// Human Friendly
if (humanFriendlyPickr.length) {
humanFriendlyPickr.flatpickr({
altInput: true,
altFormat: 'F j, Y',
dateFormat: 'Y-m-d'
});
}
// Disabled Range
if (disabledRangePickr.length) {
disabledRangePickr.flatpickr({
dateFormat: 'Y-m-d',
disable: [
{
from: new Date().fp_incr(2),
to: new Date().fp_incr(7)
}
]
});
}
// Inline
if (inlineRangePickr.length) {
inlineRangePickr.flatpickr({
inline: true
});
}
/******* Pick-a-date Picker *****/
// Basic date
$('.pickadate').pickadate();
// Format Date Picker
$('.format-picker').pickadate({
format: 'mmmm, d, yyyy'
});
// Date limits
$('.pickadate-limits').pickadate({
min: [2019, 3, 20],
max: [2019, 5, 28]
});
// Disabled Dates & Weeks
$('.pickadate-disable').pickadate({
disable: [1, [2019, 3, 6], [2019, 3, 20]]
});
// Picker Translations
$('.pickadate-translations').pickadate({
formatSubmit: 'dd/mm/yyyy',
monthsFull: [
'Janvier',
'Février',
'Mars',
'Avril',
'Mai',
'Juin',
'Juillet',
'Août',
'Septembre',
'Octobre',
'Novembre',
'Décembre'
],
monthsShort: ['Jan', 'Fev', 'Mar', 'Avr', 'Mai', 'Juin', 'Juil', 'Aou', 'Sep', 'Oct', 'Nov', 'Dec'],
weekdaysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
today: "aujourd'hui",
clear: 'clair',
close: 'Fermer'
});
// Month Select Picker
$('.pickadate-months').pickadate({
selectYears: false,
selectMonths: true
});
// Month and Year Select Picker
$('.pickadate-months-year').pickadate({
selectYears: true,
selectMonths: true
});
// Short String Date Picker
$('.pickadate-short-string').pickadate({
weekdaysShort: ['S', 'M', 'Tu', 'W', 'Th', 'F', 'S'],
showMonthsShort: true
});
// Change first weekday
$('.pickadate-firstday').pickadate({
firstDay: 1
});
/******* Pick-a-time Picker *****/
// Basic time
$('.pickatime').pickatime();
// Format options
$('.pickatime-format').pickatime({
// Escape any “rule” characters with an exclamation mark (!).
format: 'T!ime selected: h:i a',
formatLabel: 'HH:i a',
formatSubmit: 'HH:i',
hiddenPrefix: 'prefix__',
hiddenSuffix: '__suffix'
});
// Format options
$('.pickatime-formatlabel').pickatime({
formatLabel: function (time) {
var hours = (time.pick - this.get('now').pick) / 60,
label = hours < 0 ? ' !hours to now' : hours > 0 ? ' !hours from now' : 'now';
return 'h:i a <sm!all>' + (hours ? Math.abs(hours) : '') + label + '</sm!all>';
}
});
// Min - Max Time to select
$('.pickatime-min-max').pickatime({
// Using Javascript
min: new Date(2015, 3, 20, 7),
max: new Date(2015, 7, 14, 18, 30)
// Using Array
// min: [7,30],
// max: [14,0]
});
// Intervals
$('.pickatime-intervals').pickatime({
interval: 150
});
// Disable Time
$('.pickatime-disable').pickatime({
disable: [
// Disable Using Integers
3,
5,
7,
13,
17,
21
/* Using Array */
// [0,30],
// [2,0],
// [8,30],
// [9,0]
]
});
// Close on a user action
$('.pickatime-close-action').pickatime({
closeOnSelect: false,
closeOnClear: false
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(a,e,t){"use strict";var i=t(".flatpickr-basic"),r=t(".flatpickr-time"),c=t(".flatpickr-date-time"),l=t(".flatpickr-multiple"),m=t(".flatpickr-range"),n=t(".flatpickr-human-friendly"),p=t(".flatpickr-disabled-range"),o=t(".flatpickr-inline");i.length&&i.flatpickr(),r.length&&r.flatpickr({enableTime:!0,noCalendar:!0}),c.length&&c.flatpickr({enableTime:!0}),l.length&&l.flatpickr({weekNumbers:!0,mode:"multiple",minDate:"today"}),m.length&&m.flatpickr({mode:"range"}),n.length&&n.flatpickr({altInput:!0,altFormat:"F j, Y",dateFormat:"Y-m-d"}),p.length&&p.flatpickr({dateFormat:"Y-m-d",disable:[{from:(new Date).fp_incr(2),to:(new Date).fp_incr(7)}]}),o.length&&o.flatpickr({inline:!0}),t(".pickadate").pickadate(),t(".format-picker").pickadate({format:"mmmm, d, yyyy"}),t(".pickadate-limits").pickadate({min:[2019,3,20],max:[2019,5,28]}),t(".pickadate-disable").pickadate({disable:[1,[2019,3,6],[2019,3,20]]}),t(".pickadate-translations").pickadate({formatSubmit:"dd/mm/yyyy",monthsFull:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],monthsShort:["Jan","Fev","Mar","Avr","Mai","Juin","Juil","Aou","Sep","Oct","Nov","Dec"],weekdaysShort:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],today:"aujourd'hui",clear:"clair",close:"Fermer"}),t(".pickadate-months").pickadate({selectYears:!1,selectMonths:!0}),t(".pickadate-months-year").pickadate({selectYears:!0,selectMonths:!0}),t(".pickadate-short-string").pickadate({weekdaysShort:["S","M","Tu","W","Th","F","S"],showMonthsShort:!0}),t(".pickadate-firstday").pickadate({firstDay:1}),t(".pickatime").pickatime(),t(".pickatime-format").pickatime({format:"T!ime selected: h:i a",formatLabel:"HH:i a",formatSubmit:"HH:i",hiddenPrefix:"prefix__",hiddenSuffix:"__suffix"}),t(".pickatime-formatlabel").pickatime({formatLabel:function(a){var e=(a.pick-this.get("now").pick)/60,t=e<0?" !hours to now":e>0?" !hours from now":"now";return"h:i a <sm!all>"+(e?Math.abs(e):"")+t+"</sm!all>"}}),t(".pickatime-min-max").pickatime({min:new Date(2015,3,20,7),max:new Date(2015,7,14,18,30)}),t(".pickatime-intervals").pickatime({interval:150}),t(".pickatime-disable").pickatime({disable:[3,5,7,13,17,21]}),t(".pickatime-close-action").pickatime({closeOnSelect:!1,closeOnClear:!1})}(window,document,jQuery);

View File

@@ -0,0 +1,248 @@
/*=========================================================================================
File Name: form-select2.js
Description: Select2 is a jQuery-based replacement for select boxes.
It supports searching, remote data sets, and pagination of results.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
// Basic Select2 select
$(".select2").select2();
// Select With Icon
$(".select2-icons").select2({
minimumResultsForSearch: Infinity,
templateResult: iconFormat,
templateSelection: iconFormat,
escapeMarkup: function(es) { return es; }
});
// Format icon
function iconFormat(icon) {
var originalOption = icon.element;
if (!icon.id) { return icon.text; }
var $icon = "<i class='" + $(icon.element).data('icon') + "'></i>" + icon.text;
return $icon;
}
// Limiting the number of selections
$(".max-length").select2({
maximumSelectionLength: 2,
placeholder: "Select maximum 2 items"
});
// Programmatic access
var $select = $(".js-example-programmatic").select2();
var $selectMulti = $(".js-example-programmatic-multi").select2();
$selectMulti.select2({
placeholder: "Programmatic Events"
});
$(".js-programmatic-set-val").on("click", function () { $select.val("CA").trigger("change"); });
$(".js-programmatic-open").on("click", function () { $select.select2("open"); });
$(".js-programmatic-close").on("click", function () { $select.select2("close"); });
$(".js-programmatic-init").on("click", function () { $select.select2(); });
$(".js-programmatic-destroy").on("click", function () { $select.select2("destroy"); });
$(".js-programmatic-multi-set-val").on("click", function () { $selectMulti.val(["CA", "AL"]).trigger("change"); });
$(".js-programmatic-multi-clear").on("click", function () { $selectMulti.val(null).trigger("change"); });
// Loading array data
var data = [
{ id: 0, text: 'enhancement' },
{ id: 1, text: 'bug' },
{ id: 2, text: 'duplicate' },
{ id: 3, text: 'invalid' },
{ id: 4, text: 'wontfix' }
];
$(".select2-data-array").select2({
data: data
});
// Loading remote data
$(".select2-data-ajax").select2({
ajax: {
url: "https://api.github.com/search/repositories",
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term, // search term
page: params.page
};
},
processResults: function (data, params) {
// parse the results into the format expected by Select2
// since we are using custom formatting functions we do not need to
// alter the remote JSON data, except to indicate that infinite
// scrolling can be used
params.page = params.page || 1;
return {
results: data.items,
pagination: {
more: (params.page * 30) < data.total_count
}
};
},
cache: true
},
placeholder: 'Search for a repository',
escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
minimumInputLength: 1,
templateResult: formatRepo,
templateSelection: formatRepoSelection
});
function formatRepo (repo) {
if (repo.loading) return repo.text;
var markup = "<div class='select2-result-repository clearfix'>" +
"<div class='select2-result-repository__avatar'><img src='" + repo.owner.avatar_url + "' /></div>" +
"<div class='select2-result-repository__meta'>" +
"<div class='select2-result-repository__title'>" + repo.full_name + "</div>";
if (repo.description) {
markup += "<div class='select2-result-repository__description'>" + repo.description + "</div>";
}
markup += "<div class='select2-result-repository__statistics'>" +
"<div class='select2-result-repository__forks'><i class='icon-code-fork mr-0'></i> " + repo.forks_count + " Forks</div>" +
"<div class='select2-result-repository__stargazers'><i class='icon-star5 mr-0'></i> " + repo.stargazers_count + " Stars</div>" +
"<div class='select2-result-repository__watchers'><i class='icon-eye mr-0'></i> " + repo.watchers_count + " Watchers</div>" +
"</div>" +
"</div></div>";
return markup;
}
function formatRepoSelection (repo) {
return repo.full_name || repo.text;
}
// Customizing how results are matched
function matchStart (term, text) {
if (text.toUpperCase().indexOf(term.toUpperCase()) === 0) {
return true;
}
return false;
}
$.fn.select2.amd.require(['select2/compat/matcher'], function (oldMatcher) {
$(".select2-customize-result").select2({
placeholder: "Search by 'a'",
matcher: oldMatcher(matchStart)
});
});
// Theme support
$(".select2-theme").select2({
placeholder: "Classic Theme",
theme: "classic"
});
// Sizing options
// Large
$('.select2-size-lg').select2({
containerCssClass: 'select-lg'
});
// Small
$('.select2-size-sm').select2({
containerCssClass: 'select-sm'
});
// Color Options
// Background Color
$('.select2-bg').each(function(i, obj) {
var variation = "",
textVariation = "",
textColor = "";
var color = $(this).data('bgcolor');
variation = $(this).data('bgcolor-variation');
textVariation = $(this).data('text-variation');
textColor = $(this).data('text-color');
if(textVariation !== ""){
textVariation = " "+textVariation;
}
if(variation !== ""){
variation = " bg-"+variation;
}
var className = "bg-"+color + variation + " " + textColor + textVariation + " border-"+color + ' border-darken-2 ';
$(this).select2({
containerCssClass: className
});
});
// Border Color
$('.select2-border').each(function(i, obj) {
var variation = "",
textVariation = "",
textColor = "";
var color = $(this).data('border-color');
textVariation = $(this).data('text-variation');
variation = $(this).data('border-variation');
textColor = $(this).data('text-color');
if(textVariation !== ""){
textVariation = " "+textVariation;
}
if(variation !== ""){
variation = " border-"+variation;
}
var className = "border-"+color + " " +variation + " " + textColor + textVariation;
$(this).select2({
containerCssClass: className
});
});
// Full Background Color
$('.select2-full-bg').each(function(i, obj) {
var variation = "",
textVariation = "",
textColor = "";
var color = $(this).data('bgcolor');
variation = $(this).data('bgcolor-variation');
textVariation = $(this).data('text-variation');
textColor = $(this).data('text-color');
if(variation !== ""){
variation = " bg-"+variation;
}
if(textVariation !== ""){
textVariation = " "+textVariation;
}
var className = "bg-"+color + variation + " " + textColor + textVariation + " border-"+color + ' border-darken-2 ';
$(this).select2({
containerCssClass: className,
dropdownCssClass: className
});
});
$('select[data-text-color]').each(function(i, obj) {
var text = $(this).data('text-color'),textVariation;
textVariation = $(this).data('text-variation');
if(textVariation !== ""){
textVariation = " "+textVariation;
}
$(this).next(".select2").find(".select2-selection__rendered").addClass(text+textVariation);
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(e,t,i){"use strict";function s(e){e.element;return e.id?"<i class='"+i(e.element).data("icon")+"'></i>"+e.text:e.text}i(".select2").select2(),i(".select2-icons").select2({minimumResultsForSearch:1/0,templateResult:s,templateSelection:s,escapeMarkup:function(e){return e}}),i(".max-length").select2({maximumSelectionLength:2,placeholder:"Select maximum 2 items"});var a=i(".js-example-programmatic").select2(),r=i(".js-example-programmatic-multi").select2();r.select2({placeholder:"Programmatic Events"}),i(".js-programmatic-set-val").on("click",function(){a.val("CA").trigger("change")}),i(".js-programmatic-open").on("click",function(){a.select2("open")}),i(".js-programmatic-close").on("click",function(){a.select2("close")}),i(".js-programmatic-init").on("click",function(){a.select2()}),i(".js-programmatic-destroy").on("click",function(){a.select2("destroy")}),i(".js-programmatic-multi-set-val").on("click",function(){r.val(["CA","AL"]).trigger("change")}),i(".js-programmatic-multi-clear").on("click",function(){r.val(null).trigger("change")});function c(e,t){return 0===t.toUpperCase().indexOf(e.toUpperCase())}i(".select2-data-array").select2({data:[{id:0,text:"enhancement"},{id:1,text:"bug"},{id:2,text:"duplicate"},{id:3,text:"invalid"},{id:4,text:"wontfix"}]}),i(".select2-data-ajax").select2({ajax:{url:"https://api.github.com/search/repositories",dataType:"json",delay:250,data:function(e){return{q:e.term,page:e.page}},processResults:function(e,t){return t.page=t.page||1,{results:e.items,pagination:{more:30*t.page<e.total_count}}},cache:!0},placeholder:"Search for a repository",escapeMarkup:function(e){return e},minimumInputLength:1,templateResult:function(e){if(e.loading)return e.text;var t="<div class='select2-result-repository clearfix'><div class='select2-result-repository__avatar'><img src='"+e.owner.avatar_url+"' /></div><div class='select2-result-repository__meta'><div class='select2-result-repository__title'>"+e.full_name+"</div>";e.description&&(t+="<div class='select2-result-repository__description'>"+e.description+"</div>");return t+="<div class='select2-result-repository__statistics'><div class='select2-result-repository__forks'><i class='icon-code-fork mr-0'></i> "+e.forks_count+" Forks</div><div class='select2-result-repository__stargazers'><i class='icon-star5 mr-0'></i> "+e.stargazers_count+" Stars</div><div class='select2-result-repository__watchers'><i class='icon-eye mr-0'></i> "+e.watchers_count+" Watchers</div></div></div></div>"},templateSelection:function(e){return e.full_name||e.text}}),i.fn.select2.amd.require(["select2/compat/matcher"],function(e){i(".select2-customize-result").select2({placeholder:"Search by 'a'",matcher:e(c)})}),i(".select2-theme").select2({placeholder:"Classic Theme",theme:"classic"}),i(".select2-size-lg").select2({containerCssClass:"select-lg"}),i(".select2-size-sm").select2({containerCssClass:"select-sm"}),i(".select2-bg").each(function(e,t){var s="",a="",r=i(this).data("bgcolor");s=i(this).data("bgcolor-variation"),""!==(a=i(this).data("text-variation"))&&(a=" "+a),""!==s&&(s=" bg-"+s);var c="bg-"+r+s+" "+i(this).data("text-color")+a+" border-"+r+" border-darken-2 ";i(this).select2({containerCssClass:c})}),i(".select2-border").each(function(e,t){var s="",a="",r=i(this).data("border-color");""!==(a=i(this).data("text-variation"))&&(a=" "+a),""!==(s=i(this).data("border-variation"))&&(s=" border-"+s);var c="border-"+r+" "+s+" "+i(this).data("text-color")+a;i(this).select2({containerCssClass:c})}),i(".select2-full-bg").each(function(e,t){var s="",a="",r=i(this).data("bgcolor");""!==(s=i(this).data("bgcolor-variation"))&&(s=" bg-"+s),""!==(a=i(this).data("text-variation"))&&(a=" "+a);var c="bg-"+r+s+" "+i(this).data("text-color")+a+" border-"+r+" border-darken-2 ";i(this).select2({containerCssClass:c,dropdownCssClass:c})}),i("select[data-text-color]").each(function(e,t){var s,a=i(this).data("text-color");""!==(s=i(this).data("text-variation"))&&(s=" "+s),i(this).next(".select2").find(".select2-selection__rendered").addClass(a+s)})}(window,document,jQuery);

View File

@@ -0,0 +1,17 @@
/*=========================================================================================
File Name: form-validation.js
Description: jquery bootsreap validation js
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
// Input, Select, Textarea validations except submit button
$("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(){"use strict";jQuery("input,select,textarea").not("[type=submit]").jqBootstrapValidation()}(window,document);

View File

@@ -0,0 +1,95 @@
/*=========================================================================================
File Name: wizard-steps.js
Description: wizard steps page specific js
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// Wizard tabs with numbers setup
$(".number-tab-steps").steps({
headerTag: "h6",
bodyTag: "fieldset",
transitionEffect: "fade",
titleTemplate: '<span class="step">#index#</span> #title#',
labels: {
finish: 'Submit'
},
onFinished: function (event, currentIndex) {
alert("Form submitted.");
}
});
// Wizard tabs with icons setup
$(".icons-tab-steps").steps({
headerTag: "h6",
bodyTag: "fieldset",
transitionEffect: "fade",
titleTemplate: '<span class="step">#index#</span> #title#',
labels: {
finish: 'Submit'
},
onFinished: function (event, currentIndex) {
alert("Form submitted.");
}
});
// Validate steps wizard
// Show form
var form = $(".steps-validation").show();
$(".steps-validation").steps({
headerTag: "h6",
bodyTag: "fieldset",
transitionEffect: "fade",
titleTemplate: '<span class="step">#index#</span> #title#',
labels: {
finish: 'Submit'
},
onStepChanging: function (event, currentIndex, newIndex) {
// Allways allow previous action even if the current form is not valid!
if (currentIndex > newIndex) {
return true;
}
// Needed in some cases if the user went back (clean up)
if (currentIndex < newIndex) {
// To remove error styles
form.find(".body:eq(" + newIndex + ") label.error").remove();
form.find(".body:eq(" + newIndex + ") .error").removeClass("error");
}
form.validate().settings.ignore = ":disabled,:hidden";
return form.valid();
},
onFinishing: function (event, currentIndex) {
form.validate().settings.ignore = ":disabled";
return form.valid();
},
onFinished: function (event, currentIndex) {
alert("Submitted!");
}
});
// Initialize validation
$(".steps-validation").validate({
ignore: 'input[type=hidden]', // ignore hidden fields
errorClass: 'danger',
successClass: 'success',
highlight: function (element, errorClass) {
$(element).removeClass(errorClass);
},
unhighlight: function (element, errorClass) {
$(element).removeClass(errorClass);
},
errorPlacement: function (error, element) {
error.insertAfter(element);
},
rules: {
email: {
email: true
}
}
});

View File

@@ -0,0 +1 @@
$(".number-tab-steps").steps({headerTag:"h6",bodyTag:"fieldset",transitionEffect:"fade",titleTemplate:'<span class="step">#index#</span> #title#',labels:{finish:"Submit"},onFinished:function(e,t){alert("Form submitted.")}}),$(".icons-tab-steps").steps({headerTag:"h6",bodyTag:"fieldset",transitionEffect:"fade",titleTemplate:'<span class="step">#index#</span> #title#',labels:{finish:"Submit"},onFinished:function(e,t){alert("Form submitted.")}});var form=$(".steps-validation").show();$(".steps-validation").steps({headerTag:"h6",bodyTag:"fieldset",transitionEffect:"fade",titleTemplate:'<span class="step">#index#</span> #title#',labels:{finish:"Submit"},onStepChanging:function(e,t,i){return i<t||(t<i&&(form.find(".body:eq("+i+") label.error").remove(),form.find(".body:eq("+i+") .error").removeClass("error")),form.validate().settings.ignore=":disabled,:hidden",form.valid())},onFinishing:function(e,t){return form.validate().settings.ignore=":disabled",form.valid()},onFinished:function(e,t){alert("Submitted!")}}),$(".steps-validation").validate({ignore:"input[type=hidden]",errorClass:"danger",successClass:"success",highlight:function(e,t){$(e).removeClass(t)},unhighlight:function(e,t){$(e).removeClass(t)},errorPlacement:function(e,t){e.insertAfter(t)},rules:{email:{email:!0}}});

View File

@@ -0,0 +1,41 @@
/*=========================================================================================
File Name: components-modal.js
Description: Modals are streamlined, but flexible, dialog prompts with the minimum
required functionality and smart defaults.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
// onShow event
$('#onshowbtn').on('click', function() {
$('#onshow').on('show.bs.modal', function() {
alert('onShow event fired.');
});
});
// onShown event
$('#onshownbtn').on('click', function() {
$('#onshown').on('shown.bs.modal', function() {
alert('onShown event fired.');
});
});
// onHide event
$('#onhidebtn').on('click', function() {
$('#onhide').on('hide.bs.modal', function() {
alert('onHide event fired.');
});
});
// onHidden event
$('#onhiddenbtn').on('click', function() {
$('#onhidden').on('hidden.bs.modal', function() {
alert('onHidden event fired.');
});
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(n,o,e){"use strict";e("#onshowbtn").on("click",function(){e("#onshow").on("show.bs.modal",function(){alert("onShow event fired.")})}),e("#onshownbtn").on("click",function(){e("#onshown").on("shown.bs.modal",function(){alert("onShown event fired.")})}),e("#onhidebtn").on("click",function(){e("#onhide").on("hide.bs.modal",function(){alert("onHide event fired.")})}),e("#onhiddenbtn").on("click",function(){e("#onhidden").on("hidden.bs.modal",function(){alert("onHidden event fired.")})})}(window,document,jQuery);

View File

@@ -0,0 +1,19 @@
/*=========================================================================================
File Name: nav.js
Description: Navigation available in Bootstrap share general markup and styles,
from the base .nav class to the active and disabled states.
Swap modifier classes to switch between each style.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function(window, document, $) {
'use strict';
var heightLeft = $('.nav-left + .tab-content').height();
$('ul.nav-left').height(heightLeft);
var heightRight = $('.nav-right + .tab-content').height();
$('ul.nav-right').height(heightRight);
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(t,n,e){"use strict";var h=e(".nav-left + .tab-content").height();e("ul.nav-left").height(h);var i=e(".nav-right + .tab-content").height();e("ul.nav-right").height(i)}(window,document,jQuery);

View File

@@ -0,0 +1,39 @@
/*=========================================================================================
File Name: 3-columns-left-sidebar.js
Description: Invoices list datables configurations
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
/***********************************
* js of small Slider *
************************************/
var sm_options = {
start: [30,70],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
var smallSlider = document.getElementById('small-slider');
noUiSlider.create(smallSlider, sm_options);
/*************************************
* Default Score Rating *
**************************************/
$.fn.raty.defaults.path = '../../../app-assets/images/raty/';
$('#score-rating').raty({
score: 3
});
$(".sidebar-sticky").sticky();
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){var a=document.getElementById("small-slider");noUiSlider.create(a,{start:[30,70],behaviour:"drag",connect:!0,range:{min:20,max:80}}),$.fn.raty.defaults.path="../../../app-assets/images/raty/",$("#score-rating").raty({score:3}),$(".sidebar-sticky").sticky()});

View File

@@ -0,0 +1,161 @@
(function($) {
"use strict";
// Chat user list
if($('.chat-application .chat-user-list').length > 0){
var chat_user_list = new PerfectScrollbar(".chat-user-list");
}
// Chat user profile
if($('.chat-application .profile-sidebar-area .scroll-area').length > 0){
var chat_user_list = new PerfectScrollbar(".profile-sidebar-area .scroll-area");
}
// Chat area
if($('.chat-application .user-chats').length > 0){
var chat_user = new PerfectScrollbar(".user-chats");
}
// User profile right area
if($('.chat-application .user-profile-sidebar-area').length > 0){
var user_profile = new PerfectScrollbar(".user-profile-sidebar-area");
}
// Chat Profile sidebar toggle
$('.chat-application .sidebar-profile-toggle').on('click',function(){
$('.chat-profile-sidebar').addClass('show');
$('.chat-overlay').addClass('show');
});
// User Profile sidebar toggle
$('.chat-application .user-profile-toggle').on('click',function(){
$('.user-profile-sidebar').addClass('show');
$('.chat-overlay').addClass('show');
});
// Update status by clickin on Radio
$('.chat-application .user-status input:radio[name=userStatus]').on('change', function(){
var $className = "avatar-status-"+this.value;
$(".header-profile-sidebar .avatar span").removeClass();
$(".sidebar-profile-toggle .avatar span").removeClass();
$(".header-profile-sidebar .avatar span").addClass($className+" avatar-status-lg");
$(".sidebar-profile-toggle .avatar span").addClass($className);
});
// On Profile close click
$(".chat-application .close-icon").on('click',function(){
$('.chat-profile-sidebar').removeClass('show');
$('.user-profile-sidebar').removeClass('show');
if(!$(".sidebar-content").hasClass("show")){
$('.chat-overlay').removeClass('show');
}
});
// On sidebar close click
$(".chat-application .sidebar-close-icon").on('click',function(){
$('.sidebar-content').removeClass('show');
$('.chat-overlay').removeClass('show');
});
// On overlay click
$(".chat-application .chat-overlay").on('click',function(){
$('.app-content .sidebar-content').removeClass('show');
$('.chat-application .chat-overlay').removeClass('show');
$('.chat-profile-sidebar').removeClass('show');
$('.user-profile-sidebar').removeClass('show');
});
// Add class active on click of Chat users list
$(".chat-application .chat-user-list ul li").on('click', function(){
if($('.chat-user-list ul li').hasClass('active')){
$('.chat-user-list ul li').removeClass('active');
}
$(this).addClass("active");
$(this).find(".badge").remove();
if($('.chat-user-list ul li').hasClass('active')){
$('.start-chat-area').addClass('d-none');
$('.active-chat').removeClass('d-none');
}
else{
$('.start-chat-area').removeClass('d-none');
$('.active-chat').addClass('d-none');
}
});
// Favorite star click
$(".chat-application .favorite i").on("click", function(e) {
$(this).parent('.favorite').toggleClass("warning");
e.stopPropagation();
});
// Main menu toggle should hide app menu
$('.chat-application .menu-toggle').on('click',function(e){
$('.app-content .sidebar-left').removeClass('show');
$('.chat-application .chat-overlay').removeClass('show');
});
// Chat sidebar toggle
if ($(window).width() < 992) {
$('.chat-application .sidebar-toggle').on('click',function(){
$('.app-content .sidebar-content').addClass('show');
$('.chat-application .chat-overlay').addClass('show');
});
}
// For chat sidebar on small screen
if ($(window).width() > 992) {
if($('.chat-application .chat-overlay').hasClass('show')){
$('.chat-application .chat-overlay').removeClass('show');
}
}
// Scroll Chat area
$(".user-chats").scrollTop($(".user-chats > .chats").height());
// Filter
$(".chat-application #chat-search").on("keyup", function() {
var value = $(this).val().toLowerCase();
if(value!=""){
$(".chat-user-list .chat-users-list-wrapper li").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
});
}
else{
// If filter box is empty
$(".chat-user-list .chat-users-list-wrapper li").show();
}
});
})(jQuery);
$(window).on("resize", function() {
// remove show classes from sidebar and overlay if size is > 992
if ($(window).width() > 992) {
if($('.chat-application .chat-overlay').hasClass('show')){
$('.app-content .sidebar-left').removeClass('show');
$('.chat-application .chat-overlay').removeClass('show');
}
}
// Chat sidebar toggle
if ($(window).width() < 992) {
if($('.chat-application .chat-profile-sidebar').hasClass('show')){
$('.chat-profile-sidebar').removeClass('show');
}
$('.chat-application .sidebar-toggle').on('click',function(){
$('.app-content .sidebar-content').addClass('show');
$('.chat-application .chat-overlay').addClass('show');
});
}
});
// Add message to chat
function enter_chat(source) {
var message = $(".message").val();
if(message != ""){
var html = '<div class="chat-content">' + "<p>" + message + "</p>" + "</div>";
$(".chat:last-child .chat-body").append(html);
$(".message").val("");
$(".user-chats").scrollTop($(".user-chats > .chats").height());
}
}

View File

@@ -0,0 +1 @@
function enter_chat(a){var s=$(".message").val();if(""!=s){var e='<div class="chat-content"><p>'+s+"</p></div>";$(".chat:last-child .chat-body").append(e),$(".message").val(""),$(".user-chats").scrollTop($(".user-chats > .chats").height())}}!function(s){"use strict";if(0<s(".chat-application .chat-user-list").length)new PerfectScrollbar(".chat-user-list");if(0<s(".chat-application .profile-sidebar-area .scroll-area").length)new PerfectScrollbar(".profile-sidebar-area .scroll-area");if(0<s(".chat-application .user-chats").length)new PerfectScrollbar(".user-chats");if(0<s(".chat-application .user-profile-sidebar-area").length)new PerfectScrollbar(".user-profile-sidebar-area");s(".chat-application .sidebar-profile-toggle").on("click",function(){s(".chat-profile-sidebar").addClass("show"),s(".chat-overlay").addClass("show")}),s(".chat-application .user-profile-toggle").on("click",function(){s(".user-profile-sidebar").addClass("show"),s(".chat-overlay").addClass("show")}),s(".chat-application .user-status input:radio[name=userStatus]").on("change",function(){var a="avatar-status-"+this.value;s(".header-profile-sidebar .avatar span").removeClass(),s(".sidebar-profile-toggle .avatar span").removeClass(),s(".header-profile-sidebar .avatar span").addClass(a+" avatar-status-lg"),s(".sidebar-profile-toggle .avatar span").addClass(a)}),s(".chat-application .close-icon").on("click",function(){s(".chat-profile-sidebar").removeClass("show"),s(".user-profile-sidebar").removeClass("show"),s(".sidebar-content").hasClass("show")||s(".chat-overlay").removeClass("show")}),s(".chat-application .sidebar-close-icon").on("click",function(){s(".sidebar-content").removeClass("show"),s(".chat-overlay").removeClass("show")}),s(".chat-application .chat-overlay").on("click",function(){s(".app-content .sidebar-content").removeClass("show"),s(".chat-application .chat-overlay").removeClass("show"),s(".chat-profile-sidebar").removeClass("show"),s(".user-profile-sidebar").removeClass("show")}),s(".chat-application .chat-user-list ul li").on("click",function(){s(".chat-user-list ul li").hasClass("active")&&s(".chat-user-list ul li").removeClass("active"),s(this).addClass("active"),s(this).find(".badge").remove(),s(".chat-user-list ul li").hasClass("active")?(s(".start-chat-area").addClass("d-none"),s(".active-chat").removeClass("d-none")):(s(".start-chat-area").removeClass("d-none"),s(".active-chat").addClass("d-none"))}),s(".chat-application .favorite i").on("click",function(a){s(this).parent(".favorite").toggleClass("warning"),a.stopPropagation()}),s(".chat-application .menu-toggle").on("click",function(a){s(".app-content .sidebar-left").removeClass("show"),s(".chat-application .chat-overlay").removeClass("show")}),s(window).width()<992&&s(".chat-application .sidebar-toggle").on("click",function(){s(".app-content .sidebar-content").addClass("show"),s(".chat-application .chat-overlay").addClass("show")}),992<s(window).width()&&s(".chat-application .chat-overlay").hasClass("show")&&s(".chat-application .chat-overlay").removeClass("show"),s(".user-chats").scrollTop(s(".user-chats > .chats").height()),s(".chat-application #chat-search").on("keyup",function(){var a=s(this).val().toLowerCase();""!=a?s(".chat-user-list .chat-users-list-wrapper li").filter(function(){s(this).toggle(-1<s(this).text().toLowerCase().indexOf(a))}):s(".chat-user-list .chat-users-list-wrapper li").show()})}(jQuery),$(window).on("resize",function(){992<$(window).width()&&$(".chat-application .chat-overlay").hasClass("show")&&($(".app-content .sidebar-left").removeClass("show"),$(".chat-application .chat-overlay").removeClass("show")),$(window).width()<992&&($(".chat-application .chat-profile-sidebar").hasClass("show")&&$(".chat-profile-sidebar").removeClass("show"),$(".chat-application .sidebar-toggle").on("click",function(){$(".app-content .sidebar-content").addClass("show"),$(".chat-application .chat-overlay").addClass("show")}))});

View File

@@ -0,0 +1,168 @@
/*=========================================================================================
File Name: app-ecommerce-shop.js
Description: Ecommerce Shop
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function () {
"use strict";
var sidebarShop = $(".sidebar-shop"),
shopOverlay = $(".shop-content-overlay"),
sidebarToggler = $(".shop-sidebar-toggler"),
priceFilter = $(".price-options"),
gridViewBtn = $(".grid-view-btn"),
listViewBtn = $(".list-view-btn"),
ecommerceProducts = $("#ecommerce-products"),
cart = $(".cart"),
wishlist = $(".wishlist");
// show sidebar
sidebarToggler.on("click", function () {
sidebarShop.toggleClass("show");
shopOverlay.toggleClass("show");
});
// remove sidebar
$(".shop-content-overlay, .sidebar-close-icon").on("click", function () {
sidebarShop.removeClass("show");
shopOverlay.removeClass("show");
})
//price slider
var slider = document.getElementById("price-slider");
if (slider) {
noUiSlider.create(slider, {
start: [51, 5000],
connect: true,
tooltips: [true, true],
format: wNumb({
decimals: 0,
}),
range: {
"min": 51,
"max": 5000
}
});
}
// for select in ecommerce header
if (priceFilter.length > 0) {
priceFilter.select2({
minimumResultsForSearch: -1
});
}
/***** CHANGE VIEW *****/
// Grid View
gridViewBtn.on("click", function () {
ecommerceProducts.removeClass("list-view").addClass("grid-view");
listViewBtn.removeClass("active");
gridViewBtn.addClass("active");
});
// List View
listViewBtn.on("click", function () {
ecommerceProducts.removeClass("grid-view").addClass("list-view");
gridViewBtn.removeClass("active");
listViewBtn.addClass("active");
});
// For View in cart
cart.on("click", function () {
var $this = $(this)
$this.find(".add-to-cart").addClass("d-none");
$this.find(".view-in-cart").addClass("d-inline-block");
})
// For Wishlist Icon
wishlist.on("click", function () {
var $this = $(this)
$this.find("i").toggleClass("fa-heart-o fa-heart")
$this.toggleClass("added");
})
// Checkout Wizard
var checkoutWizard = $(".checkout-tab-steps"),
checkoutValidation = checkoutWizard.show();
if (checkoutWizard.length > 0) {
$(checkoutWizard).steps({
headerTag: "h6",
bodyTag: "fieldset",
transitionEffect: "fade",
titleTemplate: '<span class="step">#index#</span> #title#',
enablePagination: false,
onStepChanging: function (event, currentIndex, newIndex) {
// allows to go back to previous step if form is
if (currentIndex > newIndex) {
return true;
}
// Needed in some cases if the user went back (clean up)
if (currentIndex < newIndex) {
// To remove error styles
checkoutValidation.find(".body:eq(" + newIndex + ") label.error").remove();
checkoutValidation.find(".body:eq(" + newIndex + ") .error").removeClass("error");
}
// check for valid details and show notification accordingly
if (currentIndex === 1 && Number($(".form-control.required").val().length) < 1) {
toastr.warning('Error', 'Please Enter Valid Details', { "positionClass": "toast-bottom-right" });
}
checkoutValidation.validate().settings.ignore = ":disabled,:hidden";
return checkoutValidation.valid();
},
});
// to move to next step on place order and save address click
$(".place-order, .delivery-address").on("click", function () {
$(".checkout-tab-steps").steps("next", {});
});
// check if user has entered valid cvv
$(".btn-cvv").on("click", function () {
if ($(".input-cvv").val().length == 3) {
toastr.success('Success', 'Payment received Successfully', { "positionClass": "toast-bottom-right" });
}
else {
toastr.warning('Error', 'Please Enter Valid Details', { "positionClass": "toast-bottom-right" });
}
})
}
// checkout quantity counter
var quantityCounter = $(".quantity-counter"),
CounterMin = 1,
CounterMax = 10;
if (quantityCounter.length > 0) {
quantityCounter.TouchSpin({
min: CounterMin,
max: CounterMax
}).on('touchspin.on.startdownspin', function () {
var $this = $(this);
$('.bootstrap-touchspin-up').removeClass("disabled-max-min");
if ($this.val() == 1) {
$(this).siblings().find('.bootstrap-touchspin-down').addClass("disabled-max-min");
}
}).on('touchspin.on.startupspin', function () {
var $this = $(this);
$('.bootstrap-touchspin-down').removeClass("disabled-max-min");
if ($this.val() == 10) {
$(this).siblings().find('.bootstrap-touchspin-up').addClass("disabled-max-min");
}
});
}
// remove items from wishlist page
$(".remove-wishlist , .move-cart").on("click", function () {
$(this).closest(".ecommerce-card").remove();
})
})
// on window resize hide sidebar
$(window).on("resize", function () {
if ($(window).width() <= 991) {
$(".sidebar-shop").removeClass("show");
$(".shop-content-overlay").removeClass("show");
}
else {
$(".sidebar-shop").addClass("show");
}
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){"use strict";var s=$(".sidebar-shop"),e=$(".shop-content-overlay"),t=$(".shop-sidebar-toggler"),o=$(".price-options"),i=$(".grid-view-btn"),a=$(".list-view-btn"),n=$("#ecommerce-products"),r=$(".cart"),l=$(".wishlist");t.on("click",function(){s.toggleClass("show"),e.toggleClass("show")}),$(".shop-content-overlay, .sidebar-close-icon").on("click",function(){s.removeClass("show"),e.removeClass("show")});var c=document.getElementById("price-slider");c&&noUiSlider.create(c,{start:[51,5e3],connect:!0,tooltips:[!0,!0],format:wNumb({decimals:0}),range:{min:51,max:5e3}}),0<o.length&&o.select2({minimumResultsForSearch:-1}),i.on("click",function(){n.removeClass("list-view").addClass("grid-view"),a.removeClass("active"),i.addClass("active")}),a.on("click",function(){n.removeClass("grid-view").addClass("list-view"),i.removeClass("active"),a.addClass("active")}),r.on("click",function(){var s=$(this);s.find(".add-to-cart").addClass("d-none"),s.find(".view-in-cart").addClass("d-inline-block")}),l.on("click",function(){var s=$(this);s.find("i").toggleClass("fa-heart-o fa-heart"),s.toggleClass("added")});var d=$(".checkout-tab-steps"),h=d.show();0<d.length&&($(d).steps({headerTag:"h6",bodyTag:"fieldset",transitionEffect:"fade",titleTemplate:'<span class="step">#index#</span> #title#',enablePagination:!1,onStepChanging:function(s,e,t){return t<e||(e<t&&(h.find(".body:eq("+t+") label.error").remove(),h.find(".body:eq("+t+") .error").removeClass("error")),1===e&&Number($(".form-control.required").val().length)<1&&toastr.warning("Error","Please Enter Valid Details",{positionClass:"toast-bottom-right"}),h.validate().settings.ignore=":disabled,:hidden",h.valid())}}),$(".place-order, .delivery-address").on("click",function(){$(".checkout-tab-steps").steps("next",{})}),$(".btn-cvv").on("click",function(){3==$(".input-cvv").val().length?toastr.success("Success","Payment received Successfully",{positionClass:"toast-bottom-right"}):toastr.warning("Error","Please Enter Valid Details",{positionClass:"toast-bottom-right"})}));var v=$(".quantity-counter");0<v.length&&v.TouchSpin({min:1,max:10}).on("touchspin.on.startdownspin",function(){var s=$(this);$(".bootstrap-touchspin-up").removeClass("disabled-max-min"),1==s.val()&&$(this).siblings().find(".bootstrap-touchspin-down").addClass("disabled-max-min")}).on("touchspin.on.startupspin",function(){var s=$(this);$(".bootstrap-touchspin-down").removeClass("disabled-max-min"),10==s.val()&&$(this).siblings().find(".bootstrap-touchspin-up").addClass("disabled-max-min")}),$(".remove-wishlist , .move-cart").on("click",function(){$(this).closest(".ecommerce-card").remove()})}),$(window).on("resize",function(){$(window).width()<=991?($(".sidebar-shop").removeClass("show"),$(".shop-content-overlay").removeClass("show")):$(".sidebar-shop").addClass("show")});

View File

@@ -0,0 +1,185 @@
// Notifications & messages scrollable
$(function () {
"use strict";
var Font = Quill.import('formats/font');
Font.whitelist = ['sofia', 'slabo', 'roboto', 'inconsolata', 'ubuntu'];
Quill.register(Font, true);
// Email left Sidebar
if ($('.sidebar-menu-list').length > 0) {
var sidebar_menu_list = new PerfectScrollbar(".sidebar-menu-list");
}
// User list scroll
if ($('.email-user-list').length > 0) {
var users_list = new PerfectScrollbar(".email-user-list");
}
// Email detail section
if ($('.email-scroll-area').length > 0) {
var users_list = new PerfectScrollbar(".email-scroll-area");
}
// Modal dialog scroll
if ($('.modal-dialog-scrollable .modal-body').length > 0) {
var sidebar_menu_list = new PerfectScrollbar(".modal-dialog-scrollable .modal-body");
}
// Compose Modal - Reset Input Value on Click compose btn
$('.compose-btn .btn').on('click', function (e) {
// all input forms
$(".modal .modal-body input").val("");
// quill editor content
var quill_editor = $(".modal .modal-body .ql-editor");
quill_editor[0].innerHTML = "";
// file input content
var file_input = $(".modal .modal-body .custom-file .custom-file-label");
file_input[0].innerHTML = "";
});
// Main menu toggle should hide app menu
$('.menu-toggle').on('click', function (e) {
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// On sidebar close click
$(".email-application .sidebar-close-icon").on('click', function () {
$('.sidebar-left').removeClass('show');
$('.app-content-overlay').removeClass('show');
});
// Email sidebar toggle
$('.sidebar-toggle').on('click', function (e) {
e.stopPropagation();
$('.app-content .sidebar-left').toggleClass('show');
$('.app-content .app-content-overlay').addClass('show');
});
$('.app-content .app-content-overlay').on('click', function (e) {
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// Email Right sidebar toggle
$('.email-app-list .email-user-list li').on('click', function (e) {
$('.app-content .email-app-details').toggleClass('show');
});
// Add class active on click of sidebar list
$(".email-application .list-group-messages a").on('click', function () {
if ($('.email-application .list-group-messages a').hasClass('active')) {
$('.email-application .list-group-messages a').removeClass('active');
}
$(this).addClass("active");
});
// Email detail view back button click
$('.go-back').on('click', function (e) {
e.stopPropagation();
$('.app-content .email-app-details').removeClass('show');
});
// For app sidebar on small screen
if ($(window).width() > 768) {
if ($('.app-content .app-content-overlay').hasClass('show')) {
$('.app-content .app-content-overlay').removeClass('show');
}
}
// Favorite star click
$(".email-application .favorite i").on("click", function (e) {
$(this).parent('.favorite').toggleClass("warning");
e.stopPropagation();
});
// On checkbox click stop propogation
$(".email-user-list .vs-checkbox-con input").on("click", function (e) {
e.stopPropagation();
});
// Select all checkbox
$(document).on("click", ".email-app-list .selectAll input", function () {
$(".user-action .vs-checkbox-con input").prop('checked', this.checked);
});
// Delete Mail from list
$(".email-application .mail-delete").on("click", function () {
$(".email-application .user-action .vs-checkbox-con input:checked").closest("li").remove();
$(".email-application .selectAll input").prop('checked', "");
});
// Mark mail unread
$(".email-application .mail-unread").on("click", function () {
$(".email-application .user-action .vs-checkbox-con input:checked").closest("li").removeClass("mail-read");
});
// Filter
$(".email-app-list #email-search").on("keyup", function () {
var value = $(this).val().toLowerCase();
if (value != "") {
$(".email-user-list .users-list-wrapper li").filter(function () {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
});
var tbl_row = $(".email-user-list .users-list-wrapper li:visible").length; //here tbl_test is table name
//Check if table has row or not
if (tbl_row == 0) {
$('.email-user-list .no-results').addClass('show');
}
else {
if ($('.email-user-list .no-results').hasClass('show')) {
$('.email-user-list .no-results').removeClass('show');
}
}
}
else {
// If filter box is empty
$(".email-user-list .users-list-wrapper li").show();
if ($('.email-user-list .no-results').hasClass('show')) {
$('.email-user-list .no-results').removeClass('show');
}
}
});
// Email compose Editor
var emailEditor = new Quill('#email-container .editor', {
bounds: '#email-container .editor',
modules: {
'formula': true,
'syntax': true,
'toolbar': [
['bold', 'italic', 'underline', 'strike', 'link', 'blockquote', 'code-block',
{
'header': '1'
}, {
'header': '2'
}, {
'list': 'ordered'
}, {
'list': 'bullet'
}],
[{
'font': []
}]
],
},
placeholder: 'Message',
theme: 'snow'
});
var editors = [emailEditor];
});
$(window).on("resize", function () {
// remove show classes from sidebar and overlay if size is > 992
if ($(window).width() > 768) {
if ($('.app-content .app-content-overlay').hasClass('show')) {
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
}
}
});

View File

@@ -0,0 +1 @@
$(function(){"use strict";var e=Quill.import("formats/font");if(e.whitelist=["sofia","slabo","roboto","inconsolata","ubuntu"],Quill.register(e,!0),0<$(".sidebar-menu-list").length)new PerfectScrollbar(".sidebar-menu-list");if(0<$(".email-user-list").length)new PerfectScrollbar(".email-user-list");if(0<$(".email-scroll-area").length)new PerfectScrollbar(".email-scroll-area");if(0<$(".modal-dialog-scrollable .modal-body").length)new PerfectScrollbar(".modal-dialog-scrollable .modal-body");$(".compose-btn .btn").on("click",function(e){$(".modal .modal-body input").val(""),$(".modal .modal-body .ql-editor")[0].innerHTML="",$(".modal .modal-body .custom-file .custom-file-label")[0].innerHTML=""}),$(".menu-toggle").on("click",function(e){$(".app-content .sidebar-left").removeClass("show"),$(".app-content .app-content-overlay").removeClass("show")}),$(".email-application .sidebar-close-icon").on("click",function(){$(".sidebar-left").removeClass("show"),$(".app-content-overlay").removeClass("show")}),$(".sidebar-toggle").on("click",function(e){e.stopPropagation(),$(".app-content .sidebar-left").toggleClass("show"),$(".app-content .app-content-overlay").addClass("show")}),$(".app-content .app-content-overlay").on("click",function(e){$(".app-content .sidebar-left").removeClass("show"),$(".app-content .app-content-overlay").removeClass("show")}),$(".email-app-list .email-user-list li").on("click",function(e){$(".app-content .email-app-details").toggleClass("show")}),$(".email-application .list-group-messages a").on("click",function(){$(".email-application .list-group-messages a").hasClass("active")&&$(".email-application .list-group-messages a").removeClass("active"),$(this).addClass("active")}),$(".go-back").on("click",function(e){e.stopPropagation(),$(".app-content .email-app-details").removeClass("show")}),768<$(window).width()&&$(".app-content .app-content-overlay").hasClass("show")&&$(".app-content .app-content-overlay").removeClass("show"),$(".email-application .favorite i").on("click",function(e){$(this).parent(".favorite").toggleClass("warning"),e.stopPropagation()}),$(".email-user-list .vs-checkbox-con input").on("click",function(e){e.stopPropagation()}),$(document).on("click",".email-app-list .selectAll input",function(){$(".user-action .vs-checkbox-con input").prop("checked",this.checked)}),$(".email-application .mail-delete").on("click",function(){$(".email-application .user-action .vs-checkbox-con input:checked").closest("li").remove(),$(".email-application .selectAll input").prop("checked","")}),$(".email-application .mail-unread").on("click",function(){$(".email-application .user-action .vs-checkbox-con input:checked").closest("li").removeClass("mail-read")}),$(".email-app-list #email-search").on("keyup",function(){var e=$(this).val().toLowerCase();""!=e?($(".email-user-list .users-list-wrapper li").filter(function(){$(this).toggle(-1<$(this).text().toLowerCase().indexOf(e))}),0==$(".email-user-list .users-list-wrapper li:visible").length?$(".email-user-list .no-results").addClass("show"):$(".email-user-list .no-results").hasClass("show")&&$(".email-user-list .no-results").removeClass("show")):($(".email-user-list .users-list-wrapper li").show(),$(".email-user-list .no-results").hasClass("show")&&$(".email-user-list .no-results").removeClass("show"))});new Quill("#email-container .editor",{bounds:"#email-container .editor",modules:{formula:!0,syntax:!0,toolbar:[["bold","italic","underline","strike","link","blockquote","code-block",{header:"1"},{header:"2"},{list:"ordered"},{list:"bullet"}],[{font:[]}]]},placeholder:"Message",theme:"snow"})}),$(window).on("resize",function(){768<$(window).width()&&$(".app-content .app-content-overlay").hasClass("show")&&($(".app-content .sidebar-left").removeClass("show"),$(".app-content .app-content-overlay").removeClass("show"))});

View File

@@ -0,0 +1,324 @@
/*=========================================================================================
File Name: app-todo.js
Description: app-todo
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(function() {
"use strict";
var $curr_title, $curr_desc, $curr_info, $curr_fav, $curr_chipVal;
// --------------------------------------------
// Sidebar menu scrollbar
// --------------------------------------------
if($('.todo-application .sidebar-menu-list').length > 0){
var content = new PerfectScrollbar('.sidebar-menu-list',{
theme: "dark"
});
}
// --------------------------------------------
// Todo task list scrollbar
// --------------------------------------------
if($('.todo-application .todo-task-list').length > 0){
var sidebar_todo = new PerfectScrollbar('.todo-task-list',{
theme: "dark"
});
}
// --------------------------------------------
// Info star click
// --------------------------------------------
$(document).on("click", ".todo-application .todo-item-info i", function(e) {
$(this).parent('.todo-item-info').toggleClass("success");
e.stopPropagation();
});
// --------------------------------------------
// Favorite star click
// --------------------------------------------
$(document).on("click", ".todo-application .todo-item-favorite i", function(e) {
$(this).parent('.todo-item-favorite').toggleClass("warning");
e.stopPropagation();
});
// --------------------------------------------
// Main menu toggle should hide app menu
// --------------------------------------------
$('.menu-toggle').on('click',function(e){
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// --------------------------------------------
// On sidebar close click
// --------------------------------------------
$(".todo-application .sidebar-close-icon").on('click',function(){
$('.sidebar-left').removeClass('show');
$('.app-content-overlay').removeClass('show');
});
// --------------------------------------------
// Todo sidebar toggle
// --------------------------------------------
$('.sidebar-toggle').on('click',function(e){
e.stopPropagation();
$('.app-content .sidebar-left').toggleClass('show');
$('.app-content .app-content-overlay').addClass('show');
});
$('.app-content .app-content-overlay').on('click',function(e){
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
});
// --------------------------------------------
// Add class active on click of sidebar filters list
// --------------------------------------------
$(".todo-application .list-group-filters a").on('click', function(){
if($('.todo-application .list-group-filters a').hasClass('active')){
$('.todo-application .list-group-filters a').removeClass('active');
}
$(this).addClass("active");
});
// --------------------------------------------
// For chat sidebar on small screen
// --------------------------------------------
if ($(window).width() > 992) {
if($('.todo-application .app-content-overlay').hasClass('show')){
$('.todo-application .app-content-overlay').removeClass('show');
}
}
// --------------------------------------------
// On add new item, clear modal popup fields
// --------------------------------------------
$(".add-task button").on('click', function(e){
$('.modal .new-todo-item-title').val("");
$('.modal .new-todo-item-desc').val("");
$('.modal .dropdown-menu input').prop("checked", false);
if($('.modal .todo-item-info').hasClass('success')){$('.modal .todo-item-info').removeClass('success')}
if($('.modal .todo-item-favorite').hasClass('warning')){$('.modal .todo-item-favorite').removeClass('warning')}
});
// --------------------------------------------
// Add New ToDo List Item
// --------------------------------------------
// To add new todo list item
$(".add-todo-item").on('click', function(e){
e.preventDefault();
var todoInfo = "",
todoFav = "",
todoChip = "";
var todoTitle = $(".new-todo-item-title").val();
var todoDesc = $(".new-todo-item-desc").val();
if($(".modal.show .todo-item-info").hasClass('success')){
todoInfo = " success";
}
if($(".modal.show .todo-item-favorite").hasClass('warning')){
todoFav = " warning";
}
// Chip calculation loop
var selected = $('.modal .dropdown-menu input:checked');
selected.each(function(){
todoChip += '<div class="chip mb-0">' +
'<div class="chip-body">' +
'<span class="chip-text" data-value="'+$(this).data('value')+'"><span class="bullet bullet-'+$(this).data('color')+' bullet-xs"></span> '+$(this).data('value')+'</span>' +
'</div>' +
'</div>';
});
// HTML Output
if(todoTitle != ""){
$(".todo-task-list-wrapper").append('<li class="todo-item" style="animation-delay: 0s;" data-toggle="modal" data-target="#editTaskModal">' +
'<div class="todo-title-wrapper d-flex justify-content-between mb-50">' +
'<div class="todo-title-area d-flex align-items-center">' +
'<div class="title-wrapper d-flex">'+
'<div class="vs-checkbox-con">' +
'<input type="checkbox" >' +
'<span class="vs-checkbox vs-checkbox-sm">' +
'<span class="vs-checkbox--check">' +
'<i class="vs-icon feather icon-check"></i>' +
'</span>' +
'</span>' +
'</div>' +
'<h6 class="todo-title mt-50 mx-50">'+ todoTitle +'</h6>' +
'</div>' +
'<div class="chip-wrapper">' + todoChip + '</div>' +
'</div>' +
'<div class="float-right todo-item-action d-flex">' +
'<a class="todo-item-info'+ todoInfo +'"><i class="feather icon-info"></i></a>' +
'<a class="todo-item-favorite'+ todoFav +'"><i class="feather icon-star"></i></a>' +
'<a class="todo-item-delete"><i class="feather icon-trash"></i></a>' +
'</div>' +
'</div>' +
'<p class="mb-0 todo-desc truncate">'+ todoDesc +'</p>' +
'</li>');
}
$('#form-edit-todo .edit-todo-item-title').val(todoTitle);
$('#form-edit-todo .edit-todo-item-desc').val(todoDesc);
$('#form-edit-todo .dropdown-menu input').prop("checked", false);
if($('#form-edit-todo .edit-todo-item-info').hasClass('success')){$('#form-edit-todo .edit-todo-item-info').addClass('success')}
if($('#form-edit-todo .edit-todo-item-favorite').hasClass('warning')){$('#form-edit-todo .edit-todo-item-favorite').addClass('warning')}
});
// --------------------------------------------
// To update todo list item
// --------------------------------------------
$(document).on('click',".todo-task-list-wrapper .todo-item", function(e){
// Saving all values in variable
$curr_title = $(this).find('.todo-title'); // Set path for Current Title, use this variable when updating title
$curr_desc = $(this).find('.todo-desc'); // Set path for Current Description, use this variable when updating Description
$curr_info = $(this).find('.todo-item-info'); // Set path for Current info, use this variable when updating info
$curr_fav = $(this).find('.todo-item-favorite'); // Set path for Current favorite, use this variable when updating favorite
$curr_chipVal = $(this).find('.chip-wrapper'); // Set path for Chips, use this variable when updating chip value
var $title = $(this).find('.todo-title').html();
var $desc = $(this).find('.todo-desc').html();
var $info = $(this).find('.todo-item-info');
var $fav = $(this).find('.todo-item-favorite');
$('#form-edit-todo .dropdown-menu input').prop("checked",false);
// Checkbox checked as per chips
var selected = $(this).find('.chip');
selected.each(function(){
var chipVal = $(this).find('.chip-text').data('value');
$('#form-edit-todo .dropdown-menu input[data-value="'+chipVal+'"]').prop("checked",true);
});
// apply all variable values to fields
$('#form-edit-todo .edit-todo-item-title').val($title);
$('#form-edit-todo .edit-todo-item-desc').val($desc);
if($('#form-edit-todo .todo-item-info').hasClass('success')){$('#form-edit-todo .todo-item-info').removeClass('success')}
if($('#form-edit-todo .edit-todo-item-favorite').hasClass('warning')){$('#form-edit-todo .edit-todo-item-favorite').removeClass('warning')}
if( $($info).hasClass('success') ) {
$('#form-edit-todo .todo-item-info').addClass('success');
}
if( $($fav).hasClass('warning') ) {
$('#form-edit-todo .edit-todo-item-favorite').addClass('warning');
}
});
// --------------------------------------------
// Updating Data Values to Fields
// --------------------------------------------
$('.update-todo-item').on('click', function(){
var $edit_title = $('#form-edit-todo .edit-todo-item-title').val();
var $edit_desc = $('#form-edit-todo .edit-todo-item-desc').val();
var $edit_info = $('#form-edit-todo .todo-item-info i');
var $edit_fav = $('#form-edit-todo .todo-item-favorite i');
$($curr_title).text($edit_title);
$($curr_desc).text($edit_desc);
if($($curr_info).hasClass('success')){$($curr_info).removeClass('success')}
if($($curr_fav).hasClass('warning')){$($curr_fav).removeClass('warning')}
if( $($edit_info).parent('.todo-item-info').hasClass('success')) {
$curr_info.addClass('success');
}
if( $($edit_fav).parent('.todo-item-favorite').hasClass('warning')) {
$curr_fav.addClass('warning');
}
// Chip calculation loop
var $edit_selected = $('#form-edit-todo .dropdown-menu input:checked');
var $edit_todoChip = "";
$edit_selected.each(function(){
$edit_todoChip += '<div class="chip mb-0">' +
'<div class="chip-body">' +
'<span class="chip-text" data-value="'+$(this).data('value')+'"><span class="bullet bullet-'+$(this).data('color')+' bullet-xs"></span> '+$(this).data('value')+'</span>' +
'</div>' +
'</div>';
});
$curr_chipVal.empty();
$($curr_chipVal).append($edit_todoChip);
});
// --------------------------------------------
//EVENT DELETION
// --------------------------------------------
$(document).on('click', '.todo-item-delete', function(e){
var item = this;
e.stopPropagation();
$(item).closest('.todo-item').remove();
})
// Complete task strike through
$(document).on('click', '.todo-item input', function(event){
event.stopPropagation();
$(this).closest('.todo-item').toggleClass("completed");
});
// --------------------------------------------
// Filter
// --------------------------------------------
$("#todo-search").on("keyup", function() {
var value = $(this).val().toLowerCase();
if(value!=""){
$(".todo-item").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
});
var tbl_row = $(".todo-item:visible").length; //here tbl_test is table name
//Check if table has row or not
if ( tbl_row == 0 ){
if(!$('.no-results').hasClass('show') ){
$('.no-results').addClass('show');
}
}
else{
$('.no-results').removeClass('show');
}
}
else{
// If filter box is empty
$(".todo-item").show();
if($('.no-results').hasClass('show') ){
$('.no-results').removeClass('show');
}
}
});
});
$(window).on("resize", function() {
// remove show classes from sidebar and overlay if size is > 992
if ($(window).width() > 992) {
if($('.app-content .app-content-overlay').hasClass('show')){
$('.app-content .sidebar-left').removeClass('show');
$('.app-content .app-content-overlay').removeClass('show');
}
}
});

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,13 @@
$('.toast-toggler').on('click', function () {
$(this).next('.toast').prependTo('.toast-bs-container .toast-position').toast('show')
// if ($('.toast-bs-container .toast-position .toast').hasClass('hide')) {
// $('.toast-bs-container .toast-position .toast').toast('show')
// }
});
$('.placement').on('click', function () {
$('.toast-placement').toast('show');
$('.toast-placement .toast').toast('show');
});

View File

@@ -0,0 +1 @@
$(".toast-toggler").on("click",function(){$(this).next(".toast").prependTo(".toast-bs-container .toast-position").toast("show")}),$(".placement").on("click",function(){$(".toast-placement").toast("show"),$(".toast-placement .toast").toast("show")});

View File

@@ -0,0 +1,33 @@
/*=========================================================================================
File Name: page-coming-soon.js
Description: Coming Soon
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*******************************
* js of Countdown *
********************************/
$(document).ready(function() {
var todayDate = new Date();
var dd = todayDate.getDate();
var mm = todayDate.getMonth() + 1;
var yy = todayDate.getFullYear();
var currentDate = yy + "/" + (mm+2) + "/" + dd;
$('#clockFlat').countdown(currentDate).on('update.countdown', function(event) {
var $this = $(this).html(event.strftime(''
+ '<div class="clockCard px-1"> <span>%d</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Day%!d </p> </div>'
+ '<div class="clockCard px-1"> <span>%H</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Hour%!H </p> </div>'
+ '<div class="clockCard px-1"> <span>%M</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Minute%!M </p> </div>'
+ '<div class="clockCard px-1"> <span>%S</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Second%!S </p> </div>'))
});
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){var a=new Date,c=a.getDate(),l=a.getMonth()+1,s=a.getFullYear()+"/"+(l+2)+"/"+c;$("#clockFlat").countdown(s).on("update.countdown",function(a){$(this).html(a.strftime('<div class="clockCard px-1"> <span>%d</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Day%!d </p> </div><div class="clockCard px-1"> <span>%H</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Hour%!H </p> </div><div class="clockCard px-1"> <span>%M</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Minute%!M </p> </div><div class="clockCard px-1"> <span>%S</span> <br> <p class="bg-amber clockFormat lead px-1 black"> Second%!S </p> </div>'))})});

View File

@@ -0,0 +1,59 @@
/*=========================================================================================
File Name: content-sidebar.js
Description: Invoices list datables configurations
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
/***********************************
* js of small Slider *
************************************/
var sm_options = {
start: [30,70],
behaviour: 'drag',
connect: true,
range: {
'min': 20,
'max': 80
}
};
var smallSlider = document.getElementById('small-slider');
noUiSlider.create(smallSlider, sm_options);
/*************************************
* Default Score Rating *
**************************************/
$.fn.raty.defaults.path = '../../../app-assets/images/raty/';
$('#score-rating').raty({
score: 3
});
if($(".sidebar-sticky").length){
var headerNavbarHeight,
footerNavbarHeight;
// Header & Footer offset only for right & left sticky sidebar
if($("body").hasClass('content-right-sidebar') || $("body").hasClass('content-left-sidebar')){
headerNavbarHeight = $('.header-navbar').height();
footerNavbarHeight = $('footer.footer').height();
}
// Header & Footer offset with padding for detached right & left dsticky sidebar
else{
headerNavbarHeight = $('.header-navbar').height()+24;
footerNavbarHeight = $('footer.footer').height()+10;
}
$(".sidebar-sticky").sticky({
topSpacing: headerNavbarHeight,
bottomSpacing: footerNavbarHeight
});
}
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){var e,t,a=document.getElementById("small-slider");noUiSlider.create(a,{start:[30,70],behaviour:"drag",connect:!0,range:{min:20,max:80}}),$.fn.raty.defaults.path="../../../app-assets/images/raty/",$("#score-rating").raty({score:3}),$(".sidebar-sticky").length&&(t=$("body").hasClass("content-right-sidebar")||$("body").hasClass("content-left-sidebar")?(e=$(".header-navbar").height(),$("footer.footer").height()):(e=$(".header-navbar").height()+24,$("footer.footer").height()+10),$(".sidebar-sticky").sticky({topSpacing:e,bottomSpacing:t}))});

View File

@@ -0,0 +1,558 @@
/*=========================================================================================
File Name: dashboard-analytics.js
Description: dashboard analytics page content with Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function () {
var $primary = '#7367F0';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $info = '#0DCCE1';
var $primary_light = '#8F80F9';
var $warning_light = '#FFC085';
var $danger_light = '#f29292';
var $info_light = '#1edec5';
var $strok_color = '#b9c3cd';
var $label_color = '#e7eef7';
var $white = '#fff';
// Subscribers Gained Chart starts //
// ----------------------------------
var gainedChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar: {
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$primary],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Subscribers',
data: [28, 40, 36, 52, 38, 60, 55]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var gainedChart = new ApexCharts(
document.querySelector("#subscribe-gain-chart"),
gainedChartoptions
);
gainedChart.render();
// Subscribers Gained Chart ends //
// Orders Received Chart starts //
// ----------------------------------
var orderChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar: {
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$warning],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Orders',
data: [10, 15, 8, 15, 7, 12, 8]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var orderChart = new ApexCharts(
document.querySelector("#orders-received-chart"),
orderChartoptions
);
orderChart.render();
// Orders Received Chart ends //
// Avg Session Chart Starts
// ----------------------------------
var sessionChartoptions = {
chart: {
type: 'bar',
height: 200,
sparkline: { enabled: true },
toolbar: { show: false },
},
states: {
hover: {
filter: 'none'
}
},
colors: [$label_color, $label_color, $primary, $label_color, $label_color, $label_color],
series: [{
name: 'Sessions',
data: [75, 125, 225, 175, 125, 75, 25]
}],
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
plotOptions: {
bar: {
columnWidth: '45%',
distributed: true,
}
},
tooltip: {
x: { show: false }
},
xaxis: {
type: 'numeric',
}
}
var sessionChart = new ApexCharts(
document.querySelector("#avg-session-chart"),
sessionChartoptions
);
sessionChart.render();
// Avg Session Chart ends //
// Support Tracker Chart starts
// -----------------------------
var supportChartoptions = {
chart: {
height: 270,
type: 'radialBar',
},
plotOptions: {
radialBar: {
size: 150,
startAngle: -150,
endAngle: 150,
offsetY: 20,
hollow: {
size: '65%',
},
track: {
background: $white,
strokeWidth: '100%',
},
dataLabels: {
value: {
offsetY: 30,
color: '#99a2ac',
fontSize: '2rem'
}
}
},
},
colors: [$danger],
fill: {
type: 'gradient',
gradient: {
// enabled: true,
shade: 'dark',
type: 'horizontal',
shadeIntensity: 0.5,
gradientToColors: [$primary],
inverseColors: true,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
stroke: {
dashArray: 8
},
series: [83],
labels: ['Completed Tickets'],
}
var supportChart = new ApexCharts(
document.querySelector("#support-tracker-chart"),
supportChartoptions
);
supportChart.render();
// Support Tracker Chart ends
// Product Order Chart starts
// -----------------------------
var productChartoptions = {
chart: {
height: 325,
type: 'radialBar',
},
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
// enabled: true,
shade: 'dark',
type: 'vertical',
shadeIntensity: 0.5,
gradientToColors: [$primary_light, $warning_light, $danger_light],
inverseColors: false,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
stroke: {
lineCap: 'round'
},
plotOptions: {
radialBar: {
size: 165,
hollow: {
size: '20%'
},
track: {
strokeWidth: '100%',
margin: 15,
},
dataLabels: {
name: {
fontSize: '18px',
},
value: {
fontSize: '16px',
},
total: {
show: true,
label: 'Total',
formatter: function (w) {
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
return 42459
}
}
}
}
},
series: [70, 52, 26],
labels: ['Finished', 'Pending', 'Rejected'],
}
var productChart = new ApexCharts(
document.querySelector("#product-order-chart"),
productChartoptions
);
productChart.render();
// Product Order Chart ends //
// Sales Chart starts
// -----------------------------
var salesChartoptions = {
chart: {
height: 400,
type: 'radar',
dropShadow: {
enabled: true,
blur: 8,
left: 1,
top: 1,
opacity: 0.2
},
toolbar: {
show: false
},
},
toolbar: { show: false },
series: [{
name: 'Sales',
data: [90, 50, 86, 40, 100, 20],
}, {
name: 'Visit',
data: [70, 75, 70, 76, 20, 85],
}],
stroke: {
width: 0
},
colors: [$primary, $info],
plotOptions: {
radar: {
polygons: {
strokeColors: ['#e8e8e8', 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],
connectorColors: 'transparent'
}
}
},
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
gradientToColors: ['#9f8ed7', $info_light],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
},
legend: {
show: true,
position: 'top',
horizontalAlign: 'left',
fontSize: '16px',
markers: {
width: 10,
height: 10,
}
},
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
dataLabels: {
style: {
colors: [$strok_color, $strok_color, $strok_color, $strok_color, $strok_color, $strok_color]
}
},
yaxis: {
show: false,
},
grid: {
show: false,
},
}
var salesChart = new ApexCharts(
document.querySelector("#sales-chart"),
salesChartoptions
);
salesChart.render();
// Sales Chart ends //
/***** TOUR ******/
var tour = new Shepherd.Tour({
classes: 'shadow-md bg-purple-dark',
scrollTo: true
})
// tour steps
tour.addStep('step-1', {
text: 'Toggle Collapse Sidebar.',
attachTo: '.modern-nav-toggle .collapse-toggle-icon bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-2', {
text: 'Create your own bookmarks. You can also re-arrange them using drag & drop.',
attachTo: '.bookmark-icons .icon-mail bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: "previous",
action: tour.back
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-3', {
text: 'You can change language from here.',
attachTo: '.dropdown-language .flag-icon bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: "previous",
action: tour.back
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-4', {
text: 'Try fuzzy search to visit pages in flash.',
attachTo: '.nav-link-search .icon-search bottom',
buttons: [
{
text: "Skip",
action: tour.complete
},
{
text: "previous",
action: tour.back
},
{
text: 'Next',
action: tour.next
},
]
});
tour.addStep('step-5', {
text: 'Buy this awesomeness at affordable price!',
attachTo: '.buy-now bottom',
buttons: [
{
text: "previous",
action: tour.back
},
{
text: "Finish",
action: tour.complete
},
]
});
if ($(window).width() > 1200 && !$("body").hasClass("menu-collapsed")) {
tour.start()
}
else {
tour.cancel()
}
$(window).on("resize", function () {
tour.cancel()
})
});

View File

@@ -0,0 +1 @@
$(window).on("load",function(){var e="#7367F0",t="#EA5455",a="#FF9F43",o="#b9c3cd",r="#e7eef7",s={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[e],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Subscribers",data:[28,40,36,52,38,60,55]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#subscribe-gain-chart"),s).render();var i={chart:{height:100,type:"area",toolbar:{show:!1},sparkline:{enabled:!0},grid:{show:!1,padding:{left:0,right:0}}},colors:[a],dataLabels:{enabled:!1},stroke:{curve:"smooth",width:2.5},fill:{type:"gradient",gradient:{shadeIntensity:.9,opacityFrom:.7,opacityTo:.5,stops:[0,80,100]}},series:[{name:"Orders",data:[10,15,8,15,7,12,8]}],xaxis:{labels:{show:!1},axisBorder:{show:!1}},yaxis:[{y:0,offsetX:0,offsetY:0,padding:{left:0,right:0}}],tooltip:{x:{show:!1}}};new ApexCharts(document.querySelector("#orders-received-chart"),i).render();var n={chart:{type:"bar",height:200,sparkline:{enabled:!0},toolbar:{show:!1}},states:{hover:{filter:"none"}},colors:[r,r,e,r,r,r],series:[{name:"Sessions",data:[75,125,225,175,125,75,25]}],grid:{show:!1,padding:{left:0,right:0}},plotOptions:{bar:{columnWidth:"45%",distributed:!0}},tooltip:{x:{show:!1}},xaxis:{type:"numeric"}};new ApexCharts(document.querySelector("#avg-session-chart"),n).render();var l={chart:{height:270,type:"radialBar"},plotOptions:{radialBar:{size:150,startAngle:-150,endAngle:150,offsetY:20,hollow:{size:"65%"},track:{background:"#fff",strokeWidth:"100%"},dataLabels:{value:{offsetY:30,color:"#99a2ac",fontSize:"2rem"}}}},colors:[t],fill:{type:"gradient",gradient:{shade:"dark",type:"horizontal",shadeIntensity:.5,gradientToColors:[e],inverseColors:!0,opacityFrom:1,opacityTo:1,stops:[0,100]}},stroke:{dashArray:8},series:[83],labels:["Completed Tickets"]};new ApexCharts(document.querySelector("#support-tracker-chart"),l).render();var d={chart:{height:325,type:"radialBar"},colors:[e,a,t],fill:{type:"gradient",gradient:{shade:"dark",type:"vertical",shadeIntensity:.5,gradientToColors:["#8F80F9","#FFC085","#f29292"],inverseColors:!1,opacityFrom:1,opacityTo:1,stops:[0,100]}},stroke:{lineCap:"round"},plotOptions:{radialBar:{size:165,hollow:{size:"20%"},track:{strokeWidth:"100%",margin:15},dataLabels:{name:{fontSize:"18px"},value:{fontSize:"16px"},total:{show:!0,label:"Total",formatter:function(e){return 42459}}}}},series:[70,52,26],labels:["Finished","Pending","Rejected"]};new ApexCharts(document.querySelector("#product-order-chart"),d).render();var c={chart:{height:400,type:"radar",dropShadow:{enabled:!0,blur:8,left:1,top:1,opacity:.2},toolbar:{show:!1}},toolbar:{show:!1},series:[{name:"Sales",data:[90,50,86,40,100,20]},{name:"Visit",data:[70,75,70,76,20,85]}],stroke:{width:0},colors:[e,"#0DCCE1"],plotOptions:{radar:{polygons:{strokeColors:["#e8e8e8","transparent","transparent","transparent","transparent","transparent"],connectorColors:"transparent"}}},fill:{type:"gradient",gradient:{shade:"dark",gradientToColors:["#9f8ed7","#1edec5"],shadeIntensity:1,type:"horizontal",opacityFrom:1,opacityTo:1,stops:[0,100,100,100]}},markers:{size:0},legend:{show:!0,position:"top",horizontalAlign:"left",fontSize:"16px",markers:{width:10,height:10}},labels:["Jan","Feb","Mar","Apr","May","Jun"],dataLabels:{style:{colors:[o,o,o,o,o,o]}},yaxis:{show:!1},grid:{show:!1}};new ApexCharts(document.querySelector("#sales-chart"),c).render();var p=new Shepherd.Tour({classes:"shadow-md bg-purple-dark",scrollTo:!0});p.addStep("step-1",{text:"Toggle Collapse Sidebar.",attachTo:".modern-nav-toggle .collapse-toggle-icon bottom",buttons:[{text:"Skip",action:p.complete},{text:"Next",action:p.next}]}),p.addStep("step-2",{text:"Create your own bookmarks. You can also re-arrange them using drag & drop.",attachTo:".bookmark-icons .icon-mail bottom",buttons:[{text:"Skip",action:p.complete},{text:"previous",action:p.back},{text:"Next",action:p.next}]}),p.addStep("step-3",{text:"You can change language from here.",attachTo:".dropdown-language .flag-icon bottom",buttons:[{text:"Skip",action:p.complete},{text:"previous",action:p.back},{text:"Next",action:p.next}]}),p.addStep("step-4",{text:"Try fuzzy search to visit pages in flash.",attachTo:".nav-link-search .icon-search bottom",buttons:[{text:"Skip",action:p.complete},{text:"previous",action:p.back},{text:"Next",action:p.next}]}),p.addStep("step-5",{text:"Buy this awesomeness at affordable price!",attachTo:".buy-now bottom",buttons:[{text:"previous",action:p.back},{text:"Finish",action:p.complete}]}),1200<$(window).width()&&!$("body").hasClass("menu-collapsed")?p.start():p.cancel(),$(window).on("resize",function(){p.cancel()})});

View File

@@ -0,0 +1,636 @@
/*=========================================================================================
File Name: dashboard-ecommerce.js
Description: dashboard ecommerce page content with Apexchart Examples
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(window).on("load", function () {
var $primary = '#7367F0';
var $success = '#28C76F';
var $danger = '#EA5455';
var $warning = '#FF9F43';
var $info = '#00cfe8';
var $primary_light = '#A9A2F6';
var $danger_light = '#f29292';
var $success_light = '#55DD92';
var $warning_light = '#ffc085';
var $info_light = '#1fcadb';
var $strok_color = '#b9c3cd';
var $label_color = '#e7e7e7';
var $white = '#fff';
// Line Area Chart - 1
// ----------------------------------
var gainedlineChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar: {
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$primary],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Subscribers',
data: [28, 40, 36, 52, 38, 60, 55]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var gainedlineChart = new ApexCharts(
document.querySelector("#line-area-chart-1"),
gainedlineChartoptions
);
gainedlineChart.render();
// Line Area Chart - 2
// ----------------------------------
var revenuelineChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar: {
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$success],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Revenue',
data: [350, 275, 400, 300, 350, 300, 450]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var revenuelineChart = new ApexCharts(
document.querySelector("#line-area-chart-2"),
revenuelineChartoptions
);
revenuelineChart.render();
// Line Area Chart - 3
// ----------------------------------
var saleslineChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar: {
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$danger],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Sales',
data: [10, 15, 7, 12, 3, 16]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var saleslineChart = new ApexCharts(
document.querySelector("#line-area-chart-3"),
saleslineChartoptions
);
saleslineChart.render();
// Line Area Chart - 4
// ----------------------------------
var orderlineChartoptions = {
chart: {
height: 100,
type: 'area',
toolbar: {
show: false,
},
sparkline: {
enabled: true
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
},
colors: [$warning],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 2.5
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 0.9,
opacityFrom: 0.7,
opacityTo: 0.5,
stops: [0, 80, 100]
}
},
series: [{
name: 'Orders',
data: [10, 15, 8, 15, 7, 12, 8]
}],
xaxis: {
labels: {
show: false,
},
axisBorder: {
show: false,
}
},
yaxis: [{
y: 0,
offsetX: 0,
offsetY: 0,
padding: { left: 0, right: 0 },
}],
tooltip: {
x: { show: false }
},
}
var orderlineChart = new ApexCharts(
document.querySelector("#line-area-chart-4"),
orderlineChartoptions
);
orderlineChart.render();
// revenue-chart Chart
// -----------------------------
var revenueChartoptions = {
chart: {
height: 270,
toolbar: { show: false },
type: 'line',
},
stroke: {
curve: 'smooth',
dashArray: [0, 8],
width: [4, 2],
},
grid: {
borderColor: $label_color,
},
legend: {
show: false,
},
colors: [$danger_light, $strok_color],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
inverseColors: false,
gradientToColors: [$primary, $strok_color],
shadeIntensity: 1,
type: 'horizontal',
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100, 100, 100]
},
},
markers: {
size: 0,
hover: {
size: 5
}
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['01', '05', '09', '13', '17', '21', '26', '31'],
axisBorder: {
show: false,
},
tickPlacement: 'on',
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
},
formatter: function (val) {
return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;
}
}
},
tooltip: {
x: { show: false }
},
series: [{
name: "This Month",
data: [45000, 47000, 44800, 47500, 45500, 48000, 46500, 48600]
},
{
name: "Last Month",
data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]
}
],
}
var revenueChart = new ApexCharts(
document.querySelector("#revenue-chart"),
revenueChartoptions
);
revenueChart.render();
// Goal Overview Chart
// -----------------------------
var goalChartoptions = {
chart: {
height: 250,
type: 'radialBar',
sparkline: {
enabled: true,
},
dropShadow: {
enabled: true,
blur: 3,
left: 1,
top: 1,
opacity: 0.1
},
},
colors: [$success],
plotOptions: {
radialBar: {
size: 110,
startAngle: -150,
endAngle: 150,
hollow: {
size: '77%',
},
track: {
background: $strok_color,
strokeWidth: '50%',
},
dataLabels: {
name: {
show: false
},
value: {
offsetY: 18,
color: '#99a2ac',
fontSize: '4rem'
}
}
}
},
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
type: 'horizontal',
shadeIntensity: 0.5,
gradientToColors: ['#00b5b5'],
inverseColors: true,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 100]
},
},
series: [83],
stroke: {
lineCap: 'round'
},
}
var goalChart = new ApexCharts(
document.querySelector("#goal-overview-chart"),
goalChartoptions
);
goalChart.render();
// Client Retention Chart
// ----------------------------------
var clientChartoptions = {
chart: {
stacked: true,
type: 'bar',
toolbar: { show: false },
height: 300,
},
plotOptions: {
bar: {
columnWidth: '10%'
}
},
colors: [$primary, $danger],
series: [{
name: 'New Clients',
data: [175, 125, 225, 175, 160, 189, 206, 134, 159, 216, 148, 123]
}, {
name: 'Retained Clients',
data: [-144, -155, -141, -167, -122, -143, -158, -107, -126, -131, -140, -137]
}],
grid: {
borderColor: $label_color,
padding: {
left: 0,
right: 0
}
},
legend: {
show: true,
position: 'top',
horizontalAlign: 'left',
offsetX: 0,
fontSize: '14px',
markers: {
radius: 50,
width: 10,
height: 10,
}
},
dataLabels: {
enabled: false
},
xaxis: {
labels: {
style: {
colors: $strok_color,
}
},
axisTicks: {
show: false,
},
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
axisBorder: {
show: false,
},
},
yaxis: {
tickAmount: 5,
labels: {
style: {
color: $strok_color,
}
}
},
tooltip: {
x: { show: false }
},
}
var clientChart = new ApexCharts(
document.querySelector("#client-retention-chart"),
clientChartoptions
);
clientChart.render();
// Session Chart
// ----------------------------------
var sessionChartoptions = {
chart: {
type: 'donut',
height: 325,
toolbar: {
show: false
}
},
dataLabels: {
enabled: false
},
series: [58.6, 34.9, 6.5],
legend: { show: false },
comparedResult: [2, -3, 8],
labels: ['Desktop', 'Mobile', 'Tablet'],
stroke: { width: 0 },
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
gradientToColors: [$primary_light, $warning_light, $danger_light]
}
}
}
var sessionChart = new ApexCharts(
document.querySelector("#session-chart"),
sessionChartoptions
);
sessionChart.render();
// Customer Chart
// -----------------------------
var customerChartoptions = {
chart: {
type: 'pie',
height: 330,
dropShadow: {
enabled: false,
blur: 5,
left: 1,
top: 1,
opacity: 0.2
},
toolbar: {
show: false
}
},
labels: ['New', 'Returning', 'Referrals'],
series: [690, 258, 149],
dataLabels: {
enabled: false
},
legend: { show: false },
stroke: {
width: 5
},
colors: [$primary, $warning, $danger],
fill: {
type: 'gradient',
gradient: {
gradientToColors: [$primary_light, $warning_light, $danger_light]
}
}
}
var customerChart = new ApexCharts(
document.querySelector("#customer-chart"),
customerChartoptions
);
customerChart.render();
});
// Chat Application
(function ($) {
"use strict";
// Chat area
if ($('.chat-application .user-chats').length > 0) {
var chat_user = new PerfectScrollbar(".user-chats", { wheelPropagation: false });
}
})(jQuery);

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,42 @@
/*=========================================================================================
File Name: app-todo.js
Description: app-todo
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(function() {
"use strict";
// Filter
$("#searchbar").on("keyup", function() {
var value = $(this).val().toLowerCase();
if(value!=""){
$(".search-content-info .search-content").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
});
var search_row = $(".search-content-info .search-content:visible").length;
//Check if search-content has row or not
if ( search_row == 0 ){
$('.search-content-info .no-result').removeClass('no-items');
}
else{
if(!$('.search-content-info .no-result').hasClass('no-items') ){
$('.search-content-info .no-result').addClass('no-items');
}
}
}
else {
// If filter box is empty
$(".search-content-info .search-content").show();
if ($('.search-content-info .no-results').hasClass('no-items')) {
$('.search-content-info .no-results').removeClass('no-items');
}
}
});
});

View File

@@ -0,0 +1 @@
$(function(){"use strict";$("#searchbar").on("keyup",function(){var e=$(this).val().toLowerCase();""!=e?($(".search-content-info .search-content").filter(function(){$(this).toggle(-1<$(this).text().toLowerCase().indexOf(e))}),0==$(".search-content-info .search-content:visible").length?$(".search-content-info .no-result").removeClass("no-items"):$(".search-content-info .no-result").hasClass("no-items")||$(".search-content-info .no-result").addClass("no-items")):($(".search-content-info .search-content").show(),$(".search-content-info .no-results").hasClass("no-items")&&$(".search-content-info .no-results").removeClass("no-items"))})});

View File

@@ -0,0 +1,33 @@
/*=========================================================================================
File Name: content-sidebar.js
Description: Invoices list datables configurations
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function() {
if($(".sidebar-sticky").length){
var headerNavbarHeight,
footerNavbarHeight;
// Header & Footer offset only for right & left sticky sidebar
if($("body").hasClass('content-right-sidebar') || $("body").hasClass('content-left-sidebar')){
headerNavbarHeight = $('.header-navbar').height();
footerNavbarHeight = $('footer.footer').height();
}
// Header & Footer offset with padding for detached right & left dsticky sidebar
else{
headerNavbarHeight = $('.header-navbar').height()+24;
footerNavbarHeight = $('footer.footer').height()+10;
}
$(".sidebar-sticky").sticky({
topSpacing: headerNavbarHeight,
bottomSpacing: footerNavbarHeight
});
}
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){var t,e;$(".sidebar-sticky").length&&(e=$("body").hasClass("content-right-sidebar")||$("body").hasClass("content-left-sidebar")?(t=$(".header-navbar").height(),$("footer.footer").height()):(t=$(".header-navbar").height()+24,$("footer.footer").height()+10),$(".sidebar-sticky").sticky({topSpacing:t,bottomSpacing:e}))});

View File

@@ -0,0 +1,41 @@
/*=========================================================================================
File Name: user-profile.js
Description: User Profile jQuery Plugin Intialization
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
$(document).ready(function(){
/************************************
* Block Examples *
************************************/
$('.block-element').on('click', function() {
var block_ele = $(this);
$(block_ele).block({
message: '<div class="spinner-border text-primary"></div>',
timeout: 2000, //unblock after 2 seconds
overlayCSS: {
backgroundColor: '#fff',
opacity: 0.8,
cursor: 'wait'
},
css: {
border: 0,
padding: 0,
backgroundColor: 'transparent'
}
});
});
// profile-header-nav toggle
$('.navbar-toggler').on('click',function(){
$('.navbar-collapse').toggleClass('show');
$('.navbar-toggler-icon i').toggleClass('icon-x icon-align-justify');
});
});

View File

@@ -0,0 +1 @@
$(document).ready(function(){$(".block-element").on("click",function(){var o=$(this);$(o).block({message:'<div class="spinner-border text-primary"></div>',timeout:2e3,overlayCSS:{backgroundColor:"#fff",opacity:.8,cursor:"wait"},css:{border:0,padding:0,backgroundColor:"transparent"}})}),$(".navbar-toggler").on("click",function(){$(".navbar-collapse").toggleClass("show"),$(".navbar-toggler-icon i").toggleClass("icon-x icon-align-justify")})});

View File

@@ -0,0 +1,21 @@
/*=========================================================================================
File Name: user-settings.js
Description: User Settings jQuery Plugin Intialization
--------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Version: 1.1
Author: PIXINVENT
Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
// profile picture upload
Dropzone.options.profilePicUpload = {
paramName: "file", // The name that will be used to transfer the file
maxFiles: 1,
init: function () {
this.on("maxfilesexceeded", function (file) {
this.removeAllFiles();
this.addFile(file);
});
}
};

View File

@@ -0,0 +1 @@
Dropzone.options.profilePicUpload={paramName:"file",maxFiles:1,init:function(){this.on("maxfilesexceeded",function(i){this.removeAllFiles(),this.addFile(i)})}};

View File

@@ -0,0 +1,72 @@
/*=========================================================================================
File Name: pagination.js
Description: Provide pagination links for your site or app with the multi-page
pagination component.
----------------------------------------------------------------------------------------
Item Name: Vuesax HTML Admin Template
Author: Pixinvent
Author URL: hhttp://www.themeforest.net/user/pixinvent
==========================================================================================*/
(function (window, document, $) {
'use strict';
// default pagination
$('.page1-links').twbsPagination({
totalPages: 5,
visiblePages: 4,
prev: 'Prev',
first: null,
last: null,
startPage: 2,
onPageClick: function (event, page) {
$('#page1-content').text('You are on Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
//Default Pagination with last & first
$('.firstLast1-links').twbsPagination({
totalPages: 5,
visiblePages: 4,
prev: 'Prev',
first: 'First',
last: 'Last',
startPage: 2,
onPageClick: function (event, page) {
$('#firstLast1-content').text('You are on Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
//Set Start Page Of Pagination
$('.start-links').twbsPagination({
totalPages: 10,
visiblePages: 6,
startPage: 5,
prev: 'Prev',
first: 'First',
last: 'Last',
onPageClick: function (event, page) {
$('#start-content').text('Your start Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
// Pagination drop after reload
$('.url1-links').twbsPagination({
totalPages: 10,
visiblePages: 5,
prev: 'Prev',
first: 'First',
last: 'Last',
href: '?page={{page}}&#url1-content',
hrefVariable: '{{page}}',
onPageClick: function (event, page) {
$('#url1-content').text('You are on Page ' + page);
$(".pagination").find('li').addClass('page-item');
$(".pagination").find('a').addClass("page-link");
}
});
})(window, document, jQuery);

View File

@@ -0,0 +1 @@
!function(a,t,i){"use strict";i(".page1-links").twbsPagination({totalPages:5,visiblePages:4,prev:"Prev",first:null,last:null,startPage:2,onPageClick:function(a,t){i("#page1-content").text("You are on Page "+t),i(".pagination").find("li").addClass("page-item"),i(".pagination").find("a").addClass("page-link")}}),i(".firstLast1-links").twbsPagination({totalPages:5,visiblePages:4,prev:"Prev",first:"First",last:"Last",startPage:2,onPageClick:function(a,t){i("#firstLast1-content").text("You are on Page "+t),i(".pagination").find("li").addClass("page-item"),i(".pagination").find("a").addClass("page-link")}}),i(".start-links").twbsPagination({totalPages:10,visiblePages:6,startPage:5,prev:"Prev",first:"First",last:"Last",onPageClick:function(a,t){i("#start-content").text("Your start Page "+t),i(".pagination").find("li").addClass("page-item"),i(".pagination").find("a").addClass("page-link")}}),i(".url1-links").twbsPagination({totalPages:10,visiblePages:5,prev:"Prev",first:"First",last:"Last",href:"?page={{page}}&#url1-content",hrefVariable:"{{page}}",onPageClick:function(a,t){i("#url1-content").text("You are on Page "+t),i(".pagination").find("li").addClass("page-item"),i(".pagination").find("a").addClass("page-link")}})}(window,document,jQuery);

Some files were not shown because too many files have changed in this diff Show More