open-vault/ui/app/components/secret-delete-menu.js

import Ember from 'ember';
import { inject as service } from '@ember/service';
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
import { alias } from '@ember/object/computed';
import { maybeQueryRecord } from 'vault/macros/maybe-query-record';

const getErrorMessage = errors => {
  let errorMessage = errors?.join('. ') || 'Something went wrong. Check the Vault logs for more information.';
  return errorMessage;
};
export default class SecretDeleteMenu extends Component {
  @service store;
  @service router;
  @service flashMessages;

  @tracked showDeleteModal = false;

  @maybeQueryRecord(
    'capabilities',
    context => {
      if (!context.args || !context.args.modelForData || !context.args.modelForData.id) return;
      let [backend, id] = JSON.parse(context.args.modelForData.id);
      return {
        id: `${encodeURIComponent(backend)}/delete/${encodeURIComponent(id)}`,
      };
    },
    'model.id'
  )
  deleteVersionPath;
  @alias('deleteVersionPath.canUpdate') canDeleteAnyVersion;

  @maybeQueryRecord(
    'capabilities',
    context => {
      if (!context.args || !context.args.modelForData || !context.args.modelForData.id) return;
      let [backend, id] = JSON.parse(context.args.modelForData.id);
      return {
        id: `${encodeURIComponent(backend)}/undelete/${encodeURIComponent(id)}`,
      };
    },
    'model.id'
  )
  undeleteVersionPath;
  @alias('undeleteVersionPath.canUpdate') canUndeleteVersion;

  @maybeQueryRecord(
    'capabilities',
    context => {
      if (!context.args || !context.args.modelForData || !context.args.modelForData.id) return;
      let [backend, id] = JSON.parse(context.args.modelForData.id);
      return {
        id: `${encodeURIComponent(backend)}/destroy/${encodeURIComponent(id)}`,
      };
    },
    'model.id'
  )
  destroyVersionPath;
  @alias('destroyVersionPath.canUpdate') canDestroyVersion;

  @maybeQueryRecord(
    'capabilities',
    context => {
      if (!context.args.model || !context.args.model.engine || !context.args.model.id) return;
      let backend = context.args.model.engine.id;
      let id = context.args.model.id;
      return {
        id: `${encodeURIComponent(backend)}/metadata/${encodeURIComponent(id)}`,
      };
    },
    'model',
    'model.id',
    'mode'
  )
  v2UpdatePath;
  @alias('v2UpdatePath.canDelete') canDestroyAllVersions;

  @maybeQueryRecord(
    'capabilities',
    context => {
      if (!context.args.model || context.args.mode === 'create') {
        return;
      }
      let backend = context.args.isV2 ? context.args.model.engine.id : context.args.model.backend;
      let id = context.args.model.id;
      let path = context.args.isV2
        ? `${encodeURIComponent(backend)}/data/${encodeURIComponent(id)}`
        : `${encodeURIComponent(backend)}/${encodeURIComponent(id)}`;
      return {
        id: path,
      };
    },
    'isV2',
    'model',
    'model.id',
    'mode'
  )
  secretDataPath;
  @alias('secretDataPath.canDelete') canDeleteSecretData;

  get isLatestVersion() {
    let { model } = this.args;
    if (!model) return false;
    let latestVersion = model.currentVersion;
    let selectedVersion = model.selectedVersion.version;
    if (latestVersion !== selectedVersion) {
      return false;
    }
    return true;
  }

  @action
  handleDelete(deleteType) {
    // deleteType should be 'delete', 'destroy', 'undelete', 'delete-latest-version', 'destroy-all-versions', 'v1'
    if (!deleteType) {
      return;
    }
    if (deleteType === 'destroy-all-versions' || deleteType === 'v1') {
      let { id } = this.args.model;
      this.args.model.destroyRecord().then(() => {
        if (deleteType === 'v1') {
          return this.router.transitionTo('vault.cluster.secrets.backend.list-root');
        }
        this.args.navToNearestAncestor.perform(id);
      });
    } else {
      return this.store
        .adapterFor('secret-v2-version')
        .v2DeleteOperation(this.store, this.args.modelForData.id, deleteType)
        .then(resp => {
          if (Ember.testing) {
            return;
          }
          if (!resp) {
            this.showDeleteModal = false;
            this.args.refresh();
            return;
          }
          if (resp.isAdapterError) {
            const errorMessage = getErrorMessage(resp.errors);
            this.flashMessages.danger(errorMessage);
          } else {
            // not likely to ever get to this situation, but adding just in case.
            location.reload();
          }
        });
    }
  }
}