diff options
| author | Fuwn <[email protected]> | 2023-12-22 20:57:26 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-22 20:57:26 -0800 |
| commit | 454aaa48be0c8b1d9043deb257164be043539c31 (patch) | |
| tree | 2e0c3c72fb81896665f2aa179d6eaf9d10aeeae7 /src/routes/schedule | |
| parent | fix(anime): call subsplease once (diff) | |
| download | due.moe-454aaa48be0c8b1d9043deb257164be043539c31.tar.xz due.moe-454aaa48be0c8b1d9043deb257164be043539c31.zip | |
feat(schedule): better loading message
Diffstat (limited to 'src/routes/schedule')
| -rw-r--r-- | src/routes/schedule/+page.svelte | 36 |
1 files changed, 18 insertions, 18 deletions
diff --git a/src/routes/schedule/+page.svelte b/src/routes/schedule/+page.svelte index 51bc863d..4e03f7c0 100644 --- a/src/routes/schedule/+page.svelte +++ b/src/routes/schedule/+page.svelte @@ -85,28 +85,28 @@ media ? media.title.english || media.title.romaji || media.title.native : null; </script> +<blockquote> + <select + bind:value={timeZone} + on:change={() => + (subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json()))} + > + {#each Intl.supportedValuesOf('timeZone') as zone} + <option value={zone}> + {zone.split('/').reverse().join(', ').replace(/_/g, ' ')} + </option> + {/each} + </select> +</blockquote> + {#await subsPleasePromise} - Loading ... + Loading subtitle release data ... 33% {:then subsPlease} {#if subsPlease} {#await scheduledMediaPromise} - Loading ... + Loading anime schedule ... 66% {:then scheduledMedia} {#if scheduledMedia} - <blockquote> - <select - bind:value={timeZone} - on:change={() => - (subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json()))} - > - {#each Intl.supportedValuesOf('timeZone') as zone} - <option value={zone}> - {zone.split('/').reverse().join(', ').replace(/_/g, ' ')} - </option> - {/each} - </select> - </blockquote> - <div id="list-container"> {#each Object.entries(shiftSubsPleaseSchedule(subsPlease.schedule)) as [day, scheduleEntry]} <details @@ -171,13 +171,13 @@ {/each} </div> {:else} - Loading ... + Loading anime schedule ... 82.5% {/if} {:catch} <Error type="Media" loginSessionError={false} /> {/await} {:else} - Loading ... + Loading subtitle release data ... 49.5% {/if} {:catch} <Error type="Schedule" loginSessionError={false} /> |