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

update tables

Browse Source
This commit is contained in:
MuslemRahimi 2025-01-19 12:24:50 +01:00
parent 100d50b98d
commit 69fcb5171b
6 changed files with 26 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/components/IndustryTable.svelte
View File

@ -14,7 +14,7 @@
{ key: "avgDividendYield", label: "Div. Yield", align: "right" }, { key: "avgDividendYield", label: "Div. Yield", align: "right" },
{ key: "pe", label: "PE Ratio", align: "right" }, { key: "pe", label: "PE Ratio", align: "right" },
{ key: "profitMargin", label: "Profit Margin", align: "right" }, { key: "profitMargin", label: "Profit Margin", align: "right" },
{ key: "avgChange1M", label: "1M Change", align: "right" }, { key: "avgChange1D", label: "1D Change", align: "right" },
{ key: "avgChange1Y", label: "1Y Change", align: "right" }, { key: "avgChange1Y", label: "1Y Change", align: "right" },
]; ];
@ -25,7 +25,7 @@
avgDividendYield: { order: "none", type: "number" }, avgDividendYield: { order: "none", type: "number" },
pe: { order: "none", type: "number" }, pe: { order: "none", type: "number" },
profitMargin: { order: "none", type: "number" }, profitMargin: { order: "none", type: "number" },
avgChange1M: { order: "none", type: "number" }, avgChange1D: { order: "none", type: "number" },
avgChange1Y: { order: "none", type: "number" }, avgChange1Y: { order: "none", type: "number" },
}; };
@ -121,19 +121,19 @@
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{abbreviateNumber(item?.totalMarketCap) ?? "-"} {abbreviateNumber(item?.totalMarketCap) ?? "n/a"}
</td> </td>
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgDividendYield?.toFixed(2) ?? "-"}% {item?.avgDividendYield?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.pe?.toFixed(2) ?? "-"} {item?.pe?.toFixed(2) ?? "n/a"}
</td> </td>
<td <td
@ -145,11 +145,11 @@
</td> </td>
<td <td
class="{item?.avgChange1M >= 0 class="{item?.avgChange1D >= 0
? "before:content-['+'] text-[#00FC50]" ? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" : 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1M?.toFixed(2) ?? "-"}% {item?.avgChange1D?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
@ -157,7 +157,7 @@
? "before:content-['+'] text-[#00FC50]" ? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" : 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1Y?.toFixed(2) ?? "-"}% {item?.avgChange1Y?.toFixed(2) ?? "n/a"}%
</td> </td>
</tr> </tr>
{/each} {/each}

3
src/routes/industry/+page.server.ts
View File

@ -1,4 +1,4 @@
export const load = async ({ locals, setHeaders }) => { export const load = async ({ locals }) => {
const getSectorIndustryOverview = async () => { const getSectorIndustryOverview = async () => {
const { apiKey, apiURL } = locals; const { apiKey, apiURL } = locals;
@ -11,7 +11,6 @@ export const load = async ({ locals, setHeaders }) => {
}); });
const output = await response?.json(); const output = await response?.json();
setHeaders({ "cache-control": "public, max-age=3000" });
return output; return output;
}; };

3
src/routes/industry/all/+page.server.ts
View File

@ -1,4 +1,4 @@
export const load = async ({ locals, setHeaders }) => { export const load = async ({ locals }) => {
const getIndustryOverview = async () => { const getIndustryOverview = async () => {
const { apiKey, apiURL } = locals; const { apiKey, apiURL } = locals;
@ -11,7 +11,6 @@ export const load = async ({ locals, setHeaders }) => {
}); });
const output = await response.json(); const output = await response.json();
setHeaders({ "cache-control": "public, max-age=3000" });
return output; return output;
}; };

16
src/routes/industry/all/+page.svelte
View File

