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="">
<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">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-sm hidden sm:table-cell">Name</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>
</tr>
</thead>
@ -142,17 +142,22 @@ $: {
{index+1}
</td>
<td class="text-blue-400 font-normal border-b border-[#0F0F0F]">
{item?.asset}
<td class="font-normal border-b border-[#0F0F0F]">
<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 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)}
</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 ">
{new Intl.NumberFormat("en", {
minimumFractionDigits: 0,

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

@ -67,26 +67,29 @@ function formatTime(timestamp) {
return formattedDate;
}
function formatDate(timestamp) {
// Convert timestamp to milliseconds and create a Date object
var date = new Date(timestamp * 1000);
function formatDate(dateStr) {
// Parse the input date string (YYYY-mm-dd)
var date = new Date(dateStr);
// Get month, day, and year
var month = date.getMonth() + 1; // Month starts from 0
var day = date.getDate();
var year = date.getFullYear();
// Extract the last two digits of the year
var shortYear = year.toString().slice(-2);
// Add leading zeros if necessary
month = (month < 10 ? "0" : "") + month;
day = (day < 10 ? "0" : "") + day;
// Format the date string in mm/dd/YYYY
var formattedDate = month + "/" + day + "/" + year;
return formattedDate;
}
function changeStatement(event)
{
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]' : ''}">
<td class="text-white text-xs sm:text-sm text-start">
{formatTime(item?.updated)}
{item?.time}
</td>
<td class="text-white text-xs sm:text-sm text-start">
{formatDate(item?.updated)}
{formatDate(item?.date)}
</td>
<td class="text-white text-end">

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

File diff suppressed because it is too large Load Diff