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

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2025-01-06 10:31:24 +01:00
parent aaef0a65c9
commit 99992ec371
4 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -60,7 +60,7 @@
month = (month < 10 ? "0" : "") + month; month = (month < 10 ? "0" : "") + month;
day = (day < 10 ? "0" : "") + day; day = (day < 10 ? "0" : "") + day;
var formattedDate = day + "/" + year; var formattedDate = month + "/" + day + "/" + year;
return formattedDate; return formattedDate;
} }

21
src/routes/etf/[tickerID]/options/hottest-contracts/+page.svelte
View File

@ -66,7 +66,7 @@
month = (month < 10 ? "0" : "") + month; month = (month < 10 ? "0" : "") + month;
day = (day < 10 ? "0" : "") + day; day = (day < 10 ? "0" : "") + day;
var formattedDate = day + "/" + year; var formattedDate = month + "/" + day + "/" + year;
return formattedDate; return formattedDate;
} }
@ -291,6 +291,7 @@
let dates = data?.map((item) => item?.date); let dates = data?.map((item) => item?.date);
let avgPrice = data?.map((item) => item?.avg_price); let avgPrice = data?.map((item) => item?.avg_price);
let priceList = data?.map((item) => item?.price); let priceList = data?.map((item) => item?.price);
let bidVolume = data?.map((item) => item?.bid_volume); let bidVolume = data?.map((item) => item?.bid_volume);
let askVolume = data?.map((item) => item?.ask_volume); let askVolume = data?.map((item) => item?.ask_volume);
let midVolume = data?.map((item) => item?.mid_volume); let midVolume = data?.map((item) => item?.mid_volume);
@ -328,20 +329,20 @@
createBarSeries("Mid", midVolume, "#007BFF", "Ratio"), createBarSeries("Mid", midVolume, "#007BFF", "Ratio"),
createBarSeries("Bid", bidVolume, "#EE5365", "Ratio"), createBarSeries("Bid", bidVolume, "#EE5365", "Ratio"),
createLineSeries("Avg Fill", avgPrice, "#FAD776"), createLineSeries("Avg Fill", avgPrice, "#FAD776"),
createLineSeries("Stock Price", priceList, "#fff"), createLineSeries("Stock Price", priceList, "#fff", 2),
]; ];
} else if (selectGraphType === "Vol/OI") { } else if (selectGraphType === "Vol/OI") {
series = [ series = [
createBarSeries("Volume", volumeList, "#FD7E14"), createBarSeries("Volume", volumeList, "#FD7E14"),
createBarSeries("OI", oiList, "#33B890"), createBarSeries("OI", oiList, "#33B890"),
createLineSeries("Avg Fill", avgPrice, "#FAD776"), createLineSeries("Avg Fill", avgPrice, "#FAD776"),
createLineSeries("Stock Price", priceList, "#fff"), createLineSeries("Stock Price", priceList, "#fff", 2),
]; ];
} else { } else {
series = [ series = [
createLineSeries("IV", ivList, "#B24BF3", 0), createLineSeries("IV", ivList, "#B24BF3", 0),
createLineSeries("Avg Fill", avgPrice, "#FAD776"), createLineSeries("Avg Fill", avgPrice, "#FAD776"),
createLineSeries("Stock Price", priceList, "#fff"), createLineSeries("Stock Price", priceList, "#fff", 2),
]; ];
} }
@ -438,6 +439,16 @@
show: false, // Hide y-axis labels show: false, // Hide y-axis labels
}, },
}, },
{
type: "value",
splitLine: {
show: false, // Disable x-axis grid lines
},
position: "top",
axisLabel: {
show: false, // Hide y-axis labels
},
},
], ],
series: series, series: series,
}; };
@ -473,6 +484,7 @@
async function handleViewData(item) { async function handleViewData(item) {
isLoaded = false; isLoaded = false;
selectGraphType = "Bid/Ask";
optionDetailsDesktopModal?.showModal(); optionDetailsDesktopModal?.showModal();
strikePrice = item?.strike_price; strikePrice = item?.strike_price;
@ -490,7 +502,6 @@
entry.price = matchingData?.close; entry.price = matchingData?.close;
} }
}); });
console.log(rawDataHistory);
optionsData = plotData(); optionsData = plotData();
rawDataHistory = rawDataHistory?.sort( rawDataHistory = rawDataHistory?.sort(
(a, b) => new Date(b?.date) - new Date(a?.date), (a, b) => new Date(b?.date) - new Date(a?.date),

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

@ -60,7 +60,7 @@
month = (month < 10 ? "0" : "") + month; month = (month < 10 ? "0" : "") + month;
day = (day < 10 ? "0" : "") + day; day = (day < 10 ? "0" : "") + day;
var formattedDate = day + "/" + year; var formattedDate = month + "/" + day + "/" + year;
return formattedDate; return formattedDate;
} }

