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

bugfixing ipo

Browse Source
This commit is contained in:
MuslemRahimi 2025-04-06 12:51:39 +02:00
parent 66296658a0
commit c01afd7e45
6 changed files with 35 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/IPOChart.svelte
View File

@ -120,14 +120,14 @@
categories: months, categories: months,
gridLineWidth: 0, gridLineWidth: 0,
labels: { labels: {
style: { color: $mode === "light" ? "black" : "white" }, style: { color: $mode === "light" ? "#545454" : "white" },
}, },
}, },
yAxis: { yAxis: {
gridLineWidth: 1, gridLineWidth: 1,
gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827", gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
labels: { labels: {
style: { color: $mode === "light" ? "black" : "white" }, style: { color: $mode === "light" ? "#545454" : "white" },
}, },
title: { text: null }, title: { text: null },
opposite: true, opposite: true,
@ -159,7 +159,7 @@
color: $mode === "light" ? "black" : "white", color: $mode === "light" ? "black" : "white",
style: { style: {
fontSize: "13px", fontSize: "13px",
fontWeight: "bold", fontWeight: "",
}, },
formatter: function () { formatter: function () {
return this.y; return this.y;

4
src/routes/ipos/+layout.svelte
View File

@ -40,7 +40,7 @@
path: "/ipos/statistics", path: "/ipos/statistics",
}, },
{ {
title: "IPO News", title: "News",
path: "/ipos/news", path: "/ipos/news",
}, },
]; ];
@ -100,7 +100,7 @@
{#if activeIdx === 0} {#if activeIdx === 0}
<nav class="overflow-x-auto whitespace-nowrap"> <nav class="overflow-x-auto whitespace-nowrap">
<ul class="flex flex-row items-center w-full text-[1rem]"> <ul class="flex flex-row items-center w-full">
{#each ["Latest", "2025", "2024", "2023", "2022", "2021", "2020", "2019"] as item} {#each ["Latest", "2025", "2024", "2023", "2022", "2021", "2020", "2019"] as item}
{#if item !== "Latest"} {#if item !== "Latest"}
<a <a

7
src/routes/ipos/+page.svelte
View File

@ -37,10 +37,7 @@
description="Detailed information the last 200 IPOs (initial public offerings) on the stock market. Includes IPO prices, dates, total returns and more." description="Detailed information the last 200 IPOs (initial public offerings) on the stock market. Includes IPO prices, dates, total returns and more."
/> />
<div class="w-full overflow-hidden m-auto mt-5"> <div class="w-full overflow-hidden m-auto">
<h2 class=" text-xl font- text-start mt-5 w-full font-semibold">
Last {rawData?.length} IPOs
</h2>
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden"> <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
<div <div
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
@ -78,7 +75,7 @@
</ul> </ul>
<a <a
href={`/ipos/news`} href={`/ipos/news`}
class="flex justify-center items-center rounded cursor-pointer w-full py-2 mt-3 text-[1rem] text-center font-semibold text-white dark:text-black m-auto sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 bg-[#3B82F6] dark:bg-[#fff] transition duration-100" class="flex justify-center items-center rounded cursor-pointer w-full py-2 -mb-2 text-[1rem] text-center font-semibold text-white dark:text-black m-auto sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 bg-[#3B82F6] dark:bg-[#fff] transition duration-100"
> >
More IPO News More IPO News
</a> </a>

2
src/routes/ipos/news/+page.svelte
View File

@ -194,7 +194,7 @@
class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit" class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit"
> >
<div class="p-4 text-sm"> <div class="p-4 text-sm">
<h3 class="text-xl font-bold mb-3">IPO News</h3> <h3 class="text-xl font-bold mb-3">Stock News</h3>
<ul class=""> <ul class="">
{#each marketNews?.slice(0, 10) as item} {#each marketNews?.slice(0, 10) as item}
<li class="mb-3 last:mb-1"> <li class="mb-3 last:mb-1">

6
src/routes/ipos/statistics/+page.svelte
View File

@ -91,14 +91,14 @@
categories: years, categories: years,
gridLineWidth: 0, gridLineWidth: 0,
labels: { labels: {
style: { color: $mode === "light" ? "black" : "white" }, style: { color: $mode === "light" ? "#545454" : "white" },
}, },
}, },
yAxis: { yAxis: {
gridLineWidth: 1, gridLineWidth: 1,
gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827", gridLineColor: $mode === "light" ? "#e5e7eb" : "#111827",
labels: { labels: {
style: { color: $mode === "light" ? "black" : "white" }, style: { color: $mode === "light" ? "#545454" : "white" },
}, },
title: { text: null }, title: { text: null },
opposite: true, opposite: true,
@ -135,7 +135,7 @@
color: $mode === "light" ? "black" : "white", color: $mode === "light" ? "black" : "white",
style: { style: {
fontSize: "13px", fontSize: "13px",
fontWeight: "bold", fontWeight: "",
}, },
formatter: function () { formatter: function () {
return this.y; return this.y;

31
src/routes/options-calculator/+page.svelte
View File

@ -16,6 +16,8 @@
let selectedStrategy = "Long Call"; let selectedStrategy = "Long Call";
let selectedOptionType = "Call"; let selectedOptionType = "Call";
let selectedTicker = "TSLA"; let selectedTicker = "TSLA";
let selectedAction = "Buy";
let selectedOptionPrice;
let optionData = data?.getData[selectedOptionType]; let optionData = data?.getData[selectedOptionType];
let dateList = Object?.keys(optionData); let dateList = Object?.keys(optionData);
@ -274,6 +276,14 @@
selectedOptionType = "Call"; selectedOptionType = "Call";
} }
} }
function handleAction() {
if (selectedAction === "Buy") {
selectedAction = "Sell";
} else {
selectedAction = "But";
}
}
onMount(async () => { onMount(async () => {
await loadData("default"); await loadData("default");
}); });
@ -323,7 +333,10 @@
> >
<span>{strategy.name}</span> <span>{strategy.name}</span>
{#if strategy?.sentiment} {#if strategy?.sentiment}
<span class="">({strategy.sentiment})</span> <span
class="badge px-2 text-xs rounded-full bg-green-100 text-green-800"
>{strategy.sentiment}</span
>
{/if} {/if}
</div> </div>
{/each} {/each}
@ -417,8 +430,12 @@
</td> </td>
<td class="px-4 py-3 whitespace-nowrap"> <td class="px-4 py-3 whitespace-nowrap">
<label <label
class="badge px-2 rounded-md bg-green-100 text-green-800 font-semibold cursor-pointer" on:click={handleAction}
>Buy</label class="badge px-2 select-none rounded-md {selectedAction ===
'Buy'
? 'bg-green-100 text-green-800'
: 'bg-red-100 text-red-800'} font-semibold cursor-pointer"
>{selectedAction}</label
> >
</td> </td>
<td class="px-4 py-3 whitespace-nowrap"> <td class="px-4 py-3 whitespace-nowrap">
@ -434,7 +451,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="mb-1 border border-gray-300 dark:border-none shadow-sm bg-white dark:bg-[#000] h-[35px] flex flex-row justify-between items-center min-w-[130px] w-[140px] sm:w-auto px-3 rounded-md truncate" class="mb-1 border border-gray-300 dark:border-none bg-white dark:bg-[#000] h-[35px] flex flex-row justify-between items-center min-w-[130px] w-[140px] sm:w-auto px-3 rounded-md truncate"
> >
<span class="truncate text-sm" <span class="truncate text-sm"
>{formatDate(selectedDate)}</span >{formatDate(selectedDate)}</span
@ -480,7 +497,7 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="mb-1 border border-gray-300 dark:border-none shadow-sm bg-white dark:bg-[#000] h-[35px] flex flex-row justify-between items-center min-w-[130px] w-[140px] sm:w-auto px-3 rounded-md truncate" class="mb-1 border border-gray-300 dark:border-none bg-white dark:bg-[#000] h-[35px] flex flex-row justify-between items-center min-w-[130px] w-[140px] sm:w-auto px-3 rounded-md truncate"
> >
<span class="truncate text-sm" <span class="truncate text-sm"
>{selectedStrike}</span >{selectedStrike}</span
@ -532,8 +549,8 @@
<td class="px-4 py-3 whitespace-nowrap"> <td class="px-4 py-3 whitespace-nowrap">
<input <input
type="number" type="number"
step="0.01" step="0.1"
value="5.80" value={selectedOptionPrice}
class="border border-gray-300 rounded px-2 py-1 w-24 focus:outline-none focus:ring-1 focus:ring-blue-500" class="border border-gray-300 rounded px-2 py-1 w-24 focus:outline-none focus:ring-1 focus:ring-blue-500"
/> />
</td> </td>