open-vault/ui/app/components/replication-mode-summary.js
Matthew Irish 21af204683
UI namespaces (#5119)
* add namespace sidebar item

* depend on ember-inflector directly

* list-view and list-item components

* fill out components and render empty namespaces page

* list namespaces in access

* add menu contextual component to list item

* popup contextual component

* full crud for namespaces

* add namespaces service and picker component

* split application and vault.cluster templates and controllers, add namespace query param, add namespace-picker to vault.namespace template

* remove usage of href-to

* remove ember-href-to from deps

* add ember-responsive

* start styling the picker and link to appropriate namespaces, use ember-responsive to render picker in different places based on the breakpoint

* get query param working and save ns to authdata when authenticating, feed through ns in application adapter

* move to observer on the controller for setting state on the service

* set state in the beforeModel hook and clear the ember data model cache

* nav to secrets on change and make error handling more resilient utilizing the method that atlas does to eagerly update URLs

* add a list of sys endpoints in a helper

* hide header elements if not in the root namespace

* debounce namespace input on auth, fix 404 for auth method fetch, move auth method fetch to a task on the auth-form component and refretch on namespace change

* fix display of supported engines and exclusion of sys and identity engines

* don't fetch replication status if you're in a non-root namespace

* hide seal sub-menu if not in the root namespace

* don't autocomplete auth form inputs

* always send some requests to the root namespace

* use methodType and engineType instead of type in case there it is ns_ prefixed

* use sys/internal/ui/namespaces to fetch the list in the dropdown

* don't use model for namespace picker and always make the request to the token namespace

* fix header handling for fetch calls

* use namespace-reminder component on creation and edit forms throughout the application

* add namespace-reminder to the console

* add flat

* add deepmerge for creating the tree in the menu

* delayed rendering for animation timing

* design and code feedback on the first round

* white text in the namespace picker

* fix namespace picker issues with root keys

* separate path-to-tree

* add tests for path-to-tree util

* hide picker if you're in the root ns and you can't access other namespaces

* show error message if you enter invalid characters for namespace path

* return a different model if we dont have the namespaces feature and show upgrade page

* if a token has a namespace_path, use that as the root user namespace and transition them there on login

* use token namespace for user, but use specified namespace to log in

* always renew tokens in the token namespace

* fix edition-badge test
2018-08-16 12:48:24 -05:00

58 lines
2.2 KiB
JavaScript

import Ember from 'ember';
const { computed, get, getProperties, Component, inject } = Ember;
const replicationAttr = function(attr) {
return computed('mode', `cluster.{dr,performance}.${attr}`, function() {
const { mode, cluster } = getProperties(this, 'mode', 'cluster');
return get(cluster, `${mode}.${attr}`);
});
};
export default Component.extend({
version: inject.service(),
router: inject.service(),
namespace: inject.service(),
classNames: ['level', 'box-label'],
classNameBindings: ['isMenu:is-mobile'],
attributeBindings: ['href', 'target'],
display: 'banner',
isMenu: computed.equal('display', 'menu'),
href: computed('display', 'mode', 'replicationEnabled', 'version.hasPerfReplication', function() {
const display = this.get('display');
const mode = this.get('mode');
if (mode === 'performance' && display === 'menu' && this.get('version.hasPerfReplication') === false) {
return 'https://www.hashicorp.com/products/vault';
}
if (this.get('replicationEnabled') || display === 'menu') {
return this.get('router').urlFor(
'vault.cluster.replication.mode.index',
this.get('cluster.name'),
mode,
{ queryParams: { namespace: this.get('namespace.path') } }
);
}
return null;
}),
target: computed('isPerformance', 'version.hasPerfReplication', function() {
if (this.get('isPerformance') && this.get('version.hasPerfReplication') === false) {
return '_blank';
}
return null;
}),
isPerformance: computed.equal('mode', 'performance'),
replicationEnabled: replicationAttr('replicationEnabled'),
replicationUnsupported: computed.equal('cluster.mode', 'unsupported'),
replicationDisabled: replicationAttr('replicationDisabled'),
syncProgressPercent: replicationAttr('syncProgressPercent'),
syncProgress: replicationAttr('syncProgress'),
secondaryId: replicationAttr('secondaryId'),
modeForUrl: replicationAttr('modeForUrl'),
clusterIdDisplay: replicationAttr('clusterIdDisplay'),
mode: null,
cluster: null,
partialName: computed('display', function() {
return this.get('display') === 'menu'
? 'partials/replication/replication-mode-summary-menu'
: 'partials/replication/replication-mode-summary';
}),
});