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

refactor code

Browse Source
This commit is contained in:
MuslemRahimi 2024-07-27 09:52:59 +02:00
parent 0ed2a92497
commit 7a68a47125
12 changed files with 85 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/DividendCard.svelte
View File

@ -55,10 +55,10 @@
<div class="flex justify-start items-center w-full m-auto pl-2">
<table class="table lg:table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto">
<thead>
<tr class="border-b border-blue-400">
<th class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B] border-b border-blue-400">Ex-Dividend</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B] border-b border-blue-400">Payment Date</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B] border-b border-blue-400">Amount</th>
<tr>
<th class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]">Ex-Dividend</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]">Payment Date</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]">Amount</th>
</tr>
</thead>

10
src/lib/components/ESGCard.svelte
View File

@ -146,7 +146,7 @@ $: {
<div class="bg-[#000] h-auto w-screen">
<!--Start Header-->
<div class="bg-[#191919] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<div class="bg-[#27272A] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
ESG Score
</h2>
@ -168,7 +168,7 @@ $: {
<div class="mt-5 flex flex-col m-auto items-center rounded-lg w-full mb-16 p-3">
<div class="shadow-lg bg-[#191919] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="shadow-lg bg-[#27272A] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full">
<span class="text-white text-md font-medium text-start mb-2 mr-auto mt-2">
@ -182,7 +182,7 @@ $: {
</div>
</div>
<div class="shadow-lg bg-[#191919] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="shadow-lg bg-[#27272A] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full">
<span class="text-white text-md font-medium text-start mb-2 mr-auto mt-2">
@ -196,7 +196,7 @@ $: {
</div>
</div>
<div class="shadow-lg bg-[#191919] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="shadow-lg bg-[#27272A] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full">
<span class="text-white text-md font-medium text-start mb-2 mr-auto mt-2">
@ -209,7 +209,7 @@ $: {
</div>
</div>
<div class="shadow-lg bg-[#191919] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="shadow-lg bg-[#27272A] w-full rounded-lg p-4 mb-5 flex flex-row items-center">
<div class="flex flex-col -mt-2 w-full">
<div class="flex flex-row items-center w-full">
<span class="text-white text-md font-medium text-start mb-2 mr-auto mt-2">

8
src/lib/components/ExecutiveCard.svelte
View File

@ -80,7 +80,7 @@ afterUpdate(async() => {
<div class="space-y-3 sm:pt-5">
<div class="bg-[#000] h-auto w-screen">
<!--Start Header-->
<div class="bg-[#09090B] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<div class="bg-[#27272A] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
Executives
</h2>
@ -128,7 +128,7 @@ afterUpdate(async() => {
<!--Start Item-->
<div class="flex flex-row items-center pl-4 pr-4 w-full mb-3">
<div class="w-full rounded-md bg-[#09090B] shadow-lg h-auto pb-3 pl-3 pt-3">
<div class="w-full rounded-md bg-[#27272A] shadow-lg h-auto pb-3 pl-3 pt-3">
<div class="flex flex-row items-center relative">
<div class="flex flex-col">
<div class="flex flex-row items-center mr-auto mb-2 text-white font-medium text-[1rem] w-56">
@ -147,7 +147,7 @@ afterUpdate(async() => {
{#if item?.gender === 'male'}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0">
<div class="h-full bg-gray-800 transform -translate-x-1/2" aria-hidden="true"></div>
<div class="h-full bg-[#27272A] transform -translate-x-1/2" aria-hidden="true"></div>
<div class="w-2 h-2 bg-[#FF2F1F] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<span class="text-white text-[0.85rem] inline-block">
Male
@ -155,7 +155,7 @@ afterUpdate(async() => {
</div>
{:else if item?.gender === 'female'}
<div class="flex flex-row items-center ml-auto absolute right-3 top-0">
<div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="h-full bg-[#27272A] transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-2 h-2 bg-[#0FC008] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<span class="text-white text-[0.85rem] inline-block">
Female

4
src/lib/components/SECFilingsCard.svelte
View File

@ -172,7 +172,7 @@ $: {
<div class="w-11/12 mt-5">
<div class="relative right-0 bg-[#141417] rounded-lg">
<div class="relative right-0 bg-[#27272A] rounded-lg">
<div class="relative flex flex-row items-center p-1 list-none rounded-lg">
<AnimateSharedLayout>
@ -227,7 +227,7 @@ $: {
<div class="mt-5 w-full">
{#each displayList as item}
<div class="flex flex-col justify-center m-auto items-start rounded-md bg-[#141417] shadow-lg h-auto w-11/12 mb-3" transition:fade={{ delay: 0, duration: 80 }} in={accordionOpen[item?.year]}>
<div class="flex flex-col justify-center m-auto items-start rounded-md bg-[#27272A] shadow-lg h-auto w-11/12 mb-3" transition:fade={{ delay: 0, duration: 80 }} in={accordionOpen[item?.year]}>
<div class="flex flex-row items-center w-full p-3">

8
src/lib/components/SimilarETFCard.svelte
View File

@ -38,10 +38,10 @@ export let similarTicker;
<div class="flex justify-start items-center w-full m-auto pl-2">
<table class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto">
<thead>
<tr class="border-b border-blue-400">
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Fund Name</th>
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Total Assets</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Holdings</th>
<tr>
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]">Fund Name</th>
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]">Total Assets</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]">Holdings</th>
</tr>
</thead>
<tbody>

18
src/lib/components/SimilarTickerCard.svelte
View File

@ -39,10 +39,10 @@ export let similarstock;
<div class="flex justify-start items-center w-full m-auto ">
<table class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto">
<thead>
<tr class="border-b border-blue-400">
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Company</th>
<th class="text-white font-semibold text-sm text-center bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Market Cap</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Avg Volume</th>
<tr>
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]">Company</th>
<th class="text-white font-semibold text-sm text-center bg-[#000] sm:bg-[#09090B]">Market Cap</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]">Avg Volume</th>
</tr>
</thead>
<tbody>
@ -104,7 +104,7 @@ export let similarstock;
<div class="bg-[#000] h-auto w-screen">
<!--Start Header-->
<div class="bg-[#09090B] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<div class="bg-[#27272A] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
Similar Ticker
</h2>
@ -125,10 +125,10 @@ export let similarstock;
<div class="flex justify-start items-center w-full m-auto mt-10 overflow-hidden">
<table class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto">
<thead>
<tr class="border-b border-blue-400">
<th class="text-white font-bold text-sm text-start bg-[#000] border-b border-blue-400">Company</th>
<th class="text-white font-bold text-sm text-center bg-[#000] border-b border-blue-400">Market Cap</th>
<th class="text-white font-bold text-sm text-end bg-[#000] border-b border-blue-400">Avg Volume</th>
<tr>
<th class="text-white font-bold text-sm text-start bg-[#000]">Company</th>
<th class="text-white font-bold text-sm text-center bg-[#000]">Market Cap</th>
<th class="text-white font-bold text-sm text-end bg-[#000]">Avg Volume</th>
</tr>
</thead>
<tbody>

14
src/lib/components/StockKeyInformation.svelte
View File

@ -14,11 +14,7 @@
//import copilotIcon from '$lib/images/copilot_icon.png';
export let stockDeck;
export let data;
export let similarstock;
export let topETFHolder;
$: {
if($similarTickerClicked)
@ -64,8 +60,6 @@ $: {
</section>
<!--Start Executive Modal-->
@ -136,7 +130,7 @@ $: {
<div class="w-screen overflow-y-scroll" >
<TickerInfoCard stockDeck={stockDeck}/>
<TickerInfoCard stockDeck={data?.getStockDeck}/>
</div>
@ -164,7 +158,7 @@ $: {
<div class="w-screen overflow-y-scroll" >
<ESGCard stockDeck={stockDeck}/>
<ESGCard stockDeck={data?.getStockDeck}/>
</div>
</div>
@ -188,7 +182,7 @@ $: {
<div class="w-screen overflow-y-scroll" >
<SimilarTickerCard similarstock={similarstock}/>
<SimilarTickerCard similarstock={data?.getSimilarStock}/>
</div>
</div>
@ -211,7 +205,7 @@ $: {
<div class="w-screen overflow-y-scroll" >
<TopETFTickerHolder topETFHolder={topETFHolder}/>
<TopETFTickerHolder topETFHolder={data?.getTopETFHolder}/>
</div>
</div>

70
src/lib/components/TARating.svelte
View File

@ -39,40 +39,13 @@ async function getTaRating(ticker) {
});
rawData = await response.json();
showFullStats = false;
overallSignal = rawData?.overallSignal;
signalList = rawData?.signalList ?? []
buyCount = 0;
sellCount = 0;
neutralCount=0;
signalList?.forEach(item => {
switch (item?.signal) {
case "Strong Buy":
buyCount++;
break;
case "Buy":
buyCount++;
break;
case "Sell":
sellCount++;
break;
case "Strong Sell":
sellCount++;
break;
default:
neutralCount++;
}
});
setCache(ticker, rawData, 'getTaRating');
} catch (error) {
console.error('Failed to fetch swap data:', error);
rawData = {};
}
}
if (rawData?.signalList?.lenght !== 0) {
if (Object?.keys(rawData)?.length !== 0) {
$taRatingComponent = true;
}
else {
@ -84,18 +57,47 @@ async function getTaRating(ticker) {
$: {
async function updateData() {
if (($assetType === 'stock' ? $stockTicker : $assetType === 'etf' ? $etfTicker : $cryptoTicker) && typeof window !== 'undefined') {
isLoaded = false;
const ticker = $assetType === 'stock' ? $stockTicker : $assetType === 'etf' ? $etfTicker : $cryptoTicker;
getTaRating(ticker).then(() => {
isLoaded = true;
});
try {
await getTaRating(ticker);
showFullStats = false;
overallSignal = rawData?.overallSignal;
signalList = rawData?.signalList || [];
buyCount = 0;
sellCount = 0;
neutralCount = 0;
signalList?.forEach(item => {
switch (item?.signal) {
case "Strong Buy":
case "Buy":
buyCount++;
break;
case "Sell":
case "Strong Sell":
sellCount++;
break;
default:
neutralCount++;
}
});
isLoaded = true;
console.log(signalList);
} catch (error) {
console.error("Error fetching data:", error);
}
}
}
$: if ($assetType || $stockTicker || $etfTicker || $cryptoTicker) {
updateData();
}
</script>
<section class="overflow-hidden w-full">
@ -116,7 +118,7 @@ $: {
{#if data?.user?.tier === 'Pro'}
{#if isLoaded}
{#if Object?.keys(rawData)?.length !== 0}
{#if signalList?.length !== 0}
{#if overallSignal !== 'n/a'}
<div class="text-white text-[1rem] sm:text-lg mt-3 mb-8 text-start">

18
src/lib/components/TopETFTickerHolder.svelte
View File

@ -39,10 +39,10 @@
<div class="flex justify-start items-center w-full m-auto ">
<table class="table table-sm table-compact text-start flex justify-start items-center w-full px-3 m-auto">
<thead>
<tr class="border-b border-blue-400">
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Company Name</th>
<th class="text-white font-semibold text-sm text-center bg-[#000] sm:bg-[#09090B] border-b border-blue-400">Total Assets</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B] border-b border-blue-400">% of Fund</th>
<tr >
<th class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]">Company Name</th>
<th class="text-white font-semibold text-sm text-center bg-[#000] sm:bg-[#09090B]">Total Assets</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]">% of Fund</th>
</tr>
</thead>
<tbody>
@ -101,7 +101,7 @@
<div class="bg-[#000] h-auto w-screen">
<!--Start Header-->
<div class="bg-[#191919] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<div class="bg-[#27272A] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]">
<h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
Top ETFs Holder
</h2>
@ -122,10 +122,10 @@
<div class="flex justify-start items-center w-full m-auto mt-10 overflow-hidden">
<table class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto">
<thead>
<tr class="border-b border-blue-400">
<th class="text-white font-bold text-sm text-start bg-[#000] border-b border-blue-400">Company</th>
<th class="text-white font-bold text-sm text-center bg-[#000] border-b border-blue-400">Total Assets</th>
<th class="text-white font-bold text-sm text-end bg-[#000] border-b border-blue-400">% of Fund</th>
<tr>
<th class="text-white font-bold text-sm text-start bg-[#000]">Company</th>
<th class="text-white font-bold text-sm text-center bg-[#000]">Total Assets</th>
<th class="text-white font-bold text-sm text-end bg-[#000]">% of Fund</th>
</tr>
</thead>
<tbody>

8
src/lib/components/TopHoldingCard.svelte
View File

@ -58,10 +58,10 @@ $: {
<div class="flex justify-start items-center w-full m-auto overflow-hidden">
<table class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto">
<thead>
<tr class="border-b border-blue-400">
<th class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B] border-b border-blue-400">Company</th>
<th class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B] border-b border-blue-400">Market Value</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B] border-b border-blue-400">Portfolio</th>
<tr>
<th class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]">Company</th>
<th class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]">Market Value</th>
<th class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]">Portfolio</th>
</tr>
</thead>
<tbody>

1
src/routes/crypto/[tickerID]/+page.svelte
View File

@ -1167,6 +1167,7 @@ afterUpdate(async () => {
{/await}
</div>
</Lazy>
<Lazy>
<div class="w-full sm:mt-5 m-auto sm:pl-6 sm:pb-6 sm:pt-6 {!$varComponent ? 'hidden' : ''}">
{#await import('$lib/components/VaR.svelte') then {default: Comp}}

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

@ -15,10 +15,7 @@
let displayChartType = 'line';
let stockDeck = data?.getStockDeck ?? [];
let prePostData = {};
let similarstock = [];
let topETFHolder = [];
let marketMoods = {}
let communitySentiment = {};
@ -656,14 +653,9 @@ function changeChartType() {
output = null;
stockDeck = data?.getStockDeck;
marketMoods = data?.getBullBearSay;
communitySentiment = data?.getCommunitySentiment;
similarstock = data?.getSimilarStock;
topETFHolder = data?.getTopETFHolder;
//previousClose = stockDeck?.at(0)?.previousClose;
const asyncFunctions = [
getPrePostQuote(),
@ -1195,9 +1187,6 @@ function changeChartType() {
</h3>
{#await import('$lib/components/StockKeyInformation.svelte') then {default: Comp}}
<svelte:component this={Comp}
stockDeck={stockDeck}
similarstock={similarstock}
topETFHolder={topETFHolder}
data={data} />
{/await}
@ -1441,9 +1430,9 @@ function changeChartType() {
-->
<Lazy>
<div class="w-full pt-10 sm:pl-6 sm:pb-6 sm:pt-6 m-auto {stockDeck?.at(0)?.stockSplits?.length === 0 ? 'hidden' : ''}">
<div class="w-full pt-10 sm:pl-6 sm:pb-6 sm:pt-6 m-auto {data?.getStockDeck?.at(0)?.stockSplits?.length === 0 ? 'hidden' : ''}">
{#await import('$lib/components/StockSplits.svelte') then {default: Comp}}
<svelte:component this={Comp} stockDeck={stockDeck}/>
<svelte:component this={Comp} stockDeck={data?.getStockDeck}/>
{/await}
</div>
</Lazy>