UI: Add the wizard to the database secret engine

changelog/10982.txt

@@ -0,0 +1,3 @@
+```release-note:feature
+ui: Adds the wizard to the Database Secret Engine
+```

ui/app/components/database-connection.js

@@ -19,13 +19,21 @@ export default class DatabaseConnectionEdit extends Component {
   @service store;
   @service router;
   @service flashMessages;
+  @service wizard;
 
   @tracked
   showPasswordField = false; // used for edit mode
 
   @tracked
   showSaveModal = false; // used for create mode
 
+  constructor() {
+    super(...arguments);
+    if (this.wizard.featureState === 'details' || this.wizard.featureState === 'connection') {
+      this.wizard.transitionFeatureMachine(this.wizard.featureState, 'CONTINUE', 'database');
+    }
+  }
+
   rotateCredentials(backend, name) {
     let adapter = this.store.adapterFor('database/connection');
     return adapter.rotateRootCredentials(backend, name);

ui/app/components/database-role-edit.js

@@ -9,6 +9,18 @@ const SHOW_ROUTE = 'vault.cluster.secrets.backend.show';
 export default class DatabaseRoleEdit extends Component {
   @service router;
   @service flashMessages;
+  @service wizard;
+
+  constructor() {
+    super(...arguments);
+    console.log(this.wizard.featureState, 'featureSTate');
+    if (
+      this.wizard.featureState === 'displayConnection' ||
+      this.wizard.featureState === 'displayRoleDatabase'
+    ) {
+      this.wizard.transitionFeatureMachine(this.wizard.featureState, 'CONTINUE', 'database');
+    }
+  }
 
   @tracked loading = false;
 

ui/app/components/wizard/mounts-wizard.js

@@ -20,6 +20,7 @@ export default Component.extend({
   nextStep: computed('fullNextStep', function() {
     return this.fullNextStep.split('.').lastObject;
   }),
+  needsConnection: equal('mountSubtype', 'database'),
   needsEncryption: equal('mountSubtype', 'transit'),
   stepComponent: alias('wizard.stepComponent'),
   detailsComponent: computed('currentMachine', 'mountSubtype', function() {

ui/app/helpers/wizard-constants.js

@@ -42,6 +42,7 @@ export const DEFAULTS = {
 
 export const FEATURE_MACHINE_STEPS = {
   secrets: {
+    connection: 4, // ARG TODO unsure just making this up for now
     encryption: 5,
     secret: {
       list: 4,

ui/app/machines/secrets-machine.js

@@ -39,6 +39,9 @@ export default {
       ],
       on: {
         CONTINUE: {
+          connection: {
+            cond: type => type === 'database',
+          },
           role: {
             cond: type => ['pki', 'aws', 'ssh'].includes(type),
           },
@@ -51,6 +54,15 @@ export default {
         },
       },
     },
+    connection: {
+      onEntry: [
+        { type: 'render', level: 'step', component: 'wizard/secrets-connection' },
+        { type: 'render', level: 'feature', component: 'wizard/mounts-wizard' },
+      ],
+      on: {
+        CONTINUE: 'displayConnection',
+      },
+    },
     encryption: {
       onEntry: [
         { type: 'render', level: 'feature', component: 'wizard/mounts-wizard' },
@@ -87,6 +99,24 @@ export default {
         CONTINUE: 'credentials',
       },
     },
+    displayConnection: {
+      onEntry: [
+        { type: 'render', level: 'step', component: 'wizard/secrets-connection-show' },
+        { type: 'render', level: 'feature', component: 'wizard/mounts-wizard' },
+      ],
+      on: {
+        CONTINUE: 'displayRoleDatabase',
+      },
+    },
+    displayRoleDatabase: {
+      onEntry: [
+        { type: 'render', level: 'step', component: 'wizard/secrets-display-database-role' },
+        { type: 'render', level: 'feature', component: 'wizard/mounts-wizard' },
+      ],
+      on: {
+        CONTINUE: 'display',
+      },
+    },
     secret: {
       onEntry: [
         { type: 'render', level: 'step', component: 'wizard/secrets-secret' },
@@ -103,6 +133,10 @@ export default {
       ],
       on: {
         REPEAT: {
+          connection: {
+            cond: type => type === 'database',
+            actions: [{ type: 'routeTransition', params: ['vault.cluster.secrets.backend.create-root'] }],
+          },
           role: {
             cond: type => ['pki', 'aws', 'ssh'].includes(type),
             actions: [{ type: 'routeTransition', params: ['vault.cluster.secrets.backend.create-root'] }],