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

update stats page of etf

Browse Source
This commit is contained in:
MuslemRahimi 2024-07-11 17:59:20 +02:00
parent ea02665540
commit b0fdcee2d7
3 changed files with 626 additions and 461 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/routes/etf/[tickerID]/holdings/+page.svelte
View File

@ -127,8 +127,8 @@ $: {
<tr class=""> <tr class="">
<td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-sm">No.</td> <td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-sm">No.</td>
<td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-sm">Symbol</td> <td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-sm">Symbol</td>
<td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-sm">Name</td> <td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-sm hidden sm:table-cell">Name</td>
<td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-end hidden sm:table-cell text-sm ">Shares</td> <td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-end text-sm ">Shares</td>
<td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-end text-sm">% Weight</td> <td class="text-white border-b border-[#0F0F0F] bg-[#0F0F0F] font-semibold text-end text-sm">% Weight</td>
</tr> </tr>
</thead> </thead>
@ -142,17 +142,22 @@ $: {
{index+1} {index+1}
</td> </td>
<td class="text-blue-400 font-normal border-b border-[#0F0F0F]"> <td class="font-normal border-b border-[#0F0F0F]">
{item?.asset} <div class="flex flex-col items-start">
<span class="text-blue-400">{item?.asset}</span>
<span class="sm:hidden text-white">
{item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)}
</span>
</div>
</td> </td>
<td class="text-gray-200 border-b border-[#0F0F0F] w-fit "> <td class="text-gray-200 border-b border-[#0F0F0F] w-fit hidden sm:table-cell">
{item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)} {item?.name?.length > charNumber ? formatString(item?.name?.slice(0,charNumber)) + "..." : formatString(item?.name)}
</td> </td>
<td class="text-gray-200 border-b border-[#0F0F0F] text-end hidden sm:table-cell"> <td class="text-gray-200 border-b border-[#0F0F0F] text-end ">
<span class="text-white font-medium text-md "> <span class="text-white font-medium text-md ">
{new Intl.NumberFormat("en", { {new Intl.NumberFormat("en", {
minimumFractionDigits: 0, minimumFractionDigits: 0,

15
src/routes/etf/[tickerID]/options/+page.svelte
View File

@ -67,26 +67,29 @@ function formatTime(timestamp) {
return formattedDate; return formattedDate;
} }
function formatDate(timestamp) { function formatDate(dateStr) {
// Convert timestamp to milliseconds and create a Date object // Parse the input date string (YYYY-mm-dd)
var date = new Date(timestamp * 1000); var date = new Date(dateStr);
// Get month, day, and year // Get month, day, and year
var month = date.getMonth() + 1; // Month starts from 0 var month = date.getMonth() + 1; // Month starts from 0
var day = date.getDate(); var day = date.getDate();
var year = date.getFullYear(); var year = date.getFullYear();
// Extract the last two digits of the year
var shortYear = year.toString().slice(-2);
// Add leading zeros if necessary // Add leading zeros if necessary
month = (month < 10 ? "0" : "") + month; month = (month < 10 ? "0" : "") + month;
day = (day < 10 ? "0" : "") + day; day = (day < 10 ? "0" : "") + day;
// Format the date string in mm/dd/YYYY
var formattedDate = month + "/" + day + "/" + year; var formattedDate = month + "/" + day + "/" + year;
return formattedDate; return formattedDate;
} }
function changeStatement(event) function changeStatement(event)
{ {
displayData = event.target.value; displayData = event.target.value;
@ -527,11 +530,11 @@ $: {
<tr class="odd:bg-[#202020] border-b-[#0F0F0F] {index+1 === optionList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}"> <tr class="odd:bg-[#202020] border-b-[#0F0F0F] {index+1 === optionList?.slice(0,3)?.length && data?.user?.tier !== 'Pro' ? 'opacity-[0.1]' : ''}">
<td class="text-white text-xs sm:text-sm text-start"> <td class="text-white text-xs sm:text-sm text-start">
{formatTime(item?.updated)} {item?.time}
</td> </td>
<td class="text-white text-xs sm:text-sm text-start"> <td class="text-white text-xs sm:text-sm text-start">
{formatDate(item?.updated)} {formatDate(item?.date)}
</td> </td>
<td class="text-white text-end"> <td class="text-white text-end">

1031
src/routes/etf/[tickerID]/stats/+page.svelte
View File

File diff suppressed because it is too large Load Diff