From 054cc630e94df6c5262eff4df8ded1b3bf32f16c Mon Sep 17 00:00:00 2001
From: Slendy <josh@slendy.pw>
Date: Sun, 29 Sep 2024 16:42:41 -0500
Subject: [PATCH] Allow users to manually setup two factor with secret key

---
 .../StringLists/TwoFactorStrings.cs           |  4 +++
 ProjectLighthouse.Localization/TwoFactor.resx | 12 +++++++++
 .../Pages/TwoFactor/SetupTwoFactorPage.cshtml | 27 +++++++++++++++++++
 3 files changed, 43 insertions(+)

diff --git a/ProjectLighthouse.Localization/StringLists/TwoFactorStrings.cs b/ProjectLighthouse.Localization/StringLists/TwoFactorStrings.cs
index 307ad97d5..799588003 100644
--- a/ProjectLighthouse.Localization/StringLists/TwoFactorStrings.cs
+++ b/ProjectLighthouse.Localization/StringLists/TwoFactorStrings.cs
@@ -24,6 +24,10 @@ public static class TwoFactorStrings
 
     public static readonly TranslatableString QrTitle = create("qr_title");
     public static readonly TranslatableString QrDescription = create("qr_description");
+    public static readonly TranslatableString QrAlternativeDescription = create("qr_alternative");
+    public static readonly TranslatableString QrAlternativeCopy = create("qr_alternative_copy");
+    public static readonly TranslatableString QrAlternativeCopySuccess = create("qr_alternative_copy_success");
+    public static readonly TranslatableString QrAlternativeCopyFail = create("qr_alternative_copy_success");
 
     private static TranslatableString create(string key) => new(TranslationAreas.TwoFactor, key);
 }
\ No newline at end of file
diff --git a/ProjectLighthouse.Localization/TwoFactor.resx b/ProjectLighthouse.Localization/TwoFactor.resx
index 21d78ec4e..45845e8f5 100644
--- a/ProjectLighthouse.Localization/TwoFactor.resx
+++ b/ProjectLighthouse.Localization/TwoFactor.resx
@@ -66,4 +66,16 @@
     <data name="invalid_backup" xml:space="preserve">
         <value>Invalid Backup Code</value>
     </data>
+    <data name="qr_alternative" xml:space="preserve">
+        <value>Can't use the QR code? You can use this secret key instead:</value>
+    </data>
+    <data name="qr_alternative_copy" xml:space="preserve">
+        <value>Copy secret code</value>
+    </data>
+    <data name="qr_alternative_copy_success" xml:space="preserve">
+        <value>Copied to clipboard</value>
+    </data>
+    <data name="qr_alternative_copy_fail" xml:space="preserve">
+        <value>Failed to copy to clipboard</value>
+    </data>
 </root>
\ No newline at end of file
diff --git a/ProjectLighthouse.Servers.Website/Pages/TwoFactor/SetupTwoFactorPage.cshtml b/ProjectLighthouse.Servers.Website/Pages/TwoFactor/SetupTwoFactorPage.cshtml
index 736e258e7..9a6fcf486 100644
--- a/ProjectLighthouse.Servers.Website/Pages/TwoFactor/SetupTwoFactorPage.cshtml
+++ b/ProjectLighthouse.Servers.Website/Pages/TwoFactor/SetupTwoFactorPage.cshtml
@@ -18,6 +18,9 @@
         <h2>@Model.Translate(TwoFactorStrings.QrTitle)</h2>
         <img src="@Model.QrCode" alt="2 Factor QR Code"/>
         <p>@Model.Translate(TwoFactorStrings.QrDescription)</p>
+        <p>@Model.Translate(TwoFactorStrings.QrAlternativeDescription)</p>
+        <code class="ui segment">@Model.User?.TwoFactorSecret</code>
+        <button class="ui button primary" style="padding: 1em 1em" id="copyButton" onclick="copySecret('@Model.User?.TwoFactorSecret')">@Model.Translate(TwoFactorStrings.QrAlternativeCopy)</button>
         @await Html.PartialAsync("Partials/TwoFactorPartial", new ViewDataDictionary(ViewData)
         {
             {
@@ -31,6 +34,28 @@
             },
         })
     </div>
+    <script>
+        let copyTimeout;
+
+        function copySecret(secret) {
+            function scheduleButtonReset() {
+                copyTimeout = setTimeout(() => {
+                    document.getElementById("copyButton").textContent = '@Model.Translate(TwoFactorStrings.QrAlternativeCopy)';
+                }, 2000);
+            }
+            if (copyTimeout) {
+                clearTimeout(copyTimeout);
+            }
+
+            navigator.clipboard.writeText(secret).then(() => {
+                document.getElementById("copyButton").textContent = '@Model.Translate(TwoFactorStrings.QrAlternativeCopySuccess)';
+                scheduleButtonReset();
+            }, () => {
+                document.getElementById("copyButton").textContent = '@Model.Translate(TwoFactorStrings.QrAlternativeCopyFail)';
+                scheduleButtonReset();
+            });
+        }
+    </script>
 }
 else
 {
@@ -83,5 +108,7 @@ else
                 document.body.removeChild(elem);
             }
         }
+    
+    
     </script>
 }
\ No newline at end of file