Adding TLS options to LDAP

1 files changed, 47 insertions, 0 deletions

diff --git a/webapp/components/admin_console/dropdown_setting.jsx b/webapp/components/admin_console/dropdown_setting.jsx
new file mode 100644
index 000000000..d96c3cef8
--- /dev/null
+++ b/webapp/components/admin_console/dropdown_setting.jsx
@@ -0,0 +1,47 @@
+// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+
+import Setting from './setting.jsx';
+
+export default class DropdownSetting extends React.Component {
+    render() {
+        const options = [];
+        for (const {value, text} of this.props.values) {
+            options.push(
+                <option
+                    value={value}
+                    key={value}
+                >
+                    {text}
+                </option>
+            );
+        }
+
+        return (
+            <Setting label={this.props.label}>
+                <select
+                    className='form-control'
+                    value={this.props.currentValue}
+                    onChange={this.props.handleChange}
+                    disabled={this.props.isDisabled}
+                >
+                    {options}
+                </select>
+                {this.props.helpText}
+            </Setting>
+        );
+    }
+}
+DropdownSetting.defaultProps = {
+};
+
+DropdownSetting.propTypes = {
+    values: React.PropTypes.array.isRequired,
+    label: React.PropTypes.node.isRequired,
+    currentValue: React.PropTypes.string.isRequired,
+    handleChange: React.PropTypes.func.isRequired,
+    isDisabled: React.PropTypes.bool.isRequired,
+    helpText: React.PropTypes.node.isRequired
+};