mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-20 22:21:09 +02:00
7caa1d46cb
* adds modal for enabling sync in landing page cta workflow * adds config endpoint to sync mirage handler * update checkbox copy * handle adapter error and modify endpoints * address pr changes * add banner for when not opted in and update tests * change adapterError with verb to clarify boolean * update small tests changes * fix linting js errors * remove empty payload and update banner text * fix problematic test solve for another day * fix test --------- Co-authored-by: Angel Garbarino <Monkeychip@users.noreply.github.com> Co-authored-by: Angel Garbarino <argarbarino@gmail.com>
89 lines
2.9 KiB
TypeScript
89 lines
2.9 KiB
TypeScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { service } from '@ember/service';
|
|
import { task } from 'ember-concurrency';
|
|
import { waitFor } from '@ember/test-waiters';
|
|
import { action } from '@ember/object';
|
|
import errorMessage from 'vault/utils/error-message';
|
|
import Ember from 'ember';
|
|
|
|
import type FlashMessageService from 'vault/services/flash-messages';
|
|
import type StoreService from 'vault/services/store';
|
|
import type RouterService from '@ember/routing/router-service';
|
|
import type VersionService from 'vault/services/version';
|
|
import type { SyncDestinationAssociationMetrics } from 'vault/vault/adapters/sync/association';
|
|
import type SyncDestinationModel from 'vault/vault/models/sync/destination';
|
|
import type { HTMLElementEvent } from 'vault/forms';
|
|
|
|
interface Args {
|
|
destinations: Array<SyncDestinationModel>;
|
|
totalVaultSecrets: number;
|
|
activatedFeatures: Array<string>;
|
|
isAdapterError: boolean;
|
|
}
|
|
|
|
export default class SyncSecretsDestinationsPageComponent extends Component<Args> {
|
|
@service declare readonly flashMessages: FlashMessageService;
|
|
@service declare readonly store: StoreService;
|
|
@service declare readonly router: RouterService;
|
|
@service declare readonly version: VersionService;
|
|
|
|
@tracked destinationMetrics: SyncDestinationAssociationMetrics[] = [];
|
|
@tracked page = 1;
|
|
@tracked showActivateSecretsSyncModal = false;
|
|
@tracked confirmDisabled = true;
|
|
|
|
pageSize = Ember.testing ? 3 : 5; // lower in tests to test pagination without seeding more data
|
|
|
|
constructor(owner: unknown, args: Args) {
|
|
super(owner, args);
|
|
if (this.args.destinations.length) {
|
|
this.fetchAssociationsForDestinations.perform();
|
|
}
|
|
}
|
|
|
|
get isActivated() {
|
|
if (this.args.isAdapterError) {
|
|
return false;
|
|
}
|
|
return this.args.activatedFeatures.includes('secrets-sync');
|
|
}
|
|
|
|
fetchAssociationsForDestinations = task(this, {}, async (page = 1) => {
|
|
try {
|
|
const total = page * this.pageSize;
|
|
const paginatedDestinations = this.args.destinations.slice(total - this.pageSize, total);
|
|
this.destinationMetrics = await this.store
|
|
.adapterFor('sync/association')
|
|
.fetchByDestinations(paginatedDestinations);
|
|
this.page = page;
|
|
} catch (error) {
|
|
this.destinationMetrics = [];
|
|
}
|
|
});
|
|
|
|
@action
|
|
onDocsConfirmChange(event: HTMLElementEvent<HTMLInputElement>) {
|
|
this.confirmDisabled = !event.target.checked;
|
|
}
|
|
|
|
@task
|
|
@waitFor
|
|
*onFeatureConfirm() {
|
|
try {
|
|
yield this.store
|
|
.adapterFor('application')
|
|
.ajax('/v1/sys/activation-flags/secrets-sync/activate', 'POST');
|
|
this.showActivateSecretsSyncModal = false;
|
|
this.router.transitionTo('vault.cluster.sync.secrets.overview');
|
|
} catch (error) {
|
|
this.flashMessages.danger(`Error enabling feature \n ${errorMessage(error)}`);
|
|
}
|
|
}
|
|
}
|