forked from hashicorp/vault
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
hashicorp#6435 UI Obfuscated password input
- Loading branch information
1 parent
9fcd814
commit dd3e5e9
Showing
21 changed files
with
105 additions
and
30 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,3 +1,13 @@ | ||
@import 'ember-basic-dropdown'; | ||
@import 'ember-power-select'; | ||
@import './core'; | ||
|
||
@mixin font-face($name) { | ||
@font-face { | ||
font-family: $name; | ||
src: url("/ui/fonts/#{$name}.woff2") format("woff2"), | ||
url("/ui/fonts/#{$name}.woff") format("woff"); | ||
} | ||
} | ||
|
||
@include font-face('ObfuscatedPasswordFont'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,21 +1,32 @@ | ||
<div class="masked-input {{if shouldObscure "masked"}} {{if displayOnly "display-only"}} {{if allowCopy "allow-copy"}}" | ||
data-test-masked-input data-test-field> | ||
{{#if displayOnly}} | ||
<pre class="masked-value display-only is-word-break">{{displayValue}}</pre> | ||
<div class="masked-input {{if shouldObscure "masked"}} {{if displayOnly "display-only"}} {{if allowCopy "allow-copy"}}" data-test-masked-input data-test-field> | ||
{{#if displayOnly}} | ||
<pre class="masked-value display-only is-word-break">{{displayValue}}</pre> | ||
{{else}} | ||
<textarea class="input masked-value" rows=1 wrap="off" placeholder={{placeholder}} | ||
onfocus={{action (mut isFocused) true}} onblur={{action (mut isFocused) false}} onkeydown={{action onKeyDown}} | ||
onchange={{action "updateValue"}} value={{readonly displayValue}} data-test-textarea /> | ||
{{/if}} | ||
<textarea | ||
class="input masked-value" | ||
rows=1 | ||
wrap="off" | ||
spellcheck="false" | ||
placeholder={{placeholder}} | ||
onfocus={{action (mut isFocused) true}} | ||
onblur={{action (mut isFocused) false}} | ||
onkeydown={{action onKeyDown}} | ||
onchange={{action "updateValue"}} | ||
value={{readonly displayValue}} | ||
data-test-textarea | ||
/> | ||
{{/if}} | ||
{{#if allowCopy}} | ||
<CopyButton @clipboardText={{value}} @success={{success}} class="copy-button button {{if displayOnly "is-compact"}}" | ||
data-test-copy-button> | ||
<CopyButton | ||
@clipboardText={{value}} | ||
@success={{success}} | ||
class="copy-button button {{if displayOnly "is-compact"}}" | ||
data-test-copy-button | ||
> | ||
<Icon @glyph="copy-action" aria-hidden="Copy value" /> | ||
</CopyButton> | ||
{{/if}} | ||
<button {{action "toggleMask"}} | ||
class="{{if (eq value "") "has-text-grey"}} masked-input-toggle button {{if displayOnly "is-compact"}}" | ||
data-test-button> | ||
<button {{action "toggleMask"}} class="{{if (eq value "") "has-text-grey"}} masked-input-toggle button {{if displayOnly "is-compact"}}" data-test-button> | ||
<Icon @glyph={{if shouldObscure "visibility-hide" "visibility-show"}} aria-hidden="true" /> | ||
</button> | ||
</div> | ||
</button> | ||
</div> |
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters