From ec46084cd9b7e5837f8a6d9bc392186c7ab270b7 Mon Sep 17 00:00:00 2001
From: Zkitefly <z18344203426@qq.com>
Date: Thu, 3 Oct 2024 20:16:31 +0800
Subject: [PATCH] Create qr-login.html (#154)

---
 qr-login.html | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 qr-login.html

diff --git a/qr-login.html b/qr-login.html
new file mode 100644
index 0000000..8cbdfea
--- /dev/null
+++ b/qr-login.html
@@ -0,0 +1,55 @@
+---
+permalink: /qr-login.html
+layout: default
+---
+
+<style>
+    .selectable {
+        -webkit-user-select: all;
+        user-select: all;
+        cursor: pointer;
+        padding: 5px;
+        background-color: #b2b2b2;
+        border-radius: 5px;
+        display: inline-block;
+        margin-top: 10px;
+    }
+</style>
+<script src="https://cdn.jsdelivr.net/npm/qrcode@1.4.4/build/qrcode.min.js"></script>
+<script>
+    function generateQRCode() {
+        const urlParams = new URLSearchParams(window.location.search);
+        const verificationUri = urlParams.get('verificationUri');
+        const userCode = urlParams.get('userCode');
+        const login = urlParams.get('login');
+        if (!verificationUri || !userCode) {
+            return; // 不显示任何内容
+        }
+        const qrcodeContainer = document.getElementById('qrcode');
+        if (login === '1') {
+            const userPrompt = document.createElement('p');
+            userPrompt.innerHTML = `请复制代码 <span class="selectable" id="userCode">${userCode}</span> <br>并前往 <a href="${verificationUri}">${verificationUri}</a>，输入代码允许访问并登录微软账户。`;
+            qrcodeContainer.appendChild(userPrompt);
+        } else {
+            const currentUrl = window.location.href + '?login=1';
+            console.log("currentUrl: ", currentUrl);
+            const canvas = document.createElement('canvas');
+            QRCode.toCanvas(canvas, currentUrl, function (error) {
+                if (error) console.error(error);
+            });
+            qrcodeContainer.appendChild(canvas);
+            const promptMessage = document.createElement('p');
+            promptMessage.innerHTML = `请扫描二维码。`;
+            qrcodeContainer.appendChild(promptMessage);
+        }
+    }
+    window.onload = function() {
+        generateQRCode();
+    }
+</script>
+
+<div id="qrcode"></div>
+
+<noscript>
+    <p>请开启 JavaScript 以查看二维码生成内容。</p>
+</noscript>