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

redid props for gauge options

Browse Source
This commit is contained in:
Peter Holmberg 2018-12-03 09:37:45 +01:00
parent de9137a7c7
commit fd8fe35e29
4 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
public/app/plugins/panel/gauge/GaugeOptions.tsx
View File

@ -1,9 +1,8 @@
import React, { PureComponent } from 'react'; import React, { PureComponent } from 'react';
import { Switch } from 'app/core/components/Switch/Switch'; import { Switch } from 'app/core/components/Switch/Switch';
import { PanelOptionsProps } from 'app/types'; import { OptionModuleProps } from './module';
import { OptionsProps } from './module';
export default class GaugeOptions extends PureComponent<PanelOptionsProps<OptionsProps>> { export default class GaugeOptions extends PureComponent<OptionModuleProps> {
toggleThresholdLabels = () => toggleThresholdLabels = () =>
this.props.onChange({ ...this.props.options, showThresholdLabels: !this.props.options.showThresholdLabels }); this.props.onChange({ ...this.props.options, showThresholdLabels: !this.props.options.showThresholdLabels });

6
public/app/plugins/panel/gauge/Thresholds.tsx
View File

@ -1,8 +1,8 @@
import React, { PureComponent } from 'react'; import React, { PureComponent } from 'react';
import classNames from 'classnames/bind'; import classNames from 'classnames/bind';
import { ColorPicker } from 'app/core/components/colorpicker/ColorPicker'; import { ColorPicker } from 'app/core/components/colorpicker/ColorPicker';
import { PanelOptionsProps, Threshold } from 'app/types'; import { OptionModuleProps } from './module';
import { OptionsProps } from './module'; import { Threshold } from 'app/types';
interface State { interface State {
thresholds: Threshold[]; thresholds: Threshold[];
@ -14,7 +14,7 @@ enum BasicGaugeColor {
Red = 'rgb(212, 74, 58)', Red = 'rgb(212, 74, 58)',
} }
export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsProps>, State> { export default class Thresholds extends PureComponent<OptionModuleProps, State> {
constructor(props) { constructor(props) {
super(props); super(props);

5
public/app/plugins/panel/gauge/ValueOptions.tsx
View File

@ -2,8 +2,7 @@ import React, { PureComponent } from 'react';
import { Label } from 'app/core/components/Label/Label'; import { Label } from 'app/core/components/Label/Label';
import SimplePicker from 'app/core/components/Picker/SimplePicker'; import SimplePicker from 'app/core/components/Picker/SimplePicker';
import UnitPicker from 'app/core/components/Picker/Unit/UnitPicker'; import UnitPicker from 'app/core/components/Picker/Unit/UnitPicker';
import { PanelOptionsProps } from 'app/types'; import { OptionModuleProps } from './module';
import { OptionsProps } from './module';
const statOptions = [ const statOptions = [
{ value: 'min', text: 'Min' }, { value: 'min', text: 'Min' },
@ -21,7 +20,7 @@ const statOptions = [
const labelWidth = 6; const labelWidth = 6;
export default class ValueOptions extends PureComponent<PanelOptionsProps<OptionsProps>> { export default class ValueOptions extends PureComponent<OptionModuleProps> {
onUnitChange = unit => this.props.onChange({ ...this.props.options, unit: unit.value }); onUnitChange = unit => this.props.onChange({ ...this.props.options, unit: unit.value });
onStatChange = stat => this.props.onChange({ ...this.props.options, stat: stat.value }); onStatChange = stat => this.props.onChange({ ...this.props.options, stat: stat.value });

5
public/app/plugins/panel/gauge/module.tsx
View File

@ -17,6 +17,11 @@ export interface OptionsProps {
thresholds: Threshold[]; thresholds: Threshold[];
} }
export interface OptionModuleProps {
onChange: (item: any) => void;
options: OptionsProps;
}
export const defaultProps = { export const defaultProps = {
options: { options: {
minValue: 0, minValue: 0,