加上編輯成員功能

2023-06-27 15:39:13 +08:00
parent 06c06bbd5b
commit 7e9a130a11
2 changed files with 139 additions and 0 deletions
@@ -0,0 +1,79 @@
+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 () {
+    // 获取名为 "param" 的参数值
+    paramValue = getParameterByName('id');
+    console.log(paramValue);
+
+    axios.get("http://127.0.0.1:10001/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("member-form").addEventListener("submit", function (event) {
+    event.preventDefault(); // 阻止表单的默认提交行为
+
+    // 执行登录请求
+    updateMember(paramValue, nickName.value, playerName.value, gameUid.value, discordId.value);
+});
+
+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')
+    var isLeave = false;
+    if (selected) {
+        if (selected.value === true) {
+            isLeave = true;
+        } else {
+            isLeave = false;
+        }
+    }
+    // 发送登录请求
+    axios.put("http://127.0.0.1:10001/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);
+        });
+}