PcReDiveClanRecordFrontend/js/edit.js

var paramValue = "";
var memberId = "";

var title = document.getElementById("my_title");

var knife1_boss = document.getElementById("knife1_boss");
var knife1_damage = document.getElementById("knife1_damage");
var knife1c_boss = document.getElementById("knife1c_boss");
var knife1c_damage = document.getElementById("knife1c_damage");

var knife2_boss = document.getElementById("knife2_boss");
var knife2_damage = document.getElementById("knife2_damage");
var knife2c_boss = document.getElementById("knife2c_boss");
var knife2c_damage = document.getElementById("knife2c_damage");

var knife3_boss = document.getElementById("knife3_boss");
var knife3_damage = document.getElementById("knife3_damage");
var knife3c_boss = document.getElementById("knife3c_boss");
var knife3c_damage = document.getElementById("knife3c_damage");

// 在頁面載入完成後，執行獲取參數的操作
window.onload = function () {
    // 取得參數
    paramValue = getParameterByName('id');
    console.log(paramValue);

    axios.get("https://pcredive.ray650128.com/backend/api/record/" + paramValue)
        .then(function (response) {
            // 在這裡處理回傳的資料
            var options = response.data;
            console.log(options);
            memberId = options.member._id;

            title.innerHTML = options.member.playerName + " 新增/修改紀錄";

            knife1_boss.value = options.record1.boss;
            knife1_damage.value = options.record1.damage ?? "";
            knife1c_boss.value = options.record1c.boss;
            knife1c_damage.value = options.record1c.damage ?? "";

            knife2_boss.value = options.record2.boss;
            knife2_damage.value = options.record2.damage ?? "";
            knife2c_boss.value = options.record2c.boss;
            knife2c_damage.value = options.record2c.damage ?? "";

            knife3_boss.value = options.record3.boss;
            knife3_damage.value = options.record3.damage ?? "";
            knife3c_boss.value = options.record3c.boss;
            knife3c_damage.value = options.record3c.damage ?? "";
        })
        .catch(function (error) {
            // 處理錯誤
            console.error(error);
        });
};

document.addEventListener('resize', adjustTextSize);

document.getElementById("record-form").addEventListener("submit", function (event) {
    event.preventDefault(); // 阻止表單預設提交行為

    // 執行請求
    fillRecord(
        paramValue,
        memberId,
        knife1_boss.value,
        knife1_damage.value,
        knife1c_boss.value,
        knife1c_damage.value,
        knife2_boss.value,
        knife2_damage.value,
        knife2c_boss.value,
        knife2c_damage.value,
        knife3_boss.value,
        knife3_damage.value,
        knife3c_boss.value,
        knife3c_damage.value
    );
});

function adjustTextSize() {
    var screenWidth = window.innerWidth;
    var fontSize = screenWidth * 0.04;

    title.fontSize = fontSize + 'px';
}

function getParameterByName(name) {
    // 获取 URL 中的参数部分
    var url = window.location.href;
    // 对 URL 进行解析
    var parsedUrl = new URL(url);
    // 从解析后的 URL 中获取参数值
    return parsedUrl.searchParams.get(name);
}

function fillRecord(
    recordId,
    memberId,
    knife1_boss,
    knife1_damage,
    knife1c_boss,
    knife1c_damage,
    knife2_boss,
    knife2_damage,
    knife2c_boss,
    knife2c_damage,
    knife3_boss,
    knife3_damage,
    knife3c_boss,
    knife3c_damage
) {
    // 发送登录请求
    axios.put("https://pcredive.ray650128.com/backend/api/record/" + recordId, {
        memberId: memberId,
        record1: {
            boss: knife1_boss,
            damage: parseInt(knife1_damage),
        },
        record1c: {
            boss: knife1c_boss,
            damage: parseInt(knife1c_damage),
        },
        record2: {
            boss: knife2_boss,
            damage: parseInt(knife2_damage),
        },
        record2c: {
            boss: knife2c_boss,
            damage: parseInt(knife2c_damage),
        },
        record3: {
            boss: knife3_boss,
            damage: parseInt(knife3_damage),
        },
        record3c: {
            boss: knife3c_boss,
            damage: parseInt(knife3c_damage),
        }
    })
        .then(function (response) {
            window.location.href = "./index.html";
        })
        .catch(function (error) {
            const message = error.response.data.message;
            alert("更新失敗");
            //console.error('登入失敗:', error);
        });
}