mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-17 20:17:00 +02:00
76e742ba32
* UI: HDS adoption replace AlertBanner part 1 (#21163) * rename test selector * replace db banner * add class * replace db role edit * db creds * generate creds * simpler class * license banner component * oidc callback plash * raft * aws * secret create or update * change to compact alert for form field * change back to inline * combine alert banners * wrap in conditional * remove references to message class * UI: HDS adoption replace AlertBanner part 2 (#21243) * token expire warning * delete css * edit form * item details distribute mfa step 2 transit verify * back to secondary * distribute * oidc lease error * sign * kv obj and repl dash * more repl * update test selector * show, creds * shamir * pki csr * pki banners * add hds library to ember engines * woops comma * fix k8 test * update message error component for last! * hold off MessageError changes until next pr * revert test selectors * update pki tests * UI: part 3 remove alert banner (#21334) * final component swap * and actual final of MessageError * update MessageError selectors * delete alert-banner and remove references * update next step alerts to highlight color * finishing touches, auth form test and client dashboard inline link * fix more selectors * fix shamir flow test * ui: part 4 final cleanup (#21365) * replace AlertPopup * add test tag * move tag * one more message error tag * delete alert popup * final css cleanup * move preformatted flash into <p> tag * ui: address comments for sidebranch (#21388) * add periods, move link to trailing * more periods and typo fix
113 lines
3.4 KiB
Handlebars
113 lines
3.4 KiB
Handlebars
{{#if @attr}}
|
|
<div class="field" data-test-regex-validator-pattern>
|
|
<div class="regex-label-wrapper">
|
|
<div class="regex-label">
|
|
<label for={{@attr.name}} class="is-label">
|
|
{{@labelString}}
|
|
{{#if @attr.options.helpText}}
|
|
<InfoTooltip>
|
|
<span data-test-help-text>
|
|
{{@attr.options.helpText}}
|
|
</span>
|
|
</InfoTooltip>
|
|
{{/if}}
|
|
</label>
|
|
{{#if @attr.options.subText}}
|
|
<p class="sub-text">
|
|
{{@attr.options.subText}}
|
|
{{#if @attr.options.docLink}}
|
|
<DocLink @path={{@attr.options.docLink}}>
|
|
See our documentation
|
|
</DocLink>
|
|
for help.
|
|
{{/if}}
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
<div>
|
|
<Toggle
|
|
@name={{concat @attr.name "-validation-toggle"}}
|
|
@status="success"
|
|
@size="small"
|
|
@checked={{this.showTestValue}}
|
|
@onChange={{this.toggleTestValue}}
|
|
>
|
|
<span class="has-text-grey">Validation</span>
|
|
</Toggle>
|
|
</div>
|
|
</div>
|
|
<input
|
|
id={{@attr.name}}
|
|
data-test-input={{@attr.name}}
|
|
autocomplete="off"
|
|
spellcheck="false"
|
|
{{on "change" @onChange}}
|
|
value={{@value}}
|
|
class="input"
|
|
/>
|
|
</div>
|
|
{{/if}}
|
|
{{#if this.showTestValue}}
|
|
<div data-test-regex-validator-test-string>
|
|
<label for="regex-test-val" class="is-label">
|
|
{{this.testInputLabel}}
|
|
</label>
|
|
{{#if @testInputSubText}}
|
|
<p class="sub-text">{{@testInputSubText}}</p>
|
|
{{/if}}
|
|
<input
|
|
data-test-input="regex-test-val"
|
|
id="regex-test-val"
|
|
autocomplete="off"
|
|
spellcheck="false"
|
|
value={{this.testValue}}
|
|
{{on "change" this.updateTestValue}}
|
|
class="input {{if this.regexError 'has-error'}}"
|
|
/>
|
|
|
|
{{#if this.testValue}}
|
|
<div data-test-regex-validation-message>
|
|
{{#if (not @value)}}
|
|
<AlertInline
|
|
@type="warning"
|
|
@message={{concat
|
|
"A pattern has not been entered. Enter a pattern to check this "
|
|
(lowercase this.testInputLabel)
|
|
" against it."
|
|
}}
|
|
/>
|
|
{{else if this.regexError}}
|
|
<AlertInline @type="danger" @message="This test string does not match the pattern regex." />
|
|
{{else}}
|
|
<AlertInline
|
|
data-test-inline-success-message
|
|
@type="success"
|
|
@message="This test string matches the pattern regex."
|
|
/>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}}
|
|
{{#if @showGroups}}
|
|
<div class="has-top-margin-l">
|
|
<label class="is-label">Groups</label>
|
|
{{! check with design but should likely show a placeholder if testValue is blank }}
|
|
{{#if (and @value this.testValue (not this.regexError))}}
|
|
<div class="regex-group">
|
|
{{#each this.captureGroups as |group|}}
|
|
<span class="regex-group-position" data-test-regex-group-position={{group.position}}>
|
|
<span>{{group.position}}</span>
|
|
</span>
|
|
<span class="regex-group-value" data-test-regex-group-value={{group.position}}>
|
|
{{group.value}}
|
|
</span>
|
|
{{/each}}
|
|
</div>
|
|
{{else}}
|
|
<p class="sub-text" data-test-regex-validator-groups-placeholder>
|
|
Enter pattern and test string to show groupings.
|
|
</p>
|
|
{{/if}}
|
|
</div>
|
|
{{/if}} |