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 2024-12-25 00:15:02 +01:00
parent 89b60b4d96
commit 6eb6b661ce
6 changed files with 69 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/lib/components/ShareHolders.svelte
View File

@ -11,6 +11,7 @@
import TableHeader from "$lib/components/Table/TableHeader.svelte"; import TableHeader from "$lib/components/Table/TableHeader.svelte";
import DownloadData from "$lib/components/DownloadData.svelte"; import DownloadData from "$lib/components/DownloadData.svelte";
import UpgradeToPro from "$lib/components/UpgradeToPro.svelte"; import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
import Infobox from "$lib/components/Infobox.svelte";
use([PieChart, GridComponent, CanvasRenderer]); use([PieChart, GridComponent, CanvasRenderer]);
@ -203,31 +204,32 @@
// Sort using the generic comparison function // Sort using the generic comparison function
displayList = [...originalData].sort(compareValues)?.slice(0, 50); displayList = [...originalData].sort(compareValues)?.slice(0, 50);
}; };
function generateStatementInfoHTML() {
if (shareholderList?.length > 0) {
return `
<span>
13F institutions, like mutual and pension funds, are large investors
required by the SEC to disclose their holdings quarterly, significantly
impacting company decisions and stock trends.
</span>
`;
} else {
return `
<span>
There are currently no records available for the 13 institutional
holders of ${$displayCompanyName}
</span>
`;
}
}
let htmlOutput = generateStatementInfoHTML();
</script> </script>
<section class="overflow-hidden text-white h-full pb-8"> <section class="overflow-hidden text-white h-full pb-8">
<main class="overflow-hidden"> <main class="overflow-hidden">
<div <Infobox text={htmlOutput} />
class="w-full text-white text-start p-3 sm:p-5 mb-5 rounded-md sm:flex sm:flex-row sm:items-center border border-gray-600 text-sm sm:text-[1rem]"
>
<svg
class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
><path
fill="#fff"
d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"
/></svg
>
{#if shareholderList?.length !== 0}
13F institutions, like mutual and pension funds, are large investors
required by the SEC to disclose their holdings quarterly, significantly
impacting company decisions and stock trends.
{:else}
There are currently no records available for the 13 institutional
holders of {$displayCompanyName}
{/if}
</div>
{#if shareholderList?.length !== 0} {#if shareholderList?.length !== 0}
<div class="pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]"> <div class="pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]">
@ -322,7 +324,7 @@
> >
<!--Start Put/Call--> <!--Start Put/Call-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 border border-gray-600 bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">Put/Call</span> <span class="font-medium text-gray-200 text-sm">Put/Call</span>
@ -378,7 +380,7 @@
<!--End Put/Call--> <!--End Put/Call-->
<!--Start Call Flow--> <!--Start Call Flow-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 border border-gray-600 bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">Call Flow</span> <span class="font-medium text-gray-200 text-sm">Call Flow</span>
@ -436,7 +438,7 @@
<!--Start Put Flow--> <!--Start Put Flow-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 border border-gray-600 bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span class="font-medium text-gray-200 text-sm">Put Flow</span> <span class="font-medium text-gray-200 text-sm">Put Flow</span>

36
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -874,8 +874,8 @@
on:click={() => changeSection("overview")} on:click={() => changeSection("overview")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'overview' 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Overview Overview
</a> </a>
@ -884,8 +884,8 @@
on:click={() => changeSection("financials")} on:click={() => changeSection("financials")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'financials' 'financials'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Financials Financials
</a> </a>
@ -894,8 +894,8 @@
on:click={() => changeSection("statistics")} on:click={() => changeSection("statistics")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'statistics' 'statistics'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
>Statistics</a >Statistics</a
> >
@ -904,8 +904,8 @@
on:click={() => changeSection("metrics")} on:click={() => changeSection("metrics")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'metrics' 'metrics'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
>Metrics</a >Metrics</a
> >
@ -915,8 +915,8 @@
on:click={() => changeSection("forecast")} on:click={() => changeSection("forecast")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'forecast' 'forecast'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Forecast Forecast
</a> </a>
@ -926,8 +926,8 @@
on:click={() => changeSection("options")} on:click={() => changeSection("options")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'options' 'options'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Options Options
</a> </a>
@ -936,8 +936,8 @@
on:click={() => changeSection("insider")} on:click={() => changeSection("insider")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'insider' 'insider'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Insider Insider
</a> </a>
@ -946,8 +946,8 @@
on:click={() => changeSection("dividends")} on:click={() => changeSection("dividends")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'dividends' 'dividends'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Dividends Dividends
</a> </a>
@ -956,8 +956,8 @@
on:click={() => changeSection("profile")} on:click={() => changeSection("profile")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'profile' 'profile'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Profile Profile
</a> </a>

18
src/routes/stocks/[tickerID]/insider/+layout.svelte
View File

@ -87,8 +87,8 @@
href={`/stocks/${$stockTicker}/insider`} href={`/stocks/${$stockTicker}/insider`}
on:click={() => changeSubSection("insider")} on:click={() => changeSubSection("insider")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'insider' class="p-2 px-5 cursor-pointer {displaySubSection === 'insider'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Insider Trading Insider Trading
</a> </a>
@ -98,8 +98,8 @@
on:click={() => changeSubSection("institute")} on:click={() => changeSubSection("institute")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'institute' 'institute'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
13F Institute 13F Institute
</a> </a>
@ -109,8 +109,8 @@
on:click={() => changeSubSection("congress-trading")} on:click={() => changeSubSection("congress-trading")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'congress-trading' 'congress-trading'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Congress Trading Congress Trading
</a> </a>
@ -119,8 +119,8 @@
on:click={() => changeSubSection("transcripts")} on:click={() => changeSubSection("transcripts")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'transcripts' 'transcripts'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}"
> >
Transcripts Transcripts
</a> </a>
@ -154,7 +154,7 @@
{#if newsList?.length !== 0} {#if newsList?.length !== 0}
<div <div
class="w-full sm:hover:text-white text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer" class="w-full sm:hover:text-white text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-primary"
> >
<div class="p-4 text-sm"> <div class="p-4 text-sm">
<h3 class="text-lg text-white font-semibold mb-3"> <h3 class="text-lg text-white font-semibold mb-3">

6
src/routes/stocks/[tickerID]/insider/+page.svelte
View File

@ -397,7 +397,7 @@
> >
<!--Start Put/Call--> <!--Start Put/Call-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span <span
@ -459,7 +459,7 @@
<!--End Put/Call--> <!--End Put/Call-->
<!--Start Call Flow--> <!--Start Call Flow-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span <span
@ -521,7 +521,7 @@
<!--End Call Flow--> <!--End Call Flow-->
<!--Start Put Flow--> <!--Start Put Flow-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md bg-primary h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span <span

4
src/routes/stocks/[tickerID]/insider/congress-trading/+page.svelte
View File

@ -165,7 +165,7 @@
> >
<!--Start Buy/Sell--> <!--Start Buy/Sell-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span <span
@ -227,7 +227,7 @@
<!--End Buy/Sell--> <!--End Buy/Sell-->
<!--Start Dem/Rep--> <!--Start Dem/Rep-->
<div <div
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span <span

22
src/routes/stocks/[tickerID]/insider/transcripts/+page.svelte
View File

@ -8,6 +8,7 @@
} from "$lib/store"; } from "$lib/store";
import * as DropdownMenu from "$lib/components/shadcn/dropdown-menu/index.js"; import * as DropdownMenu from "$lib/components/shadcn/dropdown-menu/index.js";
import { Button } from "$lib/components/shadcn/button/index.js"; import { Button } from "$lib/components/shadcn/button/index.js";
import Infobox from "$lib/components/Infobox.svelte";
import { onMount } from "svelte"; import { onMount } from "svelte";
let chats = []; let chats = [];
@ -114,7 +115,7 @@
</svelte:head> </svelte:head>
<section <section
class="w-full bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0" class="w-full bg-[#09090B] overflow-hidden text-white min-h-screen mb-40 sm:mb-0"
> >
<div class="h-full overflow-hidden"> <div class="h-full overflow-hidden">
<div class="relative flex justify-center items-center overflow-hidden"> <div class="relative flex justify-center items-center overflow-hidden">
@ -250,21 +251,21 @@
</span> </span>
</div> </div>
<div <div
class="ml-2 avatar rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-[#0DDE00] bg-opacity-[0.6] flex items-center justify-center" class="ml-2 avatar rounded-full w-8 h-8 sm:w-10 sm:h-10 relative border border-gray-600 bg-[#09090B] bg-opacity-[0.6] flex items-center justify-center"
> >
<svg <svg
class="w-6 h-6 sm:w-7 sm:h-7" class="w-6 h-6 sm:w-7 sm:h-7"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24" viewBox="0 0 24 24"
><path ><path
fill="#27272A" fill="#fff"
d="M12 14q-1.25 0-2.125-.875T9 11V5q0-1.25.875-2.125T12 2q1.25 0 2.125.875T15 5v6q0 1.25-.875 2.125T12 14m-1 7v-3.075q-2.6-.35-4.3-2.325T5 11h2q0 2.075 1.463 3.538T12 16q2.075 0 3.538-1.463T17 11h2q0 2.625-1.7 4.6T13 17.925V21z" d="M12 14q-1.25 0-2.125-.875T9 11V5q0-1.25.875-2.125T12 2q1.25 0 2.125.875T15 5v6q0 1.25-.875 2.125T12 14m-1 7v-3.075q-2.6-.35-4.3-2.325T5 11h2q0 2.075 1.463 3.538T12 16q2.075 0 3.538-1.463T17 11h2q0 2.625-1.7 4.6T13 17.925V21z"
/></svg /></svg
> >
</div> </div>
</div> </div>
<div <div
class="flex flex-col w-full leading-1.5 p-4 border border-gray-600 rounded-l-xl rounded-tr-xl" class="flex flex-col w-full leading-1.5 p-4 border border-gray-600 bg-primary rounded-l-xl rounded-tr-xl"
> >
<p class="text-sm font-normal py-2.5 text-gray-200"> <p class="text-sm font-normal py-2.5 text-gray-200">
{@html item?.description} {@html item?.description}
@ -292,7 +293,7 @@
</div> </div>
</div> </div>
<div <div
class="flex flex-col w-full leading-1.5 p-4 border border-gray-600 rounded-r-xl rounded-tl-xl" class="flex flex-col w-full leading-1.5 p-4 border border-gray-600 bg-secondary rounded-r-xl rounded-tl-xl"
> >
<p class="text-sm font-normal py-2.5 text-gray-200"> <p class="text-sm font-normal py-2.5 text-gray-200">
{@html item?.description} {@html item?.description}
@ -309,12 +310,11 @@
Back to top Back to top
</label> </label>
{:else} {:else}
<h3 <div class="pt-5">
class="pl-4 pr-4 pt-5 flex justify-center items-center text-md sm:text-lg text-center text-slate-200" <Infobox
> text={`No transcript available for ${$displayCompanyName} for the Q${displayQuarter} of ${displayYear}`}
No transcript available for {$displayCompanyName} for the Q{displayQuarter} />
of {displayYear} 🧐. </div>
</h3>
{/if} {/if}
{:else} {:else}
<div class="flex justify-center items-center h-80"> <div class="flex justify-center items-center h-80">