補上刪除成員功能

js/edit.js

@@ -16,9 +16,9 @@ var knife3_damage = document.getElementById("knife3_damage");
 var knife3c_boss = document.getElementById("knife3c_boss");
 var knife3c_damage = document.getElementById("knife3c_damage");
 
-// 在页面加载完成后执行获取参数的操作
+// 在頁面載入完成後，執行獲取參數的操作
 window.onload = function () {
-    // 获取名为 "param" 的参数值
+    // 取得參數
     paramValue = getParameterByName('id');
     console.log(paramValue);
 
@@ -50,9 +50,9 @@ window.onload = function () {
 };
 
 document.getElementById("record-form").addEventListener("submit", function (event) {
-    event.preventDefault(); // 阻止表单的默认提交行为
+    event.preventDefault(); // 阻止表單預設提交行為
 
-    // 执行登录请求
+    // 執行請求
     fillRecord(
         paramValue,
         memberId,

js/new.js

@@ -1,7 +1,7 @@
 document
     .getElementById("record-form")
     .addEventListener("submit", function (event) {
-        event.preventDefault(); // 阻止表单的默认提交行为
+        event.preventDefault(); // 阻止表單預設提交行為
 
         // 假設你有一個下拉式選單的 HTML 元素
         var selectElement = document.getElementById("member_select");
@@ -21,7 +21,7 @@ document
         var knife3c_boss = document.getElementById("knife3c_boss").value;
         var knife3c_damage = document.getElementById("knife3c_damage").value;
 
-        // 执行登录请求
+        // 執行請求
         fillRecord(
             selectElement.value,
             knife1_boss,

member/edit.html

@@ -50,7 +50,8 @@
             </tr>
         </table>
         <hr />
-        <p><button type="submit">送出</button></p>
+        <!--p><button type="submit">送出</button></p-->
+        <p><button id="submit" type="button">送出</button> <button id="delete" type="button">刪除</button></p>
     </form>
 
     <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>

member/js/edit.js

@@ -6,9 +6,9 @@ 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);
 
@@ -34,13 +34,20 @@ window.onload = function () {
         });
 };
 
-document.getElementById("member-form").addEventListener("submit", function (event) {
-    event.preventDefault(); // 阻止表单的默认提交行为
+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;
@@ -52,9 +59,10 @@ function getParameterByName(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) {
+        if (selected.value == "true") {
             isLeave = true;
         } else {
             isLeave = false;
@@ -72,8 +80,20 @@ function updateMember(memberId, nickName, playerName, gameUid, discordId) {
             window.location.href = "./index.html";
         })
         .catch(function (error) {
-            const message = error.response.data.message;
+            //const message = error.response.data.message;
             alert("更新失敗");
             //console.error('登入失敗:', error);
         });
-}
+}
+
+function deleteMember(memberId) {
+    axios.delete("http://127.0.0.1:10001/api/member/" + memberId)
+        .then(function (response) {
+            window.location.href = "./index.html";
+        })
+        .catch(function (error) {
+            //const message = error.response.data.message;
+            alert("刪除失敗");
+            //console.error('登入失敗:', error);
+        });
+}

member/js/new.js

@@ -1,14 +1,14 @@
 document
     .getElementById("member-form")
     .addEventListener("submit", function (event) {
-        event.preventDefault(); // 阻止表单的默认提交行为
+        event.preventDefault(); // 阻止表單預設提交行為
 
         var nickName = document.getElementById("nick_name");
         var playerName = document.getElementById("player_name");
         var gameUid = document.getElementById("game_uid");
         var discordId = document.getElementById("discord_id");
 
-        // 执行登录请求
+        // 執行請求
         newMember(nickName.value, playerName.value, gameUid.value, discordId.value);
     });