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-01-24 14:48:20 +01:00
parent 4b37059138
commit 46b6e47fed
2 changed files with 26 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,10 +9,11 @@
getCache, getCache,
etfTicker, etfTicker,
screenWidth, screenWidth,
numberOfUnreadNotification,
displayCompanyName, displayCompanyName,
} from "$lib/store"; } from "$lib/store";
import SEO from "$lib/components/SEO.svelte";
import TableHeader from "$lib/components/Table/TableHeader.svelte"; import TableHeader from "$lib/components/Table/TableHeader.svelte";
import UpgradeToPro from "$lib/components/UpgradeToPro.svelte"; import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
import Infobox from "$lib/components/Infobox.svelte"; import Infobox from "$lib/components/Infobox.svelte";
@ -372,12 +373,6 @@
// Initialize result with timestamp // Initialize result with timestamp
let result = timestamp + "<br/>"; let result = timestamp + "<br/>";
// Variables to store bid and ask values and their colors
let bidValue = null;
let askValue = null;
let bidColor = null;
let askColor = null;
// Sort params to ensure Vol appears last // Sort params to ensure Vol appears last
params.sort((a, b) => { params.sort((a, b) => {
if (a.seriesName === "Vol") return 1; if (a.seriesName === "Vol") return 1;
@ -393,12 +388,13 @@
param.color + param.color +
'"></span>'; '"></span>';
result += // Check if the series is for IV and add a '%' sign
marker + const value =
param.seriesName + param.seriesName === "IV"
": " + ? `${param.value}%`
abbreviateNumberWithColor(param.value, false, true) + : (param.value?.toLocaleString("en-US") ?? "n/a");
"<br/>";
result += marker + param.seriesName + ": " + value + "<br/>";
}); });
if (rawDataPoint?.dte !== undefined) { if (rawDataPoint?.dte !== undefined) {
@ -554,43 +550,10 @@
} }
</script> </script>
<svelte:head> <SEO
<meta charset="utf-8" /> title={`${$displayCompanyName} (${$etfTicker}) - Explore the Hottest Options Contracts | Stocknear`}
<meta name="viewport" content="width=device-width" /> description={`Analyze historical volume, open interest, and trends in option chains for ${$displayCompanyName} (${$etfTicker}). Discover actionable insights for trading decisions.`}
<title> />
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
{$displayCompanyName} ({$etfTicker}) Hottest Options Chain Contract ·
Stocknear
</title>
<meta
name="description"
content={`Explore historic volume & open interest of option chains & save individual contracts for later`}
/>
<!-- Other meta tags -->
<meta
property="og:title"
content={`${$displayCompanyName} (${$etfTicker}) Hottest Options Chain Contract · Stocknear`}
/>
<meta
property="og:description"
content={`Explore historic volume & open interest of option chains & save individual contracts for later`}
/>
<meta property="og:type" content="website" />
<!-- Add more Open Graph meta tags as needed -->
<!-- Twitter specific meta tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content={`${$displayCompanyName} (${$etfTicker}) Hottest Options Chain Contract · Stocknear`}
/>
<meta
name="twitter:description"
content={`Explore historic volume & open interest of option chains & save individual contracts for later`}
/>
<!-- Add more Twitter meta tags as needed -->
</svelte:head>
<section <section
class="w-full bg-default overflow-hidden text-white min-h-screen pb-40" class="w-full bg-default overflow-hidden text-white min-h-screen pb-40"

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

@ -9,10 +9,11 @@
getCache, getCache,
stockTicker, stockTicker,
screenWidth, screenWidth,
numberOfUnreadNotification,
displayCompanyName, displayCompanyName,
} from "$lib/store"; } from "$lib/store";
import SEO from "$lib/components/SEO.svelte";
import TableHeader from "$lib/components/Table/TableHeader.svelte"; import TableHeader from "$lib/components/Table/TableHeader.svelte";
import UpgradeToPro from "$lib/components/UpgradeToPro.svelte"; import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
import Infobox from "$lib/components/Infobox.svelte"; import Infobox from "$lib/components/Infobox.svelte";
@ -372,12 +373,6 @@
// Initialize result with timestamp // Initialize result with timestamp
let result = timestamp + "<br/>"; let result = timestamp + "<br/>";
// Variables to store bid and ask values and their colors
let bidValue = null;
let askValue = null;
let bidColor = null;
let askColor = null;
// Sort params to ensure Vol appears last // Sort params to ensure Vol appears last
params.sort((a, b) => { params.sort((a, b) => {
if (a.seriesName === "Vol") return 1; if (a.seriesName === "Vol") return 1;
@ -393,12 +388,13 @@
param.color + param.color +
'"></span>'; '"></span>';
result += // Check if the series is for IV and add a '%' sign
marker + const value =
param.seriesName + param.seriesName === "IV"
": " + ? `${param.value}%`
abbreviateNumberWithColor(param.value, false, true) + : (param.value?.toLocaleString("en-US") ?? "n/a");
"<br/>";
result += marker + param.seriesName + ": " + value + "<br/>";
}); });
if (rawDataPoint?.dte !== undefined) { if (rawDataPoint?.dte !== undefined) {
@ -554,43 +550,10 @@
} }
</script> </script>
<svelte:head> <SEO
<meta charset="utf-8" /> title={`${$displayCompanyName} (${$stockTicker}) - Explore the Hottest Options Contracts | Stocknear`}
<meta name="viewport" content="width=device-width" /> description={`Analyze historical volume, open interest, and trends in option chains for ${$displayCompanyName} (${$stockTicker}). Discover actionable insights for trading decisions.`}
<title> />
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
{$displayCompanyName} ({$stockTicker}) Hottest Options Chain Contract ·
Stocknear
</title>
<meta
name="description"
content={`Explore historic volume & open interest of option chains & save individual contracts for later`}
/>
<!-- Other meta tags -->
<meta
property="og:title"
content={`${$displayCompanyName} (${$stockTicker}) Hottest Options Chain Contract · Stocknear`}
/>
<meta
property="og:description"
content={`Explore historic volume & open interest of option chains & save individual contracts for later`}
/>
<meta property="og:type" content="website" />
<!-- Add more Open Graph meta tags as needed -->
<!-- Twitter specific meta tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content={`${$displayCompanyName} (${$stockTicker}) Hottest Options Chain Contract · Stocknear`}
/>
<meta
name="twitter:description"
content={`Explore historic volume & open interest of option chains & save individual contracts for later`}
/>
<!-- Add more Twitter meta tags as needed -->
</svelte:head>
<section <section
class="w-full bg-default overflow-hidden text-white min-h-screen pb-40" class="w-full bg-default overflow-hidden text-white min-h-screen pb-40"