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

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2025-02-17 10:13:50 +01:00
parent b10f4976be
commit dd5004ed86
2 changed files with 42 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/routes/etf/[tickerID]/options/hottest-contracts/+page.svelte
View File

@ -551,7 +551,7 @@
</script> </script>
<SEO <SEO
title={`${$displayCompanyName} (${$etfTicker}) - Explore the Hottest Options Contracts | Stocknear`} title={`${$displayCompanyName} (${$etfTicker}) | Explore the Hottest Options Contracts`}
description={`Analyze historical volume, open interest, and trends in option chains for ${$displayCompanyName} (${$etfTicker}). Discover actionable insights for trading decisions.`} description={`Analyze historical volume, open interest, and trends in option chains for ${$displayCompanyName} (${$etfTicker}). Discover actionable insights for trading decisions.`}
/> />
@ -630,12 +630,16 @@
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.last} {item?.last ?? "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.low}-{item?.high} {#if item?.low && item?.high}
{item?.low}-{item?.high}
{:else}
n/a
{/if}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
@ -654,14 +658,16 @@
<span class="text-[#00FC50]" <span class="text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else}
n/a
{/if} {/if}
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{item?.iv}% {item?.iv ? item?.iv + "%" : "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
@ -744,12 +750,16 @@
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.last} {item?.last ?? "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.low}-{item?.high} {#if item?.low && item?.high}
{item?.low}-{item?.high}
{:else}
n/a
{/if}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
@ -768,14 +778,16 @@
<span class="text-[#00FC50]" <span class="text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else}
n/a
{/if} {/if}
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{item?.iv}% {item?.iv ? item?.iv + "%" : "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"

30
src/routes/stocks/[tickerID]/options/hottest-contracts/+page.svelte
View File

@ -551,7 +551,7 @@
</script> </script>
<SEO <SEO
title={`${$displayCompanyName} (${$stockTicker}) - Explore the Hottest Options Contracts | Stocknear`} title={`${$displayCompanyName} (${$stockTicker}) | Explore the Hottest Options Contracts`}
description={`Analyze historical volume, open interest, and trends in option chains for ${$displayCompanyName} (${$stockTicker}). Discover actionable insights for trading decisions.`} description={`Analyze historical volume, open interest, and trends in option chains for ${$displayCompanyName} (${$stockTicker}). Discover actionable insights for trading decisions.`}
/> />
@ -630,12 +630,16 @@
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.last} {item?.last ?? "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.low}-{item?.high} {#if item?.low && item?.high}
{item?.low}-{item?.high}
{:else}
n/a
{/if}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
@ -654,14 +658,16 @@
<span class="text-[#00FC50]" <span class="text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else}
n/a
{/if} {/if}
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{item?.iv}% {item?.iv ? item?.iv + "%" : "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
@ -744,12 +750,16 @@
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.last} {item?.last ?? "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
> >
{item?.low}-{item?.high} {#if item?.low && item?.high}
{item?.low}-{item?.high}
{:else}
n/a
{/if}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"
@ -768,14 +778,16 @@
<span class="text-[#00FC50]" <span class="text-[#00FC50]"
>+{item?.changeOI?.toLocaleString("en-US")}</span >+{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else} {:else if item?.changeOI < 0}
<span class="text-[#FF2F1F]" <span class="text-[#FF2F1F]"
>{item?.changeOI?.toLocaleString("en-US")}</span >{item?.changeOI?.toLocaleString("en-US")}</span
> >
{:else}
n/a
{/if} {/if}
</td> </td>
<td class="text-sm sm:text-[1rem] text-end"> <td class="text-sm sm:text-[1rem] text-end">
{item?.iv}% {item?.iv ? item?.iv + "%" : "n/a"}
</td> </td>
<td <td
class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap" class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap"