open-vault/ui/lib/replication/addon/controllers/application.js
Matthew Irish eae5e114ba
UI - replication path filtering (#7620)
* rename mount-filter-config models, components, serializer, adapters to path-filter-config

* move search-select component to core addon

* add js class for search-select-placeholder and sort out power-select deps for moving to the core component

* expose oninput from powerselect through search-select

* don't fetch mounts in the replication routes

* remove toggle from add template

* start cross-namespace fetching

* group options and set up for namespace fetch via power-select search prop

* add and style up radio-card CSS component

* add xlm size for icons between l and xl

* copy defaults so they're not getting mutated

* finalize cross-namespace fetching and getting that to work with power-select

* when passing options but no models, format the options in search select so that they render properly in the list

* tint the background of a selected radio card

* default to null mode and uniq options in search-select

* finish styling radio-card

* format inputValues when first rendering the component if options are being passed from outside

* treat mode:null as deleting existing config which simplifies save logic

* correctly prune the auto complete list since path-filter-config-list handles all of that and finish styling

* remove old component

* add search debounce and fix linting

* update search-select docs

* updating tests

* support grouped options for when to show the create prompt

* update and add tests for path-filter-config-list

* fix tests for search-select and path-filter-config-list

* the new api uses allow/deny instead of whitelist/blacklist
2019-10-25 13:16:45 -05:00

122 lines
2.8 KiB
JavaScript

import { isPresent } from '@ember/utils';
import { alias } from '@ember/object/computed';
import { inject as service } from '@ember/service';
import Controller from '@ember/controller';
import { copy } from 'ember-copy';
import { resolve } from 'rsvp';
const DEFAULTS = {
token: null,
id: null,
loading: false,
errors: [],
primary_api_addr: null,
primary_cluster_addr: null,
filterConfig: {
mode: null,
paths: [],
},
};
export default Controller.extend(copy(DEFAULTS, true), {
store: service(),
rm: service('replication-mode'),
replicationMode: alias('rm.mode'),
submitError(e) {
if (e.errors) {
this.set('errors', e.errors);
} else {
throw e;
}
},
saveFilterConfig() {
const config = this.get('filterConfig');
const id = this.get('id');
config.id = id;
// if there is no mode, then they don't want to filter, so we don't save a filter config
if (!config.mode) {
return resolve();
}
const configRecord = this.get('store').createRecord('path-filter-config', config);
return configRecord.save().catch(e => this.submitError(e));
},
reset() {
this.setProperties(copy(DEFAULTS, true));
},
submitSuccess(resp, action) {
const cluster = this.get('model');
if (!cluster) {
return;
}
if (resp && resp.wrap_info) {
this.set('token', resp.wrap_info.token);
}
if (action === 'secondary-token') {
this.setProperties({
loading: false,
primary_api_addr: null,
primary_cluster_addr: null,
});
return cluster.reload();
}
this.reset();
this.send('refresh');
return;
},
submitHandler(action, clusterMode, data, event) {
const replicationMode = this.get('replicationMode');
if (event && event.preventDefault) {
event.preventDefault();
}
this.setProperties({
loading: true,
errors: [],
});
if (data) {
data = Object.keys(data).reduce((newData, key) => {
var val = data[key];
if (isPresent(val)) {
newData[key] = val;
}
return newData;
}, {});
}
return this.get('store')
.adapterFor('cluster')
.replicationAction(action, replicationMode, clusterMode, data)
.then(
resp => {
return this.saveFilterConfig().then(() => {
return this.submitSuccess(resp, action, clusterMode);
});
},
(...args) => this.submitError(...args)
);
},
actions: {
onSubmit(/*action, mode, data, event*/) {
return this.submitHandler(...arguments);
},
clear() {
this.reset();
this.setProperties({
token: null,
id: null,
});
},
refresh() {
// bubble to the route
return true;
},
},
});