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

add margin to ratio page

Browse Source
This commit is contained in:
MuslemRahimi 2025-01-04 14:07:06 +01:00
parent 14dae223e2
commit f202f17b9a
4 changed files with 41 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/components/FinancialTable.svelte
View File

@ -13,9 +13,15 @@
</td>
{#each data as item}
<td class="text-sm sm:text-[1rem] text-end">
{@html item[key] !== null && item[key] !== 0
? abbreviateNumber(item[key]?.toFixed(2), false, true)
: "n/a"}
{#if ["pretaxProfitMargin", "freeCashFlowMargin", "grossProfitMargin", "netProfitMargin", "operatingProfitMargin", "ebitdaMargin"]?.includes(key)}
{item[key] !== null && item[key] !== 0
? abbreviateNumber(item[key]?.toFixed(2)) + "%"
: "n/a"}
{:else}
{item[key] !== null && item[key] !== 0
? abbreviateNumber(item[key]?.toFixed(2))
: "n/a"}
{/if}
</td>
{/each}
</tr>

2
src/routes/stocks/[tickerID]/financials/ratios/+page.server.ts
View File

@ -17,7 +17,7 @@ export const load = async ({ locals, params }) => {
});
const output = await response.json();
return output;
};

30
src/routes/stocks/[tickerID]/financials/ratios/+page.svelte
View File

@ -133,6 +133,26 @@
label: "Net Profit Margin",
text: "Net Profit Margin is the percentage of revenue left as net income, or profits, after subtracting all costs and expenses from the revenue.",
},
{
propertyName: "pretaxProfitMargin",
label: "Pretax Profit Margin",
text: "Pretax margin is the percentage of revenue left as profits before subtracting taxes.",
},
{
propertyName: "operatingProfitMargin",
label: "Operating Profit Margin",
text: "Operating margin is the percentage of revenue left as operating income, after subtracting cost of revenue and all operating expenses from the revenue.",
},
{
propertyName: "freeCashFlowMargin",
label: "FCF Margin",
text: "FCF margin is the percentage of revenue left as free cash flow. FCF is calculated by subtracting capital expenditures (CapEx) from the operating cash flow (OCF). Both CapEx and OCF are shown on the cash flow statement.",
},
{
propertyName: "ebitdaMargin",
label: "EBITDA Margin",
text: "EBITDA margin is the percentage of revenue left as EBITDA, after subtracting all expenses except interest, taxes, depreciation and amortization from revenue.",
},
];
const fields = statementConfig.map((item) => ({
@ -607,7 +627,7 @@
class="w-36 select select-bordered select-sm p-0 pl-5 overflow-y-auto bg-secondary"
on:change={changeStatement}
>
<option disabled>Choose an Income Variable</option>
<option disabled>Choose a Variable</option>
<option value="priceEarningsRatio" selected
>PE Ratio</option
>
@ -645,6 +665,14 @@
>Gross Profit Margin</option
>
<option value="netProfitMargin">Net Profit Margin</option>
<option value="pretaxProfitMargin"
>Pretax Profit Margin</option
>
<option value="operatingProfitMargin"
>Operating Profit Margin</option
>
<option value="freeCashFlowMargin">FCF Margin</option>
<option value="ebitdaMargin">EBITDA Margin</option>
</select>
</div>
</div>

3
src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
View File

@ -245,7 +245,8 @@
<td
class="text-white text-sm sm:text-[1rem] text-right whitespace-nowrap"
>
{@html item?.value !== null
{@html item?.value !== null &&
item?.value !== undefined
? abbreviateNumber(item?.value, false, true)
: "n/a"}
</td>