web: initial migration to lingui
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
@ -1,6 +1,6 @@
|
||||
import { CertificateGeneration, CryptoApi } from "authentik-api";
|
||||
import { CertificateKeyPair } from "authentik-api/src";
|
||||
import { gettext } from "django";
|
||||
import { t } from "@lingui/macro";
|
||||
import { customElement } from "lit-element";
|
||||
import { html, TemplateResult } from "lit-html";
|
||||
import { DEFAULT_CONFIG } from "../../api/Config";
|
||||
@ -11,7 +11,7 @@ import "../../elements/forms/HorizontalFormElement";
|
||||
export class CertificateKeyPairForm extends Form<CertificateGeneration> {
|
||||
|
||||
getSuccessMessage(): string {
|
||||
return gettext("Successfully generated certificate-key pair.");
|
||||
return t`Successfully generated certificate-key pair.`;
|
||||
}
|
||||
|
||||
send = (data: CertificateGeneration): Promise<CertificateKeyPair> => {
|
||||
@ -23,19 +23,19 @@ export class CertificateKeyPairForm extends Form<CertificateGeneration> {
|
||||
renderForm(): TemplateResult {
|
||||
return html`<form class="pf-c-form pf-m-horizontal">
|
||||
<ak-form-element-horizontal
|
||||
label=${gettext("Common Name")}
|
||||
label=${t`Common Name`}
|
||||
name="commonName"
|
||||
?required=${true}>
|
||||
<input type="text" class="pf-c-form-control" required>
|
||||
</ak-form-element-horizontal>
|
||||
<ak-form-element-horizontal
|
||||
label=${gettext("Subject-alt name")}
|
||||
label=${t`Subject-alt name`}
|
||||
name="subjectAltName">
|
||||
<input class="pf-c-form-control" type="text">
|
||||
<p class="pf-c-form__helper-text">${gettext("Optional, comma-separated SubjectAlt Names.")}</p>
|
||||
<p class="pf-c-form__helper-text">${t`Optional, comma-separated SubjectAlt Names.`}</p>
|
||||
</ak-form-element-horizontal>
|
||||
<ak-form-element-horizontal
|
||||
label=${gettext("Validity days")}
|
||||
label=${t`Validity days`}
|
||||
name="validityDays"
|
||||
?required=${true}>
|
||||
<input class="pf-c-form-control" type="number" value="365">
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { CertificateKeyPair, CryptoApi } from "authentik-api";
|
||||
import { gettext } from "django";
|
||||
import { t } from "@lingui/macro";
|
||||
import { customElement, property } from "lit-element";
|
||||
import { html, TemplateResult } from "lit-html";
|
||||
import { DEFAULT_CONFIG } from "../../api/Config";
|
||||
@ -17,9 +17,9 @@ export class CertificateKeyPairForm extends Form<CertificateKeyPair> {
|
||||
|
||||
getSuccessMessage(): string {
|
||||
if (this.keyPair) {
|
||||
return gettext("Successfully updated certificate-key pair.");
|
||||
return t`Successfully updated certificate-key pair.`;
|
||||
} else {
|
||||
return gettext("Successfully created certificate-key pair.");
|
||||
return t`Successfully created certificate-key pair.`;
|
||||
}
|
||||
}
|
||||
|
||||
@ -39,24 +39,24 @@ export class CertificateKeyPairForm extends Form<CertificateKeyPair> {
|
||||
renderForm(): TemplateResult {
|
||||
return html`<form class="pf-c-form pf-m-horizontal">
|
||||
<ak-form-element-horizontal
|
||||
label=${gettext("Name")}
|
||||
label=${t`Name`}
|
||||
name="name"
|
||||
?required=${true}>
|
||||
<input type="text" value="${ifDefined(this.keyPair?.name)}" class="pf-c-form-control" required>
|
||||
</ak-form-element-horizontal>
|
||||
${this.keyPair ? html`<ak-divider>${gettext("Only change the fields below if you want to overwrite their values.")}</ak-divider>` : html``}
|
||||
${this.keyPair ? html`<ak-divider>${t`Only change the fields below if you want to overwrite their values.`}</ak-divider>` : html``}
|
||||
<ak-form-element-horizontal
|
||||
label=${gettext("Certificate")}
|
||||
label=${t`Certificate`}
|
||||
name="certificateData"
|
||||
?required=${true}>
|
||||
<textarea class="pf-c-form-control" required>${ifDefined(this.keyPair?.certificateData)}</textarea>
|
||||
<p class="pf-c-form__helper-text">${gettext("PEM-encoded Certificate data.")}</p>
|
||||
<p class="pf-c-form__helper-text">${t`PEM-encoded Certificate data.`}</p>
|
||||
</ak-form-element-horizontal>
|
||||
<ak-form-element-horizontal
|
||||
name="keyData"
|
||||
label=${gettext("Private Key")}>
|
||||
label=${t`Private Key`}>
|
||||
<textarea class="pf-c-form-control" >${ifDefined(this.keyPair?.keyData)}</textarea>
|
||||
<p class="pf-c-form__helper-text">${gettext("Optional Private Key. If this is set, you can use this keypair for encryption.")}</p>
|
||||
<p class="pf-c-form__helper-text">${t`Optional Private Key. If this is set, you can use this keypair for encryption.`}</p>
|
||||
</ak-form-element-horizontal>
|
||||
</form>`;
|
||||
}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { gettext } from "django";
|
||||
import { t } from "@lingui/macro";
|
||||
import { CSSResult, customElement, html, property, TemplateResult } from "lit-element";
|
||||
import { AKResponse } from "../../api/Client";
|
||||
import { TablePage } from "../../elements/table/TablePage";
|
||||
@ -23,10 +23,10 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
|
||||
return true;
|
||||
}
|
||||
pageTitle(): string {
|
||||
return gettext("Certificate-Key Pairs");
|
||||
return t`Certificate-Key Pairs`;
|
||||
}
|
||||
pageDescription(): string {
|
||||
return gettext("Import certificates of external providers or create certificates to sign requests with.");
|
||||
return t`Import certificates of external providers or create certificates to sign requests with.`;
|
||||
}
|
||||
pageIcon(): string {
|
||||
return "pf-icon pf-icon-key";
|
||||
@ -50,7 +50,7 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
|
||||
|
||||
columns(): TableColumn[] {
|
||||
return [
|
||||
new TableColumn("Name", "name"),
|
||||
new TableColumn(t`Name`, t`name`),
|
||||
new TableColumn("Private key available?"),
|
||||
new TableColumn("Expiry date"),
|
||||
new TableColumn(""),
|
||||
@ -60,32 +60,32 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
|
||||
row(item: CertificateKeyPair): TemplateResult[] {
|
||||
return [
|
||||
html`${item.name}`,
|
||||
html`${gettext(item.privateKeyAvailable ? "Yes" : "No")}`,
|
||||
html`${item.privateKeyAvailable ? t`Yes` : t`No`}`,
|
||||
html`${item.certExpiry?.toLocaleString()}`,
|
||||
html`
|
||||
<ak-forms-modal>
|
||||
<span slot="submit">
|
||||
${gettext("Update")}
|
||||
${t`Update`}
|
||||
</span>
|
||||
<span slot="header">
|
||||
${gettext("Update Certificate-Key Pair")}
|
||||
${t`Update Certificate-Key Pair`}
|
||||
</span>
|
||||
<ak-crypto-certificate-form slot="form" .keyPair=${item}>
|
||||
</ak-crypto-certificate-form>
|
||||
<button slot="trigger" class="pf-c-button pf-m-secondary">
|
||||
${gettext("Edit")}
|
||||
${t`Edit`}
|
||||
</button>
|
||||
</ak-forms-modal>
|
||||
<ak-forms-delete
|
||||
.obj=${item}
|
||||
objectLabel=${gettext("Certificate-Key Pair")}
|
||||
objectLabel=${t`Certificate-Key Pair`}
|
||||
.delete=${() => {
|
||||
return new CryptoApi(DEFAULT_CONFIG).cryptoCertificatekeypairsDelete({
|
||||
kpUuid: item.pk || ""
|
||||
});
|
||||
}}>
|
||||
<button slot="trigger" class="pf-c-button pf-m-danger">
|
||||
${gettext("Delete")}
|
||||
${t`Delete`}
|
||||
</button>
|
||||
</ak-forms-delete>`,
|
||||
];
|
||||
@ -98,7 +98,7 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
|
||||
<dl class="pf-c-description-list pf-m-horizontal">
|
||||
<div class="pf-c-description-list__group">
|
||||
<dt class="pf-c-description-list__term">
|
||||
<span class="pf-c-description-list__text">${gettext("Certificate Fingerprint")}</span>
|
||||
<span class="pf-c-description-list__text">${t`Certificate Fingerprint`}</span>
|
||||
</dt>
|
||||
<dd class="pf-c-description-list__description">
|
||||
<div class="pf-c-description-list__text">${item.fingerprint}</div>
|
||||
@ -106,7 +106,7 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
|
||||
</div>
|
||||
<div class="pf-c-description-list__group">
|
||||
<dt class="pf-c-description-list__term">
|
||||
<span class="pf-c-description-list__text">${gettext("Certificate Subjet")}</span>
|
||||
<span class="pf-c-description-list__text">${t`Certificate Subjet`}</span>
|
||||
</dt>
|
||||
<dd class="pf-c-description-list__description">
|
||||
<div class="pf-c-description-list__text">${item.certSubject}</div>
|
||||
@ -123,28 +123,28 @@ export class CertificateKeyPairListPage extends TablePage<CertificateKeyPair> {
|
||||
return html`
|
||||
<ak-forms-modal>
|
||||
<span slot="submit">
|
||||
${gettext("Create")}
|
||||
${t`Create`}
|
||||
</span>
|
||||
<span slot="header">
|
||||
${gettext("Create Certificate-Key Pair")}
|
||||
${t`Create Certificate-Key Pair`}
|
||||
</span>
|
||||
<ak-crypto-certificate-form slot="form">
|
||||
</ak-crypto-certificate-form>
|
||||
<button slot="trigger" class="pf-c-button pf-m-primary">
|
||||
${gettext("Create")}
|
||||
${t`Create`}
|
||||
</button>
|
||||
</ak-forms-modal>
|
||||
<ak-forms-modal>
|
||||
<span slot="submit">
|
||||
${gettext("Generate")}
|
||||
${t`Generate`}
|
||||
</span>
|
||||
<span slot="header">
|
||||
${gettext("Generate Certificate-Key Pair")}
|
||||
${t`Generate Certificate-Key Pair`}
|
||||
</span>
|
||||
<ak-crypto-certificate-generate-form slot="form">
|
||||
</ak-crypto-certificate-generate-form>
|
||||
<button slot="trigger" class="pf-c-button pf-m-secondary">
|
||||
${gettext("Generate")}
|
||||
${t`Generate`}
|
||||
</button>
|
||||
</ak-forms-modal>
|
||||
${super.renderToolbar()}
|
||||
|
||||
Reference in New Issue
Block a user