blade/materialious
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor improvements

Browse Source
This commit is contained in:
WardPearce
2024-03-15 22:44:24 +13:00
parent e515e08d8c
commit a597e7e889
7 changed files with 49 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
materialious/src/lib/Thumbnail.svelte
+1 -5
View File
@@ -33,11 +33,7 @@
</script>
<article class="no-padding transparent" style="width: 100%;">
<a
class="wave"
style="width: 100%;height: 155px; overflow: hidden;"
href={`/watch/${video.videoId}`}
>
<a class="wave" style="width: 100%; overflow: hidden;" href={`/watch/${video.videoId}`}>
{#if loading}
<progress class="circle"></progress>
{:else if loaded}
materialious/src/lib/VideoList.svelte
+38
View File
@@ -0,0 +1,38 @@
<script lang="ts">
import { get } from 'svelte/store';
import { activePage } from '../store';
import type { Video, VideoBase } from './Api/model';
import PageLoading from './PageLoading.svelte';
import Thumbnail from './Thumbnail.svelte';
export let videos: VideoBase[] | Video[] | Notification[] = [];
</script>
<h2>{get(activePage)}</h2>
<div class="divider"></div>
{#if videos.length > 0}
<div class="page right active">
<div class="space"></div>
<div class="grid">
{#each videos as video}
<div class="s12 m6 l2">
<Thumbnail {video} />
</div>
{/each}
</div>
</div>
{:else}
<PageLoading />
{/if}
<style>
h2 {
color: var(--secondary-text);
padding: 0.2em;
text-transform: capitalize;
display: flex;
justify-content: center;
}
</style>
materialious/src/routes/+page.svelte
+2 -16
View File
@@ -1,6 +1,5 @@
<script lang="ts">
import PageLoading from '$lib/PageLoading.svelte';
import Thumbnail from '$lib/Thumbnail.svelte';
import VideoList from '$lib/VideoList.svelte';
import { activePage } from '../store.js';
export let data;
@@ -8,17 +7,4 @@
activePage.set('home');
</script>
{#if data}
<div class="page right active">
<div class="space"></div>
<div class="grid">
{#each data.popular as video}
<div class="s12 m6 l2">
<Thumbnail {video} />
</div>
{/each}
</div>
</div>
{:else}
<PageLoading />
{/if}
<VideoList videos={data.popular} />
materialious/src/routes/history/+page.svelte
+2 -16
View File
@@ -1,8 +1,7 @@
<script lang="ts">
import { getHistory, getVideo } from '$lib/Api';
import type { VideoPlay } from '$lib/Api/model';
import PageLoading from '$lib/PageLoading.svelte';
import Thumbnail from '$lib/Thumbnail.svelte';
import VideoList from '$lib/VideoList.svelte';
import { onMount } from 'svelte';
import { activePage } from '../../store';
@@ -26,17 +25,4 @@
});
</script>
{#if loaded}
<div class="page right active">
<div class="space"></div>
<div class="grid">
{#each history as video}
<div class="s12 m6 l2">
<Thumbnail {video} />
</div>
{/each}
</div>
</div>
{:else}
<PageLoading />
{/if}
<VideoList videos={history} />
materialious/src/routes/search/[slug]/+page.svelte
+2 -16
View File
@@ -1,6 +1,5 @@
<script lang="ts">
import PageLoading from '$lib/PageLoading.svelte';
import Thumbnail from '$lib/Thumbnail.svelte';
import VideoList from '$lib/VideoList.svelte';
import { activePage } from '../../../store';
export let data;
@@ -8,17 +7,4 @@
activePage.set(null);
</script>
{#if data}
<div class="page right active">
<div class="space"></div>
<div class="grid">
{#each data.search as video}
<div class="s12 m6 l2">
<Thumbnail {video} />
</div>
{/each}
</div>
</div>
{:else}
<PageLoading />
{/if}
<VideoList videos={data.search} />
materialious/src/routes/subscriptions/+page.svelte
+2 -16
View File
@@ -1,6 +1,5 @@
<script lang="ts">
import PageLoading from '$lib/PageLoading.svelte';
import Thumbnail from '$lib/Thumbnail.svelte';
import VideoList from '$lib/VideoList.svelte';
import { activePage } from '../../store.js';
export let data;
@@ -8,17 +7,4 @@
activePage.set('subscriptions');
</script>
{#if data}
<div class="page right active">
<div class="space"></div>
<div class="grid">
{#each [...data.feed.notifications, ...data.feed.videos] as video}
<div class="s12 m6 l2">
<Thumbnail {video} />
</div>
{/each}
</div>
</div>
{:else}
<PageLoading />
{/if}
<VideoList videos={[...data.feed.videos, ...data.feed.notifications]} />
materialious/src/routes/trending/+page.svelte
+2 -16
View File
@@ -1,6 +1,5 @@
<script lang="ts">
import PageLoading from '$lib/PageLoading.svelte';
import Thumbnail from '$lib/Thumbnail.svelte';
import VideoList from '$lib/VideoList.svelte';
import { activePage } from '../../store.js';
export let data;
@@ -8,17 +7,4 @@
activePage.set('trending');
</script>
{#if data}
<div class="page right active">
<div class="space"></div>
<div class="grid">
{#each data.trending as video}
<div class="s12 m6 l2">
<Thumbnail {video} />
</div>
{/each}
</div>
</div>
{:else}
<PageLoading />
{/if}
<VideoList videos={data.trending} />