From 8b4eefa768a1ab5d9a5948fba971835b6e45aa0e Mon Sep 17 00:00:00 2001
From: corpglory-dev <dev@corpglory.com>
Date: Fri, 15 Feb 2019 20:43:51 +0300
Subject: [PATCH] Initial commit

---
 .../src/components/Piechart/Piechart.tsx      |  60 ++++++++++++++++++
 packages/grafana-ui/src/components/index.ts   |   1 +
 .../plugins/panel/piechart/PiechartPanel.tsx  |  43 +++++++++++++
 .../panel/piechart/PiechartPanelOptions.tsx   |  30 +++++++++
 .../plugins/panel/piechart/ValueOptions.tsx   |  42 ++++++++++++
 .../piechart/img/piechart_logo_large.png      | Bin 0 -> 3723 bytes
 .../piechart/img/piechart_logo_small.png      | Bin 0 -> 2629 bytes
 public/app/plugins/panel/piechart/module.tsx  |   4 ++
 public/app/plugins/panel/piechart/plugin.json |  18 ++++++
 public/app/plugins/panel/piechart/types.ts    |   7 ++
 10 files changed, 205 insertions(+)
 create mode 100644 packages/grafana-ui/src/components/Piechart/Piechart.tsx
 create mode 100644 public/app/plugins/panel/piechart/PiechartPanel.tsx
 create mode 100644 public/app/plugins/panel/piechart/PiechartPanelOptions.tsx
 create mode 100644 public/app/plugins/panel/piechart/ValueOptions.tsx
 create mode 100644 public/app/plugins/panel/piechart/img/piechart_logo_large.png
 create mode 100644 public/app/plugins/panel/piechart/img/piechart_logo_small.png
 create mode 100644 public/app/plugins/panel/piechart/module.tsx
 create mode 100644 public/app/plugins/panel/piechart/plugin.json
 create mode 100644 public/app/plugins/panel/piechart/types.ts

diff --git a/packages/grafana-ui/src/components/Piechart/Piechart.tsx b/packages/grafana-ui/src/components/Piechart/Piechart.tsx
new file mode 100644
index 00000000000..c57d4c43ce8
--- /dev/null
+++ b/packages/grafana-ui/src/components/Piechart/Piechart.tsx
@@ -0,0 +1,60 @@
+import React, { PureComponent } from 'react';
+
+import { GrafanaThemeType } from '../../types';
+import { Themeable } from '../../index';
+
+export interface Props extends Themeable {
+  height: number;
+  width: number;
+
+  unit: string;
+  value: number;
+  pieType: string;
+  format: string;
+  stat: string;
+  strokeWidth: number;
+}
+
+export class Piechart extends PureComponent<Props> {
+  canvasElement: any;
+
+  static defaultProps = {
+    pieType: 'pie',
+    format: 'short',
+    valueName: 'current',
+    strokeWidth: 1,
+    theme: GrafanaThemeType.Dark,
+  };
+
+  componentDidMount() {
+    this.draw();
+  }
+
+  componentDidUpdate() {
+    this.draw();
+  }
+
+  draw() {
+    // const { width, height, theme, value } = this.props;
+  }
+
+  render() {
+    const { height, width } = this.props;
+
+    return (
+      <div className="piechart-panel">
+        <div
+          style={{
+            height: `${height * 0.9}px`,
+            width: `${Math.min(width, height * 1.3)}px`,
+            top: '10px',
+            margin: 'auto',
+          }}
+          ref={element => (this.canvasElement = element)}
+        />
+      </div>
+    );
+  }
+}
+
+export default Piechart;
diff --git a/packages/grafana-ui/src/components/index.ts b/packages/grafana-ui/src/components/index.ts
index 86ce9347dad..329cbbfc9ba 100644
--- a/packages/grafana-ui/src/components/index.ts
+++ b/packages/grafana-ui/src/components/index.ts
@@ -24,3 +24,4 @@ export { ValueMappingsEditor } from './ValueMappingsEditor/ValueMappingsEditor';
 export { Gauge } from './Gauge/Gauge';
 export { Switch } from './Switch/Switch';
 export { EmptySearchResult } from './EmptySearchResult/EmptySearchResult';
