Question:
29 |{question}
30 || Track | 54 |Artist | 55 |Album | 56 |Genre | 57 |
|---|---|---|---|
| {track.trackName} | 63 |{track.artistName} | 64 |{track.albumTitle} | 69 |{track.genre} | 70 |
| Genre | 33 |Sales Total | 34 | 35 | 36 | {#each data.chartData.genreSales as g} 37 |
|---|---|
| {g.genre} | 39 |40 | ${g.salesTotal} 41 | | 42 |
| Country | 53 |Customer Count | 54 | 55 | 56 | {#each data.chartData.customerCount as c} 57 |
|---|---|
| {c.country} | 59 |60 | {c.customerCount} 61 | | 62 |
| Country | 73 |Customer Count | 74 | 75 | 76 | {#each data.chartData.salesTotalByMonth as m, i} 77 |
|---|---|
| {m.month} | 79 |83 | {m.salesTotal} 84 | | 85 |
| 307 | {#if !header.isPlaceholder} 308 | 321 | {/if} 322 | | 323 | {/each} 324 |
|---|
|
333 | |
337 | {/each}
338 |
| 183 | {#if !header.isPlaceholder} 184 | 200 | 201 | {#if header.column.columnDef.meta?.sort} 202 | setFilter(header.column.id, filters[header.column.id])} 207 | placeholder={`Filter by ${header.column.columnDef.header}...`} 208 | /> 209 | {/if} 210 | {/if} 211 | | 212 | {/each} 213 |
|---|
|
222 | |
226 | {/each}
227 |
{$page.status}: {$page?.error?.message}
7 | -------------------------------------------------------------------------------- /src/routes/album/[albumId]/+page.server.ts: -------------------------------------------------------------------------------- 1 | import { getAlbumById, getAlbumTracks, mergeAlbumImage, updateAlbumTitle } from '$lib/server/db'; 2 | import { error, type Actions } from '@sveltejs/kit'; 3 | import type { PageServerLoad } from './$types'; 4 | import { notifChannel } from '$lib/server/db/subscriptionDb'; 5 | 6 | export const load = (({ params, locals }) => { 7 | const albumId = parseInt(params.albumId); 8 | 9 | if (!albumId) { 10 | throw error(404, 'Album not found'); 11 | } 12 | 13 | const album = getAlbumById(albumId); 14 | 15 | if (!album) { 16 | throw error(404, 'Album not found'); 17 | } 18 | 19 | const tracks = getAlbumTracks(albumId); 20 | 21 | return { 22 | album, 23 | tracks, 24 | isAdmin: locals?.roles?.includes('admin') 25 | }; 26 | }) satisfies PageServerLoad; 27 | 28 | export const actions: Actions = { 29 | updateAlbumTitle: async ({ request, locals }) => { 30 | if (!locals.username || !locals?.roles?.includes('admin')) { 31 | throw error(401, { 32 | message: 'Unauthorized' 33 | }); 34 | } 35 | 36 | const data = await request.formData(); 37 | 38 | const albumIdStr = data.get('albumId')?.toString(); 39 | const albumId = albumIdStr ? parseInt(albumIdStr) : null; 40 | 41 | const albumTitle = data.get('albumTitle')?.toString(); 42 | 43 | if (!(albumId && albumTitle)) { 44 | throw error(400, 'AlbumId or AlbumTitle missing'); 45 | } 46 | 47 | updateAlbumTitle(albumId, albumTitle); 48 | notifChannel('album-updates', `Album "${albumId}" updated to "${albumTitle}"`); 49 | }, 50 | updateAlbumImage: async ({ request, locals }) => { 51 | if (!locals.username || !locals?.roles?.includes('admin')) { 52 | throw error(401, { 53 | message: 'Unauthorized' 54 | }); 55 | } 56 | 57 | const data = await request.formData(); 58 | 59 | const albumIdStr = data.get('albumId')?.toString(); 60 | const albumId = albumIdStr ? parseInt(albumIdStr) : null; 61 | 62 | if (!albumId) { 63 | throw error(400, 'AlbumId missing'); 64 | } 65 | 66 | const albumImage = data.get('albumImage')?.valueOf() as File; 67 | console.log( 68 | albumId, 69 | 'albumImage', 70 | albumImage, 71 | albumImage?.name, 72 | albumImage?.type, 73 | albumImage?.size, 74 | albumImage?.lastModified 75 | ); 76 | 77 | mergeAlbumImage(albumId, albumImage); 78 | } 79 | }; 80 | -------------------------------------------------------------------------------- /src/routes/album/[albumId]/+page.svelte: -------------------------------------------------------------------------------- 1 | 13 | 14 |By {data.album.artistName}
19 | Download Sheet 25 | 26 || # | 30 |Track | 31 |Duration | 32 |
|---|---|---|
| {i + 1} | 38 |{track.trackName} | 39 |{Math.floor(track.trackMs / 1000)} s | 40 |
53 | {/if}
54 | Hello ${order.customer},
48 | 49 |Thank you for your order! See below for details.
50 | 51 |Order #${order.id}
52 | 53 |Total: ${order.total}€
63 | 64 |Your order will be shipped to: ${order.address}, ${order.city}, ${order.country}
65 | 66 |Kind regards,
67 | SvelteKit Demo App Team
Receive notifications when albums are updated.
97 |Subscriptions get reset every night!
98 |Checking permissions...
101 | {:else if nottifPermGranted === false} 102 | 105 | {:else} 106 |107 | You have enabled notification permissions. Remove the permission in your browser 108 | settings... 109 |
110 |Subscribed to push notifications: {isSubscribed}
111 | {#if isSubscribed} 112 |