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

console logs and code layout

Browse Source
This commit is contained in:
Peter Holmberg 2018-11-29 14:22:43 +01:00
parent b856ae3957
commit efb71d1026
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,6 +33,7 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
return threshold; return threshold;
}); });
// Setting value to a value between the new threshold.
const value = newThresholds[index].value - (newThresholds[index].value - newThresholds[index - 1].value) / 2; const value = newThresholds[index].value - (newThresholds[index].value - newThresholds[index - 1].value) / 2;
this.setState( this.setState(
@ -57,12 +58,12 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
onChangeThresholdValue = (event, threshold) => { onChangeThresholdValue = (event, threshold) => {
const { thresholds } = this.state; const { thresholds } = this.state;
const newThresholds = thresholds.map(currentThreshold => { const newThresholds = thresholds.map(t => {
if (currentThreshold === threshold) { if (t === threshold) {
currentThreshold = { ...currentThreshold, value: event.target.value }; t = { ...t, value: event.target.value };
} }
return currentThreshold; return t;
}); });
this.setState({ this.setState({
@ -73,12 +74,12 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
onChangeThresholdColor = (threshold, color) => { onChangeThresholdColor = (threshold, color) => {
const { thresholds } = this.state; const { thresholds } = this.state;
const newThresholds = thresholds.map(currentThreshold => { const newThresholds = thresholds.map(t => {
if (currentThreshold === threshold) { if (t === threshold) {
currentThreshold = { ...currentThreshold, color: color }; t = { ...t, color: color };
} }
return currentThreshold; return t;
}); });
this.setState( this.setState(
@ -112,11 +113,9 @@ export default class Thresholds extends PureComponent<PanelOptionsProps<OptionsP
if (index === 0) { if (index === 0) {
return thresholds[0].color; return thresholds[0].color;
} else if (index < thresholds.length) {
return thresholds[index].color;
} }
return 'rgb(212, 74, 58)'; return index < thresholds.length ? thresholds[index].color : 'rgb(212, 74, 58)';
} }
renderNoThresholds() { renderNoThresholds() {

3
public/app/viz/Gauge.tsx
View File

@ -41,7 +41,6 @@ export class Gauge extends PureComponent<Props> {
} }
componentDidUpdate(prevProps: Props) { componentDidUpdate(prevProps: Props) {
console.log('did update');
this.draw(); this.draw();
} }
@ -82,8 +81,6 @@ export class Gauge extends PureComponent<Props> {
}; };
}); });
console.log(formattedThresholds);
const options = { const options = {
series: { series: {
gauges: { gauges: {