telegram: modularize, add to userpage

html/account-linking.html

@@ -5,7 +5,10 @@
         <p class="content mb-4"> {{ .discordSendPINMessage }}</p>
         <h1 class="text-center text-2xl mb-2 pin"></h1>
         <div class="row center">
-            <a id="discord-invite" class="my-5 hover:underline"></a>
+            <a class="my-5 hover:underline">
+                <span class="mr-2">{{ .strings.joinTheServer }}</span>
+                <span id="discord-invite"></span>
+            </a>
         </div>
         <span class="button ~info @low full-width center mt-4" id="discord-waiting">{{ .strings.success }}</span>
     </div>
@@ -16,7 +19,7 @@
     <div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3">
         <span class="heading mb-4">{{ .strings.linkTelegram }}</span>
         <p class="content mb-4">{{ .strings.sendPIN }}</p>
-        <p class="text-center text-2xl mb-2">{{ .telegramPIN }}</p>
+        <p class="text-center text-2xl mb-2 pin"></p>
         <a class="subheading link-center" href="{{ .telegramURL }}" target="_blank">
             <span class="shield ~info mr-4">
                 <span class="icon">

html/user.html

@@ -10,6 +10,8 @@
             window.language = "{{ .langName }}";
             window.telegramEnabled = {{ .telegramEnabled }};
             window.telegramRequired = {{ .telegramRequired }};
+            window.telegramUsername = {{ .telegramUsername }};
+            window.telegramURL = {{ .telegramURL }};
             window.emailEnabled = {{ .emailEnabled }};
             window.emailRequired = {{ .emailRequired }};
             window.discordEnabled = {{ .discordEnabled }};