sifatbaho/sifatbaho-php
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sifatbaho

Browse Source
This commit is contained in:
Azamov Samandar
2026-04-05 05:31:24 +05:00
commit df3d57f503
2609 changed files with 369825 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

480
resources/js/pages/sellers.init.js vendored Executable file
View File

@@ -0,0 +1,480 @@
/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://Themesbrand.com/
Contact: Themesbrand@gmail.com
File: Sellers init js
*/
// get colors array from the string
function getChartColorsArray(chartId) {
if (document.getElementById(chartId) !== null) {
var colors = document.getElementById(chartId).getAttribute("data-colors");
if (colors) {
colors = JSON.parse(colors);
return colors.map(function (value) {
var newValue = value.replace(" ", "");
if (newValue.indexOf(",") === -1) {
var color = getComputedStyle(document.documentElement).getPropertyValue(
newValue
);
if (color) return color;
else return newValue;
} else {
var val = value.split(",");
if (val.length == 2) {
var rgbaColor = getComputedStyle(
document.documentElement
).getPropertyValue(val[0]);
rgbaColor = "rgba(" + rgbaColor + "," + val[1] + ")";
return rgbaColor;
} else {
return newValue;
}
}
});
} else {
console.warn('data-colors Attribute not found on:', chartId);
}
}
}
//Chart-seller 1
var sellerlinecolor1 = getChartColorsArray("chart-seller1");
if (sellerlinecolor1) {
var sparklineoptions1 = {
series: [{
data: [12, 14, 2, 47, 42, 15, 47, 75, 65, 19, 14],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor1,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart1 = new ApexCharts(
document.querySelector("#chart-seller1"),
sparklineoptions1
);
sparklinechart1.render();
}
//Chart-seller 2
var sellerlinecolor2 = getChartColorsArray("chart-seller2");
if (sellerlinecolor2) {
var sparklineoptions2 = {
series: [{
data: [12, 14, 2, 47, 42, 15, 35, 75, 20, 67, 89],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor2,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart2 = new ApexCharts(
document.querySelector("#chart-seller2"),
sparklineoptions2
);
sparklinechart2.render();
}
//Chart-seller 3
var sellerlinecolor3 = getChartColorsArray("chart-seller3");
if (sellerlinecolor3) {
var sparklineoptions3 = {
series: [{
data: [45, 20, 8, 42, 30, 5, 35, 79, 22, 54, 64],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor3,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart3 = new ApexCharts(
document.querySelector("#chart-seller3"),
sparklineoptions3
);
sparklinechart3.render();
}
//Chart-seller 4
var sellerlinecolor4 = getChartColorsArray("chart-seller4");
if (sellerlinecolor4) {
var sparklineoptions4 = {
series: [{
data: [26, 15, 48, 12, 47, 19, 35, 19, 85, 68, 50],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor4,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart4 = new ApexCharts(
document.querySelector("#chart-seller4"),
sparklineoptions4
);
sparklinechart4.render();
}
//Chart-seller 5
var sellerlinecolor5 = getChartColorsArray("chart-seller5");
if (sellerlinecolor5) {
var sparklineoptions5 = {
series: [{
data: [60, 67, 12, 49, 6, 78, 63, 51, 33, 8, 16],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor5,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart5 = new ApexCharts(
document.querySelector("#chart-seller5"),
sparklineoptions5
);
sparklinechart5.render();
}
//Chart-seller 6
var sellerlinecolor6 = getChartColorsArray("chart-seller6");
if (sellerlinecolor6) {
var sparklineoptions6 = {
series: [{
data: [78, 63, 51, 33, 8, 16, 60, 67, 12, 49, ],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor6,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart6 = new ApexCharts(
document.querySelector("#chart-seller6"),
sparklineoptions6
);
sparklinechart6.render();
}
//Chart-seller 7
var sellerlinecolor7 = getChartColorsArray("chart-seller7");
if (sellerlinecolor7) {
var sparklineoptions7 = {
series: [{
data: [15, 35, 75, 20, 67, 8, 42, 30, 5, 35],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor7,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart7 = new ApexCharts(
document.querySelector("#chart-seller7"),
sparklineoptions7
);
sparklinechart7.render();
}
//Chart-seller 8
var sellerlinecolor8 = getChartColorsArray("chart-seller8");
if (sellerlinecolor8) {
var sparklineoptions8 = {
series: [{
data: [45, 32, 68, 55, 36, 10, 48, 25, 74, 54],
}, ],
chart: {
type: "area",
height: 50,
sparkline: {
enabled: true,
},
},
fill: {
type: "gradient",
gradient: {
shadeIntensity: 1,
inverseColors: false,
opacityFrom: 0.45,
opacityTo: 0.05,
stops: [20, 100, 100, 100],
},
},
stroke: {
curve: "smooth",
width: 2,
},
colors: sellerlinecolor8,
tooltip: {
fixed: {
enabled: false,
},
x: {
show: false,
},
y: {
title: {
formatter: function (seriesName) {
return "";
},
},
},
marker: {
show: false,
},
},
};
var sparklinechart8 = new ApexCharts(
document.querySelector("#chart-seller8"),
sparklineoptions8
);
sparklinechart8.render();
}