Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com>
95 lines
2.0 KiB
JavaScript
95 lines
2.0 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
import Controller from '@ember/controller';
|
|
import { inject as service } from '@ember/service';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { TYPES_TARGET } from 'api/models/target';
|
|
import { action } from '@ember/object';
|
|
import { debounce } from 'core/decorators/debounce';
|
|
|
|
export default class ScopesScopeTargetsIndexController extends Controller {
|
|
// =services
|
|
|
|
@service intl;
|
|
|
|
// =attributes
|
|
|
|
queryParams = [
|
|
'search',
|
|
{ availableSessions: { type: 'array' } },
|
|
{ types: { type: 'array' } },
|
|
'page',
|
|
'pageSize',
|
|
];
|
|
|
|
@tracked search;
|
|
@tracked scopes = [];
|
|
@tracked availableSessions = [];
|
|
@tracked types = [];
|
|
@tracked page = 1;
|
|
@tracked pageSize = 10;
|
|
@tracked selectedTarget;
|
|
|
|
get availableSessionOptions() {
|
|
return [
|
|
{
|
|
id: 'yes',
|
|
name: this.intl.t('resources.target.filter.active-sessions.yes'),
|
|
},
|
|
{
|
|
id: 'no',
|
|
name: this.intl.t('resources.target.filter.active-sessions.no'),
|
|
},
|
|
];
|
|
}
|
|
|
|
get filters() {
|
|
return {
|
|
allFilters: {
|
|
availableSessions: this.availableSessionOptions,
|
|
types: this.targetTypeOptions,
|
|
},
|
|
selectedFilters: {
|
|
availableSessions: this.availableSessions,
|
|
types: this.types,
|
|
},
|
|
};
|
|
}
|
|
|
|
get targetTypeOptions() {
|
|
return TYPES_TARGET.map((type) => ({
|
|
id: type,
|
|
name: this.intl.t(`resources.target.types.${type}`),
|
|
}));
|
|
}
|
|
|
|
// =methods
|
|
|
|
/**
|
|
* Handles input on each keystroke and the search queryParam
|
|
* @param {object} event
|
|
*/
|
|
@action
|
|
@debounce(250)
|
|
handleSearchInput(event) {
|
|
const { value } = event.target;
|
|
this.search = value;
|
|
this.page = 1;
|
|
}
|
|
|
|
/**
|
|
* Sets a query param to the value of selectedItems
|
|
* and resets the page to 1.
|
|
* @param {string} paramKey
|
|
* @param {[string]} selectedItems
|
|
*/
|
|
@action
|
|
applyFilter(paramKey, selectedItems) {
|
|
this[paramKey] = [...selectedItems];
|
|
this.page = 1;
|
|
}
|
|
}
|