open-vault/ui/lib/core/addon/components/replication-mode-summary.js
Jordan Reimer 5c2a08de6d
Ember Upgrade to 3.24 (#13443)
* Update browserslist

* Add browserslistrc

* ember-cli-update --to 3.26, fix conflicts

* Run codemodes that start with ember-*

* More codemods - before cp*

* More codemods (curly data-test-*)

* WIP ember-basic-dropdown template errors

* updates ember-basic-dropdown and related deps to fix build issues

* updates basic dropdown instances to new version API

* updates more deps -- ember-template-lint is working again

* runs no-implicit-this codemod

* creates and runs no-quoteless-attributes codemod

* runs angle brackets codemod

* updates lint:hbs globs to only touch hbs files

* removes yield only templates

* creates and runs deprecated args transform

* supresses lint error for invokeAction on LinkTo component

* resolves remaining ambiguous path lint errors

* resolves simple-unless lint errors

* adds warnings for deprecated tagName arg on LinkTo components

* adds warnings for remaining curly component invocation

* updates global template lint rules

* resolves remaining template lint errors

* disables some ember specfic lint rules that target pre octane patterns

* js lint fix run

* resolves remaining js lint errors

* fixes test run

* adds npm-run-all dep

* fixes test attribute issues

* fixes console acceptance tests

* fixes tests

* adds yield only wizard/tutorial-active template

* fixes more tests

* attempts to fix more flaky tests

* removes commented out settled in transit test

* updates deprecations workflow and adds initializer to filter by version

* updates flaky policies acl old test

* updates to flaky transit test

* bumps ember deps down to LTS version

* runs linters after main merge

* fixes client count tests after bad merge conflict fixes

* fixes client count history test

* more updates to lint config

* another round of hbs lint fixes after extending stylistic rule

* updates lint-staged commands

* removes indent eslint rule since it seems to break things

* fixes bad attribute in transform-edit-form template

* test fixes

* fixes enterprise tests

* adds changelog

* removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters

* flaky test fix

Co-authored-by: hashishaw <cshaw@hashicorp.com>
2021-12-16 20:44:29 -07:00

64 lines
2.2 KiB
JavaScript

import { inject as service } from '@ember/service';
import { equal } from '@ember/object/computed';
import { get, computed } from '@ember/object';
import Component from '@ember/component';
import layout from '../templates/components/replication-mode-summary';
const replicationAttr = function (attr) {
return computed(`cluster.{dr,performance}.${attr}`, 'cluster', 'mode', function () {
const { mode, cluster } = this;
return get(cluster, `${mode}.${attr}`);
});
};
export default Component.extend({
layout,
version: service(),
router: service(),
namespace: service(),
classNameBindings: ['isMenu::box'],
attributeBindings: ['href', 'target'],
display: 'banner',
isMenu: equal('display', 'menu'),
href: computed(
'cluster.id',
'display',
'mode',
'replicationEnabled',
'version.hasPerfReplication',
function () {
const display = this.display;
const mode = this.mode;
if (mode === 'performance' && display === 'menu' && this.version.hasPerfReplication === false) {
return 'https://www.hashicorp.com/products/vault';
}
if (this.replicationEnabled || display === 'menu') {
return this.router.urlFor('vault.cluster.replication.mode.index', this.cluster.id, mode);
}
return null;
}
),
target: computed('isPerformance', 'version.hasPerfReplication', function () {
if (this.isPerformance && this.version.hasPerfReplication === false) {
return '_blank';
}
return null;
}),
internalLink: false,
isPerformance: equal('mode', 'performance'),
replicationEnabled: replicationAttr('replicationEnabled'),
replicationUnsupported: 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,
modeState: computed('cluster', 'mode', function () {
const { cluster, mode } = this;
const clusterState = cluster[mode].state;
return clusterState;
}),
});