{#if shouldShowEditUserForm} (shouldShowEditUserForm = false)}> successModifyAlbum()} on:cancel={() => (shouldShowEditUserForm = false)} /> {/if}

Create album

CourseInfo.sortTitle)} bind:value={$albumViewSettings.sortBy} icons={Object.keys(sortByOptions).map((key) => (sortByOptions[key].sortDesc ? ArrowDownThin : ArrowUpThin))} on:select={(event) => { for (const key in sortByOptions) { if (sortByOptions[key].sortTitle === event.detail) { sortByOptions[key].sortDesc = !sortByOptions[key].sortDesc; } } }} /> handleChangeListMode()}>

{#if $albumViewSettings.view === AlbumViewMode.List}

Cover

{:else}

List

{/if}

{#if $albumViewSettings.view === AlbumViewMode.Cover}

{#each $albums as album (album.id)} showAlbumContextMenu(e.detail, album)} user={data.user} /> {/each}

{:else if $albumViewSettings.view === AlbumViewMode.List} {#each Object.keys(sortByOptions) as key (key)} {/each} {#each $albums as album (album.id)} goto(`albums/${album.id}`)} on:keydown={(event) => event.key === 'Enter' && goto(`albums/${album.id}`)} tabindex="0" > {/each}

Action
{album.albumName}	{album.assetCount} {album.assetCount == 1 ? `item` : `items`}	{dateLocaleString(album.updatedAt)}	{dateLocaleString(album.createdAt)}

{/if} {#if $albums.length === 0} {/if} {#if $isShowContextMenu} setAlbumToDelete()}>

Delete album

{/if} {#if albumToDelete} (albumToDelete = null)} >

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

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

{/if}