966c7dbf02
New look for the navbar and new functionality on mobile. Also includes new look for the mounts list and headers in secret engines.
102 lines
3.9 KiB
Handlebars
102 lines
3.9 KiB
Handlebars
<div class="auth-form">
|
|
{{#if showLoading}}
|
|
<div class="vault-loader">
|
|
{{partial 'svg/vault-loading'}}
|
|
</div>
|
|
{{/if}}
|
|
<nav class="tabs is-marginless">
|
|
<ul>
|
|
{{#each methodsToShow as |method|}}
|
|
{{#with (or method.path method.type) as |methodKey|}}
|
|
{{#if hasMethodsWithPath}}
|
|
<li class="{{if (and selectedAuthIsPath (eq (or selectedAuthBackend.path selectedAuthBackend.type) methodKey)) 'is-active' ''}}" data-test-auth-method>
|
|
{{#link-to 'vault.cluster.auth' cluster.name (query-params with=methodKey) data-test-auth-method-link=method.type}}
|
|
{{or method.id (capitalize method.type)}}
|
|
{{/link-to}}
|
|
</li>
|
|
{{else}}
|
|
<li class="{{if (eq (or selectedAuthBackend.path selectedAuthBackend.type) methodKey) 'is-active' ''}}" data-test-auth-method>
|
|
{{#link-to 'vault.cluster.auth' cluster.name (query-params with=methodKey) data-test-auth-method-link=method.type}}
|
|
{{or method.id method.typeDisplay}}
|
|
{{/link-to}}
|
|
</li>
|
|
{{/if}}
|
|
{{/with}}
|
|
{{/each}}
|
|
{{#if hasMethodsWithPath}}
|
|
<li class="{{if (not selectedAuthIsPath) 'is-active' ''}}" data-test-auth-method>
|
|
{{#link-to 'vault.cluster.auth' cluster.name (query-params with='token') data-test-auth-method-link="other"}}
|
|
Other
|
|
{{/link-to}}
|
|
</li>
|
|
{{/if}}
|
|
</ul>
|
|
</nav>
|
|
<form
|
|
id="auth-form"
|
|
{{action (action "doSubmit") on="submit"}}
|
|
>
|
|
<div class="box is-marginless is-shadowless">
|
|
{{#if (and cluster.standby hasCSPError)}}
|
|
{{message-error errorMessage=cspErrorText data-test-auth-error=true}}
|
|
{{else}}
|
|
{{message-error errorMessage=error data-test-auth-error=true}}
|
|
{{/if}}
|
|
{{#if (and hasMethodsWithPath (not selectedAuthIsPath))}}
|
|
<div class="field">
|
|
<label for="selectedMethod" class="is-label">
|
|
Method
|
|
</label>
|
|
<div class="control is-expanded" >
|
|
<div class="select is-fullwidth">
|
|
<select
|
|
name="selectedMethod"
|
|
id="selectedMethod"
|
|
onchange={{action (mut selectedAuth) value="target.value"}}
|
|
data-test-method-select
|
|
>
|
|
{{#each (supported-auth-backends) as |method|}}
|
|
<option selected={{eq selectedAuthBackend.type method.type}} value={{method.type}}>
|
|
{{capitalize method.type}}
|
|
</option>
|
|
{{/each}}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
{{partial providerPartialName}}
|
|
{{#unless (or selectedAuthIsPath (eq selectedAuthBackend.type "token"))}}
|
|
<div class="box has-slim-padding is-shadowless">
|
|
{{toggle-button toggleTarget=this toggleAttr="useCustomPath"}}
|
|
<div class="field">
|
|
{{#if useCustomPath}}
|
|
<label for="custom-path" class="is-label">
|
|
Mount path
|
|
</label>
|
|
<div class="control">
|
|
<input
|
|
type="text"
|
|
name="custom-path"
|
|
id="custom-path"
|
|
class="input"
|
|
value={{customPath}}
|
|
oninput={{action (mut customPath) value="target.value"}}
|
|
/>
|
|
</div>
|
|
<p class="help has-text-grey-dark">
|
|
If this backend was mounted using a non-default path, enter it here.
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
{{/unless}}
|
|
</div>
|
|
<div class="box is-marginless is-shadowless">
|
|
<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>
|
|
</div>
|
|
</form>
|
|
</div>
|