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

bugfixing statistics page

Browse Source
This commit is contained in:
MuslemRahimi 2025-02-20 20:54:16 +01:00
parent f458c051b1
commit 149c2927fc
1 changed files with 53 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,11 +1,8 @@
<script lang="ts"> <script lang="ts">
import { import { displayCompanyName, stockTicker } from "$lib/store";
numberOfUnreadNotification,
displayCompanyName,
stockTicker,
} from "$lib/store";
import { abbreviateNumber } from "$lib/utils"; import { abbreviateNumber } from "$lib/utils";
import ScrollToTop from "$lib/components/ScrollToTop.svelte"; import ScrollToTop from "$lib/components/ScrollToTop.svelte";
import SEO from "$lib/components/SEO.svelte";
export let data; export let data;
let rawData = data?.getStatistics ?? {}; let rawData = data?.getStatistics ?? {};
@ -30,44 +27,11 @@
} }
</script> </script>
<svelte:head> <SEO
<meta charset="utf-8" /> title={`${$displayCompanyName} (${$stockTicker}) Statistics & Valuation Metrics`}
<meta name="viewport" content="width=device-width" /> description={`Detailed statistics for ${$displayCompanyName} (${$stockTicker}) stock, including valuation, metrics, financial numbers, share information and more.`}
<title>
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
{$displayCompanyName} ({$stockTicker}) Statistics & Valuation Metrics ·
stocknear
</title>
<meta
name="description"
content={`Detailed statistics for ${$displayCompanyName} (${$stockTicker}) stock, including valuation, metrics, financial numbers, share information and more.`}
/> />
<!-- Other meta tags -->
<meta
property="og:title"
content={`${$displayCompanyName} (${$stockTicker}) Statistics & Valuation Metrics · Stocknear`}
/>
<meta
property="og:description"
content={`Detailed statistics for ${$displayCompanyName} (${$stockTicker}) stock, including valuation, metrics, financial numbers, share information and more.`}
/>
<meta property="og:type" content="website" />
<!-- Add more Open Graph meta tags as needed -->
<!-- Twitter specific meta tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content={`${$displayCompanyName} (${$stockTicker}) Statistics & Valuation Metrics · Stocknear`}
/>
<meta
name="twitter:description"
content={`Detailed statistics for ${$displayCompanyName} (${$stockTicker}) stock, including valuation, metrics, financial numbers, share information and more.`}
/>
<!-- Add more Twitter meta tags as needed -->
</svelte:head>
<section class="text-white w-full"> <section class="text-white w-full">
<div class="sm:pb-7 sm:pt-7 sm:pl-7 m-auto mt-7 sm:mt-0"> <div class="sm:pb-7 sm:pt-7 sm:pl-7 m-auto mt-7 sm:mt-0">
<div class="mb-6"> <div class="mb-6">
@ -91,7 +55,7 @@
<p <p
class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal" class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal"
> >
{companyName} has {@html abbreviateNumber( {companyName} has {abbreviateNumber(
rawData?.sharesOutStanding, rawData?.sharesOutStanding,
false, false,
)} )}
@ -107,10 +71,7 @@
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
title="3,194,640,415" title="3,194,640,415"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.sharesOutStanding, false)}</td
rawData?.sharesOutStanding,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -118,10 +79,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{checkValue( >{checkValue(rawData?.sharesYoY, "percent")}</td
rawData?.sharesYoYrawData?.sharesYoY,
"percent",
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -138,7 +96,7 @@
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{checkValue( >{checkValue(
rawData?.rawData?.institutionalOwnership, rawData?.institutionalOwnership,
"percent", "percent",
)}</td )}</td
> >
@ -149,7 +107,7 @@
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
title="2,777,647,654" title="2,777,647,654"
>{@html abbreviateNumber(rawData?.floatShares, false)}</td >{abbreviateNumber(rawData?.floatShares, false)}</td
> >
</tr> </tr>
<tr class="border-b border-gray-800 odd:bg-odd" <tr class="border-b border-gray-800 odd:bg-odd"
@ -159,10 +117,7 @@
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
title="2,777,647,654" title="2,777,647,654"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.failToDeliver, false)}</td
rawData?.failToDeliver,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -170,7 +125,9 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{checkValue( >{rawData?.relativeFTD < 0.01
? "< 0.01%"
: checkValue(
abbreviateNumber(rawData?.relativeFTD), abbreviateNumber(rawData?.relativeFTD),
"percent", "percent",
)}</td )}</td
@ -186,7 +143,7 @@
<p <p
class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal" class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal"
> >
The latest short interest is {@html abbreviateNumber( The latest short interest is {abbreviateNumber(
rawData?.sharesShort, rawData?.sharesShort,
false, false,
)}, so {rawData?.shortOutStandingPercent}% of the outstanding )}, so {rawData?.shortOutStandingPercent}% of the outstanding
@ -201,7 +158,7 @@
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
title="74,332,630" title="74,332,630"
>{@html abbreviateNumber(rawData?.sharesShort, false)}</td >{abbreviateNumber(rawData?.sharesShort, false)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -324,7 +281,7 @@
class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal" class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal"
> >
{#if rawData?.enterpriseValue !== null} {#if rawData?.enterpriseValue !== null}
{$displayCompanyName} has an Enterprise Value (EV) of {@html abbreviateNumber( {$displayCompanyName} has an Enterprise Value (EV) of {abbreviateNumber(
rawData?.enterpriseValue, rawData?.enterpriseValue,
false, false,
)}. )}.
@ -420,7 +377,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(
rawData?.totalDebtToCapitalization, rawData?.totalDebtToCapitalization,
false, false,
)}</td )}</td
@ -487,7 +444,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(
rawData?.revenuePerEmployee, rawData?.revenuePerEmployee,
false, false,
)}</td )}</td
@ -498,10 +455,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.profitPerEmployee, false)}</td
rawData?.profitPerEmployee,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -510,7 +464,7 @@
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
title="140,473" title="140,473"
>{@html abbreviateNumber(rawData?.employees, false)}</td >{abbreviateNumber(rawData?.employees, false)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -526,10 +480,9 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{rawData?.inventoryTurnover
rawData?.inventoryTurnover, ? abbreviateNumber(rawData?.inventoryTurnover, false)
false, : "n/a"}</td
)}</td
> >
</tr></tbody </tr></tbody
> >
@ -545,10 +498,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.incomeTaxExpense, false)}</td
rawData?.incomeTaxExpense,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -625,7 +575,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber(rawData?.avgVolume, false)}</td >{abbreviateNumber(rawData?.avgVolume, false)}</td
> >
</tr></tbody </tr></tbody
> >
@ -640,11 +590,11 @@
class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal" class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal"
> >
{#if rawData?.revenue !== null && rawData?.revenue !== 0} {#if rawData?.revenue !== null && rawData?.revenue !== 0}
In the last 12 months, {companyName} had revenue of {@html abbreviateNumber( In the last 12 months, {companyName} had revenue of {abbreviateNumber(
rawData?.revenue, rawData?.revenue,
false, false,
)} )}
and earned {@html abbreviateNumber(rawData?.netIncome, false)} and earned {abbreviateNumber(rawData?.netIncome, false)}
in profits. Earnings per share was {rawData?.eps}. in profits. Earnings per share was {rawData?.eps}.
{/if} {/if}
</p> </p>
@ -656,8 +606,7 @@
> >
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html rawData?.revenue !== 0 && >{rawData?.revenue !== 0 && rawData?.revenue !== null
rawData?.revenue !== null
? abbreviateNumber(rawData?.revenue, false) ? abbreviateNumber(rawData?.revenue, false)
: "n/a"}</td : "n/a"}</td
> >
@ -667,7 +616,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber(rawData?.grossProfit, false)}</td >{abbreviateNumber(rawData?.grossProfit, false)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -675,10 +624,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.operatingIncome, false)}</td
rawData?.operatingIncome,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -686,7 +632,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber(rawData?.netIncome, false)}</td >{abbreviateNumber(rawData?.netIncome, false)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -694,7 +640,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber(rawData?.ebitda, false)}</td >{abbreviateNumber(rawData?.ebitda, false)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -702,7 +648,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html rawData?.ebit !== 0 && rawData?.ebit !== null >{rawData?.ebit !== 0 && rawData?.ebit !== null
? abbreviateNumber(rawData?.ebit, false) ? abbreviateNumber(rawData?.ebit, false)
: "n/a"}</td : "n/a"}</td
> >
@ -731,13 +677,11 @@
<p <p
class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal" class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal"
> >
The company has {@html abbreviateNumber( The company has {abbreviateNumber(
rawData?.cashAndCashEquivalents, rawData?.cashAndCashEquivalents,
false, false,
)} in cash and {@html abbreviateNumber( )} in cash and {abbreviateNumber(rawData?.totalDebt, false)} in debt,
rawData?.totalDebt, giving a net cash position of {abbreviateNumber(
false,
)} in debt, giving a net cash position of {@html abbreviateNumber(
rawData?.cashAndCashEquivalents - rawData?.totalDebt, rawData?.cashAndCashEquivalents - rawData?.totalDebt,
false, false,
)}. )}.
@ -750,7 +694,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(
rawData?.cashAndCashEquivalents, rawData?.cashAndCashEquivalents,
false, false,
)}</td )}</td
@ -761,7 +705,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber(rawData?.totalDebt, false)}</td >{abbreviateNumber(rawData?.totalDebt, false)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -770,7 +714,7 @@
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
title="20,865,000,000" title="20,865,000,000"
>{@html abbreviateNumber( >{abbreviateNumber(
rawData?.cashAndCashEquivalents - rawData?.totalDebt, rawData?.cashAndCashEquivalents - rawData?.totalDebt,
false, false,
)}</td )}</td
@ -781,10 +725,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.retainedEarnings, false)}</td
rawData?.retainedEarnings,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -792,7 +733,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber(rawData?.totalAssets, false)}</td >{abbreviateNumber(rawData?.totalAssets, false)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -800,10 +741,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.workingCapital, false)}</td
rawData?.workingCapital,
false,
)}</td
> >
</tr></tbody </tr></tbody
> >
@ -822,14 +760,14 @@
<p <p
class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal" class="mb-4 px-0.5 text-white xs:text-[1.05rem] lg:leading-normal"
> >
In the last 12 months, operating cash flow was {@html abbreviateNumber( In the last 12 months, operating cash flow was {abbreviateNumber(
rawData?.operatingCashFlow, rawData?.operatingCashFlow,
false, false,
)} )}
and capital expenditures {@html abbreviateNumber( and capital expenditures {abbreviateNumber(
rawData?.capitalExpenditure, rawData?.capitalExpenditure,
false, false,
)}, giving a free cash flow of {@html abbreviateNumber( )}, giving a free cash flow of {abbreviateNumber(
rawData?.freeCashFlow, rawData?.freeCashFlow,
false, false,
)}. )}.
@ -842,10 +780,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.operatingCashFlow, false)}</td
rawData?.operatingCashFlow,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"
@ -853,7 +788,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(
rawData?.capitalExpenditure, rawData?.capitalExpenditure,
false, false,
)}</td )}</td
@ -864,10 +799,7 @@
</td> </td>
<td <td
class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2" class="px-[5px] py-1.5 text-right font-semibold xs:px-2.5 xs:py-2"
>{@html abbreviateNumber( >{abbreviateNumber(rawData?.freeCashFlow, false)}</td
rawData?.freeCashFlow,
false,
)}</td
> >
</tr><tr class="border-b border-gray-800 odd:bg-odd" </tr><tr class="border-b border-gray-800 odd:bg-odd"
><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2" ><td class="px-[5px] py-1.5 xs:px-2.5 xs:py-2"