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

ui fixing

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-07 11:12:09 +02:00
parent 08ad178040
commit 35aca697f9
6 changed files with 26 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -190,7 +190,7 @@ $: {
<section class="overflow-hidden text-white h-full pb-8 sm:pb-2"> <section class="overflow-hidden text-white h-full pb-8 sm:pb-2">
<main class="overflow-hidden "> <main class="overflow-hidden ">
<div class="w-fit sm:w-full m-auto mt-5 sm:mt-0"> <div class="w-full m-auto mt-5 sm:mt-0">
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<label for="predictiveFundamentalsInfo" class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold"> <label for="predictiveFundamentalsInfo" class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold">
@ -262,19 +262,20 @@ $: {
<div class="flex flex-row items-center justify-between m-auto mt-10"> <div class="flex flex-row items-center justify-between m-auto mt-10">
<div class="flex flex-row items-center w-1/2 sm:w-full justify-center"> <div class="flex flex-row items-center w-1/2 sm:w-full justify-center">
<div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div> <div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-3 h-3 bg-[#3B82F6] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div> <div class="w-3 h-3 bg-[#fff] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<span class="text-white text-sm sm:text-md sm:font-medium inline-block"> <span class="text-white text-sm sm:text-md sm:font-medium inline-block">
Analyst Forecast Actual
</span> </span>
</div> </div>
<div class="flex flex-row items-center w-1/2 sm:w-full justify-center"> <div class="flex flex-row items-center w-1/2 sm:w-full justify-center">
<div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div> <div class="h-full bg-gray-800 transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-3 h-3 bg-[#0FC008] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div> <div class="w-3 h-3 bg-[#E11D48] border-4 box-content border-gray-900 rounded-full transform -translate-x-1/2" aria-hidden="true"></div>
<span class="text-white text-sm sm:text-md sm:font-medium inline-block"> <span class="text-white text-sm sm:text-md sm:font-medium inline-block">
Actual Analyst Forecast
</span> </span>
</div> </div>
</div> </div>
@ -323,7 +324,12 @@ $: {
</tbody> </tbody>
</table> </table>
</div>
<div class="mt-5 text-gray-100 text-sm sm:text-[1rem] sm:rounded-lg h-auto border border-slate-800 p-4">
<svg class="w-5 h-5 inline-block mr-0.5 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" 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>
For {(new Date()).getFullYear()}, we use available quarterly data. Complete annual data, used to compare against analyst estimates, is only finalized after the year ends.
</div> </div>

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

@ -176,7 +176,7 @@ const getClinicalTrial = async (ticker) => {
// Cache the data for this specific tickerID with a specific name 'getClinicalTrial' // Cache the data for this specific tickerID with a specific name 'getClinicalTrial'
setCache(ticker, rawData, 'getClinicalTrial'); setCache(ticker, rawData, 'getClinicalTrial');
} }
if(rawData?.length !== 0) { if(rawData?.length >= 5) {
$clinicalTrialComponent = true; $clinicalTrialComponent = true;
} else { } else {
$clinicalTrialComponent = false; $clinicalTrialComponent = false;
@ -232,7 +232,7 @@ let charNumber = 20;
{#if data?.user?.tier === 'Pro'} {#if data?.user?.tier === 'Pro'}
{#if isLoaded} {#if isLoaded}
{#if rawData?.length !== 0} {#if rawData?.length >= 5}
<div class="w-full flex flex-col items-start"> <div class="w-full flex flex-col items-start">
<div class="text-white text-sm sm:text-[1rem] mt-2 mb-2 w-full"> <div class="text-white text-sm sm:text-[1rem] mt-2 mb-2 w-full">

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

@ -151,9 +151,9 @@ function getPlotOptions() {
data: shortVolumeList, data: shortVolumeList,
type: 'line', type: 'line',
areaStyle: {opacity: 0.3}, areaStyle: {opacity: 1},
itemStyle: { itemStyle: {
color: '#536FC5' // Change bar color to white color: '#3B82F6' // Change bar color to white
}, },
showSymbol: false showSymbol: false
}, },

12
src/lib/components/Enterprise.svelte
View File

@ -100,21 +100,21 @@ function getPlotOptions() {
data: addTotalDebt, data: addTotalDebt,
type: 'bar', type: 'bar',
itemStyle: { itemStyle: {
color: '#FF2F1F' // Change bar color to white color: '#3B82F6' // Change bar color to white
} }
}, },
{ {
data: marketCapitalization, data: marketCapitalization,
type: 'bar', type: 'bar',
itemStyle: { itemStyle: {
color: '#5470C6' // Change bar color to white color: '#E11D48' // Change bar color to white
} }
}, },
{ {
data: enterpriseValue, data: enterpriseValue,
type: 'bar', type: 'bar',
itemStyle: { itemStyle: {
color: '#F8901E' // Change bar color to white color: '#22C55E' // Change bar color to white
} }
}, },
] ]
@ -213,21 +213,21 @@ $: {
<div class="flex flex-row items-center justify-between mx-auto mt-5 w-full sm:w-11/12"> <div class="flex flex-row items-center justify-between mx-auto mt-5 w-full sm:w-11/12">
<div class="mt-3.5 sm:mt-0 flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center"> <div class="mt-3.5 sm:mt-0 flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
<div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div> <div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-3 h-3 bg-[#F8901E] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div> <div class="w-3 h-3 bg-[#22C55E] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
<span class="mt-2 sm:mt-0 text-white text-center sm:text-start text-xs sm:text-md inline-block"> <span class="mt-2 sm:mt-0 text-white text-center sm:text-start text-xs sm:text-md inline-block">
Enterprise Value Enterprise Value
</span> </span>
</div> </div>
<div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center"> <div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
<div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div> <div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-3 h-3 bg-[#5470C6] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div> <div class="w-3 h-3 bg-[#E11D48] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
<span class="mt-2 sm:mt-0 text-white text-xs sm:text-md sm:font-medium inline-block"> <span class="mt-2 sm:mt-0 text-white text-xs sm:text-md sm:font-medium inline-block">
Mkt Cap Mkt Cap
</span> </span>
</div> </div>
<div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center"> <div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
<div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div> <div class="h-full transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-3 h-3 bg-[#FF2F1F] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div> <div class="w-3 h-3 bg-[#3B82F6] border-4 box-content border-[#27272A] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
<span class="mt-2 sm:mt-0 text-white text-xs sm:text-md inline-block"> <span class="mt-2 sm:mt-0 text-white text-xs sm:text-md inline-block">
Debt Debt
</span> </span>

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

@ -83,6 +83,8 @@ function getPlotOptions() {
}); });
console.log(tradingList)
findMonthlyValue(historyData, rawData?.lastDate) findMonthlyValue(historyData, rawData?.lastDate)

4
src/lib/components/Scatter/Scatter.html.svelte
View File

@ -30,8 +30,8 @@
top: {$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}%; top: {$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}%;
width: {r * 2}px; width: {r * 2}px;
height: {r * 2}px; height: {r * 2}px;
background-color: {d?.dataset === 'actual' ? '#10C208' : 'rgb(0,187,255,0.4)'}; background-color: {d?.dataset === 'actual' ? '#fff' : '#E11D48'};
border: {strokeWidth}px solid {d?.dataset === 'actual' ? '#10C208' : 'rgb(0,187,255,0.4)'}; border: {strokeWidth}px solid {d?.dataset === 'actual' ? '#E11D48' : 'rgb(0,187,255,0.4)'};
" "
/> />
{/each} {/each}