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

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-04-06 13:52:45 +02:00
parent 3317dd6e34
commit 186ec6ac81
3 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -780,7 +780,7 @@
>Bid</td >Bid</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{$wsBidPrice !== 0 && $wsBidPrice !== null >{$wsBidPrice !== 0 && $wsBidPrice !== null
? $wsBidPrice ? $wsBidPrice
: (data?.getStockQuote?.bid ?? "-")}</td : (data?.getStockQuote?.bid ?? "-")}</td
@ -793,7 +793,7 @@
>Market Cap</td >Market Cap</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{abbreviateNumber(data?.getStockQuote?.marketCap)}</td >{abbreviateNumber(data?.getStockQuote?.marketCap)}</td
></tr ></tr
> >
@ -804,7 +804,7 @@
>AUM</td >AUM</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.aum !== null >{stockDeck?.aum !== null
? abbreviateNumber(stockDeck?.aum) ? abbreviateNumber(stockDeck?.aum)
: "n/a"}</td : "n/a"}</td
@ -817,7 +817,7 @@
>NAV</td >NAV</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.nav !== null >{stockDeck?.nav !== null
? abbreviateNumber(stockDeck?.nav) ? abbreviateNumber(stockDeck?.nav)
: "n/a"}</td : "n/a"}</td
@ -831,7 +831,7 @@
>EPS (ttm)</td >EPS (ttm)</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.eps !== null >{data?.getStockQuote?.eps !== null
? data?.getStockQuote?.eps?.toFixed(2) ? data?.getStockQuote?.eps?.toFixed(2)
: "n/a"}</td : "n/a"}</td
@ -844,7 +844,7 @@
>PE Ratio (ttm)</td >PE Ratio (ttm)</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.pe !== null >{data?.getStockQuote?.pe !== null
? data?.getStockQuote?.pe?.toFixed(2) ? data?.getStockQuote?.pe?.toFixed(2)
: "n/a"}</td : "n/a"}</td
@ -858,7 +858,7 @@
>Shares Out >Shares Out
</td> </td>
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.sharesOutstanding !== null >{data?.getStockQuote?.sharesOutstanding !== null
? abbreviateNumber( ? abbreviateNumber(
data?.getStockQuote?.sharesOutstanding, data?.getStockQuote?.sharesOutstanding,
@ -873,7 +873,7 @@
>Inception Date</td >Inception Date</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.inceptionDate !== null >{stockDeck?.inceptionDate !== null
? new Date(stockDeck?.inceptionDate)?.toLocaleString( ? new Date(stockDeck?.inceptionDate)?.toLocaleString(
"en-US", "en-US",
@ -898,7 +898,7 @@
>Ask</td >Ask</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{$wsAskPrice !== 0 && $wsAskPrice !== null >{$wsAskPrice !== 0 && $wsAskPrice !== null
? $wsAskPrice ? $wsAskPrice
: (data?.getStockQuote?.ask ?? "-")}</td : (data?.getStockQuote?.ask ?? "-")}</td
@ -911,7 +911,7 @@
>Volume</td >Volume</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{abbreviateNumber(data?.getStockQuote?.volume)}</td >{abbreviateNumber(data?.getStockQuote?.volume)}</td
></tr ></tr
> >
@ -922,7 +922,7 @@
>Open</td >Open</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.open?.toFixed(2)}</td >{data?.getStockQuote?.open?.toFixed(2)}</td
></tr ></tr
> >
@ -933,7 +933,7 @@
>Previous Close</td >Previous Close</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.previousClose?.toFixed(2)}</td >{data?.getStockQuote?.previousClose?.toFixed(2)}</td
></tr ></tr
> >
@ -944,7 +944,7 @@
>Day's Range</td >Day's Range</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed( >{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(
2, 2,
)}</td )}</td
@ -957,7 +957,7 @@
>52-Week Range</td >52-Week Range</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed( >{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(
2, 2,
)}</td )}</td
@ -971,7 +971,7 @@
>Holdings >Holdings
</td> </td>
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.holdingsCount !== null >{stockDeck?.holdingsCount !== null
? abbreviateNumber(stockDeck?.holdingsCount) ? abbreviateNumber(stockDeck?.holdingsCount)
: "n/a"}</td : "n/a"}</td
@ -984,7 +984,7 @@
>Expense Ratio</td >Expense Ratio</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] font-semibold text-left text-sm xs:px-1 sm:py-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{stockDeck?.expenseRatio !== null >{stockDeck?.expenseRatio !== null
? stockDeck?.expenseRatio?.toFixed(2) + "%" ? stockDeck?.expenseRatio?.toFixed(2) + "%"
: "n/a"}</td : "n/a"}</td

