58 lines
1.3 KiB
JavaScript
58 lines
1.3 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import { computed, action } from '@ember/object';
|
|
import { A } from '@ember/array';
|
|
|
|
export default class FormHostSetAddHostsIndexComponent extends Component {
|
|
// =properties
|
|
|
|
/**
|
|
* Array of selected host IDs.
|
|
* @type {EmberArray}
|
|
*/
|
|
selectedHostIDs = A();
|
|
|
|
/**
|
|
* Checks for unassigned hosts.
|
|
* @param {[HostModel]} filteredHosts
|
|
* @type {boolean}
|
|
*/
|
|
@computed('filteredHosts.length')
|
|
get hasAvailableHosts() {
|
|
return this.filteredHosts.length > 0;
|
|
}
|
|
|
|
/**
|
|
* Hosts currently not assigned to current host set.
|
|
* @type {[HostModel]}
|
|
*/
|
|
@computed('args.{model,model.host_ids,hosts}')
|
|
get filteredHosts() {
|
|
const currentHostIDs = this.args.model.host_ids.map((host) => host.value);
|
|
return this.args.hosts.filter(({ id }) => !currentHostIDs.includes(id));
|
|
}
|
|
|
|
// =actions
|
|
|
|
/**
|
|
* Toggle host selection
|
|
* @param {HostModel} host
|
|
*/
|
|
@action
|
|
toggleHost(host) {
|
|
if (!this.selectedHostIDs.includes(host.id)) {
|
|
this.selectedHostIDs.addObject(host.id);
|
|
} else {
|
|
this.selectedHostIDs.removeObject(host.id);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Callback submit with selected host ids
|
|
* @param {requestCallback} fn
|
|
*/
|
|
@action
|
|
submit(fn) {
|
|
fn(this.selectedHostIDs);
|
|
}
|
|
}
|