From b684ed6a266465049d7cbf9b3e6b9aed8c8907c4 Mon Sep 17 00:00:00 2001
From: Zhe Li <zlhe@microsoft.com>
Date: Wed, 28 Feb 2024 15:36:03 +0800
Subject: [PATCH] add import QR images/OTP URLs buttons to add account page

---
 _locales/en/messages.json              | 8 ++++++++
 src/components/Import/TextImport.vue   | 9 ++++++++-
 src/components/Popup/AddMethodPage.vue | 6 ++++++
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index c7477122e..03166ce27 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -229,10 +229,18 @@
         "message": "Import QR Image Backup",
         "description": "Import qr image backup."
     },
+    "import_qr_images": {
+        "message": "Import QR Images",
+        "description": "Import qr images. Shown as add account method."
+    },
     "import_backup_code": {
         "message": "Import Text Backup",
         "description": "Import backup code."
     },
+    "import_otp_urls": {
+        "message": "Import OTP URLs",
+        "description": "Import OTP URLs. Shown as add account method."
+    },
     "import_backup_qr_partly_failed": {
         "message": "Import successful, but some QR codes could not be recognized.",
         "description": "Import successful, but some QR image cannot be recognized."
diff --git a/src/components/Import/TextImport.vue b/src/components/Import/TextImport.vue
index a6de67f2e..97712ce3a 100644
--- a/src/components/Import/TextImport.vue
+++ b/src/components/Import/TextImport.vue
@@ -1,7 +1,14 @@
 <template>
   <div>
     <div class="import_code">
-      <textarea spellcheck="false" v-model="importCode"></textarea>
+      <textarea
+        spellcheck="false"
+        v-model="importCode"
+        placeholder="otpauth://totp/...
+otpauth://totp/...
+otpauth://hotp/...
+..."
+      ></textarea>
     </div>
     <div class="import_encrypted">
       <input type="checkbox" id="encryptedCode" v-model="importEncrypted" />
diff --git a/src/components/Popup/AddMethodPage.vue b/src/components/Popup/AddMethodPage.vue
index 2128a10bc..b66e7801b 100644
--- a/src/components/Popup/AddMethodPage.vue
+++ b/src/components/Popup/AddMethodPage.vue
@@ -4,6 +4,12 @@
     <a-button @click="showInfo('AddAccountPage')">
       {{ i18n.add_secret }}
     </a-button>
+    <a-button-link href="import.html?QrImport">{{
+      i18n.import_qr_images
+    }}</a-button-link>
+    <a-button-link href="import.html?TextImport">{{
+      i18n.import_otp_urls
+    }}</a-button-link>
   </div>
 </template>
 <script lang="ts">