IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Wrapperd playlist controls in clickoutsidewrapper

Browse Source
This commit is contained in:
Peter Holmberg 2019-03-05 12:08:57 +01:00
parent b4df0e73cd
commit 978cdfba00
1 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
public/app/features/dashboard/components/DashNav/DashNav.tsx
View File

@ -16,6 +16,7 @@ import { updateLocation } from 'app/core/actions';
// Types // Types
import { DashboardModel } from '../../state'; import { DashboardModel } from '../../state';
import { ClickOutsideWrapper } from '../../../../core/components/ClickOutsideWrapper/ClickOutsideWrapper';
export interface Props { export interface Props {
dashboard: DashboardModel; dashboard: DashboardModel;
@ -173,26 +174,28 @@ export class DashNav extends PureComponent<Props> {
{this.renderDashboardTitleSearchButton()} {this.renderDashboardTitleSearchButton()}
{this.playlistSrv.isPlaying && ( {this.playlistSrv.isPlaying && (
<div className="navbar-buttons navbar-buttons--playlist"> <ClickOutsideWrapper onClick={this.onPlaylistStop}>
<DashNavButton <div className="navbar-buttons navbar-buttons--playlist">
tooltip="Go to previous dashboard" <DashNavButton
classSuffix="tight" tooltip="Go to previous dashboard"
icon="fa fa-step-backward" classSuffix="tight"
onClick={this.onPlaylistPrev} icon="fa fa-step-backward"
/> onClick={this.onPlaylistPrev}
<DashNavButton />
tooltip="Stop playlist" <DashNavButton
classSuffix="tight" tooltip="Stop playlist"
icon="fa fa-stop" classSuffix="tight"
onClick={this.onPlaylistStop} icon="fa fa-stop"
/> onClick={this.onPlaylistStop}
<DashNavButton />
tooltip="Go to next dashboard" <DashNavButton
classSuffix="tight" tooltip="Go to next dashboard"
icon="fa fa-forward" classSuffix="tight"
onClick={this.onPlaylistNext} icon="fa fa-forward"
/> onClick={this.onPlaylistNext}
</div> />
</div>
</ClickOutsideWrapper>
)} )}
<div className="navbar-buttons navbar-buttons--actions"> <div className="navbar-buttons navbar-buttons--actions">