diff options
| author | Fuwn <[email protected]> | 2024-01-21 17:53:00 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-21 17:53:00 -0800 |
| commit | eb11e54a4b8a9bf3d648659521906d4cacdd8ae2 (patch) | |
| tree | d50c146930a51fecd4d8253bc86906a5baf180a1 /src/lib/Tools/Schedule/Days.svelte | |
| parent | refactor(schedule): move top-level tool to route (diff) | |
| download | due.moe-eb11e54a4b8a9bf3d648659521906d4cacdd8ae2.tar.xz due.moe-eb11e54a4b8a9bf3d648659521906d4cacdd8ae2.zip | |
refactor(schedule): move module out of tools
Diffstat (limited to 'src/lib/Tools/Schedule/Days.svelte')
| -rw-r--r-- | src/lib/Tools/Schedule/Days.svelte | 194 |
1 files changed, 0 insertions, 194 deletions
diff --git a/src/lib/Tools/Schedule/Days.svelte b/src/lib/Tools/Schedule/Days.svelte deleted file mode 100644 index ac451507..00000000 --- a/src/lib/Tools/Schedule/Days.svelte +++ /dev/null @@ -1,194 +0,0 @@ -<script lang="ts"> - import { browser } from '$app/environment'; - import type { Media } from '$lib/AniList/media'; - import { findClosestMedia } from '$lib/Media/Anime/Airing/Subtitled/match'; - import type { SubsPlease, SubsPleaseEpisode } from '$lib/Media/Anime/Airing/Subtitled/subsPlease'; - import { outboundLink } from '$lib/Media/links'; - import { parseOrDefault } from '$lib/Utility/parameters'; - import settings from '$stores/settings'; - import CoverBypass from './CoverBypass.svelte'; - - export let subsPlease: SubsPlease; - export let scheduledMedia: Partial<Media[]>; - export let forceListMode = false; - - const urlParameters = browser ? new URLSearchParams(window.location.search) : null; - let day: string | null = parseOrDefault(urlParameters, 'day', null); - - const shiftSubsPleaseSchedule = (schedule: SubsPlease['schedule']) => { - const shiftedSchedule: { [key: string]: SubsPleaseEpisode[] } = {}; - - if (day && Object.keys(schedule).includes(day)) { - shiftedSchedule[day] = schedule[ - day as keyof typeof schedule - ] as unknown as SubsPleaseEpisode[]; - - return shiftedSchedule; - } - - const days = Object.keys(schedule); - const currentDayIndex = days.indexOf(new Date().toLocaleString('en-us', { weekday: 'long' })); - - days - .slice(currentDayIndex) - .concat(days.slice(0, currentDayIndex)) - .forEach((day) => { - const scheduleEntry = schedule[day as keyof typeof schedule]; - - shiftedSchedule[day] = Array.isArray(scheduleEntry) - ? scheduleEntry - : ([scheduleEntry] as unknown as SubsPleaseEpisode[]); - }); - - Object.entries(shiftedSchedule).forEach(([day, scheduleEntry]) => { - if (scheduleEntry.length === 0) { - delete shiftedSchedule[day]; - } - }); - - return shiftedSchedule; - }; - - const associateMedia = (media: (Media | undefined)[], title: string) => - findClosestMedia(media as Media[], title); - - const episode = (media: Media, weekday: string) => { - if (media.nextAiringEpisode?.episode === 1) return 1; - - if ( - new Date((media.nextAiringEpisode?.airingAt || 0) * 1000) > new Date() && - weekday === new Date().toLocaleString('en-us', { weekday: 'long' }) - ) { - return (media.nextAiringEpisode?.episode || 1) - 1; - } else { - return media.nextAiringEpisode?.episode || 0; - } - }; -</script> - -{#each Object.entries(shiftSubsPleaseSchedule(subsPlease.schedule)) as [day, scheduleEntry]} - <details - open - class="list" - class:today={day === new Date().toLocaleString('en-us', { weekday: 'long' })} - > - <summary>{day}</summary> - - {#if !$settings.displayScheduleListMode && !forceListMode} - <div - id="covers" - style={`grid-template-columns: repeat(auto-fill, minmax(${$settings.displayCoverWidth}px, 1fr))`} - > - {#each Object.values(scheduleEntry) as entry} - {@const media = associateMedia(scheduledMedia, entry.title)} - - <div class="cover-card"> - <a - href={outboundLink( - media ? media : null, - 'anime', - $settings.displayOutboundLinksTo, - media === null, - entry.title - )} - target="_blank" - > - <img - class="cover" - src={media - ? media.coverImage.extraLarge - : `https://subsplease.org${entry.image_url}`} - alt="Cover" - /> - </a> - - <div class="cover-title"> - <CoverBypass {media} {entry} cover={false} /> - <span class:countdown={$settings.displayCountdownRightAligned}> - {#if media && media.nextAiringEpisode} - <span style="opacity: 50%;"> - {episode(media, day)}{media.episodes ? `/${media.episodes}` : ''} at - </span> - {/if} - {entry.time} - </span> - </div> - </div> - {/each} - </div> - {:else} - <ol> - {#each Object.values(scheduleEntry) as entry} - {@const media = associateMedia(scheduledMedia, entry.title)} - - <li class="entry"> - <CoverBypass {media} {entry} /> - {#if !$settings.displayCountdownRightAligned} - <span style="opacity: 50%;">|</span> - {/if} - <span class:countdown={$settings.displayCountdownRightAligned}> - {#if media && media.nextAiringEpisode} - <span style="opacity: 50%;"> - {episode(media, day)}{media.episodes ? `/${media.episodes}` : ''} at - </span> - {/if} - {entry.time} - </span> - </li> - {/each} - </ol> - {/if} - </details> - - <p /> -{/each} - -<style> - #covers { - display: grid; - justify-content: center; - gap: 0.5rem; - row-gap: 1rem; - margin-top: 0.5rem; - } - - .cover { - background-size: cover; - background-position: center; - border-radius: 8px; - width: 7.5rem; - } - - .cover-card { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - } - - .cover-title { - text-align: center; - margin: 0.25rem; - } - - .entry::after { - content: ''; - display: table; - clear: both; - } - - .countdown { - white-space: nowrap; - float: right; - } - - .today { - box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base0E), 0 4px 30px var(--base01); - } - - .list { - overflow-y: auto; - break-inside: avoid-column; - page-break-inside: avoid; - } -</style> |