open-vault/ui/app/templates/components/transform-show-transformation.hbs
Angel Garbarino 382a519756
Ui/transform info table row roles (#9942)
* add dynamic segement to list-root so that you can sepecify the tab you want to go to

* create new info-table-item-array component to handle array items passed into a info-table

* do not underline links if they are in an info-table-row confirmed with design

* implement the InfoTableItemArray component

* amend wildcard helper to take in regular string

* setup the logic and more logic

* fix routing to roles issue

* test for new component

* change data-test-mode to count

* handle case when wildcardCount is 0
2020-09-15 12:11:24 -06:00

64 lines
2.7 KiB
Handlebars

<div class="box is-fullwidth is-sideless is-paddingless is-marginless">
{{#each model.transformFieldAttrs as |attr|}}
{{#if (eq attr.type "object")}}
{{info-table-row label=(capitalize (or attr.options.label (humanize (dasherize attr.name)))) value=(stringify (get model attr.name))}}
{{else if (eq attr.type "array")}}
{{info-table-row
label=(capitalize (or attr.options.label (humanize (dasherize attr.name))))
value=(get model attr.name)
type=attr.type
isLink=(eq attr.name 'allowed_roles')
queryParam="role"
modelType="transform/role"
wildcardLabel=attr.options.wildcardLabel
viewAll="roles"
backend=model.backend
}}
{{else}}
{{info-table-row
label=(capitalize (or attr.options.label (humanize (dasherize attr.name))))
value=(get model attr.name)
type=attr.type
}}
{{/if}}
{{/each}}
</div>
<div class="has-top-margin-xl has-bottom-margin-s">
<label class="title has-border-bottom-light page-header">CLI Commands</label>
<div class="has-bottom-margin-s">
<h2 class="title is-6">Encode</h2>
<div class="has-bottom-margin-s">
<span class="helper-text has-text-grey">
To test the encoding capability of your transformation, use the following command. It will output an encoded_value.
</span>
</div>
<div class="copy-text level">
{{#let (concat "vault write " model.backend "/encode/" cliCommand) as |copyEncodeCommand|}}
<code>vault write {{model.backend}}/encode/{{cliCommand}}</code>
<CopyButton class="button is-transparent level-right" @clipboardText={{copyEncodeCommand}}
@buttonType="button" @success={{action (set-flash-message 'Command copied!')}}>
<Icon @size='l' @glyph="copy-action" aria-label="Copy" />
</CopyButton>
{{/let}}
</div>
</div>
<div>
<h2 class="title is-6">Decode</h2>
<div class="has-bottom-margin-s">
<span class="helper-text has-text-grey">
To test decoding capability of your transformation, use the encoded_value in the following command. It should return your original input.
</span>
</div>
<div class="copy-text level">
{{#let (concat "vault write " model.backend "/decode/" cliCommand) as |copyDecodeCommand|}}
<code>vault write {{model.backend}}/decode/{{cliCommand}}</code>
<CopyButton class="button is-transparent level-right" @clipboardText={{copyDecodeCommand}}
@buttonType="button" @success={{action (set-flash-message 'Command copied!')}}>
<Icon @size='l' @glyph="copy-action" aria-label="Copy" />
</CopyButton>
{{/let}}
</div>
</div>
</div>