將前端整合進來

2023-07-10 12:08:58 +08:00
parent 9614266453
commit 1dca536ab0
15 changed files with 1254 additions and 0 deletions
@@ -0,0 +1,99 @@
+var paramValue = "";
+var memberId = "";
+
+var nickName = document.getElementById("nick_name");
+var playerName = document.getElementById("player_name");
+var gameUid = document.getElementById("game_uid");
+var discordId = document.getElementById("discord_id");
+
+// 在頁面載入完成後，執行獲取參數的操作
+window.onload = function () {
+    // 取得參數
+    paramValue = getParameterByName('id');
+    console.log(paramValue);
+
+    axios.get("./api/member/" + paramValue)
+        .then(function (response) {
+            // 在這裡處理回傳的資料
+            var options = response.data;
+            console.log(options);
+            nickName.value = options.nickName;
+            playerName.value = options.playerName;
+            gameUid.value = options.uid;
+            discordId.value = options.discordID;
+
+            if (options.leave) {
+                document.getElementById("leave_true").checked = true;
+            } else {
+                document.getElementById("leave_false").checked = true;
+            }
+        })
+        .catch(function (error) {
+            // 處理錯誤
+            console.error(error);
+        });
+};
+
+document.getElementById("submit").addEventListener("click", function (event) {
+    event.preventDefault(); // 阻止表單預設提交行為
+
+    // 執行請求
+    updateMember(paramValue, nickName.value, playerName.value, gameUid.value, discordId.value);
+});
+
+document.getElementById("delete").addEventListener("click", function (event) {
+    event.preventDefault(); // 阻止表單預設提交行為
+
+    // 執行請求
+    deleteMember(paramValue);
+});
+
+function getParameterByName(name) {
+    // 获取 URL 中的参数部分
+    var url = window.location.href;
+    // 对 URL 进行解析
+    var parsedUrl = new URL(url);
+    // 从解析后的 URL 中获取参数值
+    return parsedUrl.searchParams.get(name);
+}
+
+function updateMember(memberId, nickName, playerName, gameUid, discordId) {
+    var selected = document.querySelector('input[name="is_leave"]:checked')
+    console.log(selected.value);
+    var isLeave = false;
+    if (selected) {
+        if (selected.value == "true") {
+            isLeave = true;
+        } else {
+            isLeave = false;
+        }
+    }
+    // 发送登录请求
+    axios.put("./api/member/" + memberId, {
+        playerName: playerName,
+        nickName: nickName,
+        discordID: discordId,
+        uid: gameUid,
+        leave: isLeave
+    })
+        .then(function (response) {
+            window.location.href = "./index.html";
+        })
+        .catch(function (error) {
+            //const message = error.response.data.message;
+            alert("更新失敗");
+            //console.error('登入失敗:', error);
+        });
+}
+
+function deleteMember(memberId) {
+    axios.delete("./api/member/" + memberId)
+        .then(function (response) {
+            window.location.href = "./index.html";
+        })
+        .catch(function (error) {
+            //const message = error.response.data.message;
+            alert("刪除失敗");
+            //console.error('登入失敗:', error);
+        });
+}