aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Schedule/Days.svelte
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-01-21 17:53:00 -0800
committerFuwn <[email protected]>2024-01-21 17:53:00 -0800
commiteb11e54a4b8a9bf3d648659521906d4cacdd8ae2 (patch)
treed50c146930a51fecd4d8253bc86906a5baf180a1 /src/lib/Tools/Schedule/Days.svelte
parentrefactor(schedule): move top-level tool to route (diff)
downloaddue.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.svelte194
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>