add sidebar to pages
This commit is contained in:
MuslemRahimi
parent
8e6a8b5808
commit
4a7d13264c
@ -523,6 +523,9 @@ $: {
|
|||||||
<Button builders={[builder]} type="submit" class="w-full bg-[#141417] hover:bg-[#141417]">
|
<Button builders={[builder]} type="submit" class="w-full bg-[#141417] hover:bg-[#141417]">
|
||||||
<a href="/reddit-tracker" class="text-start w-full text-[1rem] text-white ml-4 mt-4">Reddit Tracker</a>
|
<a href="/reddit-tracker" class="text-start w-full text-[1rem] text-white ml-4 mt-4">Reddit Tracker</a>
|
||||||
</Button>
|
</Button>
|
||||||
|
<Button builders={[builder]} type="submit" class="w-full bg-[#141417] hover:bg-[#141417]">
|
||||||
|
<a href="/corporate-lobbying-tracker" class="text-start w-full text-[1rem] text-white ml-4 mt-4">Lobbying Tracker</a>
|
||||||
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</Sheet.Close>
|
</Sheet.Close>
|
||||||
@ -883,6 +886,7 @@ $: {
|
|||||||
<a href="/cramer-tracker" class="text-[1rem] text-white ml-4 mt-4">Jim Cramer Tracker</a>
|
<a href="/cramer-tracker" class="text-[1rem] text-white ml-4 mt-4">Jim Cramer Tracker</a>
|
||||||
<a href="/most-retail-volume" class="text-[1rem] text-white ml-4 mt-4">Retail Trader Tracker</a>
|
<a href="/most-retail-volume" class="text-[1rem] text-white ml-4 mt-4">Retail Trader Tracker</a>
|
||||||
<a href="/reddit-tracker" class="text-[1rem] text-white ml-4 mt-4">Reddit Tracker</a>
|
<a href="/reddit-tracker" class="text-[1rem] text-white ml-4 mt-4">Reddit Tracker</a>
|
||||||
|
<a href="/corporate-lobbying-tracker" class="text-[1rem] text-white ml-4 mt-4">Lobbying Tracker</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</Accordion.Content
|
</Accordion.Content
|
||||||
|
|||||||
@ -4,6 +4,7 @@
|
|||||||
import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
|
import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
//import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
|
//import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
|
||||||
|
import ArrowLogo from "lucide-svelte/icons/move-up-right";
|
||||||
|
|
||||||
|
|
||||||
export let data;
|
export let data;
|
||||||
@ -48,16 +49,6 @@
|
|||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
let charNumber = 40;
|
|
||||||
$: {
|
|
||||||
if ($screenWidth < 640)
|
|
||||||
{
|
|
||||||
charNumber = 15;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
charNumber = 40;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function changeOrder(state:string) {
|
function changeOrder(state:string) {
|
||||||
if (state === 'highToLow')
|
if (state === 'highToLow')
|
||||||
@ -73,55 +64,56 @@ function changeOrder(state:string) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$: charNumber = $screenWidth < 640 ? 15 : 40;
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<title>
|
<title>
|
||||||
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} Latest Lobbiyng Disclosure Tracker · stocknear
|
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} Latest Lobbiyng Disclosure Tracker · stocknear
|
||||||
</title>
|
</title>
|
||||||
<meta name="description" content={`Track the latest senate lobbying spending of US companies.`} />
|
<meta name="description" content={`Track the latest senate lobbying spending of US companies.`} />
|
||||||
|
|
||||||
<!-- Other meta tags -->
|
<!-- Other meta tags -->
|
||||||
<meta property="og:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
|
<meta property="og:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
|
||||||
<meta property="og:description" content={`Track the latest senate lobbying spending of US companies.`} />
|
<meta property="og:description" content={`Track the latest senate lobbying spending of US companies.`} />
|
||||||
<meta property="og:type" content="website"/>
|
<meta property="og:type" content="website"/>
|
||||||
<!-- Add more Open Graph meta tags as needed -->
|
<!-- Add more Open Graph meta tags as needed -->
|
||||||
|
|
||||||
<!-- Twitter specific meta tags -->
|
<!-- Twitter specific meta tags -->
|
||||||
<meta name="twitter:card" content="summary_large_image"/>
|
<meta name="twitter:card" content="summary_large_image"/>
|
||||||
<meta name="twitter:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
|
<meta name="twitter:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
|
||||||
<meta name="twitter:description" content={`Track the latest senate lobbying spending of US companies.`} />
|
<meta name="twitter:description" content={`Track the latest senate lobbying spending of US companies.`} />
|
||||||
<!-- Add more Twitter meta tags as needed -->
|
<!-- Add more Twitter meta tags as needed -->
|
||||||
|
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40">
|
<section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40 lg:px-3">
|
||||||
|
|
||||||
|
<div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/" class="text-gray-300">Home</a></li>
|
||||||
|
<li class="text-gray-300">Corporate Lobbying Tracker</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w-full overflow-hidden m-auto mt-5">
|
||||||
|
|
||||||
|
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden ">
|
||||||
|
<div class="relative flex justify-center items-start overflow-hidden w-full">
|
||||||
|
|
||||||
|
|
||||||
|
<main class="w-full lg:w-3/4 lg:pr-5">
|
||||||
|
|
||||||
<div class="w-full overflow-hidden m-auto">
|
<div class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
|
||||||
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
|
||||||
|
|
||||||
|
|
||||||
<div class="sm:p-0 flex justify-center m-auto w-full overflow-hidden ">
|
|
||||||
<div class="relative flex justify-center m-auto items-center overflow-hidden w-full">
|
|
||||||
<main class="w-full">
|
|
||||||
|
|
||||||
<div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
|
|
||||||
<ul>
|
|
||||||
<li><a href="/" class="text-gray-300">Home</a></li>
|
|
||||||
<li class="text-gray-300">Corporate Lobbying Tracker</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full sm:bg-[#27272A] sm:border sm:border-gray-800 sm:rounded-lg h-auto pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
|
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
|
|
||||||
|
|
||||||
<!-- Start Column -->
|
<!-- Start Column -->
|
||||||
<div>
|
<div>
|
||||||
<div class="flex flex-row justify-center items-center">
|
<div class="flex flex-row justify-center items-center">
|
||||||
@ -255,17 +247,65 @@ function changeOrder(state:string) {
|
|||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
|
|
||||||
|
{#if data?.user?.tier !== 'Pro' || data?.user?.freeTrial}
|
||||||
|
<div on:click={() => goto('/pricing')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Pro Subscription
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Upgrade now for unlimited access to all data and tools.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<div on:click={() => goto('/analysts')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Wallstreet Analyst
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Get the latest top Wall Street analyst ratings.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div on:click={() => goto('/politicians')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Congress Trading
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Get the latest top Congress trading insights.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</aside>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
</section>
|
||||||
|
|
||||||
|
|
||||||
@ -2,8 +2,8 @@
|
|||||||
import { format, startOfWeek, addDays, addWeeks, subWeeks, differenceInWeeks } from 'date-fns';
|
import { format, startOfWeek, addDays, addWeeks, subWeeks, differenceInWeeks } from 'date-fns';
|
||||||
import { screenWidth, numberOfUnreadNotification } from '$lib/store';
|
import { screenWidth, numberOfUnreadNotification } from '$lib/store';
|
||||||
import logo from '$lib/images/transcripts_logo.png';
|
import logo from '$lib/images/transcripts_logo.png';
|
||||||
import ScrollToTop from '$lib/components/ScrollToTop.svelte';
|
|
||||||
import { listOfCountries } from '$lib/utils';
|
import { listOfCountries } from '$lib/utils';
|
||||||
|
import ArrowLogo from "lucide-svelte/icons/move-up-right";
|
||||||
|
|
||||||
export let data;
|
export let data;
|
||||||
let rawData;
|
let rawData;
|
||||||
@ -119,60 +119,73 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40">
|
<section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
|
||||||
|
<ul>
|
||||||
|
<li><a href="/" class="text-gray-300">Home</a></li>
|
||||||
|
<li class="text-gray-300">Economic Calendar</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto sm:p-10 mt-10 sm:mt-3 mb-8">
|
<div class="w-full overflow-hidden m-auto mt-5">
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2">
|
|
||||||
|
|
||||||
<!-- Start Column -->
|
<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">
|
||||||
<div class="flex flex-row justify-center items-center">
|
|
||||||
<h1 class="text-3xl sm:text-4xl text-white text-center font-bold mb-5">
|
|
||||||
Economic Calendar
|
<main class="w-full lg:w-3/4 lg:pr-5">
|
||||||
</h1>
|
|
||||||
|
<div class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
|
||||||
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
|
||||||
|
|
||||||
|
<!-- Start Column -->
|
||||||
|
<div>
|
||||||
|
<div class="flex flex-row justify-center items-center">
|
||||||
|
<h1 class="text-3xl sm:text-4xl text-white text-center font-bold mb-5">
|
||||||
|
Economic Calendar
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span class="hidden sm:block text-white text-md font-medium text-center flex justify-center items-center ">
|
||||||
|
Stay updated on upcoming Economic Events worldwide.
|
||||||
|
</span>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- End Column -->
|
||||||
|
|
||||||
|
<!-- Start Column -->
|
||||||
|
<div class="hidden sm:block relative m-auto mb-5 mt-5 sm:mb-0 sm:mt-0">
|
||||||
|
<svg class="w-36 -my-5" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<defs>
|
||||||
|
<filter id="glow">
|
||||||
|
<feGaussianBlur stdDeviation="5" result="glow"/>
|
||||||
|
<feMerge>
|
||||||
|
<feMergeNode in="glow"/>
|
||||||
|
<feMergeNode in="SourceGraphic"/>
|
||||||
|
</feMerge>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<path fill="#1E40AF" d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z" transform="translate(100 100)" filter="url(#glow)" />
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="z-1 absolute top-0">
|
||||||
|
<img class="w-20 ml-5" src={logo} alt="logo" loading="lazy">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Column -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<span class="hidden sm:block text-white text-md font-medium text-center flex justify-center items-center ">
|
|
||||||
Stay updated on upcoming Economic Events worldwide.
|
|
||||||
</span>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- End Column -->
|
|
||||||
|
|
||||||
<!-- Start Column -->
|
<!-- Page wrapper -->
|
||||||
<div class="hidden sm:block relative m-auto mt-7 sm:mb-0 sm:mt-0">
|
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
|
||||||
<svg class="w-32 sm:w-36 -my-5" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<defs>
|
|
||||||
<filter id="glow">
|
|
||||||
<feGaussianBlur stdDeviation="5" result="glow"/>
|
|
||||||
<feMerge>
|
|
||||||
<feMergeNode in="glow"/>
|
|
||||||
<feMergeNode in="SourceGraphic"/>
|
|
||||||
</feMerge>
|
|
||||||
</filter>
|
|
||||||
</defs>
|
|
||||||
<path fill="#1E40AF" d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z" transform="translate(100 100)" filter="url(#glow)" />
|
|
||||||
</svg>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="z-1 absolute top-2">
|
|
||||||
<img class="w-24 ml-6" src={logo} alt="logo" loading="lazy">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- End Column -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Page wrapper -->
|
|
||||||
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Content area -->
|
<!-- Content area -->
|
||||||
<div class="relative flex flex-col flex-1 overflow-hidden">
|
<div class="relative flex flex-col flex-1 overflow-hidden">
|
||||||
@ -212,7 +225,7 @@
|
|||||||
|
|
||||||
<div class="flex flex-row items-center w-fit ml-auto mt-6 mb-2 mr-3 sm:mr-0">
|
<div class="flex flex-row items-center w-fit ml-auto mt-6 mb-2 mr-3 sm:mr-0">
|
||||||
{#if filterList?.length !== 0}
|
{#if filterList?.length !== 0}
|
||||||
<label on:click={() => filterList = [] } class="mr-3 text-sm cursor-pointer bg-[#27272A] sm:hover:bg-[#27272A] duratiion-100 transition ease-in-out px-4 py-2 rounded-lg shadow-lg ml-auto">
|
<label on:click={() => filterList = [] } class="mr-3 text-sm cursor-pointer bg-[#27272A] sm:hover:bg-[#27272A] text-white duration-100 transition ease-in-out px-4 py-2 rounded-lg shadow-lg ml-auto">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="inline-block w-4 h-4" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.578 6.487A8 8 0 1 1 2.5 10.5"/><path d="M7.5 6.5h-4v-4"/></g></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" class="inline-block w-4 h-4" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.578 6.487A8 8 0 1 1 2.5 10.5"/><path d="M7.5 6.5h-4v-4"/></g></svg>
|
||||||
Reset All
|
Reset All
|
||||||
</label>
|
</label>
|
||||||
@ -228,47 +241,49 @@
|
|||||||
|
|
||||||
<!-- Dropdown menu -->
|
<!-- Dropdown menu -->
|
||||||
|
|
||||||
<ul tabindex="0" class="z-30 dropdown-content p-2 shadow bg-[#1D232A] rounded w-60 h-72 oveflow-hidden overflow-y-scroll">
|
<ul tabindex="0" class="z-30 dropdown-content p-2 shadow bg-[#1D232A] rounded w-60 h-72 oveflow-hidden overflow-y-scroll">
|
||||||
|
|
||||||
<div class="mb-3 mt-1 ml-1">
|
<div class="mb-3 mt-1 ml-1">
|
||||||
<span class="text-white text-sm mb-2">
|
<span class="text-white text-sm mb-2">
|
||||||
Popular
|
Popular
|
||||||
</span>
|
</span>
|
||||||
<hr class="mt-2 mb-2 border-gray-500"/>
|
<hr class="mt-2 mb-2 border-gray-500"/>
|
||||||
{#each ['United States','Russia','China','UK','EU'] as item}
|
{#each ['United States','Russia','China','UK','EU'] as item}
|
||||||
<li>
|
<li>
|
||||||
<label on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
|
<label on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
|
||||||
<input checked={filterList?.includes(item)} type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
|
<input checked={filterList?.includes(item)} type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
|
||||||
<label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
|
<label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
|
||||||
{item}
|
{item}
|
||||||
</label>
|
</label>
|
||||||
</label>
|
|
||||||
</li>
|
|
||||||
{/each}
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="text-white text-sm mb-2 ml-1">
|
|
||||||
All Countries
|
|
||||||
</span>
|
|
||||||
<hr class="mt-2 mb-2 border-gray-500"/>
|
|
||||||
</div>
|
|
||||||
{#each listOfCountries as item}
|
|
||||||
<li>
|
|
||||||
<div on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
|
|
||||||
<input type="checkbox" checked={filterList?.includes(item)} class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
|
|
||||||
<label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
|
|
||||||
{item}
|
|
||||||
</label>
|
</label>
|
||||||
|
</li>
|
||||||
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
</li>
|
<div>
|
||||||
{/each}
|
<span class="text-white text-sm mb-2 ml-1">
|
||||||
</ul>
|
All Countries
|
||||||
|
</span>
|
||||||
|
<hr class="mt-2 mb-2 border-gray-500"/>
|
||||||
|
</div>
|
||||||
|
{#each listOfCountries as item}
|
||||||
|
<li>
|
||||||
|
<div on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
|
||||||
|
<input type="checkbox" checked={filterList?.includes(item)} class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
|
||||||
|
<label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
|
||||||
|
{item}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{/each}
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<body class="z-0 mb-40">
|
<div class="z-0 mb-40">
|
||||||
{#each (filterList?.length === 0 ? weekday : weekdayFiltered) as day,index}
|
{#each (filterList?.length === 0 ? weekday : weekdayFiltered) as day,index}
|
||||||
{#if index === selectedWeekday}
|
{#if index === selectedWeekday}
|
||||||
{#if day?.length !== 0}
|
{#if day?.length !== 0}
|
||||||
@ -350,7 +365,64 @@
|
|||||||
{/if}
|
{/if}
|
||||||
{/each}
|
{/each}
|
||||||
|
|
||||||
</body>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
|
|
||||||
|
{#if data?.user?.tier !== 'Pro' || data?.user?.freeTrial}
|
||||||
|
<div on:click={() => goto('/pricing')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Pro Subscription
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Upgrade now for unlimited access to all data and tools.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<div on:click={() => goto('/analysts')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Wallstreet Analyst
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Get the latest top Wall Street analyst ratings.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div on:click={() => goto('/politicians')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Congress Trading
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Get the latest top Congress trading insights.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@ -1,7 +1,9 @@
|
|||||||
<script lang='ts'>
|
<script lang='ts'>
|
||||||
import { page } from '$app/stores';
|
import { page } from '$app/stores';
|
||||||
import { numberOfUnreadNotification, screenWidth } from '$lib/store';
|
import { numberOfUnreadNotification, screenWidth } from '$lib/store';
|
||||||
import { goto } from '$app/navigation';
|
import ArrowLogo from "lucide-svelte/icons/move-up-right";
|
||||||
|
|
||||||
|
export let data;
|
||||||
|
|
||||||
let navigation = [];
|
let navigation = [];
|
||||||
let displaySection = '2024'
|
let displaySection = '2024'
|
||||||
@ -73,7 +75,7 @@ $: {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40">
|
<section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40">
|
||||||
<!--
|
<!--
|
||||||
<div class="text-sm breadcrumbs ml-4">
|
<div class="text-sm breadcrumbs ml-4">
|
||||||
<ul>
|
<ul>
|
||||||
@ -83,9 +85,13 @@ $: {
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<div class="flex justify-center w-full m-auto h-full overflow-hidden mb-40">
|
<div class="w-full overflow-hidden m-auto mt-5">
|
||||||
<div class="w-full relative flex justify-center items-center overflow-hidden">
|
|
||||||
<main class="w-full">
|
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden ">
|
||||||
|
<div class="relative flex justify-center items-start overflow-hidden w-full">
|
||||||
|
|
||||||
|
|
||||||
|
<main class="w-full lg:w-3/4 lg:pr-5">
|
||||||
|
|
||||||
|
|
||||||
<div class="w-full m-auto sm:bg-[#27272A] sm:rounded-lg h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-12">
|
<div class="w-full m-auto sm:bg-[#27272A] sm:rounded-lg h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-12">
|
||||||
@ -138,7 +144,7 @@ $: {
|
|||||||
|
|
||||||
<div class="sm:ml-4 w-screen sm:w-full {$page?.url?.pathname === '/ipos' ? 'hidden' : ''} {$screenWidth < 640 ? 'overflow-auto scrollbar' : ''} mb-2" >
|
<div class="sm:ml-4 w-screen sm:w-full {$page?.url?.pathname === '/ipos' ? 'hidden' : ''} {$screenWidth < 640 ? 'overflow-auto scrollbar' : ''} mb-2" >
|
||||||
<ul class="pr-4 sm:pr-0 w-screen font-medium flex flex-row items-center bg-[#09090B] overflow-x-scroll no-scrollbar space-x-3 rtl:space-x-reverse py-2">
|
<ul class="pr-4 sm:pr-0 w-screen font-medium flex flex-row items-center bg-[#09090B] overflow-x-scroll no-scrollbar space-x-3 rtl:space-x-reverse py-2">
|
||||||
{#each ['2024','2022','2021','2020','2019'] as item, index}
|
{#each ['2024','2023','2022','2021','2020','2019'] as item, index}
|
||||||
<li class="cursor-pointer flex flex-col items-center">
|
<li class="cursor-pointer flex flex-col items-center">
|
||||||
<a href={`/ipos/${item}`} id="item1" on:click={() => (changeSection(item,'item1'))} class="px-3 text-lg font-medium text-gray-400 sm:hover:text-white {displaySection === item ? 'text-white ' : 'bg-[#09090B]'}" >
|
<a href={`/ipos/${item}`} id="item1" on:click={() => (changeSection(item,'item1'))} class="px-3 text-lg font-medium text-gray-400 sm:hover:text-white {displaySection === item ? 'text-white ' : 'bg-[#09090B]'}" >
|
||||||
{item}
|
{item}
|
||||||
@ -160,6 +166,57 @@ $: {
|
|||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
|
|
||||||
|
{#if data?.user?.tier !== 'Pro' || data?.user?.freeTrial}
|
||||||
|
<div on:click={() => goto('/pricing')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Pro Subscription
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Upgrade now for unlimited access to all data and tools.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<div on:click={() => goto('/analysts')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Wallstreet Analyst
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Get the latest top Wall Street analyst ratings.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div on:click={() => goto('/politicians')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
|
||||||
|
<div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
|
||||||
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
|
Congress Trading
|
||||||
|
</h2>
|
||||||
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
|
||||||
|
</div>
|
||||||
|
<span class="text-white p-3 ml-3 mr-3">
|
||||||
|
Get the latest top Congress trading insights.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -2,7 +2,6 @@
|
|||||||
import { goto } from '$app/navigation';
|
import { goto } from '$app/navigation';
|
||||||
import {formatString, abbreviateNumber} from '$lib/utils';
|
import {formatString, abbreviateNumber} from '$lib/utils';
|
||||||
import { screenWidth } from '$lib/store';
|
import { screenWidth } from '$lib/store';
|
||||||
import ScrollToTop from '$lib/components/ScrollToTop.svelte';
|
|
||||||
|
|
||||||
import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
|
import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
|
||||||
|
|
||||||
@ -114,7 +113,7 @@ $: {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mr-auto flex flex-col jusitfy-start items-start ml-2 mb-5 mt-5">
|
<div class="mr-auto flex flex-col jusitfy-start items-start ml-2 mb-5 mt-5">
|
||||||
<div class="text-white text-md font-medium mr-2">
|
<div class="text-white text-sm sm:text-[1rem] font-medium mr-2">
|
||||||
Select Time period
|
Select Time period
|
||||||
</div>
|
</div>
|
||||||
<div class="relative mt-4">
|
<div class="relative mt-4">
|
||||||
@ -156,12 +155,12 @@ $: {
|
|||||||
<tr on:click={() => goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer">
|
<tr on:click={() => goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer">
|
||||||
|
|
||||||
|
|
||||||
<td class="text-white text-sm text-start border-b-[#09090B] whitespace-nowrap">
|
<td class="text-white text-sm sm:text-[1rem] whitespace-nowrap text-start border-b-[#09090B] whitespace-nowrap">
|
||||||
{new Date(item?.date)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}
|
{new Date(item?.date)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|
||||||
<td class="text-blue-400 text-sm text-start border-b-[#09090B] whitespace-nowrap">
|
<td class="text-blue-400 text-sm sm:text-[1rem] whitespace-nowrap text-start border-b-[#09090B] whitespace-nowrap">
|
||||||
{item?.symbol}
|
{item?.symbol}
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
@ -170,7 +169,7 @@ $: {
|
|||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|
||||||
<td class="text-white text-sm border-b-[#09090B] text-end">
|
<td class="text-white text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B] text-end">
|
||||||
{item?.ipoPrice !== null ? '$'+item?.ipoPrice : '-'}
|
{item?.ipoPrice !== null ? '$'+item?.ipoPrice : '-'}
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
@ -182,11 +181,11 @@ $: {
|
|||||||
|
|
||||||
<td class="text-white border-b-[#09090B] text-end flex flex-row items-center justify-end font-semibold">
|
<td class="text-white border-b-[#09090B] text-end flex flex-row items-center justify-end font-semibold">
|
||||||
{#if item?.return >=0 && item?.return !== null}
|
{#if item?.return >=0 && item?.return !== null}
|
||||||
<span class="inline-block text-[#10DB06] text-sm">{abbreviateNumber(item?.return)}%</span>
|
<span class="inline-block text-[#10DB06] text-sm sm:text-[1rem] whitespace-nowrap">{abbreviateNumber(item?.return)}%</span>
|
||||||
{:else if item?.return < 0 && item?.return !== null}
|
{:else if item?.return < 0 && item?.return !== null}
|
||||||
<span class="inline-block text-[#FF2F1F] text-sm">{abbreviateNumber(item?.return)}% </span>
|
<span class="inline-block text-[#FF2F1F] text-sm sm:text-[1rem] whitespace-nowrap">{abbreviateNumber(item?.return)}% </span>
|
||||||
{:else}
|
{:else}
|
||||||
<span class="inline-block text-white text-sm">
|
<span class="inline-block text-white text-sm sm:text-[1rem] whitespace-nowrap">
|
||||||
-
|
-
|
||||||
</span>
|
</span>
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user