@ -17,7 +17,7 @@
{ key: "avgDividendYield", label: "Div. Yield", align: "right" }, { key: "avgDividendYield", label: "Div. Yield", align: "right" },
{ key: "pe", label: "PE Ratio", align: "right" }, { key: "pe", label: "PE Ratio", align: "right" },
{ key: "profitMargin", label: "Profit Margin", align: "right" }, { key: "profitMargin", label: "Profit Margin", align: "right" },
{ key: "avgChange1M", label: "1M Change", align: "right" }, { key: "avgChange1D", label: "1D Change", align: "right" },
{ key: "avgChange1Y", label: "1Y Change", align: "right" }, { key: "avgChange1Y", label: "1Y Change", align: "right" },
]; ];
@ -28,7 +28,7 @@
avgDividendYield: { order: "none", type: "number" }, avgDividendYield: { order: "none", type: "number" },
pe: { order: "none", type: "number" }, pe: { order: "none", type: "number" },
profitMargin: { order: "none", type: "number" }, profitMargin: { order: "none", type: "number" },
avgChange1M: { order: "none", type: "number" }, avgChange1D: { order: "none", type: "number" },
avgChange1Y: { order: "none", type: "number" }, avgChange1Y: { order: "none", type: "number" },
}; };
@ -128,19 +128,19 @@
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{abbreviateNumber(item?.totalMarketCap) ?? "-"} {abbreviateNumber(item?.totalMarketCap) ?? "n/a"}
</td> </td>
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgDividendYield?.toFixed(2) ?? "-"}% {item?.avgDividendYield?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.pe?.toFixed(2) ?? "-"} {item?.pe?.toFixed(2) ?? "n/a"}
</td> </td>
<td <td
@ -152,11 +152,11 @@
</td> </td>
<td <td
class="{item?.avgChange1M >= 0 class="{item?.avgChange1D >= 0
? "before:content-['+'] text-[#00FC50]" ? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" : 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1M?.toFixed(2) ?? "-"}% {item?.avgChange1D?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
@ -164,7 +164,7 @@
? "before:content-['+'] text-[#00FC50]" ? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" : 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1Y?.toFixed(2) ?? "-"}% {item?.avgChange1Y?.toFixed(2) ?? "n/a"}%
</td> </td>
</tr> </tr>
{/each} {/each}

4
src/routes/industry/sectors/+page.server.ts
View File

@ -1,4 +1,4 @@
export const load = async ({ locals, setHeaders }) => { export const load = async ({ locals }) => {
const getSectorOverview = async () => { const getSectorOverview = async () => {
const { apiKey, apiURL } = locals; const { apiKey, apiURL } = locals;
@ -12,8 +12,6 @@ export const load = async ({ locals, setHeaders }) => {
const output = await response.json(); const output = await response.json();
setHeaders({ "cache-control": "public, max-age=3000" });
return output; return output;
}; };

14
src/routes/industry/sectors/+page.svelte
View File

@ -16,7 +16,7 @@
{ key: "avgDividendYield", label: "Div. Yield", align: "right" }, { key: "avgDividendYield", label: "Div. Yield", align: "right" },
{ key: "pe", label: "PE Ratio", align: "right" }, { key: "pe", label: "PE Ratio", align: "right" },
{ key: "profitMargin", label: "Profit Margin", align: "right" }, { key: "profitMargin", label: "Profit Margin", align: "right" },
{ key: "avgChange1M", label: "1M Change", align: "right" }, { key: "avgChange1D", label: "1D Change", align: "right" },
{ key: "avgChange1Y", label: "1Y Change", align: "right" }, { key: "avgChange1Y", label: "1Y Change", align: "right" },
]; ];
@ -27,7 +27,7 @@
avgDividendYield: { order: "none", type: "number" }, avgDividendYield: { order: "none", type: "number" },
pe: { order: "none", type: "number" }, pe: { order: "none", type: "number" },
profitMargin: { order: "none", type: "number" }, profitMargin: { order: "none", type: "number" },
avgChange1M: { order: "none", type: "number" }, avgChange1D: { order: "none", type: "number" },
avgChange1Y: { order: "none", type: "number" }, avgChange1Y: { order: "none", type: "number" },
}; };
@ -129,19 +129,19 @@
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{abbreviateNumber(item?.totalMarketCap) ?? "-"} {abbreviateNumber(item?.totalMarketCap) ?? "n/a"}
</td> </td>
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgDividendYield?.toFixed(2) ?? "-"}% {item?.avgDividendYield?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.pe?.toFixed(2) ?? "-"} {item?.pe?.toFixed(2) ?? "n/a"}
</td> </td>
<td <td
@ -157,7 +157,7 @@
? "before:content-['+'] text-[#00FC50]" ? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" : 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1M?.toFixed(2) ?? "-"}% {item?.avgChange1D?.toFixed(2) ?? "n/a"}%
</td> </td>
<td <td
@ -165,7 +165,7 @@
? "before:content-['+'] text-[#00FC50]" ? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap" : 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.avgChange1Y?.toFixed(2) ?? "-"}% {item?.avgChange1Y?.toFixed(2) ?? "n/a"}%
</td> </td>
</tr> </tr>
{/each} {/each}