12
src/routes/index/[tickerID]/+page.svelte
View File

@ -706,11 +706,11 @@
<div class="sm:pl-7 mt-4 mb-5 lg:flex lg:flex-row lg:gap-x-4 w-full"> <div class="sm:pl-7 mt-4 mb-5 lg:flex lg:flex-row lg:gap-x-4 w-full">
{#if dataMapping[displayData]?.length === 0} {#if dataMapping[displayData]?.length === 0}
<div <div
class="order-1 lg:order-5 m-auto grow overflow-hidden border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b" class="order-1 lg:order-5 m-auto grow overflow-hidden border-gray-300 dark:border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b"
> >
<div class="h-[250px] sm:h-[350px]"> <div class="h-[250px] sm:h-[350px]">
<div <div
class="flex h-full w-full flex-col items-center justify-center rounded-sm border border-gray-800 p-6 text-center md:p-12" class="flex h-full w-full flex-col items-center justify-center rounded-sm border border-gray-300 dark:border-gray-800 p-6 text-center md:p-12"
> >
<div class="mb-4 text-[1rem] sm:text-xl font-semibold"> <div class="mb-4 text-[1rem] sm:text-xl font-semibold">
No {displayData} chart data available No {displayData} chart data available
@ -720,7 +720,7 @@
</div> </div>
{:else} {:else}
<div <div
class="order-1 lg:order-5 grow overflow-hidden border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b" class="order-1 lg:order-5 grow overflow-hidden border-gray-300 dark:border-gray-800 py-0.5 xs:py-1 sm:px-0.5 sm:pb-3 sm:pt-2.5 lg:mb-0 lg:border-0 lg:border-l lg:border-sharp lg:px-0 lg:py-0 lg:pl-5 md:mb-4 md:border-b"
> >
<div class="flex items-center justify-between py-1 sm:pt-0.5"> <div class="flex items-center justify-between py-1 sm:pt-0.5">
<div class="hide-scroll overflow-x-auto"> <div class="hide-scroll overflow-x-auto">
@ -752,14 +752,12 @@
<span <span
class={displayLegend?.graphChange >= 0 class={displayLegend?.graphChange >= 0
? "before:content-['+'] text-green-800 dark:text-[#00FC50]" ? "before:content-['+'] text-green-800 dark:text-[#00FC50]"
: "text-[#FF2F1F]"} : "text-red-800 dark:text-[#FF2F1F]"}
> >
{displayLegend?.graphChange ?? {displayLegend?.graphChange ??
data?.getStockQuote?.changesPercentage?.toFixed(2)}% data?.getStockQuote?.changesPercentage?.toFixed(2)}%
</span> </span>
<span class="hidden text-gray-200 sm:block" <span class="hidden sm:block">({displayData})</span>
>({displayData})</span
>
</div> </div>
</div> </div>

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

@ -786,7 +786,7 @@
>Bid</td >Bid</td
> >
<td <td
class="whitespace-nowrap px-0.5 py-[1px] text-left text-sm text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right" class="whitespace-nowrap px-0.5 py-[1px] text-left text-[1rem] font-semibold dark:font-normal xs:px-1 sm:text-right"
>{$wsBidPrice !== 0 && $wsBidPrice !== null >{$wsBidPrice !== 0 && $wsBidPrice !== null
? $wsBidPrice ? $wsBidPrice
: ((data?.getStockQuote?.bid !== 0 : ((data?.getStockQuote?.bid !== 0