From 0c59d51e3adb57a97c2c8f1ad1130e9697b18aaf Mon Sep 17 00:00:00 2001
From: Chelsea Shaw <82459713+hashishaw@users.noreply.github.com>
Date: Fri, 20 Oct 2023 09:23:55 -0500
Subject: [PATCH] UI: Replace buttons for HDS in component templates (#23698)
---
ui/app/components/loading-dropdown-option.hbs | 1 +
ui/app/models/role-jwt.js | 6 +-
ui/app/styles/components/auth-buttons.scss | 27 ------
ui/app/styles/components/calendar-widget.scss | 13 +--
ui/app/styles/components/popup-menu.scss | 4 +
ui/app/styles/core.scss | 1 -
ui/app/templates/components/alphabet-edit.hbs | 53 +++++++-----
.../components/auth-button-auth0.hbs | 24 ------
.../components/auth-button-gitlab.hbs | 53 ------------
.../components/auth-button-google.hbs | 75 -----------------
.../components/auth-config-form/config.hbs | 9 +-
.../components/auth-config-form/options.hbs | 9 +-
ui/app/templates/components/auth-form.hbs | 9 +-
ui/app/templates/components/auth-jwt.hbs | 38 +++++----
ui/app/templates/components/auth-saml.hbs | 9 +-
.../templates/components/calendar-widget.hbs | 44 +++++-----
.../templates/components/clients/config.hbs | 4 +-
.../components/clients/dashboard.hbs | 12 ++-
.../components/configure-aws-secret.hbs | 8 +-
.../components/configure-ssh-secret.hbs | 9 +-
.../components/control-group-success.hbs | 8 +-
ui/app/templates/components/control-group.hbs | 24 +++---
.../dashboard/quick-actions-card.hbs | 10 +--
.../components/database-connection.hbs | 51 ++++++-----
.../components/database-role-edit.hbs | 84 +++++++++----------
ui/app/templates/components/date-dropdown.hbs | 4 +-
.../components/file-to-array-buffer.hbs | 12 +--
.../generate-credentials-database.hbs | 9 +-
.../components/generate-credentials.hbs | 18 ++--
.../templates/components/generated-item.hbs | 9 +-
.../components/identity/edit-form.hbs | 34 +++-----
.../components/identity/lookup-input.hbs | 2 +-
.../components/identity/popup-alias.hbs | 4 +-
.../components/keymgmt/distribute.hbs | 4 +-
.../templates/components/keymgmt/key-edit.hbs | 59 +++++++------
.../components/keymgmt/provider-edit.hbs | 40 ++++-----
ui/app/templates/components/link-status.hbs | 48 ++---------
.../templates/components/mfa/method-form.hbs | 23 ++---
ui/app/templates/components/mfa/mfa-form.hbs | 9 +-
.../mfa/mfa-login-enforcement-form.hbs | 57 ++++++-------
.../components/mfa/mfa-setup-step-one.hbs | 12 +--
.../components/mfa/mfa-setup-step-two.hbs | 14 +---
.../components/mount-backend-form.hbs | 17 ++--
.../templates/components/namespace-picker.hbs | 14 ++--
.../components/oidc/assignment-form.hbs | 20 ++---
.../templates/components/oidc/client-form.hbs | 20 ++---
ui/app/templates/components/oidc/key-form.hbs | 20 ++---
.../components/oidc/provider-form.hbs | 20 ++---
.../templates/components/oidc/scope-form.hbs | 20 ++---
.../components/okta-number-challenge.hbs | 8 +-
ui/app/templates/components/pgp-file.hbs | 12 ++-
ui/app/templates/components/raft-join.hbs | 4 +-
.../components/raft-storage-overview.hbs | 12 ++-
.../components/raft-storage-restore.hbs | 4 +-
ui/app/templates/components/role-aws-edit.hbs | 30 ++++---
ui/app/templates/components/role-ssh-edit.hbs | 31 ++++---
.../components/secret-create-or-update.hbs | 74 ++++++----------
.../components/secret-list/aws-role-item.hbs | 12 +--
.../secret-list/database-list-item.hbs | 29 ++++---
.../templates/components/secret-list/item.hbs | 4 +-
.../transform-transformation-item.hbs | 4 +-
ui/app/templates/components/tool-hash.hbs | 8 +-
ui/app/templates/components/tool-lookup.hbs | 8 +-
ui/app/templates/components/tool-random.hbs | 8 +-
ui/app/templates/components/tool-rewrap.hbs | 8 +-
ui/app/templates/components/tool-unwrap.hbs | 6 +-
ui/app/templates/components/tool-wrap.hbs | 8 +-
.../components/transform-create-form.hbs | 21 ++---
.../components/transform-edit-form.hbs | 26 ++----
.../components/transform-role-edit.hbs | 41 ++++-----
.../components/transform-template-edit.hbs | 53 +++++++-----
.../components/transformation-edit.hbs | 19 +++--
.../components/transit-form-create.hbs | 9 +-
.../components/transit-form-edit.hbs | 9 +-
.../components/transit-key-action/datakey.hbs | 4 +-
.../components/transit-key-action/decrypt.hbs | 4 +-
.../components/transit-key-action/encrypt.hbs | 4 +-
.../components/transit-key-action/export.hbs | 4 +-
.../components/transit-key-action/hmac.hbs | 4 +-
.../components/transit-key-action/rewrap.hbs | 4 +-
.../components/transit-key-action/sign.hbs | 4 +-
.../components/transit-key-action/verify.hbs | 4 +-
.../templates/components/wizard-content.hbs | 4 +-
.../vault/cluster/access/identity/index.hbs | 4 +-
.../vault/cluster/policies/index.hbs | 8 +-
ui/lib/core/addon/components/menu-loader.hbs | 4 +-
ui/scripts/codemods/hds/button.js | 14 ++++
ui/tests/acceptance/mfa-login-test.js | 4 +-
ui/tests/acceptance/mfa-method-test.js | 2 +-
.../secrets/backend/database/secret-test.js | 6 +-
.../components/link-status-test.js | 53 +++++++-----
.../integration/components/mfa-form-test.js | 4 +-
ui/tests/unit/models/role-jwt-test.js | 20 ++---
93 files changed, 673 insertions(+), 1004 deletions(-)
create mode 100644 ui/app/components/loading-dropdown-option.hbs
delete mode 100644 ui/app/styles/components/auth-buttons.scss
delete mode 100644 ui/app/templates/components/auth-button-auth0.hbs
delete mode 100644 ui/app/templates/components/auth-button-gitlab.hbs
delete mode 100644 ui/app/templates/components/auth-button-google.hbs
diff --git a/ui/app/components/loading-dropdown-option.hbs b/ui/app/components/loading-dropdown-option.hbs
new file mode 100644
index 0000000000..8f93edc19d
--- /dev/null
+++ b/ui/app/components/loading-dropdown-option.hbs
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/ui/app/models/role-jwt.js b/ui/app/models/role-jwt.js
index 9a68051a48..0d8e2ec1a2 100644
--- a/ui/app/models/role-jwt.js
+++ b/ui/app/models/role-jwt.js
@@ -15,7 +15,7 @@ const DOMAIN_STRINGS = {
'auth0.com': 'Auth0',
};
-const PROVIDER_WITH_LOGO = ['GitLab', 'Google', 'Auth0'];
+const PROVIDER_WITH_LOGO = ['GitHub', 'GitLab', 'Google', 'Okta', 'Auth0'];
export { DOMAIN_STRINGS, PROVIDER_WITH_LOGO };
@@ -28,8 +28,8 @@ export default class RoleJwtModel extends Model {
return DOMAIN_STRINGS[firstMatch] || null;
}
- get providerButtonComponent() {
+ get providerIcon() {
const { providerName } = this;
- return PROVIDER_WITH_LOGO.includes(providerName) ? `auth-button-${providerName.toLowerCase()}` : null;
+ return PROVIDER_WITH_LOGO.includes(providerName) ? providerName.toLowerCase() : null;
}
}
diff --git a/ui/app/styles/components/auth-buttons.scss b/ui/app/styles/components/auth-buttons.scss
deleted file mode 100644
index 84310f7c07..0000000000
--- a/ui/app/styles/components/auth-buttons.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) HashiCorp, Inc.
- * SPDX-License-Identifier: BUSL-1.1
- */
-
-.auth-button-tile {
- height: 31px;
- width: 31px;
- background: $white;
- border-radius: 1px;
- box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
-}
-.auth-button-type-google {
- position: relative;
- top: -10px;
- left: -1.05rem;
-}
-
-.auth-button-type-auth0,
-.auth-button-type-gitlab {
- position: relative;
- top: -6px;
- left: -0.75rem;
-}
-[class*='auth-button-type'] .text {
- padding-left: $spacing-m;
-}
diff --git a/ui/app/styles/components/calendar-widget.scss b/ui/app/styles/components/calendar-widget.scss
index f7de7a1625..9fe4a848fe 100644
--- a/ui/app/styles/components/calendar-widget.scss
+++ b/ui/app/styles/components/calendar-widget.scss
@@ -23,22 +23,11 @@ $dark-gray: #535f73;
.select-year {
grid-area: select-year;
- margin-left: 24px;
- margin-top: 10px;
+ margin: 10px 24px;
font-weight: $font-weight-bold;
display: flex;
justify-content: space-between;
align-items: first baseline;
-
- // spacing of < year > icons when the tooltip is added or removed from DOM.
- > .padding-right {
- // if no tooltip
- padding-right: 26px;
- }
- > .negative-margin {
- // if tooltip
- margin-right: -50px;
- }
}
.calendar-widget {
diff --git a/ui/app/styles/components/popup-menu.scss b/ui/app/styles/components/popup-menu.scss
index 68db72abbd..325b138379 100644
--- a/ui/app/styles/components/popup-menu.scss
+++ b/ui/app/styles/components/popup-menu.scss
@@ -83,6 +83,10 @@
cursor: default;
}
}
+ &.loading-dropdown {
+ display: flex;
+ align-items: center;
+ }
}
.menu-label {
diff --git a/ui/app/styles/core.scss b/ui/app/styles/core.scss
index a062572629..1dca67e697 100644
--- a/ui/app/styles/core.scss
+++ b/ui/app/styles/core.scss
@@ -52,7 +52,6 @@
@import './helper-classes/typography';
// Component specific styling
-@import './components/auth-buttons';
@import './components/auth-form';
@import './components/autocomplete-input';
@import './components/b64-toggle';
diff --git a/ui/app/templates/components/alphabet-edit.hbs b/ui/app/templates/components/alphabet-edit.hbs
index 66b20c7e0c..f35121b10c 100644
--- a/ui/app/templates/components/alphabet-edit.hbs
+++ b/ui/app/templates/components/alphabet-edit.hbs
@@ -31,9 +31,13 @@
{{#if this.capabilities.canDelete}}
-
- Delete alphabet
-
+
{{/if}}
{{#if this.capabilities.canUpdate}}
@@ -79,27 +83,30 @@
{{/each}}
-
-
+
- {{#if (eq this.mode "create")}}
- Create alphabet
- {{else if (eq this.mode "edit")}}
- Save
- {{/if}}
-
-
- Cancel
-
-
+ data-test-alphabet-transform-create
+ />
+ {{#if (eq this.mode "create")}}
+
+ {{else}}
+
+ {{/if}}
+
{{else}}
diff --git a/ui/app/templates/components/auth-button-auth0.hbs b/ui/app/templates/components/auth-button-auth0.hbs
deleted file mode 100644
index 0a4e4154e8..0000000000
--- a/ui/app/templates/components/auth-button-auth0.hbs
+++ /dev/null
@@ -1,24 +0,0 @@
-{{!
- Copyright (c) HashiCorp, Inc.
- SPDX-License-Identifier: BUSL-1.1
-~}}
-
-
\ No newline at end of file
diff --git a/ui/app/templates/components/auth-button-gitlab.hbs b/ui/app/templates/components/auth-button-gitlab.hbs
deleted file mode 100644
index 16e48fe664..0000000000
--- a/ui/app/templates/components/auth-button-gitlab.hbs
+++ /dev/null
@@ -1,53 +0,0 @@
-{{!
- Copyright (c) HashiCorp, Inc.
- SPDX-License-Identifier: BUSL-1.1
-~}}
-
-
\ No newline at end of file
diff --git a/ui/app/templates/components/auth-button-google.hbs b/ui/app/templates/components/auth-button-google.hbs
deleted file mode 100644
index c8c96ad817..0000000000
--- a/ui/app/templates/components/auth-button-google.hbs
+++ /dev/null
@@ -1,75 +0,0 @@
-{{!
- Copyright (c) HashiCorp, Inc.
- SPDX-License-Identifier: BUSL-1.1
-~}}
-
-
\ No newline at end of file
diff --git a/ui/app/templates/components/auth-config-form/config.hbs b/ui/app/templates/components/auth-config-form/config.hbs
index e245a51e66..d0aa09c9e9 100644
--- a/ui/app/templates/components/auth-config-form/config.hbs
+++ b/ui/app/templates/components/auth-config-form/config.hbs
@@ -16,13 +16,12 @@
{{/if}}
-
- Save
-
+ />
\ No newline at end of file
diff --git a/ui/app/templates/components/auth-config-form/options.hbs b/ui/app/templates/components/auth-config-form/options.hbs
index 35e6f0909a..eaef6e030d 100644
--- a/ui/app/templates/components/auth-config-form/options.hbs
+++ b/ui/app/templates/components/auth-config-form/options.hbs
@@ -12,13 +12,12 @@
{{/each}}
-
- Update Options
-
+ />
\ No newline at end of file
diff --git a/ui/app/templates/components/auth-form.hbs b/ui/app/templates/components/auth-form.hbs
index cb56335804..35506c5cb3 100644
--- a/ui/app/templates/components/auth-form.hbs
+++ b/ui/app/templates/components/auth-form.hbs
@@ -181,15 +181,14 @@
@selectedAuthIsPath={{this.selectedAuthIsPath}}
/>
{{/if}}
-
- Sign In
-
+ />
{{#if (and this.delayAuthMessageReminder.isIdle this.showLoading)}}
{{yield}}
-
- {{#if this.isOIDC}}
- {{#if this.role.providerButtonComponent}}
- {{component this.role.providerButtonComponent}}
- {{else}}
- Sign in with
- {{or this.role.providerName "OIDC Provider"}}
- {{/if}}
- {{else}}
- Sign In
- {{/if}}
-
+
+ {{#if this.isOIDC}}
+
+ {{else}}
+
+ {{/if}}
\ No newline at end of file
diff --git a/ui/app/templates/components/auth-saml.hbs b/ui/app/templates/components/auth-saml.hbs
index a3d0059268..37ebf14037 100644
--- a/ui/app/templates/components/auth-saml.hbs
+++ b/ui/app/templates/components/auth-saml.hbs
@@ -31,15 +31,14 @@
{{yield}}
-
- Sign in with SAML provider
-
+ />
{{else}}
diff --git a/ui/app/templates/components/calendar-widget.hbs b/ui/app/templates/components/calendar-widget.hbs
index 242cf6362f..3fbbf964b1 100644
--- a/ui/app/templates/components/calendar-widget.hbs
+++ b/ui/app/templates/components/calendar-widget.hbs
@@ -15,6 +15,7 @@
DATE OPTIONS
+ {{! TODO Hds::Dropdown swapout }}
-{{/if}}
-
-{{#if this.showModal}}
-
-
- HCP Link error
-
-
-
-
Timestamp
-
- {{or this.timestamp "Not available"}}
-
-
-
-
Error
- {{#if this.error}}
-
- {{this.error}}
-
- {{else}}
-
- Not available
-
- {{/if}}
-
-
-
Additional information
-
Check the logs for more information
-
-
-
-
-
-
{{/if}}
\ No newline at end of file
diff --git a/ui/app/templates/components/mfa/method-form.hbs b/ui/app/templates/components/mfa/method-form.hbs
index 5f8fc8346b..23b826161d 100644
--- a/ui/app/templates/components/mfa/method-form.hbs
+++ b/ui/app/templates/components/mfa/method-form.hbs
@@ -10,21 +10,16 @@
{{#if @hasActions}}
-
-
+
- Save
-
-
- Cancel
-
-
+ data-test-mfa-save
+ />
+
+
{{/if}}
diff --git a/ui/app/templates/components/mfa/mfa-form.hbs b/ui/app/templates/components/mfa/mfa-form.hbs
index b23daf5609..5ec07b60a1 100644
--- a/ui/app/templates/components/mfa/mfa-form.hbs
+++ b/ui/app/templates/components/mfa/mfa-form.hbs
@@ -61,15 +61,14 @@
{{/if}}
-
- Verify
-
+ />
{{#if this.newCodeDelay.isRunning}}
{{this.countdown}}
diff --git a/ui/app/templates/components/mfa/mfa-login-enforcement-form.hbs b/ui/app/templates/components/mfa/mfa-login-enforcement-form.hbs
index a827c33921..dd3a64cf6e 100644
--- a/ui/app/templates/components/mfa/mfa-login-enforcement-form.hbs
+++ b/ui/app/templates/components/mfa/mfa-login-enforcement-form.hbs
@@ -66,14 +66,14 @@
{{target.value}}
{{/if}}
-
-
-
+ />
{{/each}}
@@ -118,15 +118,14 @@
/>
{{/if}}
-
- Add
-
+ />
{{#if this.errors.targets.errors}}
@@ -135,24 +134,22 @@
{{#unless @isInline}}
-
- {{if @model.isNew "Create" "Update"}}
-
-
- Cancel
-
+
+
+
+
{{/unless}}
\ No newline at end of file
diff --git a/ui/app/templates/components/mfa/mfa-setup-step-one.hbs b/ui/app/templates/components/mfa/mfa-setup-step-one.hbs
index ef2288d9c1..e1198ec0d9 100644
--- a/ui/app/templates/components/mfa/mfa-setup-step-one.hbs
+++ b/ui/app/templates/components/mfa/mfa-setup-step-one.hbs
@@ -30,13 +30,9 @@
/>
-
-
- Verify
-
-
- Cancel
-
-
+
+
+
+
\ No newline at end of file
diff --git a/ui/app/templates/components/mfa/mfa-setup-step-two.hbs b/ui/app/templates/components/mfa/mfa-setup-step-two.hbs
index 20008f8970..c570d99db8 100644
--- a/ui/app/templates/components/mfa/mfa-setup-step-two.hbs
+++ b/ui/app/templates/components/mfa/mfa-setup-step-two.hbs
@@ -46,18 +46,8 @@
{{/if}}
-
- Restart setup
-
-
- Done
-
+
+
\ No newline at end of file
diff --git a/ui/app/templates/components/mount-backend-form.hbs b/ui/app/templates/components/mount-backend-form.hbs
index 17cb45e7b5..62f22c1adb 100644
--- a/ui/app/templates/components/mount-backend-form.hbs
+++ b/ui/app/templates/components/mount-backend-form.hbs
@@ -39,23 +39,16 @@
-
- {{#if (eq @mountType "secret")}}
- Enable Engine
- {{else}}
- Enable Method
- {{/if}}
-
+ />
-
- Back
-
+
{{#if this.invalidFormAlert}}
diff --git a/ui/app/templates/components/namespace-picker.hbs b/ui/app/templates/components/namespace-picker.hbs
index 440376abaf..9af86128eb 100644
--- a/ui/app/templates/components/namespace-picker.hbs
+++ b/ui/app/templates/components/namespace-picker.hbs
@@ -91,14 +91,14 @@
-
-
-
+ {{on "click" (action "refreshNamespaceList")}}
+ />
diff --git a/ui/app/templates/components/oidc/assignment-form.hbs b/ui/app/templates/components/oidc/assignment-form.hbs
index d2f8a06885..8ce86f2168 100644
--- a/ui/app/templates/components/oidc/assignment-form.hbs
+++ b/ui/app/templates/components/oidc/assignment-form.hbs
@@ -47,23 +47,21 @@
/>
-
- {{if @model.isNew "Create" "Update"}}
-
-
+
- Cancel
-
+ />
{{#if this.modelValidations.targets.errors}}
{{/if}}
diff --git a/ui/app/templates/components/oidc/client-form.hbs b/ui/app/templates/components/oidc/client-form.hbs
index fb5fd92c62..e2c0a9def1 100644
--- a/ui/app/templates/components/oidc/client-form.hbs
+++ b/ui/app/templates/components/oidc/client-form.hbs
@@ -79,23 +79,21 @@
-
- {{if @model.isNew "Create" "Update"}}
-
-
+
- Cancel
-
+ />
{{#if this.invalidFormAlert}}
diff --git a/ui/app/templates/components/oidc/key-form.hbs b/ui/app/templates/components/oidc/key-form.hbs
index 7cf8daafa9..9ea41100b0 100644
--- a/ui/app/templates/components/oidc/key-form.hbs
+++ b/ui/app/templates/components/oidc/key-form.hbs
@@ -80,23 +80,21 @@
-
- {{if @model.isNew "Create" "Update"}}
-
-
+
- Cancel
-
+ />
{{#if this.invalidFormAlert}}
diff --git a/ui/app/templates/components/oidc/provider-form.hbs b/ui/app/templates/components/oidc/provider-form.hbs
index 505f6ad78f..b51e0d1e86 100644
--- a/ui/app/templates/components/oidc/provider-form.hbs
+++ b/ui/app/templates/components/oidc/provider-form.hbs
@@ -107,23 +107,21 @@
-
- {{if @model.isNew "Create" "Update"}}
-
-
+
- Cancel
-
+ />
{{#if this.invalidFormAlert}}
diff --git a/ui/app/templates/components/oidc/scope-form.hbs b/ui/app/templates/components/oidc/scope-form.hbs
index d55a292d40..76541045a8 100644
--- a/ui/app/templates/components/oidc/scope-form.hbs
+++ b/ui/app/templates/components/oidc/scope-form.hbs
@@ -55,23 +55,21 @@
-
- {{if @model.isNew "Create" "Update"}}
-
-
+
- Cancel
-
+ />
{{#if this.invalidFormAlert}}
diff --git a/ui/app/templates/components/okta-number-challenge.hbs b/ui/app/templates/components/okta-number-challenge.hbs
index 790833362f..8f08fbc571 100644
--- a/ui/app/templates/components/okta-number-challenge.hbs
+++ b/ui/app/templates/components/okta-number-challenge.hbs
@@ -11,12 +11,12 @@
{{#if @hasError}}
- Return to login
+ />
{{else if @correctAnswer}}
diff --git a/ui/app/templates/components/pgp-file.hbs b/ui/app/templates/components/pgp-file.hbs
index c77badd4df..69486ed2d3 100644
--- a/ui/app/templates/components/pgp-file.hbs
+++ b/ui/app/templates/components/pgp-file.hbs
@@ -70,9 +70,15 @@
{{/if}}
{{#if this.key.filename}}
-
-
-
+
{{/if}}
diff --git a/ui/app/templates/components/raft-join.hbs b/ui/app/templates/components/raft-join.hbs
index 2d10decf6b..a727955e9d 100644
--- a/ui/app/templates/components/raft-join.hbs
+++ b/ui/app/templates/components/raft-join.hbs
@@ -52,9 +52,7 @@
-
- Next
-
+
{{/if}}
\ No newline at end of file
diff --git a/ui/app/templates/components/raft-storage-overview.hbs b/ui/app/templates/components/raft-storage-overview.hbs
index e021a00a2e..011423ec68 100644
--- a/ui/app/templates/components/raft-storage-overview.hbs
+++ b/ui/app/templates/components/raft-storage-overview.hbs
@@ -34,13 +34,11 @@
Download
{{else}}
-
- Download
-
+
{{/if}}
diff --git a/ui/app/templates/components/raft-storage-restore.hbs b/ui/app/templates/components/raft-storage-restore.hbs
index 814728fe82..826aeb9003 100644
--- a/ui/app/templates/components/raft-storage-restore.hbs
+++ b/ui/app/templates/components/raft-storage-restore.hbs
@@ -34,9 +34,7 @@
-
- Cancel upload
-
+
{{else}}
diff --git a/ui/app/templates/components/role-aws-edit.hbs b/ui/app/templates/components/role-aws-edit.hbs
index 2a00af373a..a713939c1d 100644
--- a/ui/app/templates/components/role-aws-edit.hbs
+++ b/ui/app/templates/components/role-aws-edit.hbs
@@ -72,18 +72,24 @@
{{/each}}
-
-
- {{#if (eq this.mode "create")}}
- Create role
- {{else if (eq this.mode "edit")}}
- Save
- {{/if}}
-
-
- Cancel
-
-
+
+
+ {{#if (eq this.mode "create")}}
+
+ {{else}}
+
+ {{/if}}
+
{{else}}
diff --git a/ui/app/templates/components/role-ssh-edit.hbs b/ui/app/templates/components/role-ssh-edit.hbs
index d202a7c9b4..96396bee69 100644
--- a/ui/app/templates/components/role-ssh-edit.hbs
+++ b/ui/app/templates/components/role-ssh-edit.hbs
@@ -67,18 +67,25 @@
-
-
- {{#if (eq this.mode "create")}}
- Create role
- {{else if (eq this.mode "edit")}}
- Save
- {{/if}}
-
-
- Cancel
-
-
+
+
+ {{#if (eq this.mode "create")}}
+
+ {{else}}
+
+ {{/if}}
+
{{else}}
diff --git a/ui/app/templates/components/secret-create-or-update.hbs b/ui/app/templates/components/secret-create-or-update.hbs
index c7371010db..4dc52bc88d 100644
--- a/ui/app/templates/components/secret-create-or-update.hbs
+++ b/ui/app/templates/components/secret-create-or-update.hbs
@@ -6,7 +6,7 @@
{{#if (eq @mode "create")}}
\ No newline at end of file
diff --git a/ui/app/templates/components/transform-edit-form.hbs b/ui/app/templates/components/transform-edit-form.hbs
index 65eb18a068..7bc2486e38 100644
--- a/ui/app/templates/components/transform-edit-form.hbs
+++ b/ui/app/templates/components/transform-edit-form.hbs
@@ -43,22 +43,14 @@
{{/each}}
-
-
- {{#if (eq this.mode "create")}}
- Create transformation
- {{else if (eq this.mode "edit")}}
- Save
- {{/if}}
-
-
- Cancel
-
-
+
+
+
+
\ No newline at end of file
diff --git a/ui/app/templates/components/transform-role-edit.hbs b/ui/app/templates/components/transform-role-edit.hbs
index 32d8b5dc7d..e73724e466 100644
--- a/ui/app/templates/components/transform-role-edit.hbs
+++ b/ui/app/templates/components/transform-role-edit.hbs
@@ -71,29 +71,30 @@
{{/each}}
-
-
+
- {{#if (eq this.mode "create")}}
- Create role
- {{else if (eq this.mode "edit")}}
- Save
- {{/if}}
-
+ data-test-role-transform-create
+ />
{{#if (eq this.mode "create")}}
-
- Cancel
-
- {{else if (eq this.mode "edit")}}
-
- Cancel
-
+
+ {{else}}
+
{{/if}}
-
+
{{else}}
diff --git a/ui/app/templates/components/transform-template-edit.hbs b/ui/app/templates/components/transform-template-edit.hbs
index 2ce3fa6782..32e0847bba 100644
--- a/ui/app/templates/components/transform-template-edit.hbs
+++ b/ui/app/templates/components/transform-template-edit.hbs
@@ -31,9 +31,13 @@
{{#if this.capabilities.canDelete}}
-
- Delete template
-
+
{{/if}}
{{#if this.capabilities.canUpdate}}
@@ -82,27 +86,30 @@
{{/each}}
-
-
+
- {{#if (eq this.mode "create")}}
- Create template
- {{else if (eq this.mode "edit")}}
- Save
- {{/if}}
-
-
- Cancel
-
-
+ data-test-template-transform-create
+ />
+ {{#if (eq this.mode "create")}}
+
+ {{else}}
+
+ {{/if}}
+
{{else}}
diff --git a/ui/app/templates/components/transformation-edit.hbs b/ui/app/templates/components/transformation-edit.hbs
index 0a26fc6536..c4d54157a1 100644
--- a/ui/app/templates/components/transformation-edit.hbs
+++ b/ui/app/templates/components/transformation-edit.hbs
@@ -34,9 +34,13 @@
{{#if (gt this.model.allowed_roles.length 0)}}
-
- Delete transformation
-
+
@@ -45,9 +49,12 @@
{{else}}
-
- Delete transformation
-
+
{{/if}}
{{/if}}
diff --git a/ui/app/templates/components/transit-form-create.hbs b/ui/app/templates/components/transit-form-create.hbs
index 924e3bc532..0b6d403d8f 100644
--- a/ui/app/templates/components/transit-form-create.hbs
+++ b/ui/app/templates/components/transit-form-create.hbs
@@ -125,14 +125,13 @@
-
- Create encryption key
-
+ />
diff --git a/ui/app/templates/components/transit-form-edit.hbs b/ui/app/templates/components/transit-form-edit.hbs
index b87eabf242..1681e9f5c0 100644
--- a/ui/app/templates/components/transit-form-edit.hbs
+++ b/ui/app/templates/components/transit-form-edit.hbs
@@ -91,9 +91,12 @@
{{#if @capabilities.canUpdate}}
-
- Update transit key
-
+
{{/if}}
diff --git a/ui/app/templates/components/transit-key-action/datakey.hbs b/ui/app/templates/components/transit-key-action/datakey.hbs
index 24b8d8cbf2..4dd9a317ae 100644
--- a/ui/app/templates/components/transit-key-action/datakey.hbs
+++ b/ui/app/templates/components/transit-key-action/datakey.hbs
@@ -68,9 +68,7 @@
diff --git a/ui/app/templates/components/transit-key-action/decrypt.hbs b/ui/app/templates/components/transit-key-action/decrypt.hbs
index 84d8f90c7a..b0493679c1 100644
--- a/ui/app/templates/components/transit-key-action/decrypt.hbs
+++ b/ui/app/templates/components/transit-key-action/decrypt.hbs
@@ -49,9 +49,7 @@
diff --git a/ui/app/templates/components/transit-key-action/encrypt.hbs b/ui/app/templates/components/transit-key-action/encrypt.hbs
index 82483bc045..257ce66d9b 100644
--- a/ui/app/templates/components/transit-key-action/encrypt.hbs
+++ b/ui/app/templates/components/transit-key-action/encrypt.hbs
@@ -63,9 +63,7 @@
diff --git a/ui/app/templates/components/transit-key-action/export.hbs b/ui/app/templates/components/transit-key-action/export.hbs
index b14b2d67f8..beb949099e 100644
--- a/ui/app/templates/components/transit-key-action/export.hbs
+++ b/ui/app/templates/components/transit-key-action/export.hbs
@@ -59,9 +59,7 @@
diff --git a/ui/app/templates/components/transit-key-action/hmac.hbs b/ui/app/templates/components/transit-key-action/hmac.hbs
index 05c674a897..3dedf52cdf 100644
--- a/ui/app/templates/components/transit-key-action/hmac.hbs
+++ b/ui/app/templates/components/transit-key-action/hmac.hbs
@@ -45,9 +45,7 @@
diff --git a/ui/app/templates/components/transit-key-action/rewrap.hbs b/ui/app/templates/components/transit-key-action/rewrap.hbs
index 7d75bd2ce5..5a173dbfb6 100644
--- a/ui/app/templates/components/transit-key-action/rewrap.hbs
+++ b/ui/app/templates/components/transit-key-action/rewrap.hbs
@@ -57,9 +57,7 @@
-
- Rewrap
-
+
diff --git a/ui/app/templates/components/transit-key-action/sign.hbs b/ui/app/templates/components/transit-key-action/sign.hbs
index b14eb7a26c..5c12139724 100644
--- a/ui/app/templates/components/transit-key-action/sign.hbs
+++ b/ui/app/templates/components/transit-key-action/sign.hbs
@@ -114,9 +114,7 @@
diff --git a/ui/app/templates/components/transit-key-action/verify.hbs b/ui/app/templates/components/transit-key-action/verify.hbs
index 2fdbd63a04..77a774c7b1 100644
--- a/ui/app/templates/components/transit-key-action/verify.hbs
+++ b/ui/app/templates/components/transit-key-action/verify.hbs
@@ -186,9 +186,7 @@
diff --git a/ui/app/templates/components/wizard-content.hbs b/ui/app/templates/components/wizard-content.hbs
index 2ebd051fae..6c4420468c 100644
--- a/ui/app/templates/components/wizard-content.hbs
+++ b/ui/app/templates/components/wizard-content.hbs
@@ -9,9 +9,7 @@
diff --git a/ui/app/templates/vault/cluster/access/identity/index.hbs b/ui/app/templates/vault/cluster/access/identity/index.hbs
index 743a7a2479..d995acd240 100644
--- a/ui/app/templates/vault/cluster/access/identity/index.hbs
+++ b/ui/app/templates/vault/cluster/access/identity/index.hbs
@@ -43,9 +43,7 @@
{{#if (or item.isReloading item.updatePath.isPending item.aliasPath.isPending)}}
-
- loading
-
+
{{else}}
{{#if item.canAddAlias}}
diff --git a/ui/app/templates/vault/cluster/policies/index.hbs b/ui/app/templates/vault/cluster/policies/index.hbs
index d0fcf50949..0aa5c28faf 100644
--- a/ui/app/templates/vault/cluster/policies/index.hbs
+++ b/ui/app/templates/vault/cluster/policies/index.hbs
@@ -97,14 +97,10 @@