21
src/routes/stocks/[tickerID]/options/hottest-contracts/+page.svelte
View File

@ -66,7 +66,7 @@
month = (month < 10 ? "0" : "") + month; month = (month < 10 ? "0" : "") + month;
day = (day < 10 ? "0" : "") + day; day = (day < 10 ? "0" : "") + day;
var formattedDate = day + "/" + year; var formattedDate = month + "/" + day + "/" + year;
return formattedDate; return formattedDate;
} }
@ -291,6 +291,7 @@
let dates = data?.map((item) => item?.date); let dates = data?.map((item) => item?.date);
let avgPrice = data?.map((item) => item?.avg_price); let avgPrice = data?.map((item) => item?.avg_price);
let priceList = data?.map((item) => item?.price); let priceList = data?.map((item) => item?.price);
let bidVolume = data?.map((item) => item?.bid_volume); let bidVolume = data?.map((item) => item?.bid_volume);
let askVolume = data?.map((item) => item?.ask_volume); let askVolume = data?.map((item) => item?.ask_volume);
let midVolume = data?.map((item) => item?.mid_volume); let midVolume = data?.map((item) => item?.mid_volume);
@ -328,20 +329,20 @@
createBarSeries("Mid", midVolume, "#007BFF", "Ratio"), createBarSeries("Mid", midVolume, "#007BFF", "Ratio"),
createBarSeries("Bid", bidVolume, "#EE5365", "Ratio"), createBarSeries("Bid", bidVolume, "#EE5365", "Ratio"),
createLineSeries("Avg Fill", avgPrice, "#FAD776"), createLineSeries("Avg Fill", avgPrice, "#FAD776"),
createLineSeries("Stock Price", priceList, "#fff"), createLineSeries("Stock Price", priceList, "#fff", 2),
]; ];
} else if (selectGraphType === "Vol/OI") { } else if (selectGraphType === "Vol/OI") {
series = [ series = [
createBarSeries("Volume", volumeList, "#FD7E14"), createBarSeries("Volume", volumeList, "#FD7E14"),
createBarSeries("OI", oiList, "#33B890"), createBarSeries("OI", oiList, "#33B890"),
createLineSeries("Avg Fill", avgPrice, "#FAD776"), createLineSeries("Avg Fill", avgPrice, "#FAD776"),
createLineSeries("Stock Price", priceList, "#fff"), createLineSeries("Stock Price", priceList, "#fff", 2),
]; ];
} else { } else {
series = [ series = [
createLineSeries("IV", ivList, "#B24BF3", 0), createLineSeries("IV", ivList, "#B24BF3", 0),
createLineSeries("Avg Fill", avgPrice, "#FAD776"), createLineSeries("Avg Fill", avgPrice, "#FAD776"),
createLineSeries("Stock Price", priceList, "#fff"), createLineSeries("Stock Price", priceList, "#fff", 2),
]; ];
} }
@ -438,6 +439,16 @@
show: false, // Hide y-axis labels show: false, // Hide y-axis labels
}, },
}, },
{
type: "value",
splitLine: {
show: false, // Disable x-axis grid lines
},
position: "top",
axisLabel: {
show: false, // Hide y-axis labels
},
},
], ],
series: series, series: series,
}; };
@ -473,6 +484,7 @@
async function handleViewData(item) { async function handleViewData(item) {
isLoaded = false; isLoaded = false;
selectGraphType = "Bid/Ask";
optionDetailsDesktopModal?.showModal(); optionDetailsDesktopModal?.showModal();
strikePrice = item?.strike_price; strikePrice = item?.strike_price;
@ -490,7 +502,6 @@
entry.price = matchingData?.close; entry.price = matchingData?.close;
} }
}); });
console.log(rawDataHistory);
optionsData = plotData(); optionsData = plotData();
rawDataHistory = rawDataHistory?.sort( rawDataHistory = rawDataHistory?.sort(
(a, b) => new Date(b?.date) - new Date(a?.date), (a, b) => new Date(b?.date) - new Date(a?.date),