c1df15e790
* adds ember-flight-icons dependecy * adds inline-json-import babel plugin * adds flight icon styling * updates Icon component to support flight icons * updates Icon component usages to new api and updates name values to flight icon set when available * fixes tests * updates icon story with flight mappings and fixes issue with flight icons not rendering in storybook * adds changelog * fixes typo in sign action glyph name in transit-key model * adds comments to icon-map * updates Icon component to use only supported flight icon sizes * adds icon transform codemod * updates icon transform formatting to handle edge case * runs icon transform on templates * updates Icon usage in toolbar-filter md and story * updates tests
102 lines
3.9 KiB
Handlebars
102 lines
3.9 KiB
Handlebars
<div class="box is-fullwidth is-bottomless is-sideless">
|
||
<MessageError @model={{model}} />
|
||
<div class="control-group-header {{if isSuccess 'is-success'}}">
|
||
<p>
|
||
<Icon @name={{if isSuccess "check-circle-fill" "lock-fill"}} />
|
||
<strong data-test-banner-prefix>{{bannerPrefix}}</strong>
|
||
<span data-test-banner-text>{{bannerText}}</span>
|
||
</p>
|
||
</div>
|
||
{{#if (and model.approved (not currentUserHasAuthorized) (or (not model.requestEntity) currentUserIsRequesting))}}
|
||
<ControlGroupSuccess data-test-control-group-success @model={{model}} @controlGroupResponse={{controlGroupResponse}} />
|
||
{{else}}
|
||
<div class="control-group">
|
||
<div data-test-requestor-text>
|
||
{{#if model.requestEntity.canRead}}
|
||
<LinkTo @route="vault.cluster.access.identity.show" @models={{array 'entities' model.requestEntity.id 'details'}}>
|
||
{{requestorName}}
|
||
</LinkTo>
|
||
{{else}}
|
||
{{requestorName}}
|
||
{{/if}}
|
||
{{#if currentUserIsRequesting}}are{{else}}is{{/if}}
|
||
{{#if model.approved}}
|
||
authorized to access <code>{{model.requestPath}}</code>
|
||
{{else}}
|
||
requesting access to <code>{{model.requestPath}}</code>
|
||
{{/if}}
|
||
</div>
|
||
|
||
{{#if (or (not model.requestEntity) currentUserIsRequesting)}}
|
||
<div class="message is-list is-highlight has-copy-button" tabindex="-1" data-test-accessor-callout>
|
||
<HoverCopyButton @alwaysShow=true @copyValue={{model.id}} />
|
||
<div class="message-body">
|
||
<h4 class="title is-7 is-marginless">
|
||
Accessor
|
||
</h4>
|
||
<code class="is-word-break" data-test-accessor-value>{{model.id}}</code>
|
||
</div>
|
||
</div>
|
||
{{/if}}
|
||
|
||
<div class="authorizations" data-test-authorizations>
|
||
{{#if (gt model.authorizations.length 0)}}
|
||
<span class="has-text-success">
|
||
<Icon @name="check-circle" />
|
||
</span>
|
||
Already approved by
|
||
{{#each model.authorizations as |authorization index|}}
|
||
{{~#if authorization.canRead~}}
|
||
<LinkTo @route="vault.cluster.access.identity.show" @models={{array 'entities' authorization.id 'details'}}>{{authorization.name}}</LinkTo>
|
||
{{~else~}}
|
||
{{authorization.name}}
|
||
{{~/if~}}{{#if (lt (inc index) model.authorizations.length)}},{{/if}}
|
||
{{/each}}
|
||
{{else}}
|
||
<span class="has-text-grey">
|
||
<Icon @name="check-circle" />
|
||
</span>
|
||
Awaiting authorization.
|
||
{{/if}}
|
||
</div>
|
||
</div>
|
||
{{/if}}
|
||
{{#if controlGroupResponse.token}}
|
||
<p class="control-group-token-text" data-test-token>
|
||
We’ve saved your request token, but you may want to copy it just in case:
|
||
<span class="tag has-font-monospaced" data-test-token-value>{{controlGroupResponse.token}}</span>
|
||
<HoverCopyButton @alwaysShow=true @copyValue={{controlGroupResponse.token}} />
|
||
</p>
|
||
{{/if}}
|
||
|
||
{{#unless (and model.approved (or (not model.requestEntity) currentUserIsRequesting))}}
|
||
<div class="field is-grouped box is-fullwidth is-bottomless">
|
||
{{#if model.canAuthorize}}
|
||
{{#if (or model.approved currentUserHasAuthorized)}}
|
||
<LinkTo @route="vault.cluster.access.control-groups" class="button" data-test-back-link={{true}}>
|
||
<Chevron @direction="left" /> Back
|
||
</LinkTo>
|
||
{{else}}
|
||
<button
|
||
type="button"
|
||
class="button is-primary {{if authorize.isRunning 'is-loading'}}"
|
||
{{action (perform authorize)}}
|
||
data-test-authorize-button
|
||
>
|
||
Authorize
|
||
</button>
|
||
{{/if}}
|
||
{{else}}
|
||
<button
|
||
type="button"
|
||
class="button is-primary {{if refresh.isRunning 'is-loading'}}"
|
||
{{action (perform refresh)}}
|
||
data-test-refresh-button
|
||
>
|
||
Refresh
|
||
</button>
|
||
{{/if}}
|
||
</div>
|
||
{{/unless}}
|
||
</div>
|