self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-17 03:47:45 +02:00
Code Issues Releases Activity

feat(web) Individual assets shared mechanism (#1317)

Browse Source 
* Create shared link modal for individual asset

* Added API to create asset shared link

* Added viewer for individual shared link

* Added multiselection app bar

* Refactor gallery viewer to its own component

* Refactor

* Refactor

* Add and remove asset from shared link

* Fixed test

* Fixed notification card doesn't wrap

* Add check asset access when created asset shared link

* pr feedback
This commit is contained in:
Alex
2023-01-14 23:49:47 -06:00
committed by GitHub
parent b9b2b559a1
commit e9fda40b2b
66 changed files with 2085 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/lib/utils/file-uploader.ts
View File

@ -12,7 +12,7 @@ import { addAssetsToAlbum } from '$lib/utils/asset-utils';
export const openFileUploadDialog = (
albumId: string | undefined = undefined,
sharedKey: string | undefined = undefined,
callback?: () => void
onDone?: (id: string) => void
) => {
try {
const fileSelector = document.createElement('input');
@ -28,8 +28,7 @@ export const openFileUploadDialog = (
}
const files = Array.from<File>(target.files);
await fileUploadHandler(files, albumId, sharedKey);
callback && callback();
await fileUploadHandler(files, albumId, sharedKey, onDone);
};
fileSelector.click();
@ -41,7 +40,8 @@ export const openFileUploadDialog = (
export const fileUploadHandler = async (
files: File[],
albumId: string | undefined = undefined,
sharedKey: string | undefined = undefined
sharedKey: string | undefined = undefined,
onDone?: (id: string) => void
) => {
if (files.length > 50) {
notificationController.show({
@ -54,13 +54,13 @@ export const fileUploadHandler = async (
return;
}
console.log('fileUploadHandler');
const acceptedFile = files.filter(
(e) => e.type.split('/')[0] === 'video' || e.type.split('/')[0] === 'image'
);
for (const asset of acceptedFile) {
await fileUploader(asset, albumId, sharedKey);
await fileUploader(asset, albumId, sharedKey, onDone);
}
};
@ -68,7 +68,8 @@ export const fileUploadHandler = async (
async function fileUploader(
asset: File,
albumId: string | undefined = undefined,
sharedKey: string | undefined = undefined
sharedKey: string | undefined = undefined,
onDone?: (id: string) => void
) {
const assetType = asset.type.split('/')[0].toUpperCase();
const temp = asset.name.split('.');
@ -135,6 +136,7 @@ async function fileUploader(
if (albumId && dataId) {
addAssetsToAlbum(albumId, [dataId]);
}
onDone && dataId && onDone(dataId);
return;
}
}
@ -154,10 +156,9 @@ async function fileUploader(
request.upload.onload = () => {
setTimeout(() => {
uploadAssetsStore.removeUploadAsset(deviceAssetId);
const res: AssetFileUploadResponseDto = JSON.parse(request.response || '{}');
if (albumId) {
try {
const res: AssetFileUploadResponseDto = JSON.parse(request.response || '{}');
if (res.id) {
addAssetsToAlbum(albumId, [res.id], sharedKey);
}
@ -165,6 +166,7 @@ async function fileUploader(
console.error('ERROR parsing data JSON in upload onload');
}
}
onDone && onDone(res.id);
}, 1000);
};