ui/lib/shared/addon/components/modal-edit-apikey/template.hbs

85 lines
2.8 KiB
Handlebars

<section class="horizontal-form container-fluid">
{{#if justCreated}}
<h2>{{t 'editApiKey.title.justCreated'}}</h2>
<hr/>
<div>
<label class="acc-label block">{{t 'apiPage.currentEndpoint'}}</label>
<code class="p-10"><a href="{{linkEndpoint}}" target="_blank" rel="nofollow noreferrer">{{displayEndpoint}}</a></code>
{{copy-to-clipboard color="bg-transparent" clipboardText=linkEndpoint}}
</div>
<div>
<label class="acc-label block mt-20">{{t 'editApiKey.accessKey'}}:</label>
<code class="p-10">{{clone.name}}</code>
{{copy-to-clipboard color="bg-transparent" clipboardText=clone.name}}
</div>
<div>
<label class="acc-label block mt-20">{{t 'editApiKey.secretKey'}}:</label>
<code class="p-10">{{displayPassword}}</code>
{{copy-to-clipboard color="bg-transparent" clipboardText=displayPassword}}
</div>
<p>{{t 'editApiKey.basicAuth'}}</p>
<div>
<label class="acc-label block">{{t 'editApiKey.token'}}:</label>
<code class="p-10">{{clone.token}}</code>
{{copy-to-clipboard color="bg-primary" clipboardText=clone.token}}
</div>
<div class="banner bg-warning">
<div class="banner-icon">
<i class="icon icon-info"></i>
</div>
<div class="banner-message">
<p>{{t 'editApiKey.saveWarning1'}}<br/>{{t 'editApiKey.saveWarning2'}}</p>
</div>
</div>
<div class="footer-actions">
<button {{action "cancel"}} class="bg-primary">{{t 'generic.closeModal'}}</button>
</div>
{{else}}
<h2>{{t (if editing 'editApiKey.title.editing' 'editApiKey.title.new')}}</h2>
<hr/>
<div>
<label class="acc-label">{{t 'editApiKey.ttl.label'}}</label>
<div class="row">
<div class="col span-3">
<label>{{radio-button selection=expire value="never"}} {{t 'editApiKey.ttl.never'}}</label>
</div>
<div class="col span-3">
<label>{{radio-button selection=expire value="day"}} {{t 'editApiKey.ttl.day'}}</label>
</div>
<div class="col span-3">
<label>{{radio-button selection=expire value="month"}} {{t 'editApiKey.ttl.month'}}</label>
</div>
<div class="col span-3">
<label>{{radio-button selection=expire value="year"}} {{t 'editApiKey.ttl.year'}}</label>
</div>
</div>
</div>
<div>
<label class="acc-label">{{t 'generic.description'}}</label>
{{textarea-autogrow
id="api-description"
value=model.description
classNames="form-control no-resize description"
rows="1"
placeholder='editApiKey.description.placeholder'
}}
</div>
{{#unless editing}}
<p class="text-info">{{t 'editApiKey.noteOptional'}}</p>
{{/unless}}
{{save-cancel editing=editing save="save" cancel="cancel"}}
{{/if}}
</section>