123 lines
3 KiB
JavaScript
123 lines
3 KiB
JavaScript
import { inject as service } from '@ember/service';
|
|
import { action, computed } from '@ember/object';
|
|
import { alias, readOnly } from '@ember/object/computed';
|
|
import { scheduleOnce } from '@ember/runloop';
|
|
import Controller, { inject as controller } from '@ember/controller';
|
|
import SortableFactory from 'nomad-ui/mixins/sortable-factory';
|
|
import Searchable from 'nomad-ui/mixins/searchable';
|
|
import { lazyClick } from 'nomad-ui/helpers/lazy-click';
|
|
import { serialize } from 'nomad-ui/utils/qp-serialize';
|
|
import classic from 'ember-classic-decorator';
|
|
|
|
@classic
|
|
export default class IndexController extends Controller.extend(
|
|
SortableFactory([
|
|
'id',
|
|
'schedulable',
|
|
'controllersHealthyProportion',
|
|
'nodesHealthyProportion',
|
|
'provider',
|
|
]),
|
|
Searchable
|
|
) {
|
|
@service system;
|
|
@service userSettings;
|
|
@controller('csi/volumes') volumesController;
|
|
|
|
@alias('volumesController.isForbidden')
|
|
isForbidden;
|
|
|
|
queryParams = [
|
|
{
|
|
currentPage: 'page',
|
|
},
|
|
{
|
|
searchTerm: 'search',
|
|
},
|
|
{
|
|
sortProperty: 'sort',
|
|
},
|
|
{
|
|
sortDescending: 'desc',
|
|
},
|
|
{
|
|
qpNamespace: 'namespace',
|
|
},
|
|
];
|
|
|
|
currentPage = 1;
|
|
@readOnly('userSettings.pageSize') pageSize;
|
|
|
|
sortProperty = 'id';
|
|
sortDescending = false;
|
|
|
|
@computed
|
|
get searchProps() {
|
|
return ['name'];
|
|
}
|
|
|
|
@computed
|
|
get fuzzySearchProps() {
|
|
return ['name'];
|
|
}
|
|
|
|
fuzzySearchEnabled = true;
|
|
|
|
@computed('qpNamespace', 'model.namespaces.[]', 'system.cachedNamespace')
|
|
get optionsNamespaces() {
|
|
const availableNamespaces = this.model.namespaces.map(namespace => ({
|
|
key: namespace.name,
|
|
label: namespace.name,
|
|
}));
|
|
|
|
availableNamespaces.unshift({
|
|
key: '*',
|
|
label: 'All (*)',
|
|
});
|
|
|
|
// Unset the namespace selection if it was server-side deleted
|
|
if (!availableNamespaces.mapBy('key').includes(this.qpNamespace)) {
|
|
// eslint-disable-next-line ember/no-incorrect-calls-with-inline-anonymous-functions
|
|
scheduleOnce('actions', () => {
|
|
// eslint-disable-next-line ember/no-side-effects
|
|
this.set('qpNamespace', this.system.cachedNamespace || '*');
|
|
});
|
|
}
|
|
|
|
return availableNamespaces;
|
|
}
|
|
|
|
/**
|
|
Visible volumes are those that match the selected namespace
|
|
*/
|
|
@computed('model.volumes.@each.parent', 'system.{namespaces.length}')
|
|
get visibleVolumes() {
|
|
if (!this.model.volumes) return [];
|
|
return this.model.volumes.compact();
|
|
}
|
|
|
|
@alias('visibleVolumes') listToSort;
|
|
@alias('listSorted') listToSearch;
|
|
@alias('listSearched') sortedVolumes;
|
|
|
|
@action
|
|
cacheNamespace(namespace) {
|
|
this.system.cachedNamespace = namespace;
|
|
}
|
|
|
|
setFacetQueryParam(queryParam, selection) {
|
|
this.set(queryParam, serialize(selection));
|
|
}
|
|
|
|
@action
|
|
gotoVolume(volume, event) {
|
|
lazyClick([
|
|
() =>
|
|
this.transitionToRoute('csi.volumes.volume', volume.get('plainId'), {
|
|
queryParams: { volumeNamespace: volume.get('namespace.name') },
|
|
}),
|
|
event,
|
|
]);
|
|
}
|
|
}
|