From 7e073b1fc352a2b28c7e2d8d129d92a90c62da0a Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Mon, 28 Oct 2024 23:22:35 +0100 Subject: [PATCH] ui fix --- .vscode/settings.json | 1 + src/routes/insider-tracker/+page.server.ts | 1 - src/routes/list/+page.svelte | 124 +++++++++++---------- src/routes/stocks/[tickerID]/+page.svelte | 81 ++++++-------- 4 files changed, 102 insertions(+), 105 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..69a88e3b --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1 @@ +{} diff --git a/src/routes/insider-tracker/+page.server.ts b/src/routes/insider-tracker/+page.server.ts index 8276a0e7..9718bedd 100644 --- a/src/routes/insider-tracker/+page.server.ts +++ b/src/routes/insider-tracker/+page.server.ts @@ -12,7 +12,6 @@ export const load = async ({ locals, setHeaders }) => { }); let output = await response.json(); - console.log(output); output = user?.tier !== "Pro" ? output?.reverse()?.slice(0, 6) : output; setHeaders({ "cache-control": "public, max-age=200" }); diff --git a/src/routes/list/+page.svelte b/src/routes/list/+page.svelte index 1a293f6e..a481f633 100644 --- a/src/routes/list/+page.svelte +++ b/src/routes/list/+page.svelte @@ -11,38 +11,41 @@
  • Mega-Cap StocksMega-Cap Stocks
  • Large-Cap StocksLarge-Cap Stocks
  • Mid-Cap StocksMid-Cap Stocks
  • Small-Cap StocksSmall-Cap Stocks
  • Micro-Cap StocksMicro-Cap Stocks
  • Nano-Cap StocksNano-Cap Stocks
    • @@ -53,20 +56,22 @@ @@ -119,13 +125,13 @@
  • Listed on AMEXListed on AMEX
  • Listed on XETRAListed on XETRA
    • @@ -148,7 +154,7 @@
  • Listed on Dow Jones @@ -156,7 +162,7 @@
  • Listed on NASDAQ 100 @@ -164,7 +170,7 @@
  • Listed on S&P 500 @@ -178,7 +184,7 @@
  • Listed on S&P 500 @@ -203,7 +209,7 @@
  • Canada @@ -211,7 +217,7 @@
  • China @@ -219,7 +225,7 @@
  • India @@ -227,7 +233,7 @@
  • Japan @@ -236,7 +242,7 @@
  • Germany @@ -244,7 +250,7 @@
  • Israel @@ -252,7 +258,7 @@
  • United Kingdom @@ -265,7 +271,7 @@
  • Germany @@ -273,7 +279,7 @@
  • Israel @@ -281,7 +287,7 @@
  • United Kingdom @@ -304,7 +310,7 @@
  • Financials @@ -312,7 +318,7 @@
  • Healthcare @@ -320,7 +326,7 @@
  • Technology @@ -328,7 +334,7 @@
  • Industrials @@ -336,7 +342,7 @@
  • Energy @@ -344,7 +350,7 @@
  • Utilities @@ -353,7 +359,7 @@
  • Consumer Cyclical @@ -361,7 +367,7 @@
  • Real Estate @@ -369,7 +375,7 @@
  • Basic Materials @@ -377,7 +383,7 @@
  • Communication Services @@ -385,7 +391,7 @@
  • Consumer Defensive @@ -399,7 +405,7 @@
  • Consumer Cyclical @@ -407,7 +413,7 @@
  • Real Estate @@ -415,7 +421,7 @@
  • Basic Materials @@ -423,7 +429,7 @@
  • Communication Services @@ -431,7 +437,7 @@
  • Consumer Defensive @@ -453,7 +459,7 @@
  • New Launches @@ -461,7 +467,7 @@
  • ETF Providers @@ -469,7 +475,7 @@
  • Bitcoin ETFs @@ -483,7 +489,7 @@
  • Bitcoin ETFs @@ -506,7 +512,7 @@
  • Magnificent Seven @@ -514,7 +520,7 @@
  • Dividend Kings @@ -522,7 +528,7 @@
  • Dividend Aristocrats @@ -530,7 +536,7 @@
  • All REITs @@ -538,7 +544,7 @@
  • Delisted Companies @@ -552,7 +558,7 @@
  • All REITs @@ -560,7 +566,7 @@
  • Delisted Companies diff --git a/src/routes/stocks/[tickerID]/+page.svelte b/src/routes/stocks/[tickerID]/+page.svelte index 541c7a9c..0bcb9eac 100644 --- a/src/routes/stocks/[tickerID]/+page.svelte +++ b/src/routes/stocks/[tickerID]/+page.svelte @@ -42,7 +42,7 @@ let stockDeck = {}; $: previousClose = data?.getStockQuote?.previousClose; - + let latestChangePercentage = 0; //============================================// const intervals = ["1D", "1W", "1M", "1Y", "MAX"]; @@ -77,11 +77,21 @@ if (!$isCrosshairMoveActive && $realtimePrice !== null) { change = (($realtimePrice / previousClose - 1) * 100)?.toFixed(2); } else { - change = ( + latestChangePercentage = ( ((currentDataRow?.close ?? currentDataRow?.value) / previousClose - 1) * 100 )?.toFixed(2); + + change = + displayData === "1D" + ? latestChangePercentage + : ( + ((currentDataRow?.close ?? currentDataRow?.value) / + displayLastLogicalRangeValue - + 1) * + 100 + )?.toFixed(2); } const date = new Date(currentDataRow?.time * 1000); @@ -96,14 +106,24 @@ }; //const formattedDate = (displayData === '1D' || displayData === '1W' || displayData === '1M') ? date.toLocaleString('en-GB', options).replace(/\//g, '.') : date.toLocaleDateString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric' }).replace(/\//g, '.'); - const formattedDate = date?.toLocaleString("en-US", options); + const formattedDate = + displayData === "1D" || displayData === "1W" || displayData === "1M" + ? date.toLocaleString("en-US", options) + : date.toLocaleDateString("en-US", { + day: "2-digit", + month: "short", + year: "numeric", + }); const safeFormattedDate = formattedDate === "Invalid Date" ? convertTimestamp(data?.getStockQuote?.timestamp) : formattedDate; displayLegend = { - close: data?.getStockQuote?.price?.toFixed(2), + close: + currentDataRow?.value === "-" && currentDataRow?.close === undefined + ? data?.getStockQuote?.price + : (currentDataRow?.close ?? currentDataRow?.value), date: safeFormattedDate, change: change, }; @@ -791,45 +811,12 @@
    - {#if displayLegend?.change >= 0} - - +{displayLegend?.change}% - {:else if displayLegend?.change < 0} - - {displayLegend?.change}% - - {/if} + {latestChangePercentage}% {displayLegend?.date} {stockDeck?.shortOutStandingPercent}%{stockDeck?.shortOutStandingPercent !== null + ? stockDeck?.shortOutStandingPercent + "%" + : "n/a"} @@ -1471,7 +1460,9 @@ > {stockDeck?.shortFloatPercent}%{stockDeck?.shortFloatPercent !== null + ? stockDeck?.shortFloatPercent + "%" + : "n/a"}