mirror of https://github.com/hashicorp/consul
30 lines
651 B
JavaScript
30 lines
651 B
JavaScript
|
/**
|
||
|
|
* Copyright (c) HashiCorp, Inc.
|
||
|
|
* SPDX-License-Identifier: BUSL-1.1
|
||
|
|
*/
|
||
|
|
|
||
|
|
import Component from '@glimmer/component';
|
||
|
|
import { action } from '@ember/object';
|
||
|
|
import { tracked } from '@glimmer/tracking';
|
||
|
|
|
||
|
|
export default class NavSelectorComponent extends Component {
|
||
|
|
@tracked search = '';
|
||
|
|
|
||
|
|
get filteredItems() {
|
||
|
|
const lowerCaseSearch = this.search.toLowerCase();
|
||
|
|
|
||
|
|
if (lowerCaseSearch) {
|
||
|
|
return this.args.items.filter((item) =>
|
||
|
|
item[this.args.key].toLowerCase().includes(lowerCaseSearch)
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
return this.args.items;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@action
|
||
|
|
onSearchInput(e) {
|
||
|
|
this.search = e.target.value;
|
||
|
|
}
|
||
|
|
}
|