diff --git a/app/components/application-header.js b/app/components/application-header.js index 2fc6eeca..ec5ac7f7 100644 --- a/app/components/application-header.js +++ b/app/components/application-header.js @@ -1,17 +1,17 @@ -import Component from '@ember/component'; +import Component from '@glimmer/component'; +import { tracked } from '@glimmer/tracking'; import { inject as service } from '@ember/service'; +import { action } from '@ember/object'; -export default Component.extend({ - globalSearch: service(), - allStatus: false, - showAdvanced: false, +export default class SearchComponent extends Component { + @service globalSearch; - actions: { - search() { - this.globalSearch.doSearch(this.query); - }, - clear() { - this.globalSearch.doSearch(null); - } + @tracked query = ''; + + @action + search(event) { + event.preventDefault(); + const inputValue = event.target.querySelector('[name="query"]').value; + this.globalSearch.doSearch(inputValue); } -}); +} diff --git a/app/templates/components/application-header.hbs b/app/templates/components/application-header.hbs index 993b46ac..d86b58cd 100755 --- a/app/templates/components/application-header.hbs +++ b/app/templates/components/application-header.hbs @@ -1,11 +1,17 @@
- Research Organization Registry logo + Research Organization Registry @@ -55,22 +61,3 @@
-{{#if this.showAdvanced}} -
-
-
-

Show records with status:

- -
-
-
-{{/if}} \ No newline at end of file