restore composer.json, add mysqli extension
This commit is contained in:
693
public/vendor/dashboard/app-assets/js/scripts/cards/card-analytics.js
vendored
Executable file
693
public/vendor/dashboard/app-assets/js/scripts/cards/card-analytics.js
vendored
Executable 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();
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/cards/card-analytics.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/cards/card-analytics.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
534
public/vendor/dashboard/app-assets/js/scripts/cards/card-statistics.js
vendored
Executable file
534
public/vendor/dashboard/app-assets/js/scripts/cards/card-statistics.js
vendored
Executable 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();
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/cards/card-statistics.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/cards/card-statistics.min.js
vendored
Executable 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()});
|
||||
989
public/vendor/dashboard/app-assets/js/scripts/charts/chart-apex.js
vendored
Executable file
989
public/vendor/dashboard/app-assets/js/scripts/charts/chart-apex.js
vendored
Executable 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();
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/charts/chart-apex.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/charts/chart-apex.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
697
public/vendor/dashboard/app-assets/js/scripts/charts/chart-chartjs.js
vendored
Executable file
697
public/vendor/dashboard/app-assets/js/scripts/charts/chart-chartjs.js
vendored
Executable 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);
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/charts/chart-chartjs.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/charts/chart-chartjs.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
328
public/vendor/dashboard/app-assets/js/scripts/charts/chart-echart.js
vendored
Executable file
328
public/vendor/dashboard/app-assets/js/scripts/charts/chart-echart.js
vendored
Executable 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);
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/charts/chart-echart.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/charts/chart-echart.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
109
public/vendor/dashboard/app-assets/js/scripts/charts/gmaps/maps.js
vendored
Executable file
109
public/vendor/dashboard/app-assets/js/scripts/charts/gmaps/maps.js
vendored
Executable 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 }
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/charts/gmaps/maps.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/charts/gmaps/maps.min.js
vendored
Executable 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}})})});
|
||||
83
public/vendor/dashboard/app-assets/js/scripts/components.js
vendored
Executable file
83
public/vendor/dashboard/app-assets/js/scripts/components.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/components.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/components.min.js
vendored
Executable 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);
|
||||
241
public/vendor/dashboard/app-assets/js/scripts/customizer.js
vendored
Executable file
241
public/vendor/dashboard/app-assets/js/scripts/customizer.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/customizer.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/customizer.min.js
vendored
Executable 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);
|
||||
141
public/vendor/dashboard/app-assets/js/scripts/datatables/datatable.js
vendored
Executable file
141
public/vendor/dashboard/app-assets/js/scripts/datatables/datatable.js
vendored
Executable 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
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/datatables/datatable.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/datatables/datatable.min.js
vendored
Executable 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})});
|
||||
48
public/vendor/dashboard/app-assets/js/scripts/datatables/user-datatable.js
vendored
Executable file
48
public/vendor/dashboard/app-assets/js/scripts/datatables/user-datatable.js
vendored
Executable 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",
|
||||
}
|
||||
|
||||
|
||||
} );
|
||||
|
||||
|
||||
|
||||
|
||||
} );
|
||||
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/datatables/user-datatable.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/datatables/user-datatable.min.js
vendored
Executable 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"}})});
|
||||
13
public/vendor/dashboard/app-assets/js/scripts/documentation.js
vendored
Executable file
13
public/vendor/dashboard/app-assets/js/scripts/documentation.js
vendored
Executable 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' });
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/documentation.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/documentation.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){$("body").scrollspy({target:"#sidebar-page-navigation"})});
|
||||
90
public/vendor/dashboard/app-assets/js/scripts/editors/editor-quill.js
vendored
Executable file
90
public/vendor/dashboard/app-assets/js/scripts/editors/editor-quill.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/editors/editor-quill.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/editors/editor-quill.min.js
vendored
Executable 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);
|
||||
12
public/vendor/dashboard/app-assets/js/scripts/extensions/const-plyr.js
vendored
Executable file
12
public/vendor/dashboard/app-assets/js/scripts/extensions/const-plyr.js
vendored
Executable 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');
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/const-plyr.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/const-plyr.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
var player=new Plyr("#player");
|
||||
79
public/vendor/dashboard/app-assets/js/scripts/extensions/context-menu.js
vendored
Executable file
79
public/vendor/dashboard/app-assets/js/scripts/extensions/context-menu.js
vendored
Executable 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" }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/context-menu.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/context-menu.min.js
vendored
Executable 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"}}}}}}});
|
||||
18
public/vendor/dashboard/app-assets/js/scripts/extensions/copy-to-clipboard.js
vendored
Executable file
18
public/vendor/dashboard/app-assets/js/scripts/extensions/copy-to-clipboard.js
vendored
Executable 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");
|
||||
})
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/copy-to-clipboard.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/copy-to-clipboard.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
var userText=$("#copy-to-clipboard-input"),btnCopy=$("#btn-copy");btnCopy.on("click",function(){userText.select(),document.execCommand("copy")});
|
||||
34
public/vendor/dashboard/app-assets/js/scripts/extensions/drag-drop.js
vendored
Executable file
34
public/vendor/dashboard/app-assets/js/scripts/extensions/drag-drop.js
vendored
Executable 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');
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/drag-drop.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/drag-drop.min.js
vendored
Executable 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")}})});
|
||||
92
public/vendor/dashboard/app-assets/js/scripts/extensions/dropzone.js
vendored
Executable file
92
public/vendor/dashboard/app-assets/js/scripts/extensions/dropzone.js
vendored
Executable 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);
|
||||
});
|
||||
}
|
||||
}
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/dropzone.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/dropzone.min.js
vendored
Executable 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()})}};
|
||||
195
public/vendor/dashboard/app-assets/js/scripts/extensions/fullcalendar.js
vendored
Executable file
195
public/vendor/dashboard/app-assets/js/scripts/extensions/fullcalendar.js
vendored
Executable 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'
|
||||
});
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/fullcalendar.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/fullcalendar.min.js
vendored
Executable 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"})});
|
||||
38
public/vendor/dashboard/app-assets/js/scripts/extensions/i18n.js
vendored
Executable file
38
public/vendor/dashboard/app-assets/js/scripts/extensions/i18n.js
vendored
Executable 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();
|
||||
});
|
||||
})
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/i18n.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/i18n.min.js
vendored
Executable 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()})});
|
||||
851
public/vendor/dashboard/app-assets/js/scripts/extensions/noui-slider.js
vendored
Executable file
851
public/vendor/dashboard/app-assets/js/scripts/extensions/noui-slider.js
vendored
Executable 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]);
|
||||
});
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/noui-slider.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/noui-slider.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
391
public/vendor/dashboard/app-assets/js/scripts/extensions/sweet-alerts.js
vendored
Executable file
391
public/vendor/dashboard/app-assets/js/scripts/extensions/sweet-alerts.js
vendored
Executable 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 →',
|
||||
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',
|
||||
})
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/sweet-alerts.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/sweet-alerts.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
141
public/vendor/dashboard/app-assets/js/scripts/extensions/toastr.js
vendored
Executable file
141
public/vendor/dashboard/app-assets/js/scripts/extensions/toastr.js
vendored
Executable 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 });
|
||||
});
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/toastr.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/toastr.min.js
vendored
Executable 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})})});
|
||||
115
public/vendor/dashboard/app-assets/js/scripts/extensions/tour.js
vendored
Executable file
115
public/vendor/dashboard/app-assets/js/scripts/extensions/tour.js
vendored
Executable 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);;
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/tour.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/tour.min.js
vendored
Executable 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}]})});
|
||||
69
public/vendor/dashboard/app-assets/js/scripts/extensions/unslider.js
vendored
Executable file
69
public/vendor/dashboard/app-assets/js/scripts/extensions/unslider.js
vendored
Executable 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());
|
||||
});
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/extensions/unslider.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/extensions/unslider.min.js
vendored
Executable 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())})});
|
||||
26
public/vendor/dashboard/app-assets/js/scripts/footer.js
vendored
Executable file
26
public/vendor/dashboard/app-assets/js/scripts/footer.js
vendored
Executable 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);
|
||||
});
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/footer.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/footer.min.js
vendored
Executable 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)})});
|
||||
37
public/vendor/dashboard/app-assets/js/scripts/forms/basic-inputs.js
vendored
Executable file
37
public/vendor/dashboard/app-assets/js/scripts/forms/basic-inputs.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/basic-inputs.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/basic-inputs.min.js
vendored
Executable 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);
|
||||
69
public/vendor/dashboard/app-assets/js/scripts/forms/form-maxlength.js
vendored
Executable file
69
public/vendor/dashboard/app-assets/js/scripts/forms/form-maxlength.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/form-maxlength.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/form-maxlength.min.js
vendored
Executable 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);
|
||||
24
public/vendor/dashboard/app-assets/js/scripts/forms/form-tooltip-valid.js
vendored
Executable file
24
public/vendor/dashboard/app-assets/js/scripts/forms/form-tooltip-valid.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/form-tooltip-valid.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/form-tooltip-valid.min.js
vendored
Executable 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);
|
||||
77
public/vendor/dashboard/app-assets/js/scripts/forms/number-input.js
vendored
Executable file
77
public/vendor/dashboard/app-assets/js/scripts/forms/number-input.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/number-input.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/number-input.min.js
vendored
Executable 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);
|
||||
217
public/vendor/dashboard/app-assets/js/scripts/forms/pickers/form-pickers.js
vendored
Executable file
217
public/vendor/dashboard/app-assets/js/scripts/forms/pickers/form-pickers.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/pickers/form-pickers.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/pickers/form-pickers.min.js
vendored
Executable 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);
|
||||
248
public/vendor/dashboard/app-assets/js/scripts/forms/select/form-select2.js
vendored
Executable file
248
public/vendor/dashboard/app-assets/js/scripts/forms/select/form-select2.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/select/form-select2.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/select/form-select2.min.js
vendored
Executable 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);
|
||||
17
public/vendor/dashboard/app-assets/js/scripts/forms/validation/form-validation.js
vendored
Executable file
17
public/vendor/dashboard/app-assets/js/scripts/forms/validation/form-validation.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/validation/form-validation.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/validation/form-validation.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
!function(){"use strict";jQuery("input,select,textarea").not("[type=submit]").jqBootstrapValidation()}(window,document);
|
||||
95
public/vendor/dashboard/app-assets/js/scripts/forms/wizard-steps.js
vendored
Executable file
95
public/vendor/dashboard/app-assets/js/scripts/forms/wizard-steps.js
vendored
Executable 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
|
||||
}
|
||||
}
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/forms/wizard-steps.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/forms/wizard-steps.min.js
vendored
Executable 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}}});
|
||||
41
public/vendor/dashboard/app-assets/js/scripts/modal/components-modal.js
vendored
Executable file
41
public/vendor/dashboard/app-assets/js/scripts/modal/components-modal.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/modal/components-modal.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/modal/components-modal.min.js
vendored
Executable 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);
|
||||
19
public/vendor/dashboard/app-assets/js/scripts/navs/navs.js
vendored
Executable file
19
public/vendor/dashboard/app-assets/js/scripts/navs/navs.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/navs/navs.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/navs/navs.min.js
vendored
Executable 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);
|
||||
39
public/vendor/dashboard/app-assets/js/scripts/pages/3-columns-left-sidebar.js
vendored
Executable file
39
public/vendor/dashboard/app-assets/js/scripts/pages/3-columns-left-sidebar.js
vendored
Executable 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();
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/3-columns-left-sidebar.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/3-columns-left-sidebar.min.js
vendored
Executable 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()});
|
||||
161
public/vendor/dashboard/app-assets/js/scripts/pages/app-chat.js
vendored
Executable file
161
public/vendor/dashboard/app-assets/js/scripts/pages/app-chat.js
vendored
Executable 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());
|
||||
}
|
||||
}
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-chat.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-chat.min.js
vendored
Executable 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")}))});
|
||||
168
public/vendor/dashboard/app-assets/js/scripts/pages/app-ecommerce-shop.js
vendored
Executable file
168
public/vendor/dashboard/app-assets/js/scripts/pages/app-ecommerce-shop.js
vendored
Executable 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");
|
||||
}
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-ecommerce-shop.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-ecommerce-shop.min.js
vendored
Executable 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")});
|
||||
185
public/vendor/dashboard/app-assets/js/scripts/pages/app-email.js
vendored
Executable file
185
public/vendor/dashboard/app-assets/js/scripts/pages/app-email.js
vendored
Executable 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');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-email.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-email.min.js
vendored
Executable 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"))});
|
||||
324
public/vendor/dashboard/app-assets/js/scripts/pages/app-todo.js
vendored
Executable file
324
public/vendor/dashboard/app-assets/js/scripts/pages/app-todo.js
vendored
Executable 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');
|
||||
}
|
||||
}
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-todo.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/app-todo.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
13
public/vendor/dashboard/app-assets/js/scripts/pages/bootstrap-toast.js
vendored
Executable file
13
public/vendor/dashboard/app-assets/js/scripts/pages/bootstrap-toast.js
vendored
Executable 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');
|
||||
});
|
||||
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/bootstrap-toast.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/bootstrap-toast.min.js
vendored
Executable 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")});
|
||||
33
public/vendor/dashboard/app-assets/js/scripts/pages/coming-soon.js
vendored
Executable file
33
public/vendor/dashboard/app-assets/js/scripts/pages/coming-soon.js
vendored
Executable 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>'))
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/coming-soon.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/coming-soon.min.js
vendored
Executable 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>'))})});
|
||||
59
public/vendor/dashboard/app-assets/js/scripts/pages/content-sidebar.js
vendored
Executable file
59
public/vendor/dashboard/app-assets/js/scripts/pages/content-sidebar.js
vendored
Executable 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
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/content-sidebar.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/content-sidebar.min.js
vendored
Executable 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}))});
|
||||
558
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-analytics.js
vendored
Executable file
558
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-analytics.js
vendored
Executable 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()
|
||||
})
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-analytics.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-analytics.min.js
vendored
Executable 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()})});
|
||||
636
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-ecommerce.js
vendored
Executable file
636
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-ecommerce.js
vendored
Executable 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);
|
||||
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-ecommerce.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/dashboard-ecommerce.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
42
public/vendor/dashboard/app-assets/js/scripts/pages/faq-kb.js
vendored
Executable file
42
public/vendor/dashboard/app-assets/js/scripts/pages/faq-kb.js
vendored
Executable 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');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/faq-kb.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/faq-kb.min.js
vendored
Executable 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"))})});
|
||||
33
public/vendor/dashboard/app-assets/js/scripts/pages/sk-content-sidebar.js
vendored
Executable file
33
public/vendor/dashboard/app-assets/js/scripts/pages/sk-content-sidebar.js
vendored
Executable 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
|
||||
});
|
||||
}
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/sk-content-sidebar.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/sk-content-sidebar.min.js
vendored
Executable 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}))});
|
||||
41
public/vendor/dashboard/app-assets/js/scripts/pages/user-profile.js
vendored
Executable file
41
public/vendor/dashboard/app-assets/js/scripts/pages/user-profile.js
vendored
Executable 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');
|
||||
});
|
||||
|
||||
});
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/user-profile.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/user-profile.min.js
vendored
Executable 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")})});
|
||||
21
public/vendor/dashboard/app-assets/js/scripts/pages/user-settings.js
vendored
Executable file
21
public/vendor/dashboard/app-assets/js/scripts/pages/user-settings.js
vendored
Executable 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);
|
||||
});
|
||||
}
|
||||
};
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pages/user-settings.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pages/user-settings.min.js
vendored
Executable file
@@ -0,0 +1 @@
|
||||
Dropzone.options.profilePicUpload={paramName:"file",maxFiles:1,init:function(){this.on("maxfilesexceeded",function(i){this.removeAllFiles(),this.addFile(i)})}};
|
||||
72
public/vendor/dashboard/app-assets/js/scripts/pagination/pagination.js
vendored
Executable file
72
public/vendor/dashboard/app-assets/js/scripts/pagination/pagination.js
vendored
Executable 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);
|
||||
1
public/vendor/dashboard/app-assets/js/scripts/pagination/pagination.min.js
vendored
Executable file
1
public/vendor/dashboard/app-assets/js/scripts/pagination/pagination.min.js
vendored
Executable 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
Reference in New Issue
Block a user