KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[WEB] View large images on web (#189)

Browse Source 
* Added selection icon to thumbnail

* Added micro-interaction and video file indication

* Added page to add page

* Added image viewer

* navigate assets

* Added separate component for viewing the video file

* Added FFmpeg modules

* Added correct content-type header for serving image file

* Added loading spinner
This commit is contained in:
Alex
2022-05-27 14:02:06 -05:00
committed by GitHub
parent 337db1c508
commit c28251b8b4
15 changed files with 527 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/lib/stores/assets.ts
View File

@@ -4,9 +4,9 @@ import type { ImmichAsset } from '$lib/models/immich-asset'
import lodash from 'lodash-es';
import moment from 'moment';
const assets = writable<ImmichAsset[]>([]);
export const assets = writable<ImmichAsset[]>([]);
const assetsGroupByDate = derived(assets, ($assets) => {
export const assetsGroupByDate = derived(assets, ($assets) => {
try {
return lodash.chain($assets)
@@ -20,14 +20,14 @@ const assetsGroupByDate = derived(assets, ($assets) => {
})
const getAssetsInfo = async (accessToken: string) => {
export const flattenAssetGroupByDate = derived(assetsGroupByDate, ($assetsGroupByDate) => {
return $assetsGroupByDate.flat();
})
export const getAssetsInfo = async (accessToken: string) => {
const res = await getRequest('asset', accessToken);
assets.set(res);
}
export default {
assets,
assetsGroupByDate,
getAssetsInfo,
}