Skip to content

N
nexpie-grafana-theme
Commit 5adb0f79 by Torkel Ödegaard
Options

wip

parent be7e7fcb
Showing with 20 additions and 25 deletions
public/app/features/dashboard/dashgrid/VisualizationTab.tsx
...@@ -106,7 +106,7 @@ export class VisualizationTab extends PureComponent<Props, State> { ...@@ -106,7 +106,7 @@ export class VisualizationTab extends PureComponent<Props, State> {
template += template +=
` `
<div class="form-section" ng-cloak>` + <div class="form-section" ng-cloak>` +
(i > -1 ? `<div class="form-section__header">{{ctrl.editorTabs[${i}].title}}</div>` : '') + (i > 0 ? `<div class="form-section__header">{{ctrl.editorTabs[${i}].title}}</div>` : '') +
`<div class="form-section__body"> `<div class="form-section__body">
<panel-editor-tab editor-tab="ctrl.editorTabs[${i}]" ctrl="ctrl"></panel-editor-tab> <panel-editor-tab editor-tab="ctrl.editorTabs[${i}]" ctrl="ctrl"></panel-editor-tab>
</div> </div>
...@@ -155,23 +155,23 @@ export class VisualizationTab extends PureComponent<Props, State> { ...@@ -155,23 +155,23 @@ export class VisualizationTab extends PureComponent<Props, State> {
const { plugin } = this.props; const { plugin } = this.props;
const { searchQuery } = this.state; const { searchQuery } = this.state;
if (this.state.isVizPickerOpen) { // if (this.state.isVizPickerOpen) {
return ( // return (
<> // <>
<label className="gf-form--has-input-icon"> // <label className="gf-form--has-input-icon">
<input // <input
type="text" // type="text"
className="gf-form-input width-13" // className="gf-form-input width-13"
placeholder="" // placeholder=""
onChange={this.onSearchQueryChange} // onChange={this.onSearchQueryChange}
value={searchQuery} // value={searchQuery}
ref={elem => elem && elem.focus()} // ref={elem => elem && elem.focus()}
/> // />
<i className="gf-form-input-icon fa fa-search" /> // <i className="gf-form-input-icon fa fa-search" />
</label> // </label>
</> // </>
); // );
} else { // } else {
return ( return (
<div className="toolbar__main" onClick={this.onOpenVizPicker}> <div className="toolbar__main" onClick={this.onOpenVizPicker}>
<img className="toolbar__main-image" src={plugin.info.logos.small} /> <img className="toolbar__main-image" src={plugin.info.logos.small} />
...@@ -179,7 +179,7 @@ export class VisualizationTab extends PureComponent<Props, State> { ...@@ -179,7 +179,7 @@ export class VisualizationTab extends PureComponent<Props, State> {
<i className="fa fa-caret-down" /> <i className="fa fa-caret-down" />
</div> </div>
); );
} // }
}; };
onTypeChanged = (plugin: PanelPlugin) => { onTypeChanged = (plugin: PanelPlugin) => {
...@@ -201,12 +201,7 @@ export class VisualizationTab extends PureComponent<Props, State> { ...@@ -201,12 +201,7 @@ export class VisualizationTab extends PureComponent<Props, State> {
<EditorTabBody heading="Visualization" renderToolbar={this.renderToolbar} toolbarItems={[panelHelp]}> <EditorTabBody heading="Visualization" renderToolbar={this.renderToolbar} toolbarItems={[panelHelp]}>
<> <>
<FadeIn in={isVizPickerOpen} duration={200} unmountOnExit={true}> <FadeIn in={isVizPickerOpen} duration={200} unmountOnExit={true}>
<VizTypePicker <VizTypePicker current={plugin} onTypeChanged={this.onTypeChanged} searchQuery={searchQuery} onClose={this.onCloseVizPicker} />
current={plugin}
onTypeChanged={this.onTypeChanged}
searchQuery={searchQuery}
onClose={this.onCloseVizPicker}
/>
</FadeIn> </FadeIn>
{this.renderPanelOptions()} {this.renderPanelOptions()}
</> </>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment