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

add execution estimate

Browse Source
This commit is contained in:
MuslemRahimi 2024-11-27 09:58:13 +01:00
parent d7de863c0e
commit d53b2d14e1
1 changed files with 47 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/routes/options-flow/+page.svelte
View File

@ -839,6 +839,7 @@ function sendMessage(message) {
price: "none", price: "none",
premium: "none", premium: "none",
type: "none", type: "none",
exec: "none",
vol: "none", vol: "none",
oi: "none", oi: "none",
}; };
@ -929,8 +930,8 @@ function sendMessage(message) {
}, },
sentiment: (a, b) => { sentiment: (a, b) => {
const sentimentOrder = { BULLISH: 1, NEUTRAL: 2, BEARISH: 3 }; const sentimentOrder = { BULLISH: 1, NEUTRAL: 2, BEARISH: 3 };
const sentimentA = sentimentOrder[a.sentiment?.toUpperCase()] || 4; const sentimentA = sentimentOrder[a?.sentiment?.toUpperCase()] || 4;
const sentimentB = sentimentOrder[b.sentiment?.toUpperCase()] || 4; const sentimentB = sentimentOrder[b?.sentiment?.toUpperCase()] || 4;
return sortOrder === "asc" return sortOrder === "asc"
? sentimentA - sentimentB ? sentimentA - sentimentB
: sentimentB - sentimentA; : sentimentB - sentimentA;
@ -941,6 +942,13 @@ function sendMessage(message) {
const typeB = typeOrder[b.option_activity_type?.toUpperCase()] || 3; const typeB = typeOrder[b.option_activity_type?.toUpperCase()] || 3;
return sortOrder === "asc" ? typeA - typeB : typeB - typeA; return sortOrder === "asc" ? typeA - typeB : typeB - typeA;
}, },
exec: (a, b) => {
const tickerA = a?.execution_estimate?.toUpperCase();
const tickerB = b?.execution_estimate?.toUpperCase();
return sortOrder === "asc"
? tickerA.localeCompare(tickerB)
: tickerB.localeCompare(tickerA);
},
}; };
// Sort using the appropriate comparison function // Sort using the appropriate comparison function
@ -999,9 +1007,9 @@ function sendMessage(message) {
<body class="overflow-y-auto"> <body class="overflow-y-auto">
<section <section
class="w-full max-w-screen sm:max-w-6xl xl:max-w-7xl flex justify-center items-center bg-[#09090B] pb-20" class="w-full max-w-screen sm:max-w-7xl xl:max-w-7xl flex justify-center items-center bg-[#09090B] pb-20"
> >
<div class="w-full m-auto pl-3 pr-3"> <div class="w-full m-auto px-3">
<!-- <!--
<div class="text-sm sm:text-[1rem] breadcrumbs mb-5"> <div class="text-sm sm:text-[1rem] breadcrumbs mb-5">
<ul> <ul>
@ -1878,6 +1886,29 @@ function sendMessage(message) {
></path></svg ></path></svg
> >
</div> </div>
<div
on:click={() => sortData("exec")}
class="td cursor-pointer select-none bg-[#161618] text-slate-300 font-bold text-xs text-start uppercase"
>
Exec
<svg
class="flex-shrink-0 w-4 h-4 inline-block {sortOrders[
'exec'
] === 'asc'
? 'rotate-180'
: sortOrders['exec'] === 'desc'
? ''
: 'hidden'} "
viewBox="0 0 20 20"
fill="currentColor"
style="max-width:50px"
><path
fill-rule="evenodd"
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
clip-rule="evenodd"
></path></svg
>
</div>
<div <div
on:click={() => sortData("vol")} on:click={() => sortData("vol")}
class="td cursor-pointer select-none bg-[#161618] text-slate-300 font-bold text-xs text-start uppercase" class="td cursor-pointer select-none bg-[#161618] text-slate-300 font-bold text-xs text-start uppercase"
@ -1940,7 +1971,7 @@ function sendMessage(message) {
<div <div
style="justify-content: center;" style="justify-content: center;"
class="td text-white pb-3 text-xs sm:text-sm text-start" class="td text-white text-xs sm:text-sm text-start"
> >
{formatTime(displayedData[index]?.time)} {formatTime(displayedData[index]?.time)}
</div> </div>
@ -1969,7 +2000,7 @@ function sendMessage(message) {
<svg <svg
class="{displayedData[index]?.id === animationId class="{displayedData[index]?.id === animationId
? animationClass ? animationClass
: ''} w-5 h-5 inline-block cursor-pointer flex-shrink-0" : ''} w-4 sm:w-5 sm:h-5 inline-block cursor-pointer flex-shrink-0"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 16 16" viewBox="0 0 16 16"
><path ><path
@ -2060,6 +2091,16 @@ function sendMessage(message) {
{displayedData[index]?.option_activity_type} {displayedData[index]?.option_activity_type}
</div> </div>
<div
style="justify-content: center;"
class="td text-sm sm:text-[1rem] text-start text-[#C6A755]"
>
{displayedData[index]?.execution_estimate?.replace(
"At Midpoint",
"Midpoint",
)}
</div>
<div <div
style="justify-content: center;" style="justify-content: center;"
class="td text-sm sm:text-[1rem] text-white text-end" class="td text-sm sm:text-[1rem] text-white text-end"