luxolus/open-vault
2
0
Fork 0
Code Issues 1 Pull requests Releases Activity

mask init keys (#5657)

Browse source
This commit is contained in:
madalynrose 2018-10-31 17:41:21 -04:00 committed by GitHub
parent 756e4c5f89
commit 69c9cfad1a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/app/styles/components/masked-input.scss
View file

@ -8,6 +8,10 @@
align-items: start;
}
.has-label .masked-input {
padding-top: $spacing-s;
}
// we want to style the boxes the same everywhere so they
// need to be the same font and small
.masked-input.masked .masked-value {
@ -33,6 +37,7 @@
padding-top: 0;
padding-bottom: 0;
padding-left: $spacing-s;
background-color: transparent;
}
.button.masked-input-toggle,

51
ui/app/templates/vault/cluster/init.hbs
View file

@ -31,32 +31,35 @@
</p>
</div>
<div
class="message is-list is-highlight has-copy-button"
tabindex="-1"
class="message is-list is-highlight"
>
<HoverCopyButton
@alwaysShow=true
@copyValue={{keyData.root_token}}
/>
<div class="message-body">
<h4 class="title is-7 is-marginless">
Initial Root Token
</h4>
<code class="is-word-break">{{keyData.root_token}}</code>
<MaskedInput
@class="is-highlight has-label"
@displayOnly={{true}}
@value={{keyData.root_token}}
@allowCopy={{true}}
/>
</div>
</div>
{{#each (or keyData.recovery_keys_base64 keyData.recovery_keys keyData.keys_base64 keyData.keys) as |key index|}}
<div
data-test-key-box
class="message is-list has-copy-button"
tabindex="-1"
class="message is-list"
>
<HoverCopyButton @copyValue={{key}} />
<div class="message-body">
<h4 class="title is-7 is-marginless">
Key {{add index 1}}
</h4>
<code class="is-word-break">{{key}}</code>
<MaskedInput
@class="has-label"
@displayOnly={{true}}
@value={{key}}
@allowCopy={{true}}
/>
</div>
</div>
{{/each}}
@ -129,15 +132,15 @@
Key Shares
</label>
<div class="control">
{{input
data-test-key-shares="true"
class="input"
autocomplete="off"
name="key-shares"
{{input
data-test-key-shares="true"
class="input"
autocomplete="off"
name="key-shares"
type="number"
step="1"
min="1"
pattern="[0-9]*"
step="1"
min="1"
pattern="[0-9]*"
value=secret_shares
}}
</div>
@ -153,10 +156,10 @@
Key Threshold
</label>
<div class="control">
{{input
data-test-key-threshold="true"
class="input" autocomplete="off"
name="key-threshold"
{{input
data-test-key-threshold="true"
class="input" autocomplete="off"
name="key-threshold"
type="number"
step="1"
min="1"
@ -221,4 +224,4 @@
</form>
</Page.content>
{{/if}}
</SplashPage>
</SplashPage>