ui fix
This commit is contained in:
parent
351e04ce53
commit
668db9bc6f
@ -282,7 +282,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -261,7 +261,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -361,7 +361,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -245,7 +245,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -236,7 +236,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -407,7 +407,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -362,7 +362,7 @@
|
|||||||
<svelte:window bind:scrollY={y} />
|
<svelte:window bind:scrollY={y} />
|
||||||
|
|
||||||
<body
|
<body
|
||||||
class="bg-default w-full max-w-screen sm:max-w-[1400px] min-h-screen overflow-hidden"
|
class="bg-default w-full max-w-screen sm:max-w-[1350px] min-h-screen overflow-hidden"
|
||||||
>
|
>
|
||||||
<!-- Page wrapper -->
|
<!-- Page wrapper -->
|
||||||
<div class="mt-5 flex flex-col w-full relative w-full">
|
<div class="mt-5 flex flex-col w-full relative w-full">
|
||||||
|
|||||||
@ -63,7 +63,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="w-full mb-2">
|
<div class="w-full mb-2">
|
||||||
{#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
|
{#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
|
||||||
<Infobox
|
<Infobox
|
||||||
|
|||||||
@ -216,7 +216,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="w-full mb-6">
|
<div class="w-full mb-6">
|
||||||
<h1 class="text-xl sm:text-2xl text-gray-200 font-bold mb-4 w-full">
|
<h1 class="text-xl sm:text-2xl text-gray-200 font-bold mb-4 w-full">
|
||||||
Dividends
|
Dividends
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
<div
|
<div
|
||||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<Lazy>
|
<Lazy>
|
||||||
<div
|
<div
|
||||||
class="w-full mt-10 sm:mt-0 m-auto sm:pt-6 {Object?.keys(
|
class="w-full mt-10 sm:mt-0 m-auto sm:pt-6 {Object?.keys(
|
||||||
|
|||||||
@ -319,7 +319,7 @@
|
|||||||
class="relative flex justify-center items-start overflow-hidden w-full"
|
class="relative flex justify-center items-start overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<main class="w-full lg:w-3/4">
|
<main class="w-full lg:w-3/4">
|
||||||
<div class="sm:p-7 w-full m-auto">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto">
|
||||||
<div
|
<div
|
||||||
class="flex flex-col sm:flex-row items-start w-full sm:justify-between md:space-x-4 md:border-0 w-full mb-5"
|
class="flex flex-col sm:flex-row items-start w-full sm:justify-between md:space-x-4 md:border-0 w-full mb-5"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -101,7 +101,7 @@
|
|||||||
<div
|
<div
|
||||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<div class="mt-5 sm:mt-0 sm:p-7 w-full m-auto">
|
<div class="mt-5 sm:mt-0 sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto">
|
||||||
<div class="flex flex-row items-center md:space-x-4 md:border-0">
|
<div class="flex flex-row items-center md:space-x-4 md:border-0">
|
||||||
<h1 class=" text-xl sm:text-2xl font-bold">
|
<h1 class=" text-xl sm:text-2xl font-bold">
|
||||||
{$etfTicker} Holdings List
|
{$etfTicker} Holdings List
|
||||||
|
|||||||
@ -226,7 +226,7 @@
|
|||||||
>
|
>
|
||||||
<div class="h-full overflow-hidden w-full">
|
<div class="h-full overflow-hidden w-full">
|
||||||
<div class="relative flex justify-center items-center overflow-hidden">
|
<div class="relative flex justify-center items-center overflow-hidden">
|
||||||
<div class="sm:p-7 w-full mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full mt-2 sm:mt-0">
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
||||||
Congress Trading
|
Congress Trading
|
||||||
|
|||||||
@ -339,7 +339,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
{#if Object?.keys(dailyStats)?.length === 0 && rawData?.length === 0}
|
{#if Object?.keys(dailyStats)?.length === 0 && rawData?.length === 0}
|
||||||
<Infobox text="No Options data available" />
|
<Infobox text="No Options data available" />
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
@ -57,7 +57,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekExposure {data} title="Delta" />
|
<GreekExposure {data} title="Delta" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if rawData?.length > 0}
|
{#if rawData?.length > 0}
|
||||||
<GreekByExpiry {data} title="Delta" />
|
<GreekByExpiry {data} title="Delta" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -60,7 +60,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekByStrike {data} title="Delta" />
|
<GreekByStrike {data} title="Delta" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -57,7 +57,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekExposure {data} title="Gamma" params="" />
|
<GreekExposure {data} title="Gamma" params="" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if rawData?.length > 0}
|
{#if rawData?.length > 0}
|
||||||
<GreekByExpiry {data} title="Gamma" />
|
<GreekByExpiry {data} title="Gamma" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -60,7 +60,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekByStrike {data} title="Gamma" />
|
<GreekByStrike {data} title="Gamma" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -623,7 +623,7 @@
|
|||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
{#if rawDataVolume?.length > 0}
|
{#if rawDataVolume?.length > 0}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
@ -983,7 +983,7 @@
|
|||||||
<UpgradeToPro {data} />
|
<UpgradeToPro {data} />
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -60,7 +60,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<OpenInterestByStrike {data} />
|
<OpenInterestByStrike {data} />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if rawData?.length > 0}
|
{#if rawData?.length > 0}
|
||||||
<OpenInterestByExpiry {data} />
|
<OpenInterestByExpiry {data} />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<Volatility {data} />
|
<Volatility {data} />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -369,7 +369,7 @@
|
|||||||
<svelte:window bind:scrollY={y} />
|
<svelte:window bind:scrollY={y} />
|
||||||
|
|
||||||
<body
|
<body
|
||||||
class="bg-default w-full max-w-screen sm:max-w-[1400px] min-h-screen overflow-hidden"
|
class="bg-default w-full max-w-screen sm:max-w-[1350px] min-h-screen overflow-hidden"
|
||||||
>
|
>
|
||||||
<!-- Page wrapper -->
|
<!-- Page wrapper -->
|
||||||
<div class="mt-5 flex flex-col w-full relative w-full">
|
<div class="mt-5 flex flex-col w-full relative w-full">
|
||||||
|
|||||||
@ -58,7 +58,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="w-full mb-2">
|
<div class="w-full mb-2">
|
||||||
{#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
|
{#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
|
||||||
<Infobox
|
<Infobox
|
||||||
|
|||||||
@ -221,7 +221,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="w-full mb-6">
|
<div class="w-full mb-6">
|
||||||
<h1 class="text-xl sm:text-2xl text-gray-200 font-bold mb-4 w-full">
|
<h1 class="text-xl sm:text-2xl text-gray-200 font-bold mb-4 w-full">
|
||||||
Dividends
|
Dividends
|
||||||
|
|||||||
@ -461,7 +461,7 @@
|
|||||||
>
|
>
|
||||||
{#if isLoaded}
|
{#if isLoaded}
|
||||||
<main class="w-full">
|
<main class="w-full">
|
||||||
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
||||||
{#if $coolMode}
|
{#if $coolMode}
|
||||||
|
|||||||
@ -520,7 +520,7 @@
|
|||||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<main class="w-full">
|
<main class="w-full">
|
||||||
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
||||||
{#if $coolMode}
|
{#if $coolMode}
|
||||||
|
|||||||
@ -466,7 +466,7 @@
|
|||||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<main class="w-full">
|
<main class="w-full">
|
||||||
<div class="sm:p-7 m-auto mt-2 sm:mt-0 w-full">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0 w-full">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
||||||
{#if $coolMode}
|
{#if $coolMode}
|
||||||
|
|||||||
@ -451,7 +451,7 @@
|
|||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<main class="w-full">
|
<main class="w-full">
|
||||||
<div class="sm:p-7 m-auto mt-2 sm:mt-0 w-full">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0 w-full">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
||||||
{#if $coolMode}
|
{#if $coolMode}
|
||||||
|
|||||||
@ -493,7 +493,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:pl-6 sm:pr-7 sm:pt-5 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h1 class="mb-px text-xl sm:text-2xl font-bold bp:text-3xl sm:pl-1">
|
<h1 class="mb-px text-xl sm:text-2xl font-bold bp:text-3xl sm:pl-1">
|
||||||
{$displayCompanyName} Forecast
|
{$displayCompanyName} Forecast
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
<div
|
<div
|
||||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<Lazy>
|
<Lazy>
|
||||||
<div
|
<div
|
||||||
class="w-full mt-10 sm:mt-0 m-auto sm:pt-6 {Object?.keys(
|
class="w-full mt-10 sm:mt-0 m-auto sm:pt-6 {Object?.keys(
|
||||||
|
|||||||
@ -238,7 +238,7 @@
|
|||||||
<div
|
<div
|
||||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<div
|
<div
|
||||||
class="mb-5 flex flex-col justify-between gap-y-2.5 sm:mb-2 sm:flex-row sm:items-end"
|
class="mb-5 flex flex-col justify-between gap-y-2.5 sm:mb-2 sm:flex-row sm:items-end"
|
||||||
|
|||||||
@ -316,7 +316,7 @@
|
|||||||
class="relative flex justify-center items-start overflow-hidden w-full"
|
class="relative flex justify-center items-start overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<main class="w-full lg:w-3/4">
|
<main class="w-full lg:w-3/4">
|
||||||
<div class="sm:p-7 w-full m-auto">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto">
|
||||||
<div
|
<div
|
||||||
class="flex flex-col sm:flex-row items-start w-full sm:justify-between md:space-x-4 md:border-0 w-full mb-5"
|
class="flex flex-col sm:flex-row items-start w-full sm:justify-between md:space-x-4 md:border-0 w-full mb-5"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -255,7 +255,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="w-full mb-6">
|
<div class="w-full mb-6">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
||||||
Insider Trading
|
Insider Trading
|
||||||
|
|||||||
@ -222,7 +222,7 @@
|
|||||||
>
|
>
|
||||||
<div class="h-full overflow-hidden w-full">
|
<div class="h-full overflow-hidden w-full">
|
||||||
<div class="relative flex justify-center items-center overflow-hidden">
|
<div class="relative flex justify-center items-center overflow-hidden">
|
||||||
<div class="sm:p-7 w-full mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full mt-2 sm:mt-0">
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
||||||
Congress Trading
|
Congress Trading
|
||||||
|
|||||||
@ -53,7 +53,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="w-full mb-6">
|
<div class="w-full mb-6">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
||||||
13F Institute Ownership
|
13F Institute Ownership
|
||||||
|
|||||||
@ -106,7 +106,7 @@
|
|||||||
<div
|
<div
|
||||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
{#if revenueNames?.length !== 0 || geographicNames?.length !== 0}
|
{#if revenueNames?.length !== 0 || geographicNames?.length !== 0}
|
||||||
<h2 class="mt-5 text-xl sm:text-2xl text-gray-200 font-bold mb-4">
|
<h2 class="mt-5 text-xl sm:text-2xl text-gray-200 font-bold mb-4">
|
||||||
{$displayCompanyName} Revenue Breakdown
|
{$displayCompanyName} Revenue Breakdown
|
||||||
|
|||||||
@ -188,7 +188,7 @@
|
|||||||
>
|
>
|
||||||
{#if isLoaded}
|
{#if isLoaded}
|
||||||
<main class="w-full">
|
<main class="w-full">
|
||||||
<div class="sm:p-7 m-auto mt-2 sm:mt-0 w-full">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0 w-full">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h1 class="text-2xl text-gray-200 font-bold">
|
<h1 class="text-2xl text-gray-200 font-bold">
|
||||||
{convertToTitleCase(data?.getParams)} Revenue
|
{convertToTitleCase(data?.getParams)} Revenue
|
||||||
|
|||||||
@ -42,7 +42,7 @@
|
|||||||
let putOpenInterestList; //= data?.getOptionsPlotData?.putOpenInterestList;
|
let putOpenInterestList; //= data?.getOptionsPlotData?.putOpenInterestList;
|
||||||
let priceList;
|
let priceList;
|
||||||
|
|
||||||
let displayTimePeriod = "threeMonths";
|
let displayTimePeriod = "oneYear";
|
||||||
|
|
||||||
function formatDate(dateStr) {
|
function formatDate(dateStr) {
|
||||||
// Parse the input date string (YYYY-mm-dd)
|
// Parse the input date string (YYYY-mm-dd)
|
||||||
@ -110,7 +110,7 @@
|
|||||||
marker +
|
marker +
|
||||||
param.seriesName +
|
param.seriesName +
|
||||||
": " +
|
": " +
|
||||||
abbreviateNumber(param.value) +
|
abbreviateNumberWithColor(param.value, false, true) +
|
||||||
"<br/>";
|
"<br/>";
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -126,7 +126,7 @@
|
|||||||
grid: {
|
grid: {
|
||||||
left: $screenWidth < 640 ? "5%" : "2%",
|
left: $screenWidth < 640 ? "5%" : "2%",
|
||||||
right: $screenWidth < 640 ? "5%" : "2%",
|
right: $screenWidth < 640 ? "5%" : "2%",
|
||||||
bottom: "20%",
|
bottom: "10%",
|
||||||
containLabel: true,
|
containLabel: true,
|
||||||
},
|
},
|
||||||
xAxis: [
|
xAxis: [
|
||||||
@ -288,7 +288,7 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
$: {
|
$: {
|
||||||
if ((displayTimePeriod || displayData) && typeof window !== "undefined") {
|
if (displayTimePeriod || displayData) {
|
||||||
// Filter the raw plot data based on the selected time period
|
// Filter the raw plot data based on the selected time period
|
||||||
filteredList = filterDate(rawData, displayTimePeriod);
|
filteredList = filterDate(rawData, displayTimePeriod);
|
||||||
// Process the filtered list to generate the plot data
|
// Process the filtered list to generate the plot data
|
||||||
@ -339,7 +339,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
{#if Object?.keys(dailyStats)?.length === 0 && rawData?.length === 0}
|
{#if Object?.keys(dailyStats)?.length === 0 && rawData?.length === 0}
|
||||||
<Infobox text="No Options data available" />
|
<Infobox text="No Options data available" />
|
||||||
{/if}
|
{/if}
|
||||||
@ -358,10 +358,10 @@
|
|||||||
>
|
>
|
||||||
<option disabled>Choose a time period</option>
|
<option disabled>Choose a time period</option>
|
||||||
<option value="oneWeek">1 Week</option>
|
<option value="oneWeek">1 Week</option>
|
||||||
<option value="oneMonth" selected>1 Month</option>
|
<option value="oneMonth">1 Month</option>
|
||||||
<option value="threeMonths" selected>3 Months</option>
|
<option value="threeMonths">3 Months</option>
|
||||||
<option value="sixMonths">6 Months</option>
|
<option value="sixMonths">6 Months</option>
|
||||||
<option value="oneYear">1 Year</option>
|
<option value="oneYear" selected>1 Year</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
<select
|
<select
|
||||||
|
|||||||
@ -57,7 +57,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekExposure {data} title="Delta" />
|
<GreekExposure {data} title="Delta" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if rawData?.length > 0}
|
{#if rawData?.length > 0}
|
||||||
<GreekByExpiry {data} title="Delta" />
|
<GreekByExpiry {data} title="Delta" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -60,7 +60,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekByStrike {data} title="Delta" />
|
<GreekByStrike {data} title="Delta" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -57,7 +57,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekExposure {data} title="Gamma" params="" />
|
<GreekExposure {data} title="Gamma" params="" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if rawData?.length > 0}
|
{#if rawData?.length > 0}
|
||||||
<GreekByExpiry {data} title="Gamma" />
|
<GreekByExpiry {data} title="Gamma" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -60,7 +60,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<GreekByStrike {data} title="Gamma" />
|
<GreekByStrike {data} title="Gamma" />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -623,7 +623,7 @@
|
|||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
{#if rawDataVolume?.length > 0}
|
{#if rawDataVolume?.length > 0}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
@ -983,7 +983,7 @@
|
|||||||
<UpgradeToPro {data} />
|
<UpgradeToPro {data} />
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<h2
|
<h2
|
||||||
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -60,7 +60,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<OpenInterestByStrike {data} />
|
<OpenInterestByStrike {data} />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if rawData?.length > 0}
|
{#if rawData?.length > 0}
|
||||||
<OpenInterestByExpiry {data} />
|
<OpenInterestByExpiry {data} />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -59,7 +59,7 @@
|
|||||||
{#if data?.getData?.length > 0}
|
{#if data?.getData?.length > 0}
|
||||||
<Volatility {data} />
|
<Volatility {data} />
|
||||||
{:else}
|
{:else}
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<Infobox text="No data is available" />
|
<Infobox text="No data is available" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -443,7 +443,7 @@
|
|||||||
<div
|
<div
|
||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
|
||||||
<div class="mb-6">
|
<div class="mb-6">
|
||||||
<h2 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
<h2 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
||||||
{$stockTicker} Employees
|
{$stockTicker} Employees
|
||||||
|
|||||||
@ -99,7 +99,7 @@
|
|||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<main class="w-full">
|
<main class="w-full">
|
||||||
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
<h1 class="text-xl sm:text-2xl text-white font-bold">
|
||||||
Fail-to-Deliver (FTD)
|
Fail-to-Deliver (FTD)
|
||||||
|
|||||||
@ -429,7 +429,7 @@
|
|||||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||||
>
|
>
|
||||||
<main class="w-full">
|
<main class="w-full">
|
||||||
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
|
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<h1 class="text-xl sm:text-2xl text-white font-bold">Market Cap</h1>
|
<h1 class="text-xl sm:text-2xl text-white font-bold">Market Cap</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user