73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
<div class="modal fade" role="dialog" aria-modal="true" aria-labelledby="apiKeyTitle">
|
|
<div class="modal-dialog modal-dialog-scrollable" role="document">
|
|
<form
|
|
class="modal-content"
|
|
#form
|
|
(ngSubmit)="submit()"
|
|
[appApiAction]="formPromise"
|
|
ngNativeValidate
|
|
>
|
|
<div class="modal-header">
|
|
<h2 class="modal-title" id="apiKeyTitle">{{ apiKeyTitle | i18n }}</h2>
|
|
<button
|
|
type="button"
|
|
class="close"
|
|
data-dismiss="modal"
|
|
appA11yTitle="{{ 'close' | i18n }}"
|
|
>
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>{{ apiKeyDescription | i18n }}</p>
|
|
<app-user-verification
|
|
[(ngModel)]="masterPassword"
|
|
ngDefaultControl
|
|
name="secret"
|
|
*ngIf="!clientSecret"
|
|
>
|
|
</app-user-verification>
|
|
|
|
<app-callout type="warning" *ngIf="clientSecret">{{ apiKeyWarning | i18n }}</app-callout>
|
|
<app-callout
|
|
type="info"
|
|
title="{{ 'oauth2ClientCredentials' | i18n }}"
|
|
icon="bwi bwi-key"
|
|
*ngIf="clientSecret"
|
|
>
|
|
<p class="mb-1">
|
|
<strong>client_id:</strong><br />
|
|
<code>{{ clientId }}</code>
|
|
</p>
|
|
<p class="mb-1">
|
|
<strong>client_secret:</strong><br />
|
|
<code>{{ clientSecret }}</code>
|
|
</p>
|
|
<p class="mb-1">
|
|
<strong>scope:</strong><br />
|
|
<code>{{ scope }}</code>
|
|
</p>
|
|
<p class="mb-0">
|
|
<strong>grant_type:</strong><br />
|
|
<code>{{ grantType }}</code>
|
|
</p>
|
|
</app-callout>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button
|
|
type="submit"
|
|
class="btn btn-primary btn-submit"
|
|
[disabled]="form.loading"
|
|
*ngIf="!clientSecret"
|
|
>
|
|
<i class="bwi bwi-spinner bwi-spin" title="{{ 'loading' | i18n }}" aria-hidden="true"></i>
|
|
<span>{{ (isRotation ? "rotateApiKey" : "viewApiKey") | i18n }}</span>
|
|
</button>
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
|
|
{{ "close" | i18n }}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|