From 77bf33ca6ea0902ac8b740e1b338775193a5f7dc Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Thu, 8 Aug 2024 23:45:23 +0200 Subject: [PATCH] ui fix --- src/routes/options-flow/+page.svelte | 48 ++++++++++++------------ src/routes/options-zero-dte/+page.svelte | 34 ++++++++--------- 2 files changed, 41 insertions(+), 41 deletions(-) diff --git a/src/routes/options-flow/+page.svelte b/src/routes/options-flow/+page.svelte index b253d784..759240cf 100644 --- a/src/routes/options-flow/+page.svelte +++ b/src/routes/options-flow/+page.svelte @@ -497,7 +497,7 @@ $: {
-
+
  • Home
  • Options Flow
    • @@ -505,7 +505,7 @@ $: {
{#if !$isOpen} -
+
Live flow of {new Date(rawData?.at(0)?.date ?? null)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })} (NYSE Time)
{/if} @@ -527,7 +527,7 @@ $: { - + Paused @@ -538,7 +538,7 @@ $: {
- + Live Flow
@@ -602,7 +602,7 @@ $: {
- Flow Sentiment + Flow Sentiment {flowSentiment}
@@ -611,7 +611,7 @@ $: {
- Put/Call + Put/Call {putCallRatio?.toFixed(3)} @@ -638,7 +638,7 @@ $: {
- Call Flow + Call Flow {new Intl.NumberFormat("en", { minimumFractionDigits: 0, @@ -667,7 +667,7 @@ $: {
- Put Flow + Put Flow {new Intl.NumberFormat("en", { minimumFractionDigits: 0, @@ -698,7 +698,7 @@ $: {
- Most Traded Option + Most Traded Option {mostFrequentTicker?.ticker} @@ -715,7 +715,7 @@ $: {
- Highest Premium + Highest Premium {highestPremiumTicker?.ticker} @@ -732,7 +732,7 @@ $: {
- Highest Volume + Highest Volume {highestVolumeTicker?.ticker} @@ -749,7 +749,7 @@ $: {
- Highest Open Interest + Highest Open Interest {highestOpenInterestTicker?.ticker} @@ -811,54 +811,54 @@ $: {
handleViewData(displayedData[index])} slot="item" let:index let:style {style} class="tr cursor-pointer"> -
+
{formatTime(displayedData[index]?.time)}
-
assetSelector(displayedData[index]?.ticker, displayedData[index]?.assetType)} style="justify-content: center;" class="td text-sm text-blue-400 font-normal"> +
assetSelector(displayedData[index]?.ticker, displayedData[index]?.assetType)} style="justify-content: center;" class="td text-sm sm:text-lg text-blue-400 font-normal"> {displayedData[index]?.ticker}
-
+
{reformatDate(displayedData[index]?.date_expiration)}
-
+
{displayedData[index]?.strike_price}
-
+
{displayedData[index]?.put_call}
-
+
{displayedData[index]?.sentiment}
-
+
{displayedData[index]?.underlying_price}
-
+
{displayedData[index]?.price}
-
+
{abbreviateNumber(displayedData[index]?.cost_basis)}
-
+
{displayedData[index]?.type}
-
+
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(displayedData[index]?.volume)}
-
+
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0 diff --git a/src/routes/options-zero-dte/+page.svelte b/src/routes/options-zero-dte/+page.svelte index 20928b93..98906485 100644 --- a/src/routes/options-zero-dte/+page.svelte +++ b/src/routes/options-zero-dte/+page.svelte @@ -557,7 +557,7 @@ $: {
- Flow Sentiment + Flow Sentiment {flowSentiment}
@@ -566,7 +566,7 @@ $: {
- Put/Call + Put/Call {putCallRatio?.toFixed(3)} @@ -593,7 +593,7 @@ $: {
- Call Flow + Call Flow {new Intl.NumberFormat("en", { minimumFractionDigits: 0, @@ -622,7 +622,7 @@ $: {
- Put Flow + Put Flow {new Intl.NumberFormat("en", { minimumFractionDigits: 0, @@ -653,7 +653,7 @@ $: {
- Most Traded Option + Most Traded Option {mostFrequentTicker?.ticker} @@ -670,7 +670,7 @@ $: {
- Highest Premium + Highest Premium {highestPremiumTicker?.ticker} @@ -687,7 +687,7 @@ $: {
- Highest Volume + Highest Volume {highestVolumeTicker?.ticker} @@ -704,7 +704,7 @@ $: {
- Highest Open Interest + Highest Open Interest {highestOpenInterestTicker?.ticker} @@ -771,42 +771,42 @@ $: { {rawData[index]?.ticker}
-
+
{rawData[index]?.strike_price}
-
+
{rawData[index]?.put_call}
-
+
{rawData[index]?.sentiment}
-
+
{rawData[index]?.underlying_price}
-
+
{rawData[index]?.price}
-
+
{abbreviateNumber(rawData[index]?.cost_basis)}
-
+
{rawData[index]?.type}
-
+
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(rawData[index]?.volume)}
-
+
{new Intl.NumberFormat("en", { minimumFractionDigits: 0, maximumFractionDigits: 0