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

fix table

Browse Source
This commit is contained in:
MuslemRahimi 2024-06-11 18:07:34 +02:00
parent b586aeebc2
commit df501555a5
4 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/AnalystEstimate.svelte
View File

@ -292,9 +292,9 @@ $: {
<table class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F]"> <table class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#0F0F0F] border-bg-[#0F0F0F]">
<thead class=""> <thead class="">
<tr class=""> <tr class="">
<th class="bg-[#0F0F0F] border-b border-[#000] shadow-md text-white font-medium text-sm text-start">Year</th> <th class="bg-[#0F0F0F] border-b border-[#000] text-white font-semibold text-sm text-start">Year</th>
{#each ($screenWidth >= 640 ? xData?.slice(-6) : xData) as item} {#each ($screenWidth >= 640 ? xData?.slice(-6) : xData) as item}
<td class="z-20 bg-[#0F0F0F] border-b border-[#000] shadow-md text-white font-medium text-sm text-center bg-[#0F0F0F]">{'FY'+item}</td> <td class="z-20 bg-[#0F0F0F] border-b border-[#000] text-white font-semibold text-sm text-center bg-[#0F0F0F]">{'FY'+item}</td>
{/each} {/each}
</tr> </tr>
@ -314,11 +314,11 @@ $: {
</tr> </tr>
<tr class="bg-[#0F0F0F] border-b-[#0F0F0F]"> <tr class="bg-[#0F0F0F] border-b-[#0F0F0F]">
<th class="text-white text-start font-medium bg-[#0F0F0F] border-b border-[#0F0F0F]"> <th class="bg-[#202020] text-white text-start font-medium bg-[#0F0F0F] border-b border-[#0F0F0F]">
Actual Actual
</th> </th>
{#each ($screenWidth >= 640 ? tableDataActual?.slice(-6) : tableDataActual) as item} {#each ($screenWidth >= 640 ? tableDataActual?.slice(-6) : tableDataActual) as item}
<td class="text-white text-center font-medium border-b border-[#0F0F0F]"> <td class="text-white text-center font-medium bg-[#202020]">
{(item?.val === '0.00' || item?.val === null) ? '-' : item?.val} {(item?.val === '0.00' || item?.val === null) ? '-' : item?.val}
</td> </td>
{/each} {/each}

12
src/lib/components/ShareHolders.svelte
View File

@ -235,25 +235,25 @@ $: {
<tbody> <tbody>
{#each (showFullStats ? shareholderList?.slice(0,10) : shareholderList?.slice(0,3)) as item,index} {#each (showFullStats ? shareholderList?.slice(0,10) : shareholderList?.slice(0,3)) as item,index}
{#if item?.investorName?.length > 0} {#if item?.investorName?.length > 0}
<tr on:click={() => goto('/hedge-funds/'+item?.cik)} class="{index === 2 && !showFullStats && shareholderList?.length > 3 ? 'opacity-[0.5]' : '' } sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer"> <tr on:click={() => goto('/hedge-funds/'+item?.cik)} class="border-y border-gray-800 odd:bg-[#202020] {index === 2 && !showFullStats && shareholderList?.length > 3 ? 'opacity-[0.5]' : '' } sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#0F0F0F] border-b-[#0F0F0F] cursor-pointer">
<td class="text-white font-medium border-b border-[#0F0F0F]"> <td class="text-white font-medium">
{item?.investorName?.length > charNumber ? formatString(item?.investorName?.slice(0,charNumber)) + "..." : formatString(item?.investorName)} {item?.investorName?.length > charNumber ? formatString(item?.investorName?.slice(0,charNumber)) + "..." : formatString(item?.investorName)}
</td> </td>
<td class="text-white text-center font-medium border-b border-[#0F0F0F]"> <td class="text-white text-center font-medium">
{item?.ownership <= 0.01 ? "< 0.01%" : item?.ownership?.toFixed(2)+'%'} {item?.ownership <= 0.01 ? "< 0.01%" : item?.ownership?.toFixed(2)+'%'}
</td> </td>
<td class="text-white text-end hidden sm:table-cell font-medium border-b border-[#0F0F0F]"> <td class="text-white text-end hidden sm:table-cell font-medium">
{item?.sharesNumber !== null ? abbreviateNumber(item?.sharesNumber) : '-'} {item?.sharesNumber !== null ? abbreviateNumber(item?.sharesNumber) : '-'}
</td> </td>
<td class="text-white text-end hidden sm:table-cell font-medium border-b border-[#0F0F0F] "> <td class="text-white text-end hidden sm:table-cell font-medium ">
{item?.marketValue !== null ? "$" + abbreviateNumber(item?.marketValue) : '-'} {item?.marketValue !== null ? "$" + abbreviateNumber(item?.marketValue) : '-'}
</td> </td>
<td class="text-white text-end font-medium border-b border-[#0F0F0F]"> <td class="text-white text-end font-medium">
{item?.weight <= 0.01 ? "< 0.01%" : item?.weight?.toFixed(2)+'%'} {item?.weight <= 0.01 ? "< 0.01%" : item?.weight?.toFixed(2)+'%'}
</td> </td>

12
src/lib/components/SignalBar.svelte
View File

@ -6,7 +6,7 @@ export let signal;
{#if signal === 'Strong Buy'} {#if signal === 'Strong Buy'}
<div class="relative h-full w-full mt-5"> <div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end"> <div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div> <div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div> <div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div> <div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div>
@ -17,7 +17,7 @@ export let signal;
{:else if signal === 'Buy'} {:else if signal === 'Buy'}
<div class="relative h-full w-full mt-5"> <div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end"> <div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div> <div class="bg-[#10DB06] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div> <div class="bg-[#10DB06] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div> <div class="bg-[#10DB06] mr-0.5 h-3.5 w-1.5"></div>
@ -27,7 +27,7 @@ export let signal;
</div> </div>
{:else if signal === 'Neutral'} {:else if signal === 'Neutral'}
<div class="relative h-full w-full mt-5"> <div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end"> <div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#F8901E] mr-0.5 h-2.5 w-1.5"></div> <div class="bg-[#F8901E] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#F8901E] mr-0.5 h-3 w-1.5"></div> <div class="bg-[#F8901E] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#F8901E] mr-0.5 h-3.5 w-1.5"></div> <div class="bg-[#F8901E] mr-0.5 h-3.5 w-1.5"></div>
@ -37,7 +37,7 @@ export let signal;
</div> </div>
{:else if signal === 'Sell'} {:else if signal === 'Sell'}
<div class="relative h-full w-full mt-5"> <div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end"> <div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div> <div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#FF2F1F] mr-0.5 h-3 w-1.5"></div> <div class="bg-[#FF2F1F] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div> <div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>
@ -47,7 +47,7 @@ export let signal;
</div> </div>
{:else if signal === 'Strong Sell'} {:else if signal === 'Strong Sell'}
<div class="relative h-full w-full mt-5"> <div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end"> <div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div> <div class="bg-[#FF2F1F] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div> <div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div> <div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>
@ -57,7 +57,7 @@ export let signal;
</div> </div>
{:else} {:else}
<div class="relative h-full w-full mt-5"> <div class="relative h-full w-full mt-5">
<div class="absolute bottom-0 left-0 flex flex-row items-end"> <div class="absolute bottom-0 right-0 flex flex-row items-end">
<div class="bg-[#707070] mr-0.5 h-2.5 w-1.5"></div> <div class="bg-[#707070] mr-0.5 h-2.5 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div> <div class="bg-[#707070] mr-0.5 h-3 w-1.5"></div>
<div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div> <div class="bg-[#707070] mr-0.5 h-3.5 w-1.5"></div>

12
src/lib/components/TARating.svelte
View File

@ -111,20 +111,20 @@ $: {
<!-- head --> <!-- head -->
<thead> <thead>
<tr> <tr>
<th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Name</th> <th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold">Name</th>
<th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Value</th> <th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold text-end">Value</th>
<th class="text-white text-sm font-medium bg-[#0F0F0F] shadow-md">Signal</th> <th class="text-white text-sm font-medium bg-[#0F0F0F] font-semibold text-end">Signal</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{#each (showFullStats ? signalList : signalList?.slice(0, 3)) as item,index} {#each (showFullStats ? signalList : signalList?.slice(0, 3)) as item,index}
<tr class="border-b border-[#202020] sm:border-[#0F0F0F] {index === 2 && !showFullStats && signalList?.length > 2 ? 'opacity-[0.3]' : '' }"> <tr class="border-y border-gray-800 odd:bg-[#202020] {index === 2 && !showFullStats && signalList?.length > 2 ? 'opacity-[0.3]' : '' }">
<td class="text-white text-sm w-1/2 sm:w-full"> <td class="text-white text-sm w-1/2 sm:w-full">
{item?.name} {item?.name}
</td> </td>
<td class="text-white"> <td class="text-white text-end">
<span class="text-white text-sm"> <span class="text-white text-md font-medium">
{item?.value} {item?.value}
</span> </span>
</td> </td>