Updated Sparky to add ECOMP functionality Browse, Specialized Search, BYOQ, and the...

[aai/sparky-fe.git] / src / app / model / test.jsx

diff --git a/src/app/model/test.jsx b/src/app/model/test.jsx
new file mode 100644 (file)
index 0000000..69ca45e
--- /dev/null
+++ b/src/app/model/test.jsx
@@ -0,0 +1,147 @@
+/*
+ * ============LICENSE_START=======================================================
+ * org.onap.aai
+ * ================================================================================
+ * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============LICENSE_END=========================================================
+ */
+
+const languages = [
+  {
+       name: 'C',
+       year: 1972
+  },
+  {
+       name: 'C#',
+       year: 2000
+  },
+  {
+       name: 'C++',
+       year: 1983
+  },
+  {
+       name: 'Clojure',
+       year: 2007
+  },
+  {
+       name: 'Elm',
+       year: 2012
+  },
+  {
+       name: 'Go',
+       year: 2009
+  },
+  {
+       name: 'Haskell',
+       year: 1990
+  },
+  {
+       name: 'Java',
+       year: 1995
+  },
+  {
+       name: 'Javascript',
+       year: 1995
+  },
+  {
+       name: 'Perl',
+       year: 1987
+  },
+  {
+       name: 'PHP',
+       year: 1995
+  },
+  {
+       name: 'Python',
+       year: 1991
+  },
+  {
+       name: 'Ruby',
+       year: 1995
+  },
+  {
+       name: 'Scala',
+       year: 2003
+  }
+];
+
+// https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Regular_Expressions#Using_Special_Characters
+function escapeRegexCharacters(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+function getSuggestions(value) {
+  const escapedValue = escapeRegexCharacters(value.trim());
+
+  const regex = new RegExp('^' + escapedValue, 'i');
+
+  return languages.filter(language => regex.test(language.name));
+}
+
+function getSuggestionValue(suggestion) {
+  return suggestion.name;
+}
+
+function renderSuggestion(suggestion) {
+  return (
+       <span>{suggestion.name}</span>
+  );
+}
+
+class Test extends React.Component {
+  constructor() {
+       super();
+
+       this.state = {
+         value: '',
+         suggestions: getSuggestions('')
+       };
+
+       this.onChange = this.onChange.bind(this);
+       this.onSuggestionsUpdateRequested = this.onSuggestionsUpdateRequested.bind(this);
+  }
+
+  onChange(event, { newValue, method }) {
+       this.setState({
+         value: newValue
+       });
+  }
+
+  onSuggestionsUpdateRequested({ value }) {
+       this.setState({
+         suggestions: getSuggestions(value)
+       });
+  }
+
+  render() {
+       const { value, suggestions } = this.state;
+       const inputProps = {
+         placeholder: "Type 'c'",
+         value,
+         onChange: this.onChange
+       };
+
+       return (
+         <Autosuggest suggestions={suggestions}
+                                  onSuggestionsUpdateRequested={this.onSuggestionsUpdateRequested}
+                                  shouldRenderSuggestions={() => true}
+                                  getSuggestionValue={getSuggestionValue}
+                                  renderSuggestion={renderSuggestion}
+                                  inputProps={inputProps} />
+       );
+  }
+}
+
+ReactDOM.render(<App />, document.getElementById('app'));