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

update insider page

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-11 08:59:12 +01:00
parent b064cc2185
commit 7727c3e989
3 changed files with 41 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -63,7 +63,7 @@
}, },
opposite: true, opposite: true,
gridLineWidth: 1, gridLineWidth: 1,
gridLineColor: "#111827", gridLineColor: $mode === "light" ? "#d1d5dc" : "#111827",
labels: { labels: {
formatter: function () { formatter: function () {
return this?.value + "%"; return this?.value + "%";

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

@ -1,10 +1,6 @@
<script lang="ts"> <script lang="ts">
import { onMount } from "svelte"; import { onMount } from "svelte";
import { import { displayCompanyName, stockTicker } from "$lib/store";
displayCompanyName,
numberOfUnreadNotification,
stockTicker,
} from "$lib/store";
import { getPartyForPoliticians } from "$lib/utils"; import { getPartyForPoliticians } from "$lib/utils";
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";
@ -184,16 +180,12 @@
description={`Get the latest US congress & senate trading of ${$displayCompanyName} (${$stockTicker}) from democrates and republicans.`} description={`Get the latest US congress & senate trading of ${$displayCompanyName} (${$stockTicker}) from democrates and republicans.`}
/> />
<section <section class="w-full overflow-hidden min-h-screen h-full">
class="w-full bg-default overflow-hidden min-h-screen text-white h-full"
>
<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:pl-7 sm:pb-7 sm:pt-7 w-full mt-2 sm:mt-0"> <div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full">
<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 font-bold mb-4">Congress Trading</h1>
Congress Trading
</h1>
{#if senateTradingList?.length !== 0} {#if senateTradingList?.length !== 0}
<!--Start Widget--> <!--Start Widget-->
@ -205,14 +197,13 @@
> >
<!--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 bg-primary rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 shadow-sm border border-gray-300 dark:border-gray-600 bg-gray-200 dark:bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span <span class="font-semibold text-sm sm:text-[1rem]"
class="font-semibold text-white text-sm sm:text-[1rem]"
>Buy/Sell</span >Buy/Sell</span
> >
<span class="text-start text-sm sm:text-[1rem] text-white"> <span class="text-start text-sm sm:text-[1rem]">
{buySellRatio?.toFixed(3)} {buySellRatio?.toFixed(3)}
</span> </span>
</div> </div>
@ -229,7 +220,7 @@
cy="18" cy="18"
r="16" r="16"
fill="none" fill="none"
class="stroke-current text-[#3E3E3E]" class="stroke-current text-gray-300 dark:text-[#3E3E3E]"
stroke-width="3" stroke-width="3"
></circle> ></circle>
<!-- Progress Circle inside a group with rotation --> <!-- Progress Circle inside a group with rotation -->
@ -254,8 +245,7 @@
<div <div
class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2" class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"
> >
<span <span class="text-center text-sm sm:text-[1rem]"
class="text-center text-white text-sm sm:text-[1rem]"
>{buySellRatio?.toFixed(2)}</span >{buySellRatio?.toFixed(2)}</span
> >
</div> </div>
@ -265,14 +255,13 @@
<!--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 bg-primary rounded-md h-20" class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 shadow-sm border border-gray-300 dark:border-gray-600 bg-gray-200 dark:bg-primary rounded-md h-20"
> >
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<span <span class="font-semibold text-sm sm:text-[1rem]"
class="font-semibold text-white text-sm sm:text-[1rem]"
>Dem/Rep</span >Dem/Rep</span
> >
<span class="text-start text-sm sm:text-[1rem] text-white"> <span class="text-start text-sm sm:text-[1rem]">
{partyRatio?.toFixed(3)} {partyRatio?.toFixed(3)}
</span> </span>
</div> </div>
@ -289,7 +278,7 @@
cy="18" cy="18"
r="16" r="16"
fill="none" fill="none"
class="stroke-current text-[#3E3E3E]" class="stroke-current text-gray-300 dark:text-[#3E3E3E]"
stroke-width="3" stroke-width="3"
></circle> ></circle>
<!-- Progress Circle inside a group with rotation --> <!-- Progress Circle inside a group with rotation -->
@ -312,8 +301,7 @@
<div <div
class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2" class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"
> >
<span <span class="text-center text-sm sm:text-[1rem]"
class="text-center text-white text-sm sm:text-[1rem]"
>{partyRatio?.toFixed(2)}</span >{partyRatio?.toFixed(2)}</span
> >
</div> </div>
@ -329,7 +317,7 @@
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto" class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
> >
<table <table
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto" class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-white dark:bg-table border border-gray-300 dark:border-gray-800 m-auto"
> >
<thead> <thead>
<TableHeader {columns} {sortOrders} {sortData} /> <TableHeader {columns} {sortOrders} {sortData} />
@ -337,7 +325,7 @@
<tbody> <tbody>
{#each senateTradingList as item, index} {#each senateTradingList as item, index}
<tr <tr
class="odd:bg-odd sm:hover:bg-[#245073]/10 border-b border-gray-800 {index + class="dark:sm:hover:bg-[#245073]/10 odd:bg-[#F6F7F8] dark:odd:bg-odd {index +
1 === 1 ===
rawData?.slice(0, 3)?.length && rawData?.slice(0, 3)?.length &&
!['Pro', 'Plus']?.includes(data?.user?.tier) !['Pro', 'Plus']?.includes(data?.user?.tier)
@ -345,7 +333,7 @@
: ''}" : ''}"
> >
<td <td
class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3" class=" text-sm sm:text-[1rem] whitespace-nowrap pb-3"
> >
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div <div
@ -366,7 +354,7 @@
<div class="flex flex-col ml-3 font-normal"> <div class="flex flex-col ml-3 font-normal">
<a <a
href={`/politicians/${item?.id}`} href={`/politicians/${item?.id}`}
class="text-blue-500 sm:hover:text-muted dark:sm:hover:text-white dark:text-blue-400" class="text-blue-500 sm:hover:text-muted dark:sm:hover: dark:text-blue-400"
>{getAbbreviatedName( >{getAbbreviatedName(
item?.representative?.replace("_", " "), item?.representative?.replace("_", " "),
)}</a )}</a
@ -377,13 +365,13 @@
</td> </td>
<td <td
class="text-start text-sm sm:text-[1rem] whitespace-nowrap text-white" class="text-start text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.party} {item?.party}
</td> </td>
<td <td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{new Date(item?.transactionDate)?.toLocaleString( {new Date(item?.transactionDate)?.toLocaleString(
"en-US", "en-US",
@ -397,12 +385,12 @@
</td> </td>
<td <td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{item?.amount} {item?.amount}
</td> </td>
<td <td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white" class="text-end text-sm sm:text-[1rem] whitespace-nowrap"
> >
{#if item?.type === "Bought"} {#if item?.type === "Bought"}
<span class="text-green-600 dark:text-[#00FC50]" <span class="text-green-600 dark:text-[#00FC50]"

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

@ -4,7 +4,6 @@
getCache, getCache,
setCache, setCache,
displayCompanyName, displayCompanyName,
numberOfUnreadNotification,
} 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";
@ -82,16 +81,12 @@
description={`Get the latest Earnings Call Transcript of ${$displayCompanyName} (${$stockTicker}) for different years and quarters.`} description={`Get the latest Earnings Call Transcript of ${$displayCompanyName} (${$stockTicker}) for different years and quarters.`}
/> />
<section <section class="w-full overflow-hidden min-h-screen mb-40 sm:mb-0">
class="w-full bg-default 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">
<div class="sm:p-7 w-full mt-2 sm:mt-0"> <div class="sm:p-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 font-bold mb-4">Transcripts</h1>
Transcripts
</h1>
<div class="flex w-fit sm:w-[50%] md:block md:w-auto ml-auto"> <div class="flex w-fit sm:w-[50%] md:block md:w-auto ml-auto">
<div class="relative inline-block text-left grow"> <div class="relative inline-block text-left grow">
@ -99,9 +94,9 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="w-full shadow-sm border-gray-300 dark:border-gray-600 border sm:hover:bg-gray-100 dark:sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 rounded-md truncate"
> >
<span class="truncate text-white">Year: {year}</span> <span class="truncate">Year: {year}</span>
<svg <svg
class="-mr-1 ml-1 h-5 w-5 xs:ml-2 inline-block" class="-mr-1 ml-1 h-5 w-5 xs:ml-2 inline-block"
viewBox="0 0 20 20" viewBox="0 0 20 20"
@ -131,7 +126,7 @@
year = index; year = index;
getTranscripts(); getTranscripts();
}} }}
class="cursor-pointer hover:bg-primary" class="cursor-pointer sm:hover:bg-gray-300 dark:sm:hover:bg-primary"
> >
{index} {index}
</DropdownMenu.Item> </DropdownMenu.Item>
@ -145,9 +140,9 @@
<DropdownMenu.Trigger asChild let:builder> <DropdownMenu.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate" class="w-full shadow-sm border-gray-300 dark:border-gray-600 border sm:hover:bg-gray-100 dark:sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 rounded-md truncate"
> >
<span class="truncate text-white">Quarter: Q{quarter}</span> <span class="truncate">Quarter: Q{quarter}</span>
<svg <svg
class="-mr-1 ml-1 h-5 w-5 xs:ml-2 inline-block" class="-mr-1 ml-1 h-5 w-5 xs:ml-2 inline-block"
viewBox="0 0 20 20" viewBox="0 0 20 20"
@ -177,7 +172,7 @@
quarter = index; quarter = index;
getTranscripts(); getTranscripts();
}} }}
class="cursor-pointer hover:bg-primary" class="cursor-pointer sm:hover:bg-gray-300 dark:sm:hover:bg-primary"
> >
Q{index} Q{index}
</DropdownMenu.Item> </DropdownMenu.Item>
@ -192,13 +187,11 @@
{#if isLoaded} {#if isLoaded}
{#if chats?.length !== 0} {#if chats?.length !== 0}
<div class="flex flex-col sm:flex-row items-center pt-5 pb-5"> <div class="flex flex-col sm:flex-row items-center pt-5 pb-5">
<span class="text-white text-md"> <span class=" text-md">
Q{displayQuarter} Q{displayQuarter}
{displayYear} · Earnings Call Transcript {displayYear} · Earnings Call Transcript
</span> </span>
<span <span class=" text-opacity-80 text-md mt-2 sm:mt-0 sm:ml-auto">
class="text-white text-opacity-80 text-md mt-2 sm:mt-0 sm:ml-auto"
>
{new Date(date).toLocaleDateString("en-US", { {new Date(date).toLocaleDateString("en-US", {
month: "short", month: "short",
day: "numeric", day: "numeric",
@ -219,23 +212,23 @@
</span> </span>
</div> </div>
<div <div
class="ml-2 avatar rounded-full w-8 h-8 sm:w-10 sm:h-10 relative border border-gray-600 bg-default 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-300 dark:border-gray-600 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="#fff" fill="currentColor"
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 bg-primary rounded-l-xl rounded-tr-xl" class="shadow-sm flex flex-col w-full leading-1.5 p-4 border border-gray-300 dark:border-gray-600 bg-gray-200 dark: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">
{@html item?.description} {@html item?.description}
</p> </p>
</div> </div>
@ -244,7 +237,7 @@
<div class="flex flex-col items-start gap-2.5 mt-8"> <div class="flex flex-col items-start gap-2.5 mt-8">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<div <div
class="avatar rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-red-600 bg-opacity-[0.6] flex items-center justify-center text-white text-sm sm:" class="avatar rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-red-600 bg-opacity-[0.6] flex items-center justify-center text-sm sm:"
> >
<span <span
class="absolute inset-0 flex items-center justify-center" class="absolute inset-0 flex items-center justify-center"
@ -261,9 +254,9 @@
</div> </div>
</div> </div>
<div <div
class="flex flex-col w-full leading-1.5 p-4 border border-gray-600 bg-secondary rounded-r-xl rounded-tl-xl" class="flex flex-col w-full leading-1.5 p-4 border border-gray-300 dark:border-gray-600 shadow-sm bg-gray-200 dark: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">
{@html item?.description} {@html item?.description}
</p> </p>
</div> </div>
@ -273,7 +266,7 @@
<label <label
on:click={backToTop} on:click={backToTop}
class="w-32 py-1.5 mt-10 hover:bg-white hover:bg-opacity-[0.05] cursor-pointer m-auto flex justify-center items-center border border-gray-600 rounded-full" class="w-32 py-1.5 mt-10 dark:sm:hover:bg-white hover:bg-opacity-[0.05] cursor-pointer m-auto flex justify-center items-center border border-gray-600 rounded-full"
> >
Back to top Back to top
</label> </label>