open-vault/ui/app/templates/components/auth-form.hbs

<div class="auth-form">
  {{#if hasMethodsWithPath}}
    <nav class="tabs is-marginless">
      <ul>
        {{#each methodsToShow as |method|}}
          {{#with (or method.path method.type) as |methodKey|}}
              <li class="{{if (and selectedAuthIsPath (eq (or selectedAuthBackend.path selectedAuthBackend.type) methodKey)) 'is-active' ''}}" data-test-auth-method>
                <LinkTo @route="vault.cluster.auth" @model={{cluster.name}} @query={{hash with=methodKey}} data-test-auth-method-link={{method.type}}>
                  {{or method.id (capitalize method.type)}}
                </LinkTo>
              </li>
          {{/with}}
        {{/each}}
        {{#if hasMethodsWithPath}}
          <li class="{{unless selectedAuthIsPath 'is-active' ''}}" data-test-auth-method>
            <LinkTo @route="vault.cluster.auth" @model={{cluster.name}} @query={{hash with='token'}} data-test-auth-method-link="other">
              Other
            </LinkTo>
          </li>
        {{/if}}
      </ul>
    </nav>
  {{/if}}
  <div class="box is-marginless is-shadowless">
    <MessageError
      @errorMessage={{if (and cluster.standby hasCSPError) cspErrorText error}}
      data-test-auth-error
    />
    {{#if (or (not hasMethodsWithPath) (not selectedAuthIsPath))}}
      <Select
        @label='Method'
        @name='auth-method'
        @options={{supported-auth-backends}}
        @valueAttribute={{'type'}}
        @labelAttribute={{'typeDisplay'}}
        @isFullwidth={{true}}
        @selectedValue={{this.selectedAuth}}
        @onChange={{action (mut this.selectedAuth)}}
        />
    {{/if}}
  {{#if (or (eq this.selectedAuthBackend.type "jwt") (eq this.selectedAuthBackend.type "oidc"))}}
    <AuthJwt
      @onError={{action "handleError"}}
      @onLoading={{action (mut this.isLoading)}}
      @onToken={{action (mut this.token)}}
      @namespace={{this.namespace}}
      @onNamespace={{action (mut this.namespace)}}
      @onSelectedAuth={{action (mut this.selectedAuth)}}
      @onSubmit={{action "doSubmit"}}
      @onRoleName={{action (mut this.roleName)}}
      @roleName={{this.roleName}}
      @selectedAuthType={{this.selectedAuthBackend.type}}
      @selectedAuthPath={{or this.customPath this.selectedAuthBackend.id}}
      @disabled={{authenticate.isRunning}}
    >
      <AuthFormOptions
        @customPath={{this.customPath}}
        @onPathChange={{action (mut this.customPath)}}
        @selectedAuthIsPath={{this.selectedAuthIsPath}}
      />
    </AuthJwt>
  {{else}}
    <form
      id="auth-form"
      onsubmit={{action "doSubmit"}}
    >
        {{partial providerPartialName}}
        {{#if (not-eq selectedAuthBackend.type "token")}}
          <AuthFormOptions
            @customPath={{this.customPath}}
            @onPathChange={{action (mut this.customPath)}}
            @selectedAuthIsPath={{this.selectedAuthIsPath}}
          />
        {{/if}}
        <button data-test-auth-submit=true type="submit" disabled={{authenticate.isRunning}} class="button is-primary {{if authenticate.isRunning 'is-loading'}}" id="auth-submit">
          Sign In
        </button>
        {{#if (and delayAuthMessageReminder.isIdle showLoading)}}
          <AlertInline
            @paddingTop=true
            @sizeSmall=true
            @type="info" 
            @message="If login takes longer than usual, you may need to check your device for an MFA notification, or contact your administrator if login times out."
            data-test-auth-message="push"
          />
        {{/if}}
    </form>
  {{/if}}
  </div>
</div>