sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-08 08:39:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix visual bug with expanded state without media status

Browse Source
This commit is contained in:
hensm
2022-08-24 02:27:44 +01:00
parent ac46802431
commit 474415c352
1 changed files with 45 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
ext/src/ui/popup/Receiver.svelte
View File

@@ -126,54 +126,52 @@
}} }}
/> />
{#if isExpanded} {#if isExpanded && mediaStatus}
<div class="receiver__expanded"> <div class="receiver__expanded">
{#if mediaStatus} <ReceiverMedia
<ReceiverMedia status={mediaStatus}
status={mediaStatus} {device}
{device} on:togglePlayback={() => {
on:togglePlayback={() => { switch (mediaStatus?.playerState) {
switch (mediaStatus?.playerState) { case PlayerState.PLAYING:
case PlayerState.PLAYING: sendMediaMessage({ type: "PAUSE" });
sendMediaMessage({ type: "PAUSE" }); break;
break; case PlayerState.PAUSED:
case PlayerState.PAUSED: sendMediaMessage({ type: "PLAY" });
sendMediaMessage({ type: "PLAY" }); break;
break; }
} }}
}} on:previous={() => {
on:previous={() => { sendMediaMessage({
sendMediaMessage({ type: "QUEUE_UPDATE",
type: "QUEUE_UPDATE", jump: -1
jump: -1 });
}); }}
}} on:next={() => {
on:next={() => { sendMediaMessage({
sendMediaMessage({ type: "QUEUE_UPDATE",
type: "QUEUE_UPDATE", jump: 1
jump: 1 });
}); }}
}} on:seek={ev => {
on:seek={ev => { sendMediaMessage({
sendMediaMessage({ type: "SEEK",
type: "SEEK", currentTime: ev.detail.position
currentTime: ev.detail.position });
}); }}
}} on:trackChanged={ev => {
on:trackChanged={ev => { sendMediaMessage({
sendMediaMessage({ type: "EDIT_TRACKS_INFO",
type: "EDIT_TRACKS_INFO", activeTrackIds: ev.detail.activeTrackIds
activeTrackIds: ev.detail.activeTrackIds });
}); }}
}} on:volumeChanged={ev => {
on:volumeChanged={ev => { sendReceiverMessage({
sendReceiverMessage({ type: "SET_VOLUME",
type: "SET_VOLUME", volume: ev.detail
volume: ev.detail });
}); }}
}} />
/>
{/if}
</div> </div>
{/if} {/if}
</li> </li>