X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=src%2Fgeneric-components%2Finput%2FToggleInput.jsx;h=f68758a82c162228e743242665952dd083159ee6;hb=5b062c1f5005e14b6f18563ee875a06f5c1bc299;hp=d205798a2d4efd635299ed8d1e200887099fe588;hpb=c1917730a648ddbb6cd51307cea9464a697700d8;p=aai%2Fsparky-fe.git

diff --git a/src/generic-components/input/ToggleInput.jsx b/src/generic-components/input/ToggleInput.jsx
index d205798..f68758a 100644
--- a/src/generic-components/input/ToggleInput.jsx
+++ b/src/generic-components/input/ToggleInput.jsx
@@ -2,8 +2,8 @@
  * ============LICENSE_START=======================================================
  * org.onap.aai
  * ================================================================================
- * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
- * Copyright © 2017 Amdocs
+ * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
+ * Copyright © 2017-2018 Amdocs
  * ================================================================================
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -17,61 +17,60 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  * ============LICENSE_END=========================================================
- *
- * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  */
 import React from 'react';
+import { PropTypes } from 'prop-types';
 
 export default
 class ToggleInput extends React.Component {
-		
-		static propTypes = {
-				label: React.PropTypes.node,
-				value: React.PropTypes.bool,
-				onChange: React.PropTypes.func,
-				disabled: React.PropTypes.bool
-		}
-		
-		static defaultProps = {
-				value: false,
-				label: ''
-		}
-		
-		state = {
-				value: this.props.value
-		}
-		
-		status() {
-				return this.state.value ? 'on' : 'off';
-		}
-		
-		render() {
-				let {label, disabled} = this.props;
-				let checked = this.status() === 'on';
-				return (
-						<div className='toggle-input-wrapper form-group'
-						     onClick={!disabled && this.click}>
-								<div className='toggle-input-label'>{label}</div>
-								<div className='toggle-switch'>
-										<input className='toggle toggle-round-flat' type='checkbox'
-										       checked={checked} readOnly/>
-										<label></label>
-								</div>
-						</div>
-				);
-		}
-		
-		click = () => {
-				let value = !this.state.value;
-				this.setState({value});
-				
-				let onChange = this.props.onChange;
-				if (onChange) {
-						onChange(value);
-				}
-		}
-		
-		getValue() {
-				return this.state.value;
-		}
+
+  static propTypes = {
+    label: PropTypes.node,
+    value: PropTypes.bool,
+    onChange: PropTypes.func,
+    disabled: PropTypes.bool
+  }
+
+  static defaultProps = {
+    value: false,
+    label: ''
+  }
+
+  state = {
+    value: this.props.value
+  }
+
+  status() {
+    return this.state.value ? 'on' : 'off';
+  }
+
+  render() {
+    let {label, disabled} = this.props;
+    let checked = this.status() === 'on';
+    return (
+      <div className='toggle-input-wrapper form-group'
+           onClick={!disabled && this.click}>
+        <div className='toggle-input-label'>{label}</div>
+        <div className='toggle-switch'>
+          <input className='toggle toggle-round-flat' type='checkbox'
+                 checked={checked} readOnly/>
+          <label></label>
+        </div>
+      </div>
+    );
+  }
+
+  click = () => {
+    let value = !this.state.value;
+    this.setState({value});
+
+    let onChange = this.props.onChange;
+    if (onChange) {
+      onChange(value);
+    }
+  }
+
+  getValue() {
+    return this.state.value;
+  }
 }