Code Review / aai / sparky-fe.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | review | tree
raw | patch | inline | side by side (parent: a38f3d6)
fixing styling for filter bar 27/28427/1
authorSteve Thomas <steventh@amdocs.com>
Wed, 17 Jan 2018 17:24:27 +0000 (12:24 -0500)
committersteventh <steve.thomas@amdocs.com>
Wed, 17 Jan 2018 17:30:53 +0000 (12:30 -0500)
Issue-ID: AAI-668
Change-Id: I61ce8ab7f042a8eff8ccd5dee74c8311ad16b65b
Signed-off-by: Steve Thomas <steventh@amdocs.com>
Signed-off-by: steventh <steve.thomas@amdocs.com>
package.json patch | blob | history
src/generic-components/input/SelectInput.jsx patch | blob | history
src/index.html patch | blob | history

diff --git a/package.json b/package.json
index e93be47..325c418 100644 (file)
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "topojson": "^2.2.0",
     "uuid-js": "^0.7.5",
     "validator": "^4.3.0",
     "topojson": "^2.2.0",
     "uuid-js": "^0.7.5",
     "validator": "^4.3.0",
-    "vertical-filter-bar": "0.0.4"
+    "vertical-filter-bar": "1.0.4"
   },
   "devDependencies": {
     "babel-core": "^6.9.1",
   },
   "devDependencies": {
     "babel-core": "^6.9.1",
diff --git a/src/generic-components/input/SelectInput.jsx b/src/generic-components/input/SelectInput.jsx
index 13a1895..557f4cb 100644 (file)
--- a/src/generic-components/input/SelectInput.jsx
+++ b/src/generic-components/input/SelectInput.jsx
@@ -36,11 +36,12 @@
        */
 import React, {Component} from 'react';
 import Select from 'react-select';
        */
 import React, {Component} from 'react';
 import Select from 'react-select';
+import 'react-select/dist/react-select.css';
 
 class SelectInput extends Component {
 
 class SelectInput extends Component {
-               
+
                inputValue = [];
                inputValue = [];
-               
+
                render() {
                                let {label, value, ...other} = this.props;
                                return (
                render() {
                                let {label, value, ...other} = this.props;
                                return (
@@ -54,20 +55,20 @@ class SelectInput extends Component {
                                                </div>
                                );
                }
                                                </div>
                                );
                }
-               
+
                getValue() {
                                return this.inputValue && this.inputValue.length ? this.inputValue : '';
                }
                getValue() {
                                return this.inputValue && this.inputValue.length ? this.inputValue : '';
                }
-               
+
                onSelectChanged(value) {
                                this.props.onMultiSelectChanged(value);
                }
                onSelectChanged(value) {
                                this.props.onMultiSelectChanged(value);
                }
-               
+
                componentDidMount() {
                                let {value} = this.props;
                                this.inputValue = value ? value : [];
                }
                componentDidMount() {
                                let {value} = this.props;
                                this.inputValue = value ? value : [];
                }
-               
+
                componentDidUpdate() {
                                if (this.inputValue !== this.props.value) {
                                                this.inputValue = this.props.value;
                componentDidUpdate() {
                                if (this.inputValue !== this.props.value) {
                                                this.inputValue = this.props.value;
diff --git a/src/index.html b/src/index.html
index 73b082b..79775df 100644 (file)
--- a/src/index.html
+++ b/src/index.html
@@ -26,7 +26,6 @@
 <head>
     <meta charset="utf-8">
     <title>A&AI UI</title>
 <head>
     <meta charset="utf-8">
     <title>A&AI UI</title>
-    <link rel="stylesheet" href="https://unpkg.com/react-select/dist/react-select.css">
 </head>
 
 <body>
 </head>
 
 <body>
AAI user interface front end