mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-05-18 02:41:54 +00:00
fix player file indentation
This commit is contained in:
Timothy Z.
parent
671170a9da
commit
e9d54104d1
1 changed files with 170 additions and 170 deletions
|
|
@ -786,181 +786,181 @@ const Player = ({ urlParams, queryParams }) => {
|
||||||
onMouseMove={onContainerMouseMove}
|
onMouseMove={onContainerMouseMove}
|
||||||
onMouseOver={onContainerMouseMove}
|
onMouseOver={onContainerMouseMove}
|
||||||
onMouseLeave={onContainerMouseLeave}>
|
onMouseLeave={onContainerMouseLeave}>
|
||||||
<Video
|
<Video
|
||||||
ref={video.containerRef}
|
ref={video.containerRef}
|
||||||
className={styles['layer']}
|
className={styles['layer']}
|
||||||
onClick={onVideoClick}
|
onClick={onVideoClick}
|
||||||
onDoubleClick={onVideoDoubleClick}
|
onDoubleClick={onVideoDoubleClick}
|
||||||
/>
|
/>
|
||||||
{
|
{
|
||||||
!video.state.loaded ?
|
!video.state.loaded ?
|
||||||
<div className={classnames(styles['layer'], styles['background-layer'])}>
|
<div className={classnames(styles['layer'], styles['background-layer'])}>
|
||||||
<img className={styles['image']} src={player?.metaItem?.content?.background} />
|
<img className={styles['image']} src={player?.metaItem?.content?.background} />
|
||||||
</div>
|
</div>
|
||||||
:
|
:
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
{
|
{
|
||||||
(video.state.buffering || !video.state.loaded) && !error ?
|
(video.state.buffering || !video.state.loaded) && !error ?
|
||||||
<BufferingLoader
|
<BufferingLoader
|
||||||
ref={bufferingRef}
|
ref={bufferingRef}
|
||||||
className={classnames(styles['layer'], styles['buffering-layer'])}
|
className={classnames(styles['layer'], styles['buffering-layer'])}
|
||||||
logo={player?.metaItem?.content?.logo}
|
logo={player?.metaItem?.content?.logo}
|
||||||
/>
|
|
||||||
:
|
|
||||||
null
|
|
||||||
}
|
|
||||||
{
|
|
||||||
error !== null ?
|
|
||||||
<Error
|
|
||||||
ref={errorRef}
|
|
||||||
className={classnames(styles['layer'], styles['error-layer'])}
|
|
||||||
stream={video.state.stream}
|
|
||||||
{...error}
|
|
||||||
/>
|
|
||||||
:
|
|
||||||
null
|
|
||||||
}
|
|
||||||
{
|
|
||||||
menusOpen ?
|
|
||||||
<div className={styles['layer']} />
|
|
||||||
:
|
|
||||||
null
|
|
||||||
}
|
|
||||||
{
|
|
||||||
video.state.volume !== null && overlayHidden ?
|
|
||||||
<VolumeChangeIndicator
|
|
||||||
muted={video.state.muted}
|
|
||||||
volume={video.state.volume}
|
|
||||||
/>
|
|
||||||
:
|
|
||||||
null
|
|
||||||
}
|
|
||||||
<ContextMenu on={[video.containerRef, bufferingRef, errorRef]} autoClose>
|
|
||||||
<OptionsMenu
|
|
||||||
className={classnames(styles['layer'], styles['menu-layer'])}
|
|
||||||
stream={player?.selected?.stream}
|
|
||||||
playbackDevices={playbackDevices}
|
|
||||||
extraSubtitlesTracks={extraSubtitleTracks}
|
|
||||||
selectedExtraSubtitlesTrackId={selectedExtraSubtitleTrackId}
|
|
||||||
/>
|
/>
|
||||||
</ContextMenu>
|
:
|
||||||
<HorizontalNavBar
|
null
|
||||||
className={classnames(styles['layer'], styles['nav-bar-layer'])}
|
}
|
||||||
title={player.title !== null ? player.title : ''}
|
{
|
||||||
backButton={true}
|
error !== null ?
|
||||||
fullscreenButton={true}
|
<Error
|
||||||
hdrInfo={video.state.hdrInfo}
|
ref={errorRef}
|
||||||
onMouseMove={onBarMouseMove}
|
className={classnames(styles['layer'], styles['error-layer'])}
|
||||||
onMouseOver={onBarMouseMove}
|
stream={video.state.stream}
|
||||||
|
{...error}
|
||||||
|
/>
|
||||||
|
:
|
||||||
|
null
|
||||||
|
}
|
||||||
|
{
|
||||||
|
menusOpen ?
|
||||||
|
<div className={styles['layer']} />
|
||||||
|
:
|
||||||
|
null
|
||||||
|
}
|
||||||
|
{
|
||||||
|
video.state.volume !== null && overlayHidden ?
|
||||||
|
<VolumeChangeIndicator
|
||||||
|
muted={video.state.muted}
|
||||||
|
volume={video.state.volume}
|
||||||
|
/>
|
||||||
|
:
|
||||||
|
null
|
||||||
|
}
|
||||||
|
<ContextMenu on={[video.containerRef, bufferingRef, errorRef]} autoClose>
|
||||||
|
<OptionsMenu
|
||||||
|
className={classnames(styles['layer'], styles['menu-layer'])}
|
||||||
|
stream={player?.selected?.stream}
|
||||||
|
playbackDevices={playbackDevices}
|
||||||
|
extraSubtitlesTracks={extraSubtitleTracks}
|
||||||
|
selectedExtraSubtitlesTrackId={selectedExtraSubtitleTrackId}
|
||||||
/>
|
/>
|
||||||
{
|
</ContextMenu>
|
||||||
player.metaItem?.type === 'Ready' ?
|
<HorizontalNavBar
|
||||||
<SideDrawerButton
|
className={classnames(styles['layer'], styles['nav-bar-layer'])}
|
||||||
className={classnames(styles['layer'], styles['side-drawer-button-layer'])}
|
title={player.title !== null ? player.title : ''}
|
||||||
onClick={toggleSideDrawer}
|
backButton={true}
|
||||||
/>
|
fullscreenButton={true}
|
||||||
:
|
hdrInfo={video.state.hdrInfo}
|
||||||
null
|
onMouseMove={onBarMouseMove}
|
||||||
}
|
onMouseOver={onBarMouseMove}
|
||||||
<ControlBar
|
/>
|
||||||
ref={controlBarRef}
|
{
|
||||||
className={classnames(styles['layer'], styles['control-bar-layer'])}
|
player.metaItem?.type === 'Ready' ?
|
||||||
paused={video.state.paused}
|
<SideDrawerButton
|
||||||
time={video.state.time}
|
className={classnames(styles['layer'], styles['side-drawer-button-layer'])}
|
||||||
duration={video.state.duration}
|
onClick={toggleSideDrawer}
|
||||||
buffered={video.state.buffered}
|
/>
|
||||||
volume={video.state.volume}
|
:
|
||||||
muted={video.state.muted}
|
null
|
||||||
playbackSpeed={video.state.playbackSpeed}
|
}
|
||||||
subtitlesTracks={allSubtitleTracks}
|
<ControlBar
|
||||||
|
ref={controlBarRef}
|
||||||
|
className={classnames(styles['layer'], styles['control-bar-layer'])}
|
||||||
|
paused={video.state.paused}
|
||||||
|
time={video.state.time}
|
||||||
|
duration={video.state.duration}
|
||||||
|
buffered={video.state.buffered}
|
||||||
|
volume={video.state.volume}
|
||||||
|
muted={video.state.muted}
|
||||||
|
playbackSpeed={video.state.playbackSpeed}
|
||||||
|
subtitlesTracks={allSubtitleTracks}
|
||||||
|
audioTracks={video.state.audioTracks}
|
||||||
|
metaItem={player.metaItem}
|
||||||
|
nextVideo={player.nextVideo}
|
||||||
|
stream={player.selected !== null ? player.selected.stream : null}
|
||||||
|
statistics={statistics}
|
||||||
|
onPlayRequested={onPlayRequested}
|
||||||
|
onPauseRequested={onPauseRequested}
|
||||||
|
onNextVideoRequested={onNextVideoRequested}
|
||||||
|
onMuteRequested={onMuteRequested}
|
||||||
|
onUnmuteRequested={onUnmuteRequested}
|
||||||
|
onVolumeChangeRequested={onVolumeChangeRequested}
|
||||||
|
onSeekRequested={onSeekRequested}
|
||||||
|
onToggleOptionsMenu={toggleOptionsMenu}
|
||||||
|
onToggleSubtitlesMenu={toggleSubtitlesMenu}
|
||||||
|
onToggleAudioMenu={toggleAudioMenu}
|
||||||
|
onToggleSpeedMenu={toggleSpeedMenu}
|
||||||
|
videoScale={video.state.videoScale}
|
||||||
|
videoScaleLabel={VIDEO_SCALE_LABELS[video.state.videoScale || 'contain']}
|
||||||
|
onVideoScaleChanged={onVideoScaleChanged}
|
||||||
|
onToggleStatisticsMenu={toggleStatisticsMenu}
|
||||||
|
onToggleSideDrawer={toggleSideDrawer}
|
||||||
|
onMouseMove={onBarMouseMove}
|
||||||
|
onMouseOver={onBarMouseMove}
|
||||||
|
onTouchEnd={onContainerMouseLeave}
|
||||||
|
/>
|
||||||
|
<Indicator
|
||||||
|
className={classnames(styles['layer'], styles['indicator-layer'])}
|
||||||
|
videoState={video.state}
|
||||||
|
disabled={subtitlesMenuOpen}
|
||||||
|
/>
|
||||||
|
{
|
||||||
|
nextVideoPopupOpen ?
|
||||||
|
<NextVideoPopup
|
||||||
|
className={classnames(styles['layer'], styles['menu-layer'])}
|
||||||
|
metaItem={player.metaItem !== null && player.metaItem.type === 'Ready' ? player.metaItem.content : null}
|
||||||
|
nextVideo={player.nextVideo}
|
||||||
|
onDismiss={onDismissNextVideoPopup}
|
||||||
|
onNextVideoRequested={onNextVideoRequested}
|
||||||
|
/>
|
||||||
|
:
|
||||||
|
null
|
||||||
|
}
|
||||||
|
<Transition when={statisticsMenuOpen} name={'fade'}>
|
||||||
|
<StatisticsMenu
|
||||||
|
className={classnames(styles['layer'], styles['menu-layer'])}
|
||||||
|
{...statistics}
|
||||||
|
/>
|
||||||
|
</Transition>
|
||||||
|
<Transition when={sideDrawerOpen} name={'slide-left'}>
|
||||||
|
<SideDrawer
|
||||||
|
className={classnames(styles['layer'], styles['side-drawer-layer'])}
|
||||||
|
metaItem={player.metaItem?.content}
|
||||||
|
seriesInfo={player.seriesInfo}
|
||||||
|
closeSideDrawer={closeSideDrawer}
|
||||||
|
selected={player.selected?.streamRequest?.path.id}
|
||||||
|
/>
|
||||||
|
</Transition>
|
||||||
|
<Transition when={subtitlesMenuOpen} name={'fade'}>
|
||||||
|
<SubtitlesMenu
|
||||||
|
className={classnames(styles['layer'], styles['menu-layer'])}
|
||||||
|
{...subtitlesMenuProps}
|
||||||
|
/>
|
||||||
|
</Transition>
|
||||||
|
<Transition when={audioMenuOpen} name={'fade'}>
|
||||||
|
<AudioMenu
|
||||||
|
className={classnames(styles['layer'], styles['menu-layer'])}
|
||||||
audioTracks={video.state.audioTracks}
|
audioTracks={video.state.audioTracks}
|
||||||
metaItem={player.metaItem}
|
selectedAudioTrackId={video.state.selectedAudioTrackId}
|
||||||
nextVideo={player.nextVideo}
|
onAudioTrackSelected={onAudioTrackSelected}
|
||||||
stream={player.selected !== null ? player.selected.stream : null}
|
|
||||||
statistics={statistics}
|
|
||||||
onPlayRequested={onPlayRequested}
|
|
||||||
onPauseRequested={onPauseRequested}
|
|
||||||
onNextVideoRequested={onNextVideoRequested}
|
|
||||||
onMuteRequested={onMuteRequested}
|
|
||||||
onUnmuteRequested={onUnmuteRequested}
|
|
||||||
onVolumeChangeRequested={onVolumeChangeRequested}
|
|
||||||
onSeekRequested={onSeekRequested}
|
|
||||||
onToggleOptionsMenu={toggleOptionsMenu}
|
|
||||||
onToggleSubtitlesMenu={toggleSubtitlesMenu}
|
|
||||||
onToggleAudioMenu={toggleAudioMenu}
|
|
||||||
onToggleSpeedMenu={toggleSpeedMenu}
|
|
||||||
videoScale={video.state.videoScale}
|
|
||||||
videoScaleLabel={VIDEO_SCALE_LABELS[video.state.videoScale || 'contain']}
|
|
||||||
onVideoScaleChanged={onVideoScaleChanged}
|
|
||||||
onToggleStatisticsMenu={toggleStatisticsMenu}
|
|
||||||
onToggleSideDrawer={toggleSideDrawer}
|
|
||||||
onMouseMove={onBarMouseMove}
|
|
||||||
onMouseOver={onBarMouseMove}
|
|
||||||
onTouchEnd={onContainerMouseLeave}
|
|
||||||
/>
|
/>
|
||||||
<Indicator
|
</Transition>
|
||||||
className={classnames(styles['layer'], styles['indicator-layer'])}
|
<Transition when={speedMenuOpen} name={'fade'}>
|
||||||
videoState={video.state}
|
<SpeedMenu
|
||||||
disabled={subtitlesMenuOpen}
|
className={classnames(styles['layer'], styles['menu-layer'])}
|
||||||
|
playbackSpeed={video.state.playbackSpeed}
|
||||||
|
onPlaybackSpeedChanged={onPlaybackSpeedChanged}
|
||||||
/>
|
/>
|
||||||
{
|
</Transition>
|
||||||
nextVideoPopupOpen ?
|
<Transition when={optionsMenuOpen} name={'fade'}>
|
||||||
<NextVideoPopup
|
<OptionsMenu
|
||||||
className={classnames(styles['layer'], styles['menu-layer'])}
|
className={classnames(styles['layer'], styles['menu-layer'])}
|
||||||
metaItem={player.metaItem !== null && player.metaItem.type === 'Ready' ? player.metaItem.content : null}
|
stream={player.selected?.stream}
|
||||||
nextVideo={player.nextVideo}
|
playbackDevices={playbackDevices}
|
||||||
onDismiss={onDismissNextVideoPopup}
|
extraSubtitlesTracks={extraSubtitleTracks}
|
||||||
onNextVideoRequested={onNextVideoRequested}
|
selectedExtraSubtitlesTrackId={selectedExtraSubtitleTrackId}
|
||||||
/>
|
/>
|
||||||
:
|
</Transition>
|
||||||
null
|
|
||||||
}
|
|
||||||
<Transition when={statisticsMenuOpen} name={'fade'}>
|
|
||||||
<StatisticsMenu
|
|
||||||
className={classnames(styles['layer'], styles['menu-layer'])}
|
|
||||||
{...statistics}
|
|
||||||
/>
|
|
||||||
</Transition>
|
|
||||||
<Transition when={sideDrawerOpen} name={'slide-left'}>
|
|
||||||
<SideDrawer
|
|
||||||
className={classnames(styles['layer'], styles['side-drawer-layer'])}
|
|
||||||
metaItem={player.metaItem?.content}
|
|
||||||
seriesInfo={player.seriesInfo}
|
|
||||||
closeSideDrawer={closeSideDrawer}
|
|
||||||
selected={player.selected?.streamRequest?.path.id}
|
|
||||||
/>
|
|
||||||
</Transition>
|
|
||||||
<Transition when={subtitlesMenuOpen} name={'fade'}>
|
|
||||||
<SubtitlesMenu
|
|
||||||
className={classnames(styles['layer'], styles['menu-layer'])}
|
|
||||||
{...subtitlesMenuProps}
|
|
||||||
/>
|
|
||||||
</Transition>
|
|
||||||
<Transition when={audioMenuOpen} name={'fade'}>
|
|
||||||
<AudioMenu
|
|
||||||
className={classnames(styles['layer'], styles['menu-layer'])}
|
|
||||||
audioTracks={video.state.audioTracks}
|
|
||||||
selectedAudioTrackId={video.state.selectedAudioTrackId}
|
|
||||||
onAudioTrackSelected={onAudioTrackSelected}
|
|
||||||
/>
|
|
||||||
</Transition>
|
|
||||||
<Transition when={speedMenuOpen} name={'fade'}>
|
|
||||||
<SpeedMenu
|
|
||||||
className={classnames(styles['layer'], styles['menu-layer'])}
|
|
||||||
playbackSpeed={video.state.playbackSpeed}
|
|
||||||
onPlaybackSpeedChanged={onPlaybackSpeedChanged}
|
|
||||||
/>
|
|
||||||
</Transition>
|
|
||||||
<Transition when={optionsMenuOpen} name={'fade'}>
|
|
||||||
<OptionsMenu
|
|
||||||
className={classnames(styles['layer'], styles['menu-layer'])}
|
|
||||||
stream={player.selected?.stream}
|
|
||||||
playbackDevices={playbackDevices}
|
|
||||||
extraSubtitlesTracks={extraSubtitleTracks}
|
|
||||||
selectedExtraSubtitlesTrackId={selectedExtraSubtitleTrackId}
|
|
||||||
/>
|
|
||||||
</Transition>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue