correct layout (3ed229cc) · Commits · sustech-lms / web

src/routes/(with-class)/[course]/[semester=semester]/+page.svelte

deleted100644 → 0

+0 −117

Original line number	Diff line number	Diff line

		<script lang="ts">
		import PlusCircled from "svelte-radix/PlusCircled.svelte";
		import { Button } from "$lib/components/ui/button";
		import { Separator } from "$lib/components/ui/separator";
		import * as Tabs from "$lib/components/ui/tabs";
		import { ScrollArea } from "$lib/components/ui/scroll-area";
		import { AlbumArtwork, Sidebar, Menu, PodcastEmptyPlaceholder } from "$lib/components/class";
		import { playlists } from "$lib/components/class/data";
		import { listenNowAlbums, madeForYouAlbums } from "$lib/components/class/data";
		import { page } from "$app/stores";

		export const {course, semester} = $page.params
		</script>


		<!-- <div>This is {course} - {semester}</div> -->
		<div class=" md:block">
		<!-- <Menu /> -->
		<div class="border-t">
		<div class="bg-background">
		<div class="grid lg:grid-cols-5">
		<Sidebar {playlists} class="hidden lg:block" />
		<div class="col-span-3 lg:col-span-4 lg:border-l">
		<div class="h-full px-4 py-6 lg:px-8">
		<Tabs.Root value="music" class="h-full space-y-6">
		<div class="space-between flex items-center">
		<Tabs.List>
		<Tabs.Trigger value="music" class="relative">
		Music
		</Tabs.Trigger>
		<Tabs.Trigger value="podcasts">Podcasts</Tabs.Trigger>
		<Tabs.Trigger value="live" disabled>Live</Tabs.Trigger>
		</Tabs.List>
		<div class="ml-auto mr-4">
		<Button>
		<PlusCircled class="mr-2 h-4 w-4" />
		Add music
		</Button>
		</div>
		</div>
		<Tabs.Content value="music" class="border-none p-0 outline-none">
		<div class="flex items-center justify-between">
		<div class="space-y-1">
		<h2 class="text-2xl font-semibold tracking-tight">
		Listen Now
		</h2>
		<p class="text-sm text-muted-foreground">
		Top picks for you. Updated daily.
		</p>
		</div>
		</div>
		<Separator class="my-4" />
		<div class="relative">
		<ScrollArea orientation="both">
		<div class="flex space-x-4 pb-4">
		{#each listenNowAlbums as album}
		<AlbumArtwork
		{album}
		class="w-[250px]"
		aspectRatio="portrait"
		width={250}
		height={330}
		/>
		{/each}
		</div>
		</ScrollArea>
		</div>
		<div class="mt-6 space-y-1">
		<h2 class="text-2xl font-semibold tracking-tight">
		Made for You
		</h2>
		<p class="text-sm text-muted-foreground">
		Your personal playlists. Updated daily.
		</p>
		</div>
		<Separator class="my-4" />
		<div class="relative">
		<ScrollArea orientation="both">
		<div class="flex space-x-4 pb-4">
		{#each madeForYouAlbums as album}
		<AlbumArtwork
		{album}
		class="w-[150px]"
		aspectRatio="square"
		width={150}
		height={150}
		/>
		{/each}
		</div>
		</ScrollArea>
		</div>
		</Tabs.Content>
		<Tabs.Content
		value="podcasts"
		class="h-full flex-col border-none p-0 data-[state=active]:flex"
		>
		<div class="flex items-center justify-between">
		<div class="space-y-1">
		<h2 class="text-2xl font-semibold tracking-tight">
		New Episodes
		</h2>
		<p class="text-sm text-muted-foreground">
		Your favorite podcasts. Updated daily.
		</p>
		</div>
		</div>
		<Separator class="my-4" />
		<PodcastEmptyPlaceholder />
		</Tabs.Content>
		</Tabs.Root>
		</div>
		</div>
		</div>
		</div>
		</div>
		</div>
		No newline at end of file

src/routes/(with-class)/[course]/+page.ts→src/routes/(with-session)/(with-class)/+layout.server.ts

+0 −0

File moved.

src/routes/(with-session)/(with-class)/+layout.svelte

0 → 100644

+13 −0

Original line number	Diff line number	Diff line
		<script lang="ts">
		import { AlbumArtwork, Sidebar, Menu, PodcastEmptyPlaceholder } from '$lib/components/class';
		import { playlists } from '$lib/components/class/data';
		</script>

		<div class="bg-background">
		<div class="grid lg:grid-cols-5">
		<Sidebar {playlists} class="hidden lg:block" />
		<div class="col-span-3 lg:col-span-4 lg:border-l">
		<slot />
		</div>
		</div>
		</div>

src/routes/(with-class)/+page.server.ts→src/routes/(with-session)/(with-class)/+page.server.ts

+0 −0

File moved.

View file

src/routes/(with-class)/+page.svelte→src/routes/(with-session)/(with-class)/+page.svelte

+3 −0

Original line number	Diff line number	Diff line
		@@ -34,6 +34,8 @@
		class="hidden dark:block"
		/>
		</div> -->
		<div class="p-8 pt-6">

		<div class="flex items-center justify-between space-y-2">
		<h2 class="text-3xl font-bold tracking-tight">Dashboard</h2>
		<div class="flex items-center space-x-2">
		@@ -115,3 +117,4 @@
		</div>
		</Tabs.Content>
		</Tabs.Root>
		</div>

Admin message