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

update short page

Browse Source
This commit is contained in:
MuslemRahimi 2024-09-02 11:29:53 +02:00
parent f8049d2495
commit 3b6fe7d783
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/routes/most-shorted-stocks/+page.svelte
View File

@ -36,7 +36,7 @@
}) })
$: charNumber = $screenWidth < 640 ? 15 : 40; $: charNumber = $screenWidth < 640 ? 15 : 20;
</script> </script>
@ -146,18 +146,17 @@
<th class="hidden sm:table-cell text-start bg-[#09090B] text-white text-[1rem] font-semibold"> <th class="hidden sm:table-cell text-start bg-[#09090B] text-white text-[1rem] font-semibold">
Name Name
</th> </th>
<th class="text-end bg-[#09090B] text-white text-[1rem] font-semibold">
<th class="text-center bg-[#09090B] text-white text-[1rem] font-semibold"> Short Ratio
</th>
<th class="text-end bg-[#09090B] text-white text-[1rem] font-semibold">
Short Interest Short Interest
</th> </th>
<th class="text-end bg-[#09090B] text-white text-[1rem] font-semibold"> <th class="text-end bg-[#09090B] text-white text-[1rem] font-semibold">
Float Short % Float
</th> </th>
<th class="text-end bg-[#09090B] text-white text-[1rem] font-semibold"> <th class="text-end bg-[#09090B] text-white text-[1rem] font-semibold">
Outstd Short % of Shares Out
</th>
<th class="text-end bg-[#09090B] text-white text-[1rem] font-semibold">
Sector
</th> </th>
</tr> </tr>
</thead> </thead>
@ -182,23 +181,23 @@
{item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name} {item?.name?.length > charNumber ? item?.name?.slice(0,charNumber) + "..." : item?.name}
</td> </td>
<td class="text-end text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white">
{item?.shortRatio}
</td>
<td class="text-center text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white"> <td class="text-end text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white">
{abbreviateNumber(item?.sharesShort)}
</td>
<td class="text-end text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white">
{item?.shortFloatPercent}%
</td>
<td class="text-end text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white">
{item?.shortOutStandingPercent}% {item?.shortOutStandingPercent}%
</td> </td>
<td class="text-end text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white">
{abbreviateNumber(item?.latestFloatShares)}
</td>
<td class="text-end text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white">
{abbreviateNumber(item?.latestOutstandingShares)}
</td>
<td class="text-end text-sm sm:text-[1rem] whtitespace-nowrap font-medium text-white">
{item?.sector !== null ? item?.sector : '-'}
</td>
</tr> </tr>
{/each} {/each}