UI - azure secrets alicloud auth (#5278)

* add alicloud auth method in the UI along with onboarding component

* hide dismiss menu on tutorial paused state

* add ability to enable azure secrets engine

ui/app/components/mount-backend-form.js

@@ -62,8 +62,11 @@ export default Component.extend({
 
   getConfigModelType(methodType) {
     let mountType = this.get('mountType');
-    let noConfig = ['approle'];
-    if (mountType === 'secret' || noConfig.includes(methodType)) {
+    // will be something like secret-aws
+    // or auth-azure
+    let key = `${mountType}-${methodType}`;
+    let noConfig = ['auth-approle', 'auth-alicloud'];
+    if (mountType === 'secret' || noConfig.includes(key)) {
       return;
     }
     if (methodType === 'aws') {

ui/app/helpers/mountable-auth-methods.js

@@ -1,6 +1,12 @@
 import Ember from 'ember';
 
 const MOUNTABLE_AUTH_METHODS = [
+  {
+    displayName: 'AliCloud',
+    value: 'alicloud',
+    type: 'alicloud',
+    category: 'cloud',
+  },
   {
     displayName: 'AppRole',
     value: 'approle',
@@ -79,7 +85,7 @@ const MOUNTABLE_AUTH_METHODS = [
 ];
 
 export function methods() {
-  return MOUNTABLE_AUTH_METHODS;
+  return MOUNTABLE_AUTH_METHODS.slice();
 }
 
 export default Ember.Helper.helper(methods);

ui/app/helpers/mountable-secret-engines.js

@@ -13,6 +13,12 @@ const MOUNTABLE_SECRET_ENGINES = [
     type: 'aws',
     category: 'cloud',
   },
+  {
+    displayName: 'Azure',
+    value: 'azure',
+    type: 'azure',
+    category: 'cloud',
+  },
   {
     displayName: 'Consul',
     value: 'consul',
@@ -76,7 +82,7 @@ const MOUNTABLE_SECRET_ENGINES = [
 ];
 
 export function engines() {
-  return MOUNTABLE_SECRET_ENGINES;
+  return MOUNTABLE_SECRET_ENGINES.slice();
 }
 
 export default Ember.Helper.helper(engines);

ui/app/templates/components/wizard-content.hbs

@@ -1,15 +1,17 @@
 <div class="wizard-header">
-  <PopupMenu @class="wizard-dismiss-menu">
-    <nav class="menu">
-      <ul class="menu-list">
-        <li class="action">
-          <button type="button" class="button link " onclick={{action "dismissWizard"}}>
-            Dismiss
-          </button>
-        </li>
-      </ul>
-    </nav>
-  </PopupMenu>
+  {{#unless hidePopup}}
+    <PopupMenu @class="wizard-dismiss-menu">
+      <nav class="menu">
+        <ul class="menu-list">
+          <li class="action">
+            <button type="button" class="button link " onclick={{action "dismissWizard"}}>
+              Dismiss
+            </button>
+          </li>
+        </ul>
+      </nav>
+    </PopupMenu>
+  {{/unless}}
   <h1 class="title is-5">
     <ICon @glyph={{glyph}} @size="21" /> {{headerText}}
   </h1>

ui/app/templates/components/wizard/alicloud-method.hbs

@@ -0,0 +1,10 @@
+<WizardSection
+  @headerText="AliCloud"
+  @headerIcon="enable/alicloud"
+  @docText="Docs: AliCloud Authentication"
+  @docPath="/docs/auth/alicloud.html"
+>
+  <p>
+    The AliCloud auth method provides an automated mechanism to retrieve a Vault token for AliCloud entities.
+  </p>
+</WizardSection>

ui/app/templates/components/wizard/azure-engine.hbs

@@ -0,0 +1,10 @@
+<WizardSection
+  @headerText="Azure"
+  @headerIcon="enable/azure"
+  @docText="Docs: Azure Secrets"
+  @docPath="/docs/secrets/azure/index.html"
+>
+  <p>
+  The Azure secrets engine dynamically generates Azure service principals and role assignments. Vault roles can be mapped to one or more Azure roles, providing a simple, flexible way to manage the permissions granted to generated service principals.
+  </p>
+</WizardSection>

ui/app/templates/components/wizard/tutorial-idle.hbs

@@ -1,4 +1,12 @@
-<WizardContent @headerText="Welcome to Vault" @glyph="tour" @class="collapsed">
+<WizardContent
+  @headerText="Welcome to Vault"
+  @glyph="tour"
+  @class="collapsed"
+  @hidePopup={{true}}
+>
+  <button type="button" class="button is-transparent icon dismiss-collapsed" {{action onDismiss}}>
+    <ICon @glyph="close" />
+  </button>
   <p>Want a tour? Our helpful guide will introduce you to the Vault Web UI.</p>
   <div class="box wizard-divider-box">
     <button type="button" class="button is-transparent has-icon-left has-text-white" {{action onAdvance}}>

ui/app/templates/components/wizard/tutorial-paused.hbs

@@ -1,8 +1,12 @@
-<WizardContent @headerText="Vault Web UI Guide" @glyph="tour" @class="collapsed">
-
-    <button type="button" class="button is-transparent icon dismiss-collapsed" {{action onDismiss}}>
-      <ICon @glyph="close" />
-    </button>
+<WizardContent
+  @headerText="Vault Web UI Guide"
+  @glyph="tour"
+  @class="collapsed"
+  @hidePopup={{true}}
+>
+  <button type="button" class="button is-transparent icon dismiss-collapsed" {{action onDismiss}}>
+    <ICon @glyph="close" />
+  </button>
   <p>Feel free to explore Vault. Click below to get back to the guide or close this window.</p>
   <div class="box wizard-divider-box">
     <button type="button" class="button is-transparent has-icon-left has-text-white" {{action onAdvance}}>