Breaking change: Custom settings menu has slot name now
This commit is contained in:
parent
2370518319
commit
29aaefd4f7
2 changed files with 20 additions and 11 deletions
|
@ -11,6 +11,8 @@ const {
|
|||
VideoAttributes,
|
||||
AudioAttributes,
|
||||
|
||||
ShowBackAndForward,
|
||||
|
||||
YouTube = false,
|
||||
YouTubeQuality = '137',
|
||||
Invidious,
|
||||
|
@ -68,12 +70,16 @@ import './Styles/Iconoir.css'
|
|||
null
|
||||
}
|
||||
{SettingsMenu ?
|
||||
<Controls PlayerName={PlayerName} Live={Live}>
|
||||
<Controls ShowBackAndForward={ShowBackAndForward} PlayerName={PlayerName} Live={Live}>
|
||||
<button id="open-zorn-settings-button" onclick="OpenZornMenu()"><i class="iconoir-settings"></i></button>
|
||||
<slot/>
|
||||
<div id="settings" class="vc-menu">
|
||||
<slot name="menu"/>
|
||||
{Whitelabel ? <a class="vc-menu-whitelabel" aria-label="Zorn Player Whitelabel" href="https://studio.sudovanilla.org/" target="_blank">Zorn Player</a> : null}
|
||||
</div>
|
||||
<slot name="extra-menus"/>
|
||||
</Controls>
|
||||
:
|
||||
<Controls PlayerName={PlayerName} Live={Live}/>
|
||||
<Controls ShowBackAndForward={ShowBackAndForward} PlayerName={PlayerName} Live={Live}/>
|
||||
}
|
||||
<Controller PlayerName={PlayerName}/>
|
||||
<Seek PlayerName={PlayerName}/>
|
||||
|
|
|
@ -14,8 +14,9 @@ import {Zorn} from '@minpluto/zorn'
|
|||
Video="https://ocean.sudovanilla.org/media/videos/Ennie%20and%20Yoyki/Ennie%20and%20Yoyki%3A%20Non-Girly%20Games.mp4"
|
||||
CustomControlsWithMenu
|
||||
SettingsMenu
|
||||
Whitelabel
|
||||
>
|
||||
<div id="settings" class="vc-menu">
|
||||
<slot slot="menu">
|
||||
<button>Stats for Geeks</button>
|
||||
<hr/>
|
||||
<button>Open Video URL <i class="iconoir-arrow-up-right"></i></button>
|
||||
|
@ -25,13 +26,15 @@ import {Zorn} from '@minpluto/zorn'
|
|||
<button id="has-switch">Milieu <i class="iconoir-switch-off"></i></button>
|
||||
<button>Close Captions <i class="iconoir-nav-arrow-right"></i></button>
|
||||
<button onclick="PlayerMenu_Quality()">Quality <i class="iconoir-nav-arrow-right"></i></button>
|
||||
</div>
|
||||
</slot>
|
||||
<slot slot="extra-menus">
|
||||
<div id="quality-changer" class="vc-menu">
|
||||
<button onclick="OpenZornMenu()"><span style="display: flex; align-items: center;"><i class="iconoir-nav-arrow-left"></i> Back</span></button>
|
||||
<button>1080p</button>
|
||||
<button>720p</button>
|
||||
<button>360p</button>
|
||||
</div>
|
||||
</slot>
|
||||
</Zorn>
|
||||
<slot slot="info">
|
||||
<p>Source: <a href="https://www.youtube.com/watch?v=MuyJtxzyU3o">YouTube</a></p>
|
||||
|
|
Loading…
Reference in a new issue