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: "pe", label: "PE Ratio", 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" },
];
@ -25,7 +25,7 @@
avgDividendYield: { order: "none", type: "number" },
pe: { order: "none", type: "number" },
profitMargin: { order: "none", type: "number" },
avgChange1M: { order: "none", type: "number" },
avgChange1D: { order: "none", type: "number" },
avgChange1Y: { order: "none", type: "number" },
};
@ -121,19 +121,19 @@
<td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
>
{abbreviateNumber(item?.totalMarketCap) ?? "-"}
{abbreviateNumber(item?.totalMarketCap) ?? "n/a"}
</td>
<td
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
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
@ -145,11 +145,11 @@
</td>
<td
class="{item?.avgChange1M >= 0
class="{item?.avgChange1D >= 0
? "before:content-['+'] text-[#00FC50]"
: '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
@ -157,7 +157,7 @@
? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
>
{item?.avgChange1Y?.toFixed(2) ?? "-"}%
{item?.avgChange1Y?.toFixed(2) ?? "n/a"}%
</td>
</tr>
{/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 { apiKey, apiURL } = locals;
@ -11,7 +11,6 @@ export const load = async ({ locals, setHeaders }) => {
});
const output = await response?.json();
setHeaders({ "cache-control": "public, max-age=3000" });
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 { apiKey, apiURL } = locals;
@ -11,7 +11,6 @@ export const load = async ({ locals, setHeaders }) => {
});
const output = await response.json();
setHeaders({ "cache-control": "public, max-age=3000" });
return output;
};

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

@ -17,7 +17,7 @@
{ key: "avgDividendYield", label: "Div. Yield", align: "right" },
{ key: "pe", label: "PE Ratio", 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" },
];
@ -28,7 +28,7 @@
avgDividendYield: { order: "none", type: "number" },
pe: { order: "none", type: "number" },
profitMargin: { order: "none", type: "number" },
avgChange1M: { order: "none", type: "number" },
avgChange1D: { order: "none", type: "number" },
avgChange1Y: { order: "none", type: "number" },
};
@ -128,19 +128,19 @@
<td
class="text-white text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
>
{abbreviateNumber(item?.totalMarketCap) ?? "-"}
{abbreviateNumber(item?.totalMarketCap) ?? "n/a"}
</td>
<td
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
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
@ -152,11 +152,11 @@
</td>
<td
class="{item?.avgChange1M >= 0
class="{item?.avgChange1D >= 0
? "before:content-['+'] text-[#00FC50]"
: '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
@ -164,7 +164,7 @@
? "before:content-['+'] text-[#00FC50]"
: 'text-[#FF2F1F]'} text-end font-medium text-sm sm:text-[1rem] whitespace-nowrap"
>
{item?.avgChange1Y?.toFixed(2) ?? "-"}%
{item?.avgChange1Y?.toFixed(2) ?? "n/a"}%
</td>
</tr>
{/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 { apiKey, apiURL } = locals;
@ -12,8 +12,6 @@ export const load = async ({ locals, setHeaders }) => {
const output = await response.json();
setHeaders({ "cache-control": "public, max-age=3000" });
return output;
};

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

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