form: add notice about userpage on success modal, userpage title

uses new strings in the form lang section.
2 years ago · db97c3b2d4
parent 4f298bbc8c
commit db97c3b2d4
6 changed files with 12 additions and 2 deletions
--- a/html/form-base.html
+++ b/html/form-base.html
@ -29,6 +29,7 @@
    window.captcha = {{ .captcha }};
    window.reCAPTCHA = {{ .reCAPTCHA }};
    window.reCAPTCHASiteKey = "{{ .reCAPTCHASiteKey }}";
+    window.userPageEnabled = {{ .userPageEnabled }};
 </script>
 {{ if .passwordReset }}
 <script src="js/pwr.js" type="module"></script>
--- a/html/form.html
+++ b/html/form.html
@ -17,6 +17,7 @@
            <div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3">
                <span class="heading mb-4">{{ if .passwordReset }}{{ .strings.passwordReset }}{{ else }}{{ .strings.successHeader }}{{ end }}</span>
                <p class="content mb-4">{{ if .passwordReset }}{{ .strings.youCanLoginPassword }}{{ else }}{{ .successMessage }}{{ end }}</p>
+                {{ if .userPageEnabled }}<p class="content mb-4" id="modal-success-user-page-area" my-account-term="{{ .strings.myAccount }}">{{ .strings.userPageSuccessMessage }}</p>{{ end }}
                <a class="button ~urge @low full-width center supra submit" href="{{ .jfLink }}" id="create-success-button">{{ .strings.continue }}</a>
            </div>
        </div>
--- a/html/user.html
+++ b/html/user.html
@ -24,7 +24,7 @@
            window.matrixUserID = "{{ .matrixUser }}";
        </script>
        {{ template "header.html" . }}
-        <title>{{ .lang.Strings.pageTitle }}</title>
+        <title>{{ .lang.Strings.myAccount }}</title>
    </head>
    <body class="max-w-full overflow-x-hidden section">
        <div id="modal-email" class="modal">
--- a/lang/form/en-us.json
+++ b/lang/form/en-us.json
@ -25,7 +25,9 @@
        "editContactMethod": "Edit Contact Method",
        "joinTheServer": "Join the server:",
        "customMessagePlaceholderHeader": "Customize this card",
-        "customMessagePlaceholderContent": "Click the user page edit button in settings to customize this card, or show one on the login screen, and don't worry, the user can't see this."
+        "customMessagePlaceholderContent": "Click the user page edit button in settings to customize this card, or show one on the login screen, and don't worry, the user can't see this.",
+        "userPageSuccessMessage": "You can see and change details about your account later on the {myAccount} page.",
+        "myAccount": "My Account"
    },
    "notifications": {
        "errorUserExists": "User already exists.",
--- a/ts/form.ts
+++ b/ts/form.ts
@ -35,6 +35,7 @@ interface formWindow extends Window {
    captcha: boolean;
    reCAPTCHA: boolean;
    reCAPTCHASiteKey: string;
+    userPageEnabled: boolean;
 }

 loadLangSelector("form");
@ -343,6 +344,10 @@ const create = (event: SubmitEvent) => {
                    const url = ((document.getElementById("modal-success") as HTMLDivElement).querySelector("a.submit") as HTMLAnchorElement).href;
                    window.location.href = url;
                } else {
+                    if (window.userPageEnabled) {
+                        const userPageNoticeArea = document.getElementById("modal-success-user-page-area");
+                        userPageNoticeArea.textContent = userPageNoticeArea.textContent.replace("{myAccount}", userPageNoticeArea.getAttribute("my-account-term"));
+                    }
                    window.successModal.show();
                }
            } else {
--- a/views.go
+++ b/views.go
@ -625,6 +625,7 @@ func (app *appContext) InviteProxy(gc *gin.Context) {
 		"captcha":            app.config.Section("captcha").Key("enabled").MustBool(false),
 		"reCAPTCHA":          app.config.Section("captcha").Key("recaptcha").MustBool(false),
 		"reCAPTCHASiteKey":   app.config.Section("captcha").Key("recaptcha_site_key").MustString(""),
+		"userPageEnabled":    app.config.Section("user_page").Key("enabled").MustBool(false),
 	}
 	if telegram {
 		data["telegramPIN"] = app.telegram.NewAuthToken()