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

add dte column

Browse Source
This commit is contained in:
MuslemRahimi 2025-01-02 16:48:06 +01:00
parent c5527e55e6
commit a622108ef1
3 changed files with 39 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,11 +7,6 @@
import Infobox from "$lib/components/Infobox.svelte";
export let data;
let rawData = data?.getData;
let openInterestList = rawData?.sort(
(a, b) => b?.open_interest - a?.open_interest,
);
const currentTime = new Date(
new Date().toLocaleString("en-US", { timeZone: "America/New_York" }),
)?.getTime();
@ -26,8 +21,18 @@
return daysLeft + "D";
}
let rawData = data?.getData?.map((item) => ({
...item,
dte: daysLeft(item?.date_expiration),
}));
let openInterestList = rawData?.sort(
(a, b) => b?.open_interest - a?.open_interest,
);
$: columns = [
{ key: "date_expiration", label: "Chain", align: "left" },
{ key: "strike_price", label: "Chain", align: "left" },
{ key: "dte", label: "DTE", align: "right" },
{ key: "last_price", label: "Last", align: "right" },
{ key: "high_price", label: "Low-High", align: "right" },
{ key: "volume", label: "Volume", align: "right" },
@ -38,7 +43,8 @@
];
$: sortOrders = {
date_expiration: { order: "none", type: "string" },
strike_price: { order: "none", type: "number" },
dte: { order: "none", type: "number" },
last_price: { order: "none", type: "number" },
high_price: { order: "none", type: "number" },
volume: { order: "none", type: "number" },
@ -150,12 +156,13 @@
>
{item?.option_type === "C" ? "Call" : "Put"}
</span>
{" " +
item?.date_expiration +
" " +
`(${daysLeft(item?.date_expiration)})`}
{" " + item?.date_expiration}
</td>
<td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
>
{item?.dte}
</td>
<td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
>

3
src/routes/stocks/[tickerID]/dark-pool/+page.svelte
View File

@ -17,7 +17,6 @@
let priceLevel = data?.getPriceLevel?.priceLevel || [];
let hottestTrades = data?.getPriceLevel?.hottestTrades || [];
let isLoaded = false;
onMount(() => {
isLoaded = true;
});
@ -100,7 +99,7 @@
{#if hottestTrades?.length > 0}
<HottestTrades rawData={hottestTrades} />
{/if}
{#if historicalDarkPool?.length > 0}
{#if historicalDarkPool?.length > 10}
<HistoricalVolume rawData={historicalDarkPool} />
{/if}
{:else}

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

@ -7,11 +7,6 @@
import Infobox from "$lib/components/Infobox.svelte";
export let data;
let rawData = data?.getData;
let openInterestList = rawData?.sort(
(a, b) => b?.open_interest - a?.open_interest,
);
const currentTime = new Date(
new Date().toLocaleString("en-US", { timeZone: "America/New_York" }),
)?.getTime();
@ -26,8 +21,18 @@
return daysLeft + "D";
}
let rawData = data?.getData?.map((item) => ({
...item,
dte: daysLeft(item?.date_expiration),
}));
let openInterestList = rawData?.sort(
(a, b) => b?.open_interest - a?.open_interest,
);
$: columns = [
{ key: "date_expiration", label: "Chain", align: "left" },
{ key: "strike_price", label: "Chain", align: "left" },
{ key: "dte", label: "DTE", align: "right" },
{ key: "last_price", label: "Last", align: "right" },
{ key: "high_price", label: "Low-High", align: "right" },
{ key: "volume", label: "Volume", align: "right" },
@ -38,7 +43,8 @@
];
$: sortOrders = {
date_expiration: { order: "none", type: "string" },
strike_price: { order: "none", type: "number" },
dte: { order: "none", type: "number" },
last_price: { order: "none", type: "number" },
high_price: { order: "none", type: "number" },
volume: { order: "none", type: "number" },
@ -150,12 +156,13 @@
>
{item?.option_type === "C" ? "Call" : "Put"}
</span>
{" " +
item?.date_expiration +
" " +
`(${daysLeft(item?.date_expiration)})`}
{" " + item?.date_expiration}
</td>
<td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
>
{item?.dte}
</td>
<td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
>