{#if $isMultiSelectState} assetInteractionStore.clearMultiselect()}> {#if isAllUserOwned} {/if} {#if isOwned || isAllUserOwned} handleRemoveAssets(assetIds)} /> {/if} {#if isAllUserOwned} assetStore.removeAsset(assetId)} /> {/if} {:else} {#if viewMode === ViewMode.VIEW || viewMode === ViewMode.ALBUM_OPTIONS} goto(backUrl)}> (viewMode = ViewMode.SELECT_ASSETS)} logo={FileImagePlusOutline} /> {#if isOwned} (viewMode = ViewMode.SELECT_USERS)} logo={ShareVariantOutline} /> (viewMode = ViewMode.CONFIRM_DELETE)} logo={DeleteOutline} /> {/if} {#if album.assetCount > 0} {#if isOwned}
(viewMode = ViewMode.VIEW)}> {#if viewMode === ViewMode.ALBUM_OPTIONS} (viewMode = ViewMode.SELECT_THUMBNAIL)} text="Set album cover" /> {/if}
{/if} {/if} {#if isCreatingSharedAlbum && album.sharedUsers.length === 0} {/if} {/if} {#if viewMode === ViewMode.SELECT_ASSETS}

{#if $timelineSelected.size == 0} Add to album {:else} {$timelineSelected.size.toLocaleString($locale)} selected {/if}

{/if} {#if viewMode === ViewMode.SELECT_THUMBNAIL} (viewMode = ViewMode.VIEW)}> Select Album Cover {/if} {/if}
{#if viewMode === ViewMode.SELECT_ASSETS} {:else} handleUpdateThumbnail(asset.id)} > {#if viewMode !== ViewMode.SELECT_THUMBNAIL}
e.key == 'Enter' && titleInput.blur()} on:blur={handleUpdateName} class="w-[99%] border-b-2 border-transparent text-6xl text-immich-primary outline-none transition-all dark:text-immich-dark-primary {isOwned ? 'hover:border-gray-400' : 'hover:border-transparent'} bg-immich-bg focus:border-b-2 focus:border-immich-primary focus:outline-none dark:bg-immich-dark-bg dark:focus:border-immich-dark-primary dark:focus:bg-immich-dark-gray" type="text" bind:value={album.albumName} disabled={!isOwned} bind:this={titleInput} title="Edit Title" /> {#if album.assetCount > 0}

{getDateRange()}

ยท

{album.assetCount} items

 {/if} {#if album.sharedUsers.length > 0 || (album.hasSharedLink && isOwned)}
{#if album.hasSharedLink && isOwned} (viewMode = ViewMode.LINK_SHARING)} /> {/if} {#each album.sharedUsers as user (user.id)} {/each} {#if isOwned} (viewMode = ViewMode.SELECT_USERS)} title="Add more users" /> {/if}
{/if} {#if isOwned || album.description} {/if}
{/if} {#if album.assetCount === 0}

ADD PHOTOS

{/if} {/if}
{#if viewMode === ViewMode.SELECT_USERS} handleAddUsers(users)} on:share={() => (viewMode = ViewMode.LINK_SHARING)} on:close={() => (viewMode = ViewMode.VIEW)} /> {/if} {#if viewMode === ViewMode.LINK_SHARING} (viewMode = ViewMode.VIEW)} /> {/if} {#if viewMode === ViewMode.VIEW_USERS} (viewMode = ViewMode.VIEW)} {album} on:remove={({ detail: userId }) => handleRemoveUser(userId)} /> {/if} {#if viewMode === ViewMode.CONFIRM_DELETE} (viewMode = ViewMode.VIEW)} >

Are you sure you want to delete the album {album.albumName}?

If this album is shared, other users will not be able to access it anymore.

 {/if} {#if isEditingDescription} (isEditingDescription = false)} on:updated={({ detail: description }) => handleUpdateDescription(description)} /> {/if}