helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Rename and relocate asset-grid-without-scrubber to timeline-viewer

Browse source 
• Rename asset-grid-without-scrubber.svelte to timeline-viewer.svelte
• Move timeline-viewer.svelte to lib/components/timeline-viewer/
• Move skeleton.svelte to lib/components/timeline-viewer/
• Update imports in asset-grid.svelte
This commit is contained in:
midzelis 2025-08-14 21:16:22 +00:00
parent 76efc48b1b
commit 6b564cd63c
3 changed files with 4 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

6
web/src/lib/components/photos-page/asset-grid.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import AssetGridWithoutScrubber from '$lib/components/photos-page/asset-grid-without-scrubber.svelte'; import TimelineViewer from '$lib/components/timeline-viewer/timeline-viewer.svelte';
import { AssetAction } from '$lib/constants'; import { AssetAction } from '$lib/constants';
import type { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte'; import type { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte';
import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte'; import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte';
@ -185,7 +185,7 @@
}; };
</script> </script>
<AssetGridWithoutScrubber <TimelineViewer
{isSelectionMode} {isSelectionMode}
{singleSelect} {singleSelect}
{enableRouting} {enableRouting}
@ -220,4 +220,4 @@
/> />
{/if} {/if}
{/snippet} {/snippet}
</AssetGridWithoutScrubber> </TimelineViewer>

0
web/src/lib/components/photos-page/skeleton.svelte → web/src/lib/components/timeline-viewer/skeleton.svelte
View file

19
web/src/lib/components/photos-page/asset-grid-without-scrubber.svelte → web/src/lib/components/timeline-viewer/timeline-viewer.svelte
View file

@ -5,9 +5,8 @@
import AssetDateGroupSelectionAware from '$lib/components/photos-page/asset-date-group-selection-aware.svelte'; import AssetDateGroupSelectionAware from '$lib/components/photos-page/asset-date-group-selection-aware.svelte';
import AssetGridActions from '$lib/components/photos-page/asset-grid-actions.svelte'; import AssetGridActions from '$lib/components/photos-page/asset-grid-actions.svelte';
import AssetGridAssetViewer from '$lib/components/photos-page/asset-grid-asset-viewer.svelte'; import AssetGridAssetViewer from '$lib/components/photos-page/asset-grid-asset-viewer.svelte';
import Skeleton from '$lib/components/photos-page/skeleton.svelte'; import Skeleton from '$lib/components/timeline-viewer/skeleton.svelte';
import { AssetAction } from '$lib/constants'; import { AssetAction } from '$lib/constants';
import type { DayGroup } from '$lib/managers/timeline-manager/day-group.svelte';
import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte'; import type { MonthGroup } from '$lib/managers/timeline-manager/month-group.svelte';
import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte'; import { TimelineManager } from '$lib/managers/timeline-manager/timeline-manager.svelte';
import type { TimelineAsset } from '$lib/managers/timeline-manager/types'; import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
@ -47,18 +46,6 @@
children?: Snippet; children?: Snippet;
empty?: Snippet; empty?: Snippet;
handleTimelineScroll?: () => void; handleTimelineScroll?: () => void;
customLayout?: Snippet<[TimelineAsset]>;
onThumbnailClick?: (
asset: TimelineAsset,
timelineManager: TimelineManager,
dayGroup: DayGroup,
onClick: (
timelineManager: TimelineManager,
assets: TimelineAsset[],
groupTitle: string,
asset: TimelineAsset,
) => void,
) => void;
} }
let { let {
@ -80,8 +67,6 @@
empty, empty,
header, header,
handleTimelineScroll = () => {}, handleTimelineScroll = () => {},
customLayout,
onThumbnailClick,
}: Props = $props(); }: Props = $props();
let { isViewing: showAssetViewer, gridScrollTarget } = assetViewingStore; let { isViewing: showAssetViewer, gridScrollTarget } = assetViewingStore;
@ -342,8 +327,6 @@
{onSelect} {onSelect}
{onScrollToTop} {onScrollToTop}
{onScrollCompensation} {onScrollCompensation}
{customLayout}
{onThumbnailClick}
/> />
</div> </div>
{/if} {/if}