AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-05 13:15:06 +01:00
parent c2d46e5ccc
commit a7feca694a
3 changed files with 51 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/routes/etf/[tickerID]/+page.svelte
View File

@ -40,13 +40,7 @@
function plotData(priceData) {
const rawData = priceData || [];
const change =
(rawData?.at(-1)?.close /
(displayData === "1D"
? data?.getStockQuote?.previousClose
: rawData?.at(0)?.close) -
1) *
100;
const change = (rawData?.at(-1)?.close / rawData?.at(0)?.close - 1) * 100;
const priceList = rawData?.map((item) => item?.close);
const dateList = rawData?.map((item) =>
@ -84,6 +78,19 @@
let yMin = minValue * (1 - padding) === 0 ? null : minValue * (1 - padding);
let yMax = maxValue * (1 + padding) === 0 ? null : maxValue * (1 + padding);
const isNegative =
displayData === "1D"
? data?.getStockQuote?.changesPercentage < 0
: change < 0;
const lineColor = isNegative ? "#CC261A" : "#00FC50";
const fillColorStart = isNegative
? "rgba(204, 38, 26, 0.3)"
: "rgba(0, 252, 80, 0.3)";
const fillColorEnd = isNegative
? "rgba(204, 38, 26, 0.004)"
: "rgba(0, 252, 80, 0.004)";
const baseDate =
rawData && rawData?.length ? new Date(rawData?.at(0)?.time) : new Date();
@ -275,7 +282,7 @@
type: "area",
data: displayData === "1D" ? seriesData : priceList,
animation: false,
color: change < 0 ? "#CC261A" : "#00FC50",
color: lineColor,
lineWidth: 1.3,
marker: {
enabled: false,
@ -283,13 +290,8 @@
fillColor: {
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
stops: [
[0, change < 0 ? "rgba(204,38,26, 0.3)" : "rgb(0, 252, 80, 0.3)"],
[
1,
change < 0
? "rgba(204,38,26, 0.004)"
: "rgb(0, 252, 80, 0.004)",
],
[0, fillColorStart],
[1, fillColorEnd],
],
},
},

29
src/routes/index/[tickerID]/+page.svelte
View File

@ -39,10 +39,7 @@
const rawData = priceData || [];
const change =
(rawData?.at(-1)?.close /
(displayData === "1D"
? data?.getStockQuote?.previousClose
: rawData?.at(0)?.close) -
(rawData?.at(-1)?.close / ($realtimePrice ?? data?.getStockQuote?.price) -
1) *
100;
@ -82,6 +79,19 @@
let yMin = minValue * (1 - padding) === 0 ? null : minValue * (1 - padding);
let yMax = maxValue * (1 + padding) === 0 ? null : maxValue * (1 + padding);
const isNegative =
displayData === "1D"
? data?.getStockQuote?.changesPercentage < 0
: change < 0;
const lineColor = isNegative ? "#CC261A" : "#00FC50";
const fillColorStart = isNegative
? "rgba(204, 38, 26, 0.3)"
: "rgba(0, 252, 80, 0.3)";
const fillColorEnd = isNegative
? "rgba(204, 38, 26, 0.004)"
: "rgba(0, 252, 80, 0.004)";
const baseDate =
rawData && rawData?.length ? new Date(rawData?.at(0)?.time) : new Date();
@ -273,7 +283,7 @@
type: "area",
data: displayData === "1D" ? seriesData : priceList,
animation: false,
color: change < 0 ? "#CC261A" : "#00FC50",
color: lineColor,
lineWidth: 1.3,
marker: {
enabled: false,
@ -281,13 +291,8 @@
fillColor: {
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
stops: [
[0, change < 0 ? "rgba(204,38,26, 0.3)" : "rgb(0, 252, 80, 0.3)"],
[
1,
change < 0
? "rgba(204,38,26, 0.004)"
: "rgb(0, 252, 80, 0.004)",
],
[0, fillColorStart],
[1, fillColorEnd],
],
},
},

32
src/routes/stocks/[tickerID]/+page.svelte
View File

@ -42,13 +42,7 @@
function plotData(priceData) {
const rawData = priceData || [];
const change =
(rawData?.at(-1)?.close /
(displayData === "1D"
? data?.getStockQuote?.previousClose
: rawData?.at(0)?.close) -
1) *
100;
const change = (rawData?.at(-1)?.close / rawData?.at(0)?.close - 1) * 100;
const priceList = rawData?.map((item) => item?.close);
const dateList = rawData?.map((item) =>
@ -86,6 +80,19 @@
let yMin = minValue * (1 - padding) === 0 ? null : minValue * (1 - padding);
let yMax = maxValue * (1 + padding) === 0 ? null : maxValue * (1 + padding);
const isNegative =
displayData === "1D"
? data?.getStockQuote?.changesPercentage < 0
: change < 0;
const lineColor = isNegative ? "#CC261A" : "#00FC50";
const fillColorStart = isNegative
? "rgba(204, 38, 26, 0.3)"
: "rgba(0, 252, 80, 0.3)";
const fillColorEnd = isNegative
? "rgba(204, 38, 26, 0.004)"
: "rgba(0, 252, 80, 0.004)";
const baseDate =
rawData && rawData?.length ? new Date(rawData?.at(0)?.time) : new Date();
@ -277,7 +284,7 @@
type: "area",
data: displayData === "1D" ? seriesData : priceList,
animation: false,
color: change < 0 ? "#CC261A" : "#00FC50",
color: lineColor,
lineWidth: 1.3,
marker: {
enabled: false,
@ -285,13 +292,8 @@
fillColor: {
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
stops: [
[0, change < 0 ? "rgba(204,38,26, 0.3)" : "rgb(0, 252, 80, 0.3)"],
[
1,
change < 0
? "rgba(204,38,26, 0.004)"
: "rgb(0, 252, 80, 0.004)",
],
[0, fillColorStart],
[1, fillColorEnd],
],
},
},