mirror of
https://github.com/immich-app/immich.git
synced 2025-06-03 21:54:21 -04:00
308c63df16
* fix(web): use correct favicon sizes Signed-off-by: martin <martin.labat92@gmail.com> * fix: format Signed-off-by: martin <martin.labat92@gmail.com> --------- Signed-off-by: martin <martin.labat92@gmail.com>
92 lines
3.1 KiB
Svelte
92 lines
3.1 KiB
Svelte
<script lang="ts">
|
|
import '../app.css';
|
|
|
|
import { page } from '$app/stores';
|
|
import { afterNavigate, beforeNavigate } from '$app/navigation';
|
|
import NavigationLoadingBar from '$lib/components/shared-components/navigation-loading-bar.svelte';
|
|
import DownloadPanel from '$lib/components/asset-viewer/download-panel.svelte';
|
|
import UploadPanel from '$lib/components/shared-components/upload-panel.svelte';
|
|
import NotificationList from '$lib/components/shared-components/notification/notification-list.svelte';
|
|
import VersionAnnouncementBox from '$lib/components/shared-components/version-announcement-box.svelte';
|
|
import type { LayoutData } from './$types';
|
|
import { fileUploadHandler } from '$lib/utils/file-uploader';
|
|
import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte';
|
|
import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte';
|
|
import AppleHeader from '$lib/components/shared-components/apple-header.svelte';
|
|
import FaviconHeader from '$lib/components/shared-components/favicon-header.svelte';
|
|
|
|
let showNavigationLoadingBar = false;
|
|
export let data: LayoutData;
|
|
|
|
beforeNavigate(() => {
|
|
showNavigationLoadingBar = true;
|
|
});
|
|
|
|
afterNavigate(() => {
|
|
showNavigationLoadingBar = false;
|
|
});
|
|
|
|
const dropHandler = async ({ dataTransfer }: DragEvent) => {
|
|
const files = dataTransfer?.files;
|
|
if (!files) {
|
|
return;
|
|
}
|
|
|
|
const filesArray: File[] = Array.from<File>(files);
|
|
const albumId =
|
|
($page.route.id === '/(user)/albums/[albumId]' || undefined) && $page.params.albumId;
|
|
|
|
await fileUploadHandler(filesArray, albumId);
|
|
};
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{$page.data.meta?.title || 'Web'} - Immich</title>
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<meta name="theme-color" content="currentColor" />
|
|
<FaviconHeader />
|
|
<AppleHeader />
|
|
|
|
{#if $page.data.meta}
|
|
<meta name="description" content={$page.data.meta.description} />
|
|
|
|
<!-- Facebook Meta Tags -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content={$page.data.meta.title} />
|
|
<meta property="og:description" content={$page.data.meta.description} />
|
|
<meta property="og:image" content={$page.data.meta.imageUrl} />
|
|
|
|
<!-- Twitter Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content={$page.data.meta.title} />
|
|
<meta name="twitter:description" content={$page.data.meta.description} />
|
|
<meta name="twitter:image" content={$page.data.meta.imageUrl} />
|
|
{/if}
|
|
</svelte:head>
|
|
|
|
<noscript
|
|
class="h-screen w-screen absolute z-[1000] flex place-items-center place-content-center bg-immich-bg dark:bg-immich-dark-bg dark:text-immich-dark-fg"
|
|
>
|
|
<FullscreenContainer title="Welcome to Immich">
|
|
To use Immich, you must enable JavaScript or use a JavaScript compatible browser.
|
|
</FullscreenContainer>
|
|
</noscript>
|
|
|
|
{#if showNavigationLoadingBar}
|
|
<NavigationLoadingBar />
|
|
{/if}
|
|
|
|
<slot />
|
|
|
|
<DownloadPanel />
|
|
<UploadPanel />
|
|
<NotificationList />
|
|
|
|
{#if data.user?.isAdmin}
|
|
<VersionAnnouncementBox serverVersion={data.serverVersion} />
|
|
{/if}
|
|
|
|
{#if $page.route.id?.includes('(user)')}
|
|
<UploadCover {dropHandler} />
|
|
{/if}
|