+
+
-
+
+
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/Footer.svelte b/src/psaggregator/src/lib/components/Footer.svelte
index 765e26a..5c52ab8 100644
--- a/src/psaggregator/src/lib/components/Footer.svelte
+++ b/src/psaggregator/src/lib/components/Footer.svelte
@@ -2,9 +2,8 @@
import MediaQuery from "$lib/utils/MediaQuery.svelte";
import { GITHUB_AUTHOR_URL, GITHUB_URL, LEGAL_URL, MAIL_TO_URL } from "../../config/config";
import { version } from "$app/environment";
- import { TabAnchor, TabGroup } from "@skeletonlabs/skeleton";
+ import { Api, Favorite, Home, Document, Thumbnail_2, Settings, EventSchedule, Binoculars } from "carbon-icons-svelte";
import { page } from "$app/stores";
- import { Api, FavoriteFilled, Home, Document, Thumbnail_2, Settings, EventSchedule } from "carbon-icons-svelte";
+
-
-
-
+
diff --git a/src/psaggregator/src/lib/components/Changelog.svelte b/src/psaggregator/src/lib/components/Changelog.svelte
deleted file mode 100644
index 24b8616..0000000
--- a/src/psaggregator/src/lib/components/Changelog.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-
-
-
{#if matches}
Home
Uploadplan
Videos
News
+ Zufall
API
Motivation
Einstellungen
-
-
-
+ Was ist neu?
+ {:else}
+ Was ist neu?
{/if}
@@ -49,7 +41,7 @@
{/if}
- PietSmiet.de
+ pietsmiet.de
{#if !matches && LEGAL_URL}
@@ -58,8 +50,6 @@
{/if}
-
-
-
diff --git a/src/psaggregator/src/lib/components/DatePicker.svelte b/src/psaggregator/src/lib/components/DatePicker.svelte
new file mode 100644
index 0000000..473e915
--- /dev/null
+++ b/src/psaggregator/src/lib/components/DatePicker.svelte
@@ -0,0 +1,29 @@
+
+
+Version {version}
- -
-
-Neue Features
-
- Verlinkung von YouTube-Videos!
- In den Einstellungen kann nun konfiguriert werden, ob auf YouTube oder auf pietsmiet.de verlinkt werden soll. Der Import
- historischer Daten ist noch nicht möglich, wird aber in Zukunft hinzugefügt. Somit funktioniert die Verlinkung zu YouTube
- nur gelegentlich.
-
-
- Neue API
- Über den /video/[id] Endpoint kann nun ein einzelnes Video abgerufen werden.
-
-
-
-
-
-
-
-
-
-
- YouTube
-
-
- Instagram
-
- 
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+ {#each youtubeCommunityPosts as youtube}
+
- Threads
-
-
-
+
+ {#each instagramPosts as instagram}
+
- Twitter
-
-
-
-
- {#if tabSet === 0}
-
- {#each youtubeCommunityPosts as youtube}
-
- {:else if tabSet === 1}
-
- {#each instagramPosts as instagram}
-
+
+
diff --git a/src/psaggregator/src/lib/components/PSVideo.svelte b/src/psaggregator/src/lib/components/PSVideo.svelte
index d958154..acc5023 100644
--- a/src/psaggregator/src/lib/components/PSVideo.svelte
+++ b/src/psaggregator/src/lib/components/PSVideo.svelte
@@ -2,6 +2,7 @@
import { dateFormat } from "$lib/utils/dateFormat";
import type { ContentPiece } from "@prisma/client";
import { LINK_YOUTUBE, SHOW_ABSOLUTE_DATES } from "../../config/config";
+ import * as Card from "$lib/components/ui/card";
export let video: ContentPiece;
export let isSquare = false;
@@ -33,29 +34,31 @@
-
+
+
+
+
- {:else if tabSet === 2 || tabSet === 3}
-
-
+
+
-
- Leider gibt es noch keinen Threads-Import.
- Dieses Projekt ist Open Source.
- Beteilige dich gerne auf
- GitHub
-
+ Leider gibt es noch keinen Threads-Import.
+ Dieses Projekt ist Open Source.
+ Beteilige dich gerne auf
+ GitHub
+
+
+
-
+ Leider gibt es noch keinen Twitter-Import.
+ Dieses Projekt ist Open Source.
+ Beteilige dich gerne auf
+ GitHub
+
+
+
- {/if}
-
-
-
- 
-
- {#if humanReadableMinutes !== null && humanReadableSeconds !== null}
- {("00" + humanReadableMinutes).slice(-2)}:{("00" + humanReadableSeconds).slice(-2)}
- {/if}
-
-
- {video.title}
-
- {#if video.startDate}
-
-
- {dateFormat(video.startDate, $SHOW_ABSOLUTE_DATES)}
+
+
diff --git a/src/psaggregator/src/lib/components/RedditPost.svelte b/src/psaggregator/src/lib/components/RedditPost.svelte
index 995bc8d..f5444aa 100644
--- a/src/psaggregator/src/lib/components/RedditPost.svelte
+++ b/src/psaggregator/src/lib/components/RedditPost.svelte
@@ -1,39 +1,36 @@
-
-
+
- {/if}
+
+
+
+ {#if humanReadableMinutes !== null && humanReadableSeconds !== null}
+ {("00" + humanReadableMinutes).slice(-2)}:{("00" + humanReadableSeconds).slice(-2)}
+ {/if}
+ {video.title}
+
+ {#if video.startDate}
+
+
+ {/if}
+
+ {dateFormat(video.startDate, $SHOW_ABSOLUTE_DATES)}
+
+
-
-
+
+ 
- {/if}
-
diff --git a/src/psaggregator/src/lib/components/TwitchEntry.svelte b/src/psaggregator/src/lib/components/TwitchEntry.svelte
index 93e7e5d..6e1b7c5 100644
--- a/src/psaggregator/src/lib/components/TwitchEntry.svelte
+++ b/src/psaggregator/src/lib/components/TwitchEntry.svelte
@@ -3,60 +3,65 @@
import { Video, VideoPlayer } from "carbon-icons-svelte";
import moment from "moment";
import Sparkle from "./Sparkle.svelte";
+ import * as Card from "$lib/components/ui/card";
export let entry: ScheduledContentPiece;
{#if entry.href}
-
-
+
{/if}
diff --git a/src/psaggregator/src/lib/components/TwitchStatus.svelte b/src/psaggregator/src/lib/components/TwitchStatus.svelte
index fef39cc..eb7a0d8 100644
--- a/src/psaggregator/src/lib/components/TwitchStatus.svelte
+++ b/src/psaggregator/src/lib/components/TwitchStatus.svelte
@@ -3,36 +3,39 @@
import MediaQuery from "$lib/utils/MediaQuery.svelte";
import type { TwitchStatus } from "@prisma/client";
import moment from "moment";
+ import * as Card from "$lib/components/ui/card";
export let twitch: TwitchStatus;
-
- 
-
+
-
+
+
+
-
- {#if entry.imageUri}
-
+
-
+ u/{entry.username}
+ {#if entry.sticky}
+
+
+ {entry.title}
+
-
-
+
+
- u/{entry.username}
- {#if entry.sticky}
-
-
- {entry.title}
-
-
- {#if entry.type === "TwitchStream"}
-
- {:else}
-
- {#if entry.startDate}
- {@const date = moment(entry.startDate)}
+
- {#if !moment().isSame(date, "day")}
- {date.format("DD. MMM,")}
+ {#if entry.type === "TwitchStream"}
+
+ {:else}
+
- {/if}
- {entry.title}
- {#if entry.importedFrom === "OpenAI"}
-
-
-
- {/if}
-
-{:else}
-
-
+
+ {#if entry.startDate}
+ {@const date = moment(entry.startDate)}
+
+
- {#if entry.type === "TwitchStream"}
-
- {:else}
-
- {#if entry.startDate}
- {@const date = moment(entry.startDate)}
+ {entry.title}
+ {#if entry.importedFrom === "OpenAI"}
+
+
+ {#if !moment().isSame(date, "day")}
+ {date.format("DD. MMM,")}
+ {/if}
+ {date.format("HH:mm")}
+
{/if}
-
+
+ {/if}
+
+
+{:else}
+
- {#if !moment().isSame(date, "day")}
- {date.format("DD. MMM,")}
+ {#if entry.type === "TwitchStream"}
+
+ {:else}
+
- {/if}
- {entry.title}
- {#if entry.importedFrom === "OpenAI"}
-
-
-
- {/if}
-
+ {#if !moment().isSame(date, "day")}
+ {date.format("DD. MMM,")}
+ {/if}
+ {date.format("HH:mm")}
+
+ {/if}
+ {entry.title}
+ {#if entry.importedFrom === "OpenAI"}
+
+
+
+ {/if}
+
-
-
-
-
+
+
diff --git a/src/psaggregator/src/lib/components/UploadPlanEntry.svelte b/src/psaggregator/src/lib/components/UploadPlanEntry.svelte
index 11959dc..0917783 100644
--- a/src/psaggregator/src/lib/components/UploadPlanEntry.svelte
+++ b/src/psaggregator/src/lib/components/UploadPlanEntry.svelte
@@ -3,44 +3,48 @@
import { PlayFilledAlt, Video, VideoPlayer } from "carbon-icons-svelte";
import moment from "moment";
import Sparkle from "./Sparkle.svelte";
+ import * as Card from "$lib/components/ui/card";
+ import { Button } from "./ui/button";
export let entry: ScheduledContentPiece;
-
diff --git a/src/psaggregator/src/routes/news/+page.svelte b/src/psaggregator/src/routes/news/+page.svelte
index 9b02452..a7df3a4 100644
--- a/src/psaggregator/src/routes/news/+page.svelte
+++ b/src/psaggregator/src/routes/news/+page.svelte
@@ -9,7 +9,7 @@
- 
- {/if}
-
+
+
+ {#if post.date}
+
+ {/if}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/button/button.svelte b/src/psaggregator/src/lib/components/ui/button/button.svelte
new file mode 100644
index 0000000..86827f3
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/button/button.svelte
@@ -0,0 +1,25 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/button/index.ts b/src/psaggregator/src/lib/components/ui/button/index.ts
new file mode 100644
index 0000000..af1e188
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/button/index.ts
@@ -0,0 +1,49 @@
+import { type VariantProps, tv } from "tailwind-variants";
+import type { Button as ButtonPrimitive } from "bits-ui";
+import Root from "./button.svelte";
+
+const buttonVariants = tv({
+ base: "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground hover:bg-primary/90",
+ destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+ outline:
+ "border-input bg-background hover:bg-accent hover:text-accent-foreground border",
+ secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ ghost: "hover:bg-accent hover:text-accent-foreground",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-10 px-4 py-2",
+ sm: "h-9 rounded-md px-3",
+ lg: "h-11 rounded-md px-8",
+ icon: "h-10 w-10",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+});
+
+type Variant = VariantProps["variant"];
+type Size = VariantProps["size"];
+
+type Props = ButtonPrimitive.Props & {
+ variant?: Variant;
+ size?: Size;
+};
+
+type Events = ButtonPrimitive.Events;
+
+export {
+ Root,
+ type Props,
+ type Events,
+ //
+ Root as Button,
+ type Props as ButtonProps,
+ type Events as ButtonEvents,
+ buttonVariants,
+};
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-cell.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-cell.svelte
new file mode 100644
index 0000000..f2962b2
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-cell.svelte
@@ -0,0 +1,21 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-day.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-day.svelte
new file mode 100644
index 0000000..c9b2efc
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-day.svelte
@@ -0,0 +1,42 @@
+
+
+
+
+ {date.day}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-body.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-body.svelte
new file mode 100644
index 0000000..80b6f84
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-body.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-head.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-head.svelte
new file mode 100644
index 0000000..dbe3e8e
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-head.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-row.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-row.svelte
new file mode 100644
index 0000000..3a1473c
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid-row.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-grid.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid.svelte
new file mode 100644
index 0000000..d52c9a7
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-grid.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-head-cell.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-head-cell.svelte
new file mode 100644
index 0000000..f9eabbc
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-head-cell.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-header.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-header.svelte
new file mode 100644
index 0000000..014ff28
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-header.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-heading.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-heading.svelte
new file mode 100644
index 0000000..409a182
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-heading.svelte
@@ -0,0 +1,19 @@
+
+
+
+
+ {headingValue}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-months.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-months.svelte
new file mode 100644
index 0000000..4621c54
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-months.svelte
@@ -0,0 +1,16 @@
+
+
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-prev-button.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-prev-button.svelte
new file mode 100644
index 0000000..48d8235
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-prev-button.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar.svelte
new file mode 100644
index 0000000..0857f3d
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar.svelte
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+ {#each months as month}
+
+
+
+ {#each weekdays as weekday}
+
+ {weekday.slice(0, 2)}
+
+ {/each}
+
+
+
+ {#each month.weeks as weekDates}
+
+ {#each weekDates as date}
+
+
+ {/each}
+
+ {/each}
+
+
+ {/each}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/index.ts b/src/psaggregator/src/lib/components/ui/calendar/index.ts
new file mode 100644
index 0000000..ab257ab
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/index.ts
@@ -0,0 +1,30 @@
+import Root from "./calendar.svelte";
+import Cell from "./calendar-cell.svelte";
+import Day from "./calendar-day.svelte";
+import Grid from "./calendar-grid.svelte";
+import Header from "./calendar-header.svelte";
+import Months from "./calendar-months.svelte";
+import GridRow from "./calendar-grid-row.svelte";
+import Heading from "./calendar-heading.svelte";
+import GridBody from "./calendar-grid-body.svelte";
+import GridHead from "./calendar-grid-head.svelte";
+import HeadCell from "./calendar-head-cell.svelte";
+import NextButton from "./calendar-next-button.svelte";
+import PrevButton from "./calendar-prev-button.svelte";
+
+export {
+ Day,
+ Cell,
+ Grid,
+ Header,
+ Months,
+ GridRow,
+ Heading,
+ GridBody,
+ GridHead,
+ HeadCell,
+ NextButton,
+ PrevButton,
+ //
+ Root as Calendar,
+};
diff --git a/src/psaggregator/src/lib/components/ui/card/card-content.svelte b/src/psaggregator/src/lib/components/ui/card/card-content.svelte
new file mode 100644
index 0000000..89d82b2
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/card/card-content.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/card/card.svelte b/src/psaggregator/src/lib/components/ui/card/card.svelte
new file mode 100644
index 0000000..b69c15c
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/card/card.svelte
@@ -0,0 +1,16 @@
+
+
+
+
+ {#if isChecked}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/checkbox/index.ts b/src/psaggregator/src/lib/components/ui/checkbox/index.ts
new file mode 100644
index 0000000..6d92d94
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/checkbox/index.ts
@@ -0,0 +1,6 @@
+import Root from "./checkbox.svelte";
+export {
+ Root,
+ //
+ Root as Checkbox,
+};
diff --git a/src/psaggregator/src/lib/components/ui/dialog/dialog-content.svelte b/src/psaggregator/src/lib/components/ui/dialog/dialog-content.svelte
new file mode 100644
index 0000000..a06ccb2
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/dialog/dialog-content.svelte
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/dialog/dialog-description.svelte b/src/psaggregator/src/lib/components/ui/dialog/dialog-description.svelte
new file mode 100644
index 0000000..8bc70cc
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/dialog/dialog-description.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/dialog/dialog-footer.svelte b/src/psaggregator/src/lib/components/ui/dialog/dialog-footer.svelte
new file mode 100644
index 0000000..a235d1f
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/dialog/dialog-title.svelte b/src/psaggregator/src/lib/components/ui/dialog/dialog-title.svelte
new file mode 100644
index 0000000..06574f3
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/dialog/dialog-title.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/dialog/index.ts b/src/psaggregator/src/lib/components/ui/dialog/index.ts
new file mode 100644
index 0000000..b17ba5e
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/dialog/index.ts
@@ -0,0 +1,37 @@
+import { Dialog as DialogPrimitive } from "bits-ui";
+
+import Title from "./dialog-title.svelte";
+import Portal from "./dialog-portal.svelte";
+import Footer from "./dialog-footer.svelte";
+import Header from "./dialog-header.svelte";
+import Overlay from "./dialog-overlay.svelte";
+import Content from "./dialog-content.svelte";
+import Description from "./dialog-description.svelte";
+
+const Root = DialogPrimitive.Root;
+const Trigger = DialogPrimitive.Trigger;
+const Close = DialogPrimitive.Close;
+
+export {
+ Root,
+ Title,
+ Portal,
+ Footer,
+ Header,
+ Trigger,
+ Overlay,
+ Content,
+ Description,
+ Close,
+ //
+ Root as Dialog,
+ Title as DialogTitle,
+ Portal as DialogPortal,
+ Footer as DialogFooter,
+ Header as DialogHeader,
+ Trigger as DialogTrigger,
+ Overlay as DialogOverlay,
+ Content as DialogContent,
+ Description as DialogDescription,
+ Close as DialogClose,
+};
diff --git a/src/psaggregator/src/lib/components/ui/input/index.ts b/src/psaggregator/src/lib/components/ui/input/index.ts
new file mode 100644
index 0000000..75e3bc2
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/input/index.ts
@@ -0,0 +1,29 @@
+import Root from "./input.svelte";
+
+export type FormInputEvent = T & {
+ currentTarget: EventTarget & HTMLInputElement;
+};
+export type InputEvents = {
+ blur: FormInputEvent;
+ change: FormInputEvent;
+ click: FormInputEvent;
+ focus: FormInputEvent;
+ focusin: FormInputEvent;
+ focusout: FormInputEvent;
+ keydown: FormInputEvent;
+ keypress: FormInputEvent;
+ keyup: FormInputEvent;
+ mouseover: FormInputEvent;
+ mouseenter: FormInputEvent;
+ mouseleave: FormInputEvent;
+ mousemove: FormInputEvent;
+ paste: FormInputEvent;
+ input: FormInputEvent;
+ wheel: FormInputEvent;
+};
+
+export {
+ Root,
+ //
+ Root as Input,
+};
diff --git a/src/psaggregator/src/lib/components/ui/input/input.svelte b/src/psaggregator/src/lib/components/ui/input/input.svelte
new file mode 100644
index 0000000..cab1457
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/input/input.svelte
@@ -0,0 +1,42 @@
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/label/index.ts b/src/psaggregator/src/lib/components/ui/label/index.ts
new file mode 100644
index 0000000..8bfca0b
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/label/index.ts
@@ -0,0 +1,7 @@
+import Root from "./label.svelte";
+
+export {
+ Root,
+ //
+ Root as Label,
+};
diff --git a/src/psaggregator/src/lib/components/ui/label/label.svelte b/src/psaggregator/src/lib/components/ui/label/label.svelte
new file mode 100644
index 0000000..2a7d479
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/label/label.svelte
@@ -0,0 +1,21 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/popover/index.ts b/src/psaggregator/src/lib/components/ui/popover/index.ts
new file mode 100644
index 0000000..63aecf9
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/popover/index.ts
@@ -0,0 +1,17 @@
+import { Popover as PopoverPrimitive } from "bits-ui";
+import Content from "./popover-content.svelte";
+const Root = PopoverPrimitive.Root;
+const Trigger = PopoverPrimitive.Trigger;
+const Close = PopoverPrimitive.Close;
+
+export {
+ Root,
+ Content,
+ Trigger,
+ Close,
+ //
+ Root as Popover,
+ Content as PopoverContent,
+ Trigger as PopoverTrigger,
+ Close as PopoverClose,
+};
diff --git a/src/psaggregator/src/lib/components/ui/popover/popover-content.svelte b/src/psaggregator/src/lib/components/ui/popover/popover-content.svelte
new file mode 100644
index 0000000..1d86206
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/popover/popover-content.svelte
@@ -0,0 +1,22 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/index.ts b/src/psaggregator/src/lib/components/ui/range-calendar/index.ts
new file mode 100644
index 0000000..43adb92
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/index.ts
@@ -0,0 +1,30 @@
+import Root from "./range-calendar.svelte";
+import Cell from "./range-calendar-cell.svelte";
+import Day from "./range-calendar-day.svelte";
+import Grid from "./range-calendar-grid.svelte";
+import Header from "./range-calendar-header.svelte";
+import Months from "./range-calendar-months.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
+import Heading from "./range-calendar-heading.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
+import NextButton from "./range-calendar-next-button.svelte";
+import PrevButton from "./range-calendar-prev-button.svelte";
+
+export {
+ Day,
+ Cell,
+ Grid,
+ Header,
+ Months,
+ GridRow,
+ Heading,
+ GridBody,
+ GridHead,
+ HeadCell,
+ NextButton,
+ PrevButton,
+ //
+ Root as RangeCalendar,
+};
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-cell.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
new file mode 100644
index 0000000..5e9d2dd
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
@@ -0,0 +1,21 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-day.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-day.svelte
new file mode 100644
index 0000000..86db6dd
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-day.svelte
@@ -0,0 +1,43 @@
+
+
+
+
+ {date.day}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
new file mode 100644
index 0000000..23a5dee
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
new file mode 100644
index 0000000..23dbefe
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
new file mode 100644
index 0000000..157c7ea
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
new file mode 100644
index 0000000..c5050ba
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
new file mode 100644
index 0000000..0806c60
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-header.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-header.svelte
new file mode 100644
index 0000000..3949ecd
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-header.svelte
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-heading.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
new file mode 100644
index 0000000..f022eeb
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
@@ -0,0 +1,19 @@
+
+
+
+
+ {headingValue}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-months.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-months.svelte
new file mode 100644
index 0000000..4621c54
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-months.svelte
@@ -0,0 +1,16 @@
+
+
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
new file mode 100644
index 0000000..f7c1383
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar.svelte
new file mode 100644
index 0000000..d20ba67
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar.svelte
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ {#each months as month}
+
+
+
+ {#each weekdays as weekday}
+
+ {weekday.slice(0, 2)}
+
+ {/each}
+
+
+
+ {#each month.weeks as weekDates}
+
+ {#each weekDates as date}
+
+
+ {/each}
+
+ {/each}
+
+
+ {/each}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/sonner/index.ts b/src/psaggregator/src/lib/components/ui/sonner/index.ts
new file mode 100644
index 0000000..1ad9f4a
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/sonner/index.ts
@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";
diff --git a/src/psaggregator/src/lib/components/ui/sonner/sonner.svelte b/src/psaggregator/src/lib/components/ui/sonner/sonner.svelte
new file mode 100644
index 0000000..7d5b2f1
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/sonner/sonner.svelte
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/tabs/tabs-list.svelte b/src/psaggregator/src/lib/components/ui/tabs/tabs-list.svelte
new file mode 100644
index 0000000..773c754
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/tabs/tabs-list.svelte
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/tabs/tabs-trigger.svelte b/src/psaggregator/src/lib/components/ui/tabs/tabs-trigger.svelte
new file mode 100644
index 0000000..b99358d
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/tabs/tabs-trigger.svelte
@@ -0,0 +1,23 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/utils.ts b/src/psaggregator/src/lib/utils.ts
new file mode 100644
index 0000000..8871245
--- /dev/null
+++ b/src/psaggregator/src/lib/utils.ts
@@ -0,0 +1,62 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { cubicOut } from "svelte/easing";
+import type { TransitionConfig } from "svelte/transition";
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
+
+type FlyAndScaleParams = {
+ y?: number;
+ x?: number;
+ start?: number;
+ duration?: number;
+};
+
+export const flyAndScale = (
+ node: Element,
+ params: FlyAndScaleParams = { y: -8, x: 0, start: 0.95, duration: 150 }
+): TransitionConfig => {
+ const style = getComputedStyle(node);
+ const transform = style.transform === "none" ? "" : style.transform;
+
+ const scaleConversion = (
+ valueA: number,
+ scaleA: [number, number],
+ scaleB: [number, number]
+ ) => {
+ const [minA, maxA] = scaleA;
+ const [minB, maxB] = scaleB;
+
+ const percentage = (valueA - minA) / (maxA - minA);
+ const valueB = percentage * (maxB - minB) + minB;
+
+ return valueB;
+ };
+
+ const styleToString = (
+ style: Record
+ ): string => {
+ return Object.keys(style).reduce((str, key) => {
+ if (style[key] === undefined) return str;
+ return str + `${key}:${style[key]};`;
+ }, "");
+ };
+
+ return {
+ duration: params.duration ?? 200,
+ delay: 0,
+ css: (t) => {
+ const y = scaleConversion(t, [0, 1], [params.y ?? 5, 0]);
+ const x = scaleConversion(t, [0, 1], [params.x ?? 0, 0]);
+ const scale = scaleConversion(t, [0, 1], [params.start ?? 0.95, 1]);
+
+ return styleToString({
+ transform: `${transform} translate3d(${x}px, ${y}px, 0) scale(${scale})`,
+ opacity: t
+ });
+ },
+ easing: cubicOut
+ };
+};
\ No newline at end of file
diff --git a/src/psaggregator/src/routes/+layout.svelte b/src/psaggregator/src/routes/+layout.svelte
index 986a0e0..8ff5fc6 100644
--- a/src/psaggregator/src/routes/+layout.svelte
+++ b/src/psaggregator/src/routes/+layout.svelte
@@ -1,7 +1,5 @@
+
-
+
+
diff --git a/src/psaggregator/src/lib/components/YouTubeCommunityPost.svelte b/src/psaggregator/src/lib/components/YouTubeCommunityPost.svelte
index 6e34b84..e4b2ae1 100644
--- a/src/psaggregator/src/lib/components/YouTubeCommunityPost.svelte
+++ b/src/psaggregator/src/lib/components/YouTubeCommunityPost.svelte
@@ -2,16 +2,19 @@
import { dateFormat } from "$lib/utils/dateFormat";
import type { Information } from "@prisma/client";
import { SHOW_ABSOLUTE_DATES } from "../../config/config";
+ import * as Card from "$lib/components/ui/card";
export let post: Information;
-
- {#if post.date}
-
- {#if entry.type === "TwitchStream"}
-
- {:else}
-
- {#if entry.startDate}
- {@const date = moment(entry.startDate)}
+
+
+ {entry.title}
+ {#if entry.href || entry.importedFrom === "OpenAI"}
+
+ {/if}
+ {#if entry.href}
+
+ {/if}
+ {#if entry.importedFrom === "OpenAI"}
+
- {entry.title}
- {#if entry.href || entry.importedFrom === "OpenAI"}
-
- {/if}
- {#if entry.href}
-
-
-
- {#if !moment().isSame(date, "day")}
- {date.format("DD. MMM,")}
+ {#if entry.type === "TwitchStream"}
+
+ {:else}
+
+ {#if entry.startDate}
+ {@const date = moment(entry.startDate)}
+
+ {#if !moment().isSame(date, "day")}
+ {date.format("DD. MMM,")}
+ {/if}
+ {date.format("HH:mm")}
+
+ {/if}
+
+
{/if}
-
- {/if}
-{dateFormat(post.date, $SHOW_ABSOLUTE_DATES)}
- {/if}
- {post.text}
- {#if post.imageUri}
- {dateFormat(post.date, $SHOW_ABSOLUTE_DATES)}
+ {/if}
+ {post.text}
+ {#if post.imageUri}
+
+
diff --git a/src/psaggregator/src/lib/components/ui/calendar/calendar-next-button.svelte b/src/psaggregator/src/lib/components/ui/calendar/calendar-next-button.svelte
new file mode 100644
index 0000000..dd0bffe
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/calendar/calendar-next-button.svelte
@@ -0,0 +1,27 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/card/card-description.svelte b/src/psaggregator/src/lib/components/ui/card/card-description.svelte
new file mode 100644
index 0000000..f65821d
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/card/card-description.svelte
@@ -0,0 +1,13 @@
+
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/card/card-header.svelte b/src/psaggregator/src/lib/components/ui/card/card-header.svelte
new file mode 100644
index 0000000..e474528
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/card/card-header.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/card/card-title.svelte b/src/psaggregator/src/lib/components/ui/card/card-title.svelte
new file mode 100644
index 0000000..719808e
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/card/card-title.svelte
@@ -0,0 +1,21 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/card/index.ts b/src/psaggregator/src/lib/components/ui/card/index.ts
new file mode 100644
index 0000000..bcc031d
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/card/index.ts
@@ -0,0 +1,24 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+
+export {
+ Root,
+ Content,
+ Description,
+ Footer,
+ Header,
+ Title,
+ //
+ Root as Card,
+ Content as CardContent,
+ Description as CardDescription,
+ Footer as CardFooter,
+ Header as CardHeader,
+ Title as CardTitle,
+};
+
+export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
diff --git a/src/psaggregator/src/lib/components/ui/checkbox/checkbox.svelte b/src/psaggregator/src/lib/components/ui/checkbox/checkbox.svelte
new file mode 100644
index 0000000..f4b906f
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/checkbox/checkbox.svelte
@@ -0,0 +1,35 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/dialog/dialog-header.svelte b/src/psaggregator/src/lib/components/ui/dialog/dialog-header.svelte
new file mode 100644
index 0000000..6b4448c
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/dialog/dialog-header.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/psaggregator/src/lib/components/ui/dialog/dialog-overlay.svelte
new file mode 100644
index 0000000..1d376e4
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -0,0 +1,21 @@
+
+
+
+
diff --git a/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
new file mode 100644
index 0000000..661568b
--- /dev/null
+++ b/src/psaggregator/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
@@ -0,0 +1,27 @@
+
+
+
-
-
-
+
{#if KOFI_USERNAME}
+
-
+
diff --git a/src/psaggregator/src/routes/motivation/+page.svelte b/src/psaggregator/src/routes/motivation/+page.svelte
index ee6def9..f4047e7 100644
--- a/src/psaggregator/src/routes/motivation/+page.svelte
+++ b/src/psaggregator/src/routes/motivation/+page.svelte
@@ -1,10 +1,10 @@
@@ -39,12 +39,12 @@
Version {version}
+ +
+
+Neues Design
+
+
+
+ Das Design wurde grundlegend überarbeitet. Es ist nun moderner und benutzerfreundlicher. Die Farben wurden angepasst und die
+ Schriftart wurde geändert. Lasst mich gerne wissen, wie es euch gefällt!
+
+
+ Neue Features
+
+ Verlinkung von YouTube-Videos!
+
+ In den Einstellungen kann nun konfiguriert werden, ob auf YouTube oder auf pietsmiet.de verlinkt werden soll. Der Import
+ historischer Daten ist noch nicht möglich, wird aber in Zukunft hinzugefügt. Somit funktioniert die Verlinkung zu YouTube
+ nur gelegentlich.
+
+
+
+ Neue API
+ Über den /video/[id] Endpoint kann nun ein einzelnes Video abgerufen werden.
+
+
-
-
+
+
{/if}
Open Source
@@ -57,14 +57,14 @@
Wenn du Fragen hast, kannst du mich gerne via Mail erreichen.
-
-
+
+
+
{
+ setTimeout(async () => {
+ await loadData();
+ }, 100);
}} />
{/if}
- Uploadplan - {currentDate.format("DD MMMM YYYY")}
- { - const selectedDate = moment(e.target.value); - if (selectedDate.isAfter(moment(), "day")) { - return; - } - currentDate = selectedDate; - await loadData(currentDate.format("YYYY-MM-DD")); +Uploadplan - {moment(currentDate.toDate("utc")).format("DD MMMM YYYY")}
+
- Auf dieser Seite kannst du alte Uploadpläne ansehen.
- Mit dem Design bin ich hier noch nicht ganz zufrieden.
- Gib mir gerne Feedback via Mail, Reddit, GitHub.
-
{#if today != undefined}
-
+
{#each today as content}
+
diff --git a/src/psaggregator/src/routes/settings/+page.svelte b/src/psaggregator/src/routes/settings/+page.svelte
index c2ecfce..b427741 100644
--- a/src/psaggregator/src/routes/settings/+page.svelte
+++ b/src/psaggregator/src/routes/settings/+page.svelte
@@ -1,5 +1,7 @@
-
-
+
+
+
+
+
+
+
+ Einstellungen
Einstellungen werden lokal auf deinem Endgerät gespeichert und sind nur für dich sichtbar.
-
-
-
Zeige Datumswerte in absoluter Form statt relativer Form an (z.B. 01.01.2021 statt vor 2 Tagen)
+
+ )",
+ input: "hsl(var(--input) / )",
+ ring: "hsl(var(--ring) / )",
+ background: "hsl(var(--background) / )",
+ foreground: "hsl(var(--foreground) / )",
+ primary: {
+ DEFAULT: "hsl(var(--primary) / )",
+ foreground: "hsl(var(--primary-foreground) / )"
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary) / )",
+ foreground: "hsl(var(--secondary-foreground) / )"
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive) / )",
+ foreground: "hsl(var(--destructive-foreground) / )"
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted) / )",
+ foreground: "hsl(var(--muted-foreground) / )"
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent) / )",
+ foreground: "hsl(var(--accent-foreground) / )"
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover) / )",
+ foreground: "hsl(var(--popover-foreground) / )"
+ },
+ card: {
+ DEFAULT: "hsl(var(--card) / )",
+ foreground: "hsl(var(--card-foreground) / )"
+ }
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)"
+ },
+ fontFamily: {
+ sans: [...fontFamily.sans]
+ }
+ }
+ },
+};
+
+export default config;
+ {
+ SHOW_ABSOLUTE_DATES.set(!$SHOW_ABSOLUTE_DATES);
+ if (browser) {
+ localStorage.setItem(SHOW_ABSOLUTE_DATES_KEY, $SHOW_ABSOLUTE_DATES.toString());
+ }
+ }} />
+
-
+
+
+ Zeige Datumswerte in absoluter Form statt relativer Form an (z.B. 01.01.2021 statt vor 2 Tagen) +
+
-
-
diff --git a/src/psaggregator/tailwind.config.cjs b/src/psaggregator/tailwind.config.cjs
deleted file mode 100644
index 15b6bd1..0000000
--- a/src/psaggregator/tailwind.config.cjs
+++ /dev/null
@@ -1,28 +0,0 @@
-/** @type {import('tailwindcss').Config}*/
-
-const forms = require("@tailwindcss/forms");
-const skeleton = require("@skeletonlabs/tw-plugin").skeleton;
-const join = require("path").join;
-const dirname = require("path").dirname;
-
-const modulePath = require.resolve("@skeletonlabs/skeleton");
-const rootPath = dirname(modulePath);
-
-const config = {
- content: [join("./src/**/*.{html,js,svelte,ts}"), join(rootPath, "**/*.{html,js,svelte,ts}")],
-
- theme: {
- extend: {}
- },
-
- plugins: [
- forms,
- skeleton({
- themes: { preset: ["rocket"] }
- })
- ],
-
- darkMode: "class"
-};
-
-module.exports = config;
\ No newline at end of file
diff --git a/src/psaggregator/tailwind.config.js b/src/psaggregator/tailwind.config.js
new file mode 100644
index 0000000..fa1cb36
--- /dev/null
+++ b/src/psaggregator/tailwind.config.js
@@ -0,0 +1,64 @@
+import { fontFamily } from "tailwindcss/defaultTheme";
+
+/** @type {import('tailwindcss').Config} */
+const config = {
+ darkMode: ["class"],
+ content: ["./src/**/*.{html,js,svelte,ts}"],
+ safelist: ["dark"],
+ theme: {
+ container: {
+ center: true,
+ padding: "2rem",
+ screens: {
+ "2xl": "1400px"
+ }
+ },
+ extend: {
+ colors: {
+ border: "hsl(var(--border) / Zeige Videos in einer komplexen Ansicht an, die mehr Informationen enthält (betrifft Videos-Unterseite)
+
+ {
+ VIDEO_COMPLEXE_VIEW.set(!$VIDEO_COMPLEXE_VIEW);
+ if (browser) {
+ localStorage.setItem(VIDEO_COMPLEXE_VIEW_KEY, $VIDEO_COMPLEXE_VIEW.toString());
+ }
+ }} />
+
-
+
+
+ Zeige Videos in einer komplexen Ansicht an, die mehr Informationen enthält (betrifft Videos-Unterseite) +
+
-
-
@@ -129,9 +134,7 @@
{/if}
{/each}
{#if loading}
-
- Soweit verfügbar, sind Videos mit einem Link zu YouTube versehen. Wenn diese Option deaktiviert ist, wird stattdessen auf
- pietsmiet.de verlinkt.
+
diff --git a/src/psaggregator/src/routes/videos/+page.svelte b/src/psaggregator/src/routes/videos/+page.svelte
index 7456da5..8163394 100644
--- a/src/psaggregator/src/routes/videos/+page.svelte
+++ b/src/psaggregator/src/routes/videos/+page.svelte
@@ -3,10 +3,11 @@
import type { PageData } from "./$types";
import moment from "moment";
import { browser } from "$app/environment";
- import { ProgressRadial, SlideToggle } from "@skeletonlabs/skeleton";
import PsVideo from "$lib/components/PSVideo.svelte";
import MediaQuery from "$lib/utils/MediaQuery.svelte";
import { LINK_YOUTUBE, LINK_YOUTUBE_KEY, VIDEO_COMPLEXE_VIEW, VIDEO_COMPLEXE_VIEW_KEY } from "../../config/config";
+ import Checkbox from "$lib/components/ui/checkbox/checkbox.svelte";
+ import Label from "$lib/components/ui/label/label.svelte";
export let data: PageData;
@@ -81,26 +82,30 @@
+ {
+ LINK_YOUTUBE.set(!$LINK_YOUTUBE);
+ if (browser) {
+ localStorage.setItem(LINK_YOUTUBE_KEY, $LINK_YOUTUBE.toString());
+ }
+ }} />
+
+
+
+ Soweit verfügbar, sind Videos mit einem Link zu YouTube versehen. Wenn diese Option deaktiviert ist, wird stattdessen + auf pietsmiet.de verlinkt. +
Alle Videos
- {
if (browser) {
- localStorage.setItem(VIDEO_COMPLEXE_VIEW_KEY, e.target.checked.toString());
+ setTimeout(() => {
+ localStorage.setItem(VIDEO_COMPLEXE_VIEW_KEY, $VIDEO_COMPLEXE_VIEW.toString());
+ }, 1000);
}
}} />
- Komplexe Ansicht
+
- {
if (browser) {
- localStorage.setItem(LINK_YOUTUBE_KEY, e.target.checked.toString());
+ setTimeout(() => {
+ localStorage.setItem(LINK_YOUTUBE_KEY, $LINK_YOUTUBE.toString());
+ }, 1000);
}
}} />
- YouTube-Verlinkung
+
-
+ loading...
{/if}