mirror of
https://github.com/immich-app/immich
synced 2025-11-07 17:27:20 +00:00
90 lines
2.2 KiB
Svelte
90 lines
2.2 KiB
Svelte
|
<script context="module" lang="ts">
|
||
|
|
export const prerender = false;
|
||
|
|
|
||
|
|
import type { Load } from '@sveltejs/kit';
|
||
|
|
import { AlbumResponseDto, api, UserResponseDto } from '@api';
|
||
|
|
|
||
|
|
export const load: Load = async ({ session }) => {
|
||
|
|
if (!session.user) {
|
||
|
|
return {
|
||
|
|
status: 302,
|
||
|
|
redirect: '/auth/login'
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
let sharedAlbums: AlbumResponseDto[] = [];
|
||
|
|
try {
|
||
|
|
const { data } = await api.albumApi.getAllAlbums(true);
|
||
|
|
sharedAlbums = data;
|
||
|
|
} catch (e) {
|
||
|
|
console.log('Error [getAllAlbums] ', e);
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
status: 200,
|
||
|
|
props: {
|
||
|
|
user: session.user,
|
||
|
|
sharedAlbums: sharedAlbums
|
||
|
|
}
|
||
|
|
};
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import NavigationBar from '$lib/components/shared-components/navigation-bar.svelte';
|
||
|
|
import SideBar from '$lib/components/shared-components/side-bar/side-bar.svelte';
|
||
|
|
import PlusBoxOutline from 'svelte-material-icons/PlusBoxOutline.svelte';
|
||
|
|
import AlbumCard from '$lib/components/album-page/album-card.svelte';
|
||
|
|
import SharedAlbumListTile from '$lib/components/sharing-page/shared-album-list-tile.svelte';
|
||
|
|
|
||
|
|
export let user: UserResponseDto;
|
||
|
|
export let sharedAlbums: AlbumResponseDto[];
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<svelte:head>
|
||
|
|
<title>Albums - Immich</title>
|
||
|
|
</svelte:head>
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<NavigationBar {user} on:uploadClicked={() => {}} />
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="grid grid-cols-[250px_auto] relative pt-[72px] h-screen bg-immich-bg">
|
||
|
|
<SideBar />
|
||
|
|
|
||
|
|
<section class="overflow-y-auto relative">
|
||
|
|
<section id="album-content" class="relative pt-8 pl-4 mb-12 bg-immich-bg">
|
||
|
|
<!-- Main Section -->
|
||
|
|
<div class="px-4 flex justify-between place-items-center">
|
||
|
|
<div>
|
||
|
|
<p class="font-medium">Sharing</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<button
|
||
|
|
class="flex place-items-center gap-1 text-sm hover:bg-immich-primary/5 p-2 rounded-lg font-medium hover:text-gray-700"
|
||
|
|
>
|
||
|
|
<span>
|
||
|
|
<PlusBoxOutline size="18" />
|
||
|
|
</span>
|
||
|
|
<p>Create shared album</p>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="my-4">
|
||
|
|
<hr />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Share Album List -->
|
||
|
|
<div class="w-full flex flex-col place-items-center">
|
||
|
|
{#each sharedAlbums as album}
|
||
|
|
<a sveltekit:prefetch href={`albums/${album.id}`}>
|
||
|
|
<SharedAlbumListTile {album} {user} /></a
|
||
|
|
>
|
||
|
|
{/each}
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</section>
|