+export { Piechart } from './Piechart/Piechart';
diff --git a/public/app/plugins/panel/piechart/PiechartPanel.tsx b/public/app/plugins/panel/piechart/PiechartPanel.tsx
new file mode 100644
index 00000000000..c3c15b35598
--- /dev/null
+++ b/public/app/plugins/panel/piechart/PiechartPanel.tsx
@@ -0,0 +1,43 @@
+// Libraries
+import React, { PureComponent } from 'react';
+
+// Services & Utils
+import { processTimeSeries, ThemeContext } from '@grafana/ui';
+
+// Components
+import { Piechart } from '@grafana/ui';
+
+// Types
+import { PiechartOptions } from './types';
+import { PanelProps, NullValueMode, TimeSeriesValue } from '@grafana/ui/src/types';
+
+interface Props extends PanelProps<PiechartOptions> {}
+
+export class PiechartPanel extends PureComponent<Props> {
+  render() {
+    const { panelData, width, height, options } = this.props;
+
+    let value: TimeSeriesValue;
+
+    if (panelData.timeSeries) {
+      const vmSeries = processTimeSeries({
+        timeSeries: panelData.timeSeries,
+        nullValueMode: NullValueMode.Null,
+      });
+
+      if (vmSeries[0]) {
+        value = vmSeries[0].stats[options.stat];
+      } else {
+        value = null;
+      }
+    } else if (panelData.tableData) {
+      value = panelData.tableData.rows[0].find(prop => prop > 0);
+    }
+
+    return (
+      <ThemeContext.Consumer>
+        {theme => <Piechart value={value} {...this.props.options} width={width} height={height} theme={theme} />}
+      </ThemeContext.Consumer>
+    );
+  }
+}
diff --git a/public/app/plugins/panel/piechart/PiechartPanelOptions.tsx b/public/app/plugins/panel/piechart/PiechartPanelOptions.tsx
new file mode 100644
index 00000000000..43d7c2ab23d
--- /dev/null
+++ b/public/app/plugins/panel/piechart/PiechartPanelOptions.tsx
@@ -0,0 +1,30 @@
+import React, { PureComponent } from 'react';
+import { PanelOptionsProps, PanelOptionsGrid } from '@grafana/ui';
+
+import ValueOptions from './ValueOptions';
+import { PiechartOptions } from './types';
+
+export const defaultProps = {
+  options: {
+    pieType: 'pie',
+    unit: 'short',
+    stat: 'current',
+    strokeWidth: 1,
+  },
+};
+
+export default class PiechartPanelOptions extends PureComponent<PanelOptionsProps<PiechartOptions>> {
+  static defaultProps = defaultProps;
+
+  render() {
+    const { onChange, options } = this.props;
+
+    return (
+      <>
+        <PanelOptionsGrid>
+          <ValueOptions onChange={onChange} options={options} />
+        </PanelOptionsGrid>
+      </>
+    );
+  }
+}
diff --git a/public/app/plugins/panel/piechart/ValueOptions.tsx b/public/app/plugins/panel/piechart/ValueOptions.tsx
new file mode 100644
index 00000000000..e83e4686d13
--- /dev/null
+++ b/public/app/plugins/panel/piechart/ValueOptions.tsx
@@ -0,0 +1,42 @@
+import React, { PureComponent } from 'react';
+import { FormLabel, PanelOptionsProps, PanelOptionsGroup, Select } from '@grafana/ui';
+import UnitPicker from 'app/core/components/Select/UnitPicker';
+import { PiechartOptions } from './types';
+
+const statOptions = [
+  { value: 'min', label: 'Min' },
+  { value: 'max', label: 'Max' },
+  { value: 'avg', label: 'Average' },
+  { value: 'current', label: 'Current' },
+  { value: 'total', label: 'Total' },
+];
+
+const labelWidth = 6;
+
+export default class ValueOptions extends PureComponent<PanelOptionsProps<PiechartOptions>> {
+  onUnitChange = unit => this.props.onChange({ ...this.props.options, unit: unit.value });
+
+  onStatChange = stat => this.props.onChange({ ...this.props.options, stat: stat.value });
+
+  render() {
+    const { stat, unit } = this.props.options;
+
+    return (
+      <PanelOptionsGroup title="Value">
+        <div className="gf-form">
+          <FormLabel width={labelWidth}>Stat</FormLabel>
+          <Select
+            width={12}
+            options={statOptions}
+            onChange={this.onStatChange}
+            value={statOptions.find(option => option.value === stat)}
+          />
+        </div>
+        <div className="gf-form">
+          <FormLabel width={labelWidth}>Unit</FormLabel>
+          <UnitPicker defaultValue={unit} onChange={this.onUnitChange} />
+        </div>
+      </PanelOptionsGroup>
+    );
+  }
+}
diff --git a/public/app/plugins/panel/piechart/img/piechart_logo_large.png b/public/app/plugins/panel/piechart/img/piechart_logo_large.png
new file mode 100644
index 0000000000000000000000000000000000000000..21b7ab40145bdd8dd7fc08bfb4612a1c37d8bf5a
GIT binary patch
literal 3723
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

literal 0
HcmV?d00001

diff --git a/public/app/plugins/panel/piechart/img/piechart_logo_small.png b/public/app/plugins/panel/piechart/img/piechart_logo_small.png
new file mode 100644
index 0000000000000000000000000000000000000000..10d49e48427e4576ab8a98be950633e5a8f76dc5
GIT binary patch
literal 2629
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

literal 0
HcmV?d00001

diff --git a/public/app/plugins/panel/piechart/module.tsx b/public/app/plugins/panel/piechart/module.tsx
new file mode 100644
index 00000000000..13789376c8e
--- /dev/null
+++ b/public/app/plugins/panel/piechart/module.tsx
@@ -0,0 +1,4 @@
+import PiechartPanelOptions, { defaultProps } from './PiechartPanelOptions';
+import { PiechartPanel } from './PiechartPanel';
+
+export { PiechartPanel as Panel, PiechartPanelOptions as PanelOptions, defaultProps as PanelDefaults };
diff --git a/public/app/plugins/panel/piechart/plugin.json b/public/app/plugins/panel/piechart/plugin.json
new file mode 100644
index 00000000000..44737267c1a
--- /dev/null
+++ b/public/app/plugins/panel/piechart/plugin.json
@@ -0,0 +1,18 @@
+{
+  "type": "panel",
+  "name": "PieChart",
+  "id": "piechart",
+
+  "dataFormats": ["time_series"],
+
+  "info": {
+    "author": {
+      "name": "Grafana Project",
+      "url": "https://grafana.com"
+    },
+    "logos": {
+      "small": "img/piechart_logo_small.svg",
+      "large": "img/piechart_logo_large.svg"
+    }
+  }
+}
diff --git a/public/app/plugins/panel/piechart/types.ts b/public/app/plugins/panel/piechart/types.ts
new file mode 100644
index 00000000000..8357c75dc28
--- /dev/null
+++ b/public/app/plugins/panel/piechart/types.ts
@@ -0,0 +1,7 @@
+export interface PiechartOptions {
+  pieType: string;
+  unit: string;
+  stat: string;
+  strokeWidth: number;
+  // TODO: Options for Legend / Combine components
+}