149 lines
4.4 KiB
JavaScript
149 lines
4.4 KiB
JavaScript
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("./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("./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);
|
|
});
|
|
} |