diff --git a/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts b/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts
index c6bfa5b6f..f4bfc0fdd 100644
--- a/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts
+++ b/src/public/app/widgets/type_widgets/options/multi_factor_authentication.ts
@@ -57,7 +57,7 @@ const TPL = `
${t("multi_factor_authentication.totp_secret_description")}
-
+
@@ -98,7 +98,7 @@ const TPL = `
-
+
`;
@@ -121,10 +121,9 @@ interface RecoveryKeysResponse {
}
export default class MultiFactorAuthenticationOptions extends OptionsWidget {
- private $regenerateTotpButton!: JQuery;
+ private $generateTotpButton!: JQuery;
private $totpEnabled!: JQuery;
private $totpSecret!: JQuery;
- private $authenticatorCode!: JQuery;
private $generateRecoveryCodeButton!: JQuery;
private $oAuthEnabledCheckbox!: JQuery;
private $UserAccountName!: JQuery;
@@ -137,10 +136,9 @@ export default class MultiFactorAuthenticationOptions extends OptionsWidget {
doRender() {
this.$widget = $(TPL);
- this.$regenerateTotpButton = this.$widget.find(".regenerate-totp");
+ this.$generateTotpButton = this.$widget.find(".generate-totp");
this.$totpEnabled = this.$widget.find(".totp-enabled");
this.$totpSecret = this.$widget.find(".totp-secret");
- this.$authenticatorCode = this.$widget.find(".authenticator-code");
this.$generateRecoveryCodeButton = this.$widget.find(".generate-recovery-code");
this.$oAuthEnabledCheckbox = this.$widget.find(".oauth-enabled-checkbox");
this.$UserAccountName = this.$widget.find(".user-account-name");
@@ -157,7 +155,7 @@ export default class MultiFactorAuthenticationOptions extends OptionsWidget {
await this.setRecoveryKeys();
});
- this.$regenerateTotpButton.on("click", async () => {
+ this.$generateTotpButton.on("click", async () => {
await this.generateKey();
});
@@ -249,14 +247,14 @@ export default class MultiFactorAuthenticationOptions extends OptionsWidget {
server.get("totp/status").then((result) => {
if (result.enabled) {
this.$totpEnabled.prop("checked", result.message);
- this.$authenticatorCode.prop("disabled", !result.message);
+ this.$generateTotpButton.prop("disabled", !result.message);
this.$generateRecoveryCodeButton.prop("disabled", !result.message);
this.$envEnabledTOTP.hide();
} else {
this.$totpEnabled.prop("checked", false);
this.$totpEnabled.prop("disabled", true);
- this.$authenticatorCode.prop("disabled", true);
+ this.$generateTotpButton.prop("disabled", true);
this.$generateRecoveryCodeButton.prop("disabled", true);
this.$envEnabledTOTP.text(t("multi_factor_authentication.totp_enable_description"));
diff --git a/src/public/translations/en/translation.json b/src/public/translations/en/translation.json
index 07fe05780..6b168a6b2 100644
--- a/src/public/translations/en/translation.json
+++ b/src/public/translations/en/translation.json
@@ -1319,7 +1319,7 @@
"oauth_user_email": "User Email:",
"oauth_user_not_logged_in": "Not logged in!",
"oauth_description": "OpenID is a standardized way to let you log into websites using an account from another service, like Google, to verify your identity.",
- "totp_title": "Time-based One-Time Password",
+ "totp_title": "Time-based One-Time Password (TOTP)",
"totp_enabled": "TOTP Enabled",
"totp_enable_description": "Set totpEnabled in config file or TRILIUM_TOTP_ENABLED environment variable to true to enable (Requires restart)",
"totp_description": "TOTP (Time-Based One-Time Password) is a security feature that generates a unique, temporary code which changes every 30 seconds. You use this code, along with your password to log into your account, making it much harder for anyone else to access it.",