Skip to content

Commit

Permalink
feat: frontend improvements (#159)
Browse files Browse the repository at this point in the history 
* feat: added global debug for settings

* feat: added dev to formDebug so it's always true in development but false in production

* feat: added DEBUG & LOG to general settings

* deps: switched svelte-sonner to shadcn customized toast component

* refactor: renamed PlexDebridItem to IcebergItem and added changes made to /items

* fix: fixed the wrong relative date in status page

* docs: readme improvements

* docs: readme improvements

* docs: readme improvements

* chore(deps): bump lucide-svelte from 0.303.0 to 0.307.0 in /frontend (#124)

* refactor: componentized forms, soon will do same for fields too

* Parse rewrite (#128)

* Move parser to its own module

* Add ORIGIN to env vars

* Fix overseerr, watchlist, jackett validation.

* Added more refined logic to parser module.

* Set stage for testing

* Add methods for individual checks

* Update sort logic

* Update default settings

* Fix jackett. Begin to add title support for jackett.

---------

Co-authored-by: Spoked <Spoked@localhost>
Co-authored-by: Dreu LaVelle <dreu.lavelle@localhost>

* feat: onboarding on the way ;), major refactoring of form related code

* Simplified downloading logic and modified state matchine

* fix typo in state machine and handle movie pathing correctly

* Remove useless method

* Temporary fix to test

* Remove uncached stream hashes from item to avoid loop, some blacklisting logic could also be good

* chore(deps-dev): bump @typescript-eslint/eslint-plugin in /frontend (#134)

* chore(deps): bump lucide-svelte from 0.307.0 to 0.309.0 in /frontend (#133)

* chore(deps-dev): bump @sveltejs/kit from 2.0.1 to 2.3.2 in /frontend (#132)

* chore(deps): bump bits-ui from 0.13.0 to 0.14.0 in /frontend (#130)

* chore(deps-dev): bump @sveltejs/adapter-node in /frontend (#138)

* feat: some more onboarding and form improvements

* Dev startup to disabling pickling

* feat: Listrr Support Added (#136)

* Start Listrr Feature
* feat: Listrr ready for review.
* small tweaks. rewrite coming later.

---------

Co-authored-by: Spoked <Spoked@localhost>

* Jackett rewrite (#139)

* Add TorBox scraper

* Add is_anime attribute to item

* Rework Jackett to Keyword Queries. Added categories. Removed Torbox

* Remove audio from parsing, it removed alot of good hits

* fix movie scraping and modify response parsing logic to be more readable

* fix: remove torbox module

* remove audio from being parsed

* remove more audio from parser

* fix typo

* fix: tidy audio and networks

* small tweaks

---------

Co-authored-by: Spoked <Spoked@localhost>
Co-authored-by: Gaisberg <None>

* Avoid [None] if empty content service

* fix: handle bad quality manually in parser (#145)

Co-authored-by: Spoked <Spoked@localhost>

* deps: updated deps due to security updateS

* feat: added more onboarding steps, some bugs also introduced

* chore(deps-dev): bump @sveltejs/kit from 2.3.2 to 2.4.2 in /frontend (#156)

* chore(deps-dev): bump prettier from 3.1.1 to 3.2.4 in /frontend (#155)

* chore(deps): bump lucide-svelte from 0.309.0 to 0.314.0 in /frontend (#154)

* chore(deps): bump bits-ui from 0.14.0 to 0.15.1 in /frontend (#153)

* feat: minor changes

* feat: deps change

* feat: deps change

* feat: onboarding MVP done

* refactor: moved schemes into forms/helpers.ts and command menu improvements

* refactor: switched to new font, changes made to all except status page

* refactor: minor change, didn't get commit

* fix: minor fix

* feat: fixed git merge conflicts issue

* feat: fixed status page font too

---------

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Spoked <[email protected]>
Co-authored-by: Spoked <Spoked@localhost>
Co-authored-by: Dreu LaVelle <dreu.lavelle@localhost>
Co-authored-by: Gaisberg <None>
  • Loading branch information
@AyushSehrawat @dependabot @dreulavelle
5 people authored Jan 24, 2024
1 parent 1e714bf commit b6c2699
Show file tree
Hide file tree
Showing 53 changed files with 411 additions and 402 deletions.
60 changes: 41 additions & 19 deletions frontend/src/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,58 +9,80 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="preload"
href="/fonts/Afacad-Regular.woff2"
href="/fonts/subset-Montserrat-Bold.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link rel="preload" href="/fonts/Afacad-Medium.woff2" as="font" type="font/woff2" crossorigin />
<link
rel="preload"
href="/fonts/Afacad-SemiBold.woff2"
href="/fonts/subset-Montserrat-Regular.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
rel="preload"
href="fonts/subset-Montserrat-Medium.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
rel="preload"
href="fonts/subset-Montserrat-SemiBold.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link rel="preload" href="/fonts/Afacad-Bold.woff2" as="font" type="font/woff2" crossorigin />

<style>
@font-face {
font-family: 'Afacad';
font-family: 'Montserrat';
src:
url('/fonts/Afacad-Bold.woff2') format('woff2'),
url('/fonts/Afacad-Bold.woff') format('woff');
url('/fonts/subset-Montserrat-Bold.woff2') format('woff2'),
url('/fonts/subset-Montserrat-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Afacad';
font-family: 'Montserrat';
src:
url('/fonts/Afacad-Medium.woff2') format('woff2'),
url('/fonts/Afacad-Medium.woff') format('woff');
font-weight: 500;
url('/fonts/subset-Montserrat-Regular.woff2') format('woff2'),
url('/fonts/subset-Montserrat-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Afacad';
font-family: 'Montserrat';
src:
url('/fonts/Afacad-SemiBold.woff2') format('woff2'),
url('/fonts/Afacad-SemiBold.woff') format('woff');
font-weight: 600;
url('/fonts/subset-Montserrat-Light.woff2') format('woff2'),
url('/fonts/subset-Montserrat-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Afacad';
font-family: 'Montserrat';
src:
url('/fonts/Afacad-Regular.woff2') format('woff2'),
url('/fonts/Afacad-Regular.woff') format('woff');
font-weight: normal;
url('/fonts/subset-Montserrat-Medium.woff2') format('woff2'),
url('/fonts/subset-Montserrat-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Montserrat';
src:
url('/fonts/subset-Montserrat-SemiBold.woff2') format('woff2'),
url('/fonts/subset-Montserrat-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/lib/components/header-item.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@
{#if $page.url.pathname === navItem.path}
<a href={navItem.path}>
<div
class="relative text-xl hover:text-gray-700 dark:hover:text-gray-200 after:absolute after:bg-gray-800 dark:after:bg-gray-200 after:bottom-0 after:left-0 after:h-[2px] after:w-full after:origin-bottom-left after:scale-x-100 hover:after:origin-bottom-right hover:after:scale-x-0 after:transition-transform after:ease-in-out after:duration-300"
class="relative font-medium hover:text-gray-700 dark:hover:text-gray-200 after:absolute after:bg-gray-800 dark:after:bg-gray-200 after:bottom-0 after:left-0 after:h-[2px] after:w-full after:origin-bottom-left after:scale-x-100 hover:after:origin-bottom-right hover:after:scale-x-0 after:transition-transform after:ease-in-out after:duration-300"
>
{navItem.name}
</div>
</a>
{:else}
<a href={navItem.path}>
<div
class="relative text-xl hover:text-gray-700 dark:hover:text-gray-200 after:absolute after:bg-gray-800 dark:after:bg-gray-200 after:bottom-0 after:left-0 after:h-[2px] after:w-full after:origin-bottom-right after:scale-x-0 hover:after:origin-bottom-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300"
class="relative font-medium hover:text-gray-700 dark:hover:text-gray-200 after:absolute after:bg-gray-800 dark:after:bg-gray-200 after:bottom-0 after:left-0 after:h-[2px] after:w-full after:origin-bottom-right after:scale-x-0 hover:after:origin-bottom-left hover:after:scale-x-100 after:transition-transform after:ease-in-out after:duration-300"
>
{navItem.name}
</div>
Expand Down
6 changes: 3 additions & 3 deletions frontend/src/lib/components/header.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,9 @@

<header class="flex items-center justify-between w-full p-8 md:px-24 lg:px-32">
<a href="/" class="flex items-center gap-2">
<Mountain class="h-8 w-8" />
<h1 class="text-3xl font-semibold tracking-wider">Iceberg</h1>
<div class="ml-2 hidden lg:flex items-center p-2 px-4 bg-slate-100 dark:bg-slate-900 rounded-md">
<Mountain class="size-6 md:size-8" />
<h1 class="text-xl md:text-2xl font-semibold">Iceberg</h1>
<div class="ml-2 hidden lg:flex items-center p-2 px-4 bg-slate-100 dark:bg-slate-900 rounded-md text-sm font-medium">
<div class="flex items-center">
<Command class="h-4 w-4" />
<span>K</span>
Expand Down
4 changes: 2 additions & 2 deletions frontend/src/lib/components/service-status.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@
<div class="p-1 bg-green-500 rounded-full">
<Check class="w-4 h-4 text-white" />
</div>
<p class="md:text-lg text-muted-foreground">
<p class="text-muted-foreground">
<span class="font-semibold">{formatWords(serviceStatus)}</span> is configured
</p>
{:else}
<div class="p-1 bg-red-500 rounded-full">
<X class="w-4 h-4 text-white" />
</div>
<p class="md:text-lg text-muted-foreground">
<p class="text-muted-foreground">
<span class="font-semibold">{formatWords(serviceStatus)}</span> is not configured
</p>
{/if}
Expand Down
18 changes: 9 additions & 9 deletions frontend/src/lib/components/status-media-card.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,11 @@
/>
</a>
<div class="flex flex-col">
<p class="text-xl lg:text-2xl font-semibold md:text-ellipsis md:line-clamp-1">
<p class="text-lg lg:text-xl font-semibold md:text-ellipsis md:line-clamp-1">
{plexDebridItem.title}
</p>
<p>Aired {formatDate(plexDebridItem.aired_at, 'short')}</p>
<div class="flex flex-wrap gap-1 items-center mt-1">
<p class="text-sm">Aired {formatDate(plexDebridItem.aired_at, 'short')}</p>
<div class="flex flex-wrap gap-1 items-center mt-1 text-xs">
{#each plexDebridItem.genres as genre}
<Badge variant="secondary">
{formatWords(genre)}
Expand All @@ -47,18 +47,18 @@
</div>
<div class="z-[1] flex flex-col items-start w-full md:w-1/3 lg:w-1/4 xl:w-1/5 2xl:w-1/6">
<div class="flex gap-2 items-center">
<p class="text-lg font-semibold">Status</p>
<Badge class="{itemState.bg} tracking-wider text-black">
<p class="text-base font-semibold">Status</p>
<Badge class="{itemState.bg} tracking-wider text-black text-xs">
{itemState.text ?? formatWords(plexDebridItem.state)}
</Badge>
</div>
<div class="flex gap-2 items-center">
<p class="text-lg font-semibold">Requested</p>
<p>{formatDate(plexDebridItem.requested_at, 'long', true)}</p>
<p class="text-base font-semibold">Requested</p>
<p class="text-sm">{formatDate(plexDebridItem.requested_at, 'long', true)}</p>
</div>
<div class="flex gap-2 items-center">
<p class="text-lg font-semibold">Requested by</p>
<p>{plexDebridItem.requested_by}</p>
<p class="text-base font-semibold">Requested by</p>
<p class="text-sm">{plexDebridItem.requested_by}</p>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit b6c2699

Please sign in to comment.