octo/mastoradio-fork
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add current track infos

Browse Source
This commit is contained in:
Tixie
2020-02-16 19:54:55 +01:00
parent 0a00572539
commit 1c74227227
6 changed files with 104 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Viewer.svelte
View File

@ -28,11 +28,24 @@
on:input={event => updateCurrentTime(event.target.value, false)}
on:change={event => updateCurrentTime(event.target.value, true)}
></Progress>
<div class="playerTrack">
<div class="playerTrack__infos">
<div class="playerTrack__name">{$current.title}</div>
<div class="playerTrack__referer">
share by <span class="playerTrack__username">{$current.referer.username}</span>
</div>
</div>
<button class="playerTrack__fav" aria-label="Fav"><IconHeart></IconHeart></button>
</div>
</div>
<script>
import { get } from 'svelte/store'
import IconReduce from '/components/icons/player/Reduce.svelte'
import IconHeart from '/components/icons/Heart.svelte'
import YoutubePlayer from '/components/YoutubePlayer'
import Progress from '/components/player/Progress'
import { paused, muted, volume, current, selectNext, loading } from '/store.js'