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 2025-02-20 13:22:01 +01:00
parent 957d682e4b
commit 189035776d
3 changed files with 25 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/lib/components/Options/TickerFlow.svelte
View File

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import { screenWidth } from "$lib/store"; import { screenWidth } from "$lib/store";
import HoverStockChart from "$lib/components/HoverStockChart.svelte";
import { abbreviateNumberWithColor } from "$lib/utils"; import { abbreviateNumberWithColor } from "$lib/utils";
import InfoModal from "$lib/components/InfoModal.svelte"; import InfoModal from "$lib/components/InfoModal.svelte";
@ -369,7 +368,7 @@
<span class="ml-1 text-yellow-400">●</span> <span class="ml-1 text-yellow-400">●</span>
</div> </div>
<div class="flex items-baseline"> <div class="flex items-baseline">
<span class="text-2xl font-bold text-white"> <span class="text-xl font-bold text-white">
{@html abbreviateNumberWithColor( {@html abbreviateNumberWithColor(
findLastNonNull(tickerFlow, "net_volume"), findLastNonNull(tickerFlow, "net_volume"),
false, false,
@ -387,7 +386,7 @@
<span class="ml-1 text-green-500">●</span> <span class="ml-1 text-green-500">●</span>
</div> </div>
<div class="flex items-baseline"> <div class="flex items-baseline">
<span class="text-2xl font-bold text-white" <span class="text-xl font-bold text-white"
>{@html abbreviateNumberWithColor( >{@html abbreviateNumberWithColor(
findLastNonNull(tickerFlow, "net_call_premium"), findLastNonNull(tickerFlow, "net_call_premium"),
false, false,
@ -405,7 +404,7 @@
<span class="ml-1 text-red-400">●</span> <span class="ml-1 text-red-400">●</span>
</div> </div>
<div class="flex items-baseline"> <div class="flex items-baseline">
<span class="text-2xl font-bold text-white" <span class="text-xl font-bold text-white"
>{@html abbreviateNumberWithColor( >{@html abbreviateNumberWithColor(
findLastNonNull(tickerFlow, "net_put_premium"), findLastNonNull(tickerFlow, "net_put_premium"),
false, false,

29
src/routes/etf/[tickerID]/options/+page.svelte
View File

@ -18,7 +18,7 @@
export let data; export let data;
let dailyStats = data?.getDailyStats; let dailyStats = data?.getDailyStats;
let tickerFlow = data?.getTickerFlow || []; let tickerFlow = data?.getTickerFlow;
let filteredList = []; let filteredList = [];
@ -54,6 +54,7 @@
return formatter.format(date); return formatter.format(date);
} }
function changeVolumeOI(event) { function changeVolumeOI(event) {
displayData = event.target.value; displayData = event.target.value;
} }
@ -297,32 +298,21 @@
<Infobox text="No Options data available" /> <Infobox text="No Options data available" />
{/if} {/if}
{#if tickerFlow?.length > 0}
<div class="w-full mb-5">
<TickerFlow {tickerFlow} />
</div>
{/if}
{#if Object?.keys(dailyStats)?.length > 0} {#if Object?.keys(dailyStats)?.length > 0}
<div class="w-full mb-10"> <div class="w-full mb-10">
<DailyStats rawData={dailyStats} /> <DailyStats rawData={dailyStats} />
</div> </div>
{/if} {/if}
{#if tickerFlow?.length > 0}
<div class="w-full mb-10">
<TickerFlow {tickerFlow} />
</div>
{/if}
{#if rawData?.length > 0} {#if rawData?.length > 0}
<div class="flex flex-row items-center w-full mt-10">
<!-- <!--
<select <div class="flex flex-row items-center w-full mt-10">
class="ml-1 w-40 select select-bordered select-sm p-0 pl-5 bg-secondary"
on:change={changeTimePeriod}
>
<option disabled>Choose a time period</option>
<option value="oneWeek">1 Week</option>
<option value="oneMonth">1 Month</option>
<option value="threeMonths">3 Months</option>
<option value="sixMonths">6 Months</option>
<option value="oneYear" selected>1 Year</option>
</select>
-->
<select <select
class=" w-40 select select-bordered select-sm p-0 pl-5 bg-secondary" class=" w-40 select select-bordered select-sm p-0 pl-5 bg-secondary"
@ -358,6 +348,7 @@
</span> </span>
{/if} {/if}
</div> </div>
-->
{#if optionList?.length !== 0} {#if optionList?.length !== 0}
<h3 class="text-xl sm:text-2xl text-white font-bold text-start"> <h3 class="text-xl sm:text-2xl text-white font-bold text-start">

26
src/routes/stocks/[tickerID]/options/+page.svelte
View File

@ -298,32 +298,21 @@
<Infobox text="No Options data available" /> <Infobox text="No Options data available" />
{/if} {/if}
{#if tickerFlow?.length > 0}
<div class="w-full mb-5">
<TickerFlow {tickerFlow} />
</div>
{/if}
{#if Object?.keys(dailyStats)?.length > 0} {#if Object?.keys(dailyStats)?.length > 0}
<div class="w-full mb-10"> <div class="w-full mb-10">
<DailyStats rawData={dailyStats} /> <DailyStats rawData={dailyStats} />
</div> </div>
{/if} {/if}
{#if tickerFlow?.length > 0}
<div class="w-full mb-10">
<TickerFlow {tickerFlow} />
</div>
{/if}
{#if rawData?.length > 0} {#if rawData?.length > 0}
<div class="flex flex-row items-center w-full mt-10">
<!-- <!--
<select <div class="flex flex-row items-center w-full mt-10">
class="ml-1 w-40 select select-bordered select-sm p-0 pl-5 bg-secondary"
on:change={changeTimePeriod}
>
<option disabled>Choose a time period</option>
<option value="oneWeek">1 Week</option>
<option value="oneMonth">1 Month</option>
<option value="threeMonths">3 Months</option>
<option value="sixMonths">6 Months</option>
<option value="oneYear" selected>1 Year</option>
</select>
-->
<select <select
class=" w-40 select select-bordered select-sm p-0 pl-5 bg-secondary" class=" w-40 select select-bordered select-sm p-0 pl-5 bg-secondary"
@ -359,6 +348,7 @@
</span> </span>
{/if} {/if}
</div> </div>
-->
{#if optionList?.length !== 0} {#if optionList?.length !== 0}
<h3 class="text-xl sm:text-2xl text-white font-bold text-start"> <h3 class="text-xl sm:text-2xl text-white font-bold text-start">