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

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2024-07-05 13:41:48 +02:00
parent f8efeb8099
commit a43774f6d0
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -136,11 +136,18 @@ $: {
Promise.all(asyncFunctions) Promise.all(asyncFunctions)
.then((results) => { .then((results) => {
shareholderList = rawData?.shareholders shareholderList = rawData?.shareholders
totalCalls = rawData?.totalCalls totalCalls = rawData?.totalCalls ?? 0
totalPuts = rawData?.totalPuts; totalPuts = rawData?.totalPuts ?? 0;
if(totalCalls+totalPuts !== 0) {
callPercentage = 100*totalCalls/(totalCalls+totalPuts); callPercentage = 100*totalCalls/(totalCalls+totalPuts);
putPercentage = (100- callPercentage) putPercentage = (100- callPercentage)
putCallRatio = rawData?.putCallRatio; putCallRatio = rawData?.putCallRatio;
} else {
callPercentage = 0;
putPercentage = 0;
putCallRatio = 0;
}
optionsPieChart = plotPieChart() optionsPieChart = plotPieChart()
}) })
@ -279,7 +286,7 @@ $: {
<circle cx="18" cy="18" r="16" fill="none" class="stroke-current text-[#3E3E3E]" stroke-width="3"></circle> <circle cx="18" cy="18" r="16" fill="none" class="stroke-current text-[#3E3E3E]" stroke-width="3"></circle>
<!-- Progress Circle inside a group with rotation --> <!-- Progress Circle inside a group with rotation -->
<g class="origin-center -rotate-90 transform"> <g class="origin-center -rotate-90 transform">
<circle cx="18" cy="18" r="16" fill="none" class="stroke-current text-[#00FC50]" stroke-width="3" stroke-dasharray="100" stroke-dashoffset={100-callPercentage}></circle> <circle cx="18" cy="18" r="16" fill="none" class="stroke-current text-[#00FC50]" stroke-width="3" stroke-dasharray="100" stroke-dashoffset={callPercentage >=1 ? 0 : 100-(callPercentage)?.toFixed(2)}></circle>
</g> </g>
</svg> </svg>
<!-- Percentage Text --> <!-- Percentage Text -->