Add Pagerduty back

ui/src/kapacitor/components/handlers/PagerdutyHandler.js

@@ -0,0 +1,74 @@
+import React, {PropTypes, Component} from 'react'
+
+class PagerdutyConfig extends Component {
+  constructor(props) {
+    super(props)
+  }
+
+  handleSaveAlert = e => {
+    e.preventDefault()
+
+    const properties = {
+      'service-key': this.serviceKey.value,
+      url: this.url.value,
+    }
+
+    this.props.onSave(properties)
+  }
+
+  render() {
+    const {options} = this.props.config
+    const {url} = options
+    const serviceKey = options['service-key']
+
+    return (
+      <form onSubmit={this.handleSaveAlert}>
+        <div className="form-group col-xs-12">
+          <label htmlFor="service-key">Service Key</label>
+          <input
+            className="form-control"
+            id="service-key"
+            type="text"
+            ref={r => (this.serviceKey = r)}
+            defaultValue={serviceKey || ''}
+          />
+          <label className="form-helper">
+            Note: a value of <code>true</code> indicates the PagerDuty service
+            key has been set
+          </label>
+        </div>
+
+        <div className="form-group col-xs-12">
+          <label htmlFor="url">PagerDuty URL</label>
+          <input
+            className="form-control"
+            id="url"
+            type="text"
+            ref={r => (this.url = r)}
+            defaultValue={url || ''}
+          />
+        </div>
+
+        <div className="form-group-submit col-xs-12 text-center">
+          <button className="btn btn-primary" type="submit">
+            Update PagerDuty Config
+          </button>
+        </div>
+      </form>
+    )
+  }
+}
+
+const {bool, func, shape, string} = PropTypes
+
+PagerdutyConfig.propTypes = {
+  config: shape({
+    options: shape({
+      'service-key': bool.isRequired,
+      url: string.isRequired,
+    }).isRequired,
+  }).isRequired,
+  onSave: func.isRequired,
+}
+
+export default PagerdutyConfig