diff --git a/src/lib/components/DividendCard.svelte b/src/lib/components/DividendCard.svelte index 2ad5ef91..022505e8 100644 --- a/src/lib/components/DividendCard.svelte +++ b/src/lib/components/DividendCard.svelte @@ -31,7 +31,7 @@ Dividends - + Dividend Yield {dividendYield ?? '0'}% diff --git a/src/lib/components/SECFilingsCard.svelte b/src/lib/components/SECFilingsCard.svelte index 445dd1c2..6971828c 100644 --- a/src/lib/components/SECFilingsCard.svelte +++ b/src/lib/components/SECFilingsCard.svelte @@ -146,7 +146,7 @@ $: {
-

+

SEC Filings

diff --git a/src/lib/components/SimilarETFCard.svelte b/src/lib/components/SimilarETFCard.svelte index 9e8d0391..d587b491 100644 --- a/src/lib/components/SimilarETFCard.svelte +++ b/src/lib/components/SimilarETFCard.svelte @@ -40,25 +40,25 @@ export let similarTicker; Fund Name - Total Assets + Total Assets Holdings {#each similarTicker as item, index} - etfSelector(item?.symbol)} class="shake-ticker text-white cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"> + etfSelector(item?.symbol)} class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"> {#if index <=6} - +
- {item?.symbol} - + {item?.symbol} + {#if typeof item?.name !== 'undefined'} - {item?.name?.length > 10 ? item?.name?.slice(0,10) + "..." : item?.name} + {item?.name?.length > 20 ? item?.name?.slice(0,20) + "..." : item?.name} {:else} n/a {/if} @@ -69,11 +69,11 @@ export let similarTicker; - + {item?.totalAssets !== null ? abbreviateNumber(item?.totalAssets, true) : '-'} - + {abbreviateNumber(item?.numberOfHoldings)} @@ -123,12 +123,12 @@ export let similarTicker; {#if similarTicker?.length !== 0} -
+
- + @@ -137,16 +137,16 @@ export let similarTicker; etfSelector(item?.symbol)} class="shake-ticker text-white cursor-pointer border-b border-[#000]"> {#if index <=6} - - - diff --git a/src/lib/components/SimilarTickerCard.svelte b/src/lib/components/SimilarTickerCard.svelte index 61b8d5a6..4ab9371c 100644 --- a/src/lib/components/SimilarTickerCard.svelte +++ b/src/lib/components/SimilarTickerCard.svelte @@ -40,25 +40,25 @@ export let similarstock; - + {#each similarstock as item, index} - stockSelector(item?.symbol)} class="shake-ticker text-white cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"> + stockSelector(item?.symbol)} class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"> {#if index <=6} - - - {/if} @@ -104,7 +104,7 @@ export let similarstock;
-

+

Similar Ticker

@@ -117,7 +117,7 @@ export let similarstock; {#if similarstock?.length !== 0} -
+
CompanyMarket CapMarket Cap Change
+
{item?.symbol} - + {#if typeof item?.name !== 'undefined'} - {item?.name?.length > 10 ? item?.name?.slice(0,10) + "..." : item?.name} + {item?.name?.length > 15 ? item?.name?.slice(0,15) + "..." : item?.name} {:else} n/a {/if} @@ -157,11 +157,11 @@ export let similarTicker;
+ {item?.totalAssets !== null ? abbreviateNumber(item?.totalAssets, true) : '-'} + {abbreviateNumber(item?.numberOfHoldings)}
CompanyMarket CapMarket Cap Avg Volume
+
-
+
- {item?.symbol} - + {item?.symbol} + {#if typeof item?.name !== 'undefined'} - {item?.name?.length > 10 ? item?.name?.slice(0,10) + "..." : item?.name} + {item?.name?.length > 15 ? item?.name?.slice(0,15) + "..." : item?.name} {:else} n/a {/if} @@ -69,11 +69,11 @@ export let similarstock;
+ {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'} + {item?.avgVolume !== null ? abbreviateNumber(item?.avgVolume) : '-'}
@@ -135,7 +135,7 @@ export let similarstock;
{item?.symbol} - + {#if typeof item?.name !== 'undefined'} {item?.name?.length > 20 ? item?.name?.slice(0,20) + "..." : item?.name} {:else} @@ -148,11 +148,11 @@ export let similarstock; -
- {/if} diff --git a/src/lib/components/TopETFTickerHolder.svelte b/src/lib/components/TopETFTickerHolder.svelte index 8f080df8..ac456450 100644 --- a/src/lib/components/TopETFTickerHolder.svelte +++ b/src/lib/components/TopETFTickerHolder.svelte @@ -41,22 +41,22 @@ - + {#each topETFHolder as item, index} - etfSelector(item?.symbol)} class="text-white cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"> + etfSelector(item?.symbol)} class="sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"> {#if index <=6} - - - {/if} @@ -116,7 +116,7 @@ {#if topETFHolder?.length !== 0} -
+
+ {item?.marketCap !== null ? abbreviateNumber(item?.marketCap,true) : '-'} + {item?.avgVolume !== null ? abbreviateNumber(item?.avgVolume) : '-'}
Company NameTotal AssetsTotal Assets % of Fund
+
- {item?.symbol} - + {item?.symbol} + {#if typeof item?.name !== 'undefined'} - {item?.name?.length > 15 ? item?.name?.slice(0,15) + "..." : item?.name} + {item?.name?.length > 20 ? item?.name?.slice(0,20) + "..." : item?.name} {:else} n/a {/if} @@ -67,11 +67,11 @@
+ {item?.totalAssets !== null ? abbreviateNumber(item?.totalAssets,true) : '-'} + {item?.weightPercentage !== null ? item?.weightPercentage?.toFixed(2) : '-'}%
@@ -134,7 +134,7 @@
{item?.symbol} - + {#if typeof item?.name !== 'undefined'} {item?.name?.length > 20 ? item?.name?.slice(0,20) + "..." : item?.name} {:else} @@ -147,11 +147,11 @@ -
- {/if} diff --git a/src/lib/components/TopHoldingCard.svelte b/src/lib/components/TopHoldingCard.svelte index c686fe2f..209195de 100644 --- a/src/lib/components/TopHoldingCard.svelte +++ b/src/lib/components/TopHoldingCard.svelte @@ -46,7 +46,7 @@ $: { - + {totalAssetPercentage}% of assets @@ -60,24 +60,24 @@ $: { - + {#each topHoldingList?.slice(0,5) as item} {#if item?.asset !== null} - stockSelector(item?.asset)} class="lg:shake-ticker text-white cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]"> - stockSelector(item?.asset)} class="lg:shake-ticker sm:hover:text-white text-blue-400 cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]"> + - - diff --git a/src/routes/options-flow/+page.svelte b/src/routes/options-flow/+page.svelte index 18236e4a..7dad3d91 100644 --- a/src/routes/options-flow/+page.svelte +++ b/src/routes/options-flow/+page.svelte @@ -822,7 +822,7 @@ $: { {formatTime(displayedData[index]?.time)} -
assetSelector(displayedData[index]?.ticker, displayedData[index]?.assetType)} style="justify-content: center;" class="td text-sm sm:text-[1rem] text-blue-400 font-normal"> +
assetSelector(displayedData[index]?.ticker, displayedData[index]?.assetType)} style="justify-content: center;" class="td text-sm sm:hover:text-white sm:text-[1rem] text-blue-400 font-normal"> {displayedData[index]?.ticker}
diff --git a/src/routes/options-zero-dte/+page.svelte b/src/routes/options-zero-dte/+page.svelte index b717df54..bd148456 100644 --- a/src/routes/options-zero-dte/+page.svelte +++ b/src/routes/options-zero-dte/+page.svelte @@ -776,7 +776,7 @@ $: { {formatTime(rawData[index]?.time)}
-
assetSelector(rawData[index]?.ticker, rawData[index]?.assetType)} style="justify-content: center;" class="td text-sm text-blue-400 font-normal"> +
assetSelector(rawData[index]?.ticker, rawData[index]?.assetType)} style="justify-content: center;" class="td text-sm sm:hover:text-white text-blue-400 font-normal"> {rawData[index]?.ticker}
+ {item?.totalAssets !== null ? abbreviateNumber(item?.totalAssets,true) : '-'} + {item?.weightPercentage !== null ? abbreviateNumber(item?.weightPercentage)?.toFixed(2) : '-'}%
CompanyMarket ValueMarket Value Portfolio
+
- {item?.asset ?? '-'} - + {item?.asset ?? '-'} + {#if typeof item?.name !== 'undefined'} - {item?.name?.length > 10 ? formatString(item?.name?.slice(0,10)) + "..." : formatString(item?.name)} + {item?.name?.length > 20 ? formatString(item?.name?.slice(0,20)) + "..." : formatString(item?.name)} {:else} n/a {/if} @@ -87,11 +87,11 @@ $: {
+ {item?.marketValue !== null ? abbreviateNumber(item?.marketValue, true) : '-'} + {abbreviateNumber(item?.weightPercentage?.toFixed(2))}%