ray650128/PcReDiveClanRecordFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

調整成員管理版面

Browse Source
This commit is contained in:
Raymond Yang 2023-06-28 12:31:32 +08:00
parent 06e30eba36
commit 4156842884
4 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
member/edit.html
View File

@ -16,31 +16,31 @@
<form id="member-form">
<table>
<tr>
<td>成員名稱</td>
<td>
<td style="width: 30%;"><h4>成員名稱</h4></td>
<td style="width: 70%;">
<input type="text" id="nick_name" placeholder="請輸入成員 Discord 名稱" />
</td>
</tr>
<tr>
<td>遊戲角色名稱</td>
<td><h4>遊戲角色名稱</h4></td>
<td>
<input type="text" id="player_name" placeholder="請輸入遊戲主角名稱" />
</td>
</tr>
<tr>
<td>遊戲UID</td>
<td><h4>遊戲UID</h4></td>
<td>
<input type="text" id="game_uid" placeholder="請輸入遊戲U ID" />
</td>
</tr>
<tr>
<td>DC ID</td>
<td><h4>DC ID</h4></td>
<td>
<input type="text" id="discord_id" placeholder="請輸入 Discord user ID" />
</td>
</tr>
<tr>
<td>是否離開戰隊</td>
<td><h4>是否離開戰隊</h4></td>
<td>
<input type="radio" id="leave_true" name="is_leave" value="true">
<label for="leave_true">是</label>

2
member/index.html
View File

@ -14,6 +14,8 @@
<body id="body">
<h1>成員管理</h1>
<hr>
<h4><a href="./new.html">新增成員</a></h4>
<hr>
<script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>
<script src="./js/index.js"></script>
</body>

21
member/js/index.js
View File

@ -13,15 +13,18 @@ document.getElementById("body").appendChild(table);
// Creating and adding data to first row of the table
let row_1 = document.createElement("tr");
/*let heading_1 = document.createElement("th");
heading_1.innerHTML = "成員名稱";*/
heading_1.innerHTML = "<h4>成員名稱</h4>";*/
let heading_2 = document.createElement("th");
heading_2.innerHTML = "角色暱稱";
heading_2.innerHTML = "<h4>角色暱稱</h4>";
heading_2.setAttribute('style', 'width: 54%;')
let heading_3 = document.createElement("th");
heading_3.innerHTML = "角色UID";
heading_3.innerHTML = "<h4>角色UID</h4>";
heading_3.setAttribute('style', 'width: 34%;')
/*let heading_4 = document.createElement("th");
heading_4.innerHTML = "DC ID";*/
heading_4.innerHTML = "<h4>DC ID</h4>";*/
let heading_5 = document.createElement("th");
heading_5.innerHTML = "已離開";
heading_5.innerHTML = "<h4>離開</h4>";
heading_5.setAttribute('style', 'width: 12%;')
//row_1.appendChild(heading_1);
row_1.appendChild(heading_2);
@ -51,13 +54,13 @@ axios.get("https://pcredive.ray650128.com/backend/api/member", {
const item = data[i];
//row_2_data_1.innerHTML = "<a href=\"edit.html?id=" + item._id + "\">" + item.nickName + "</a>";
row_2_data_2.innerHTML = "<a href=\"edit.html?id=" + item._id + "\">" + item.playerName + "</a>";
row_2_data_3.innerHTML = item.uid;
row_2_data_2.innerHTML = "<h4><a href=\"edit.html?id=" + item._id + "\">" + item.playerName + "</a></h4>";
row_2_data_3.innerHTML = "<h4>" + item.uid + "</h4>";
//row_2_data_4.innerHTML = item.discordID;
if (item.leave) {
row_2_data_5.innerHTML = "O";
row_2_data_5.innerHTML = "<h4>O</h4>";
} else {
row_2_data_5.innerHTML = "X";
row_2_data_5.innerHTML = "<h4>X</h4>";
}
//row_2.appendChild(row_2_data_1);

10
member/new.html
View File

@ -16,25 +16,25 @@
<form id="member-form">
<table>
<tr>
<td>成員名稱</td>
<td>
<td style="width: 30%;"><h4>成員名稱</h4></td>
<td style="width: 70%;">
<input type="text" id="nick_name" placeholder="請輸入成員 Discord 名稱" />
</td>
</tr>
<tr>
<td>遊戲角色名稱</td>
<td><h4>遊戲角色名稱</h4></td>
<td>
<input type="text" id="player_name" placeholder="請輸入遊戲主角名稱" />
</td>
</tr>
<tr>
<td>遊戲UID</td>
<td><h4>遊戲UID</h4></td>
<td>
<input type="text" id="game_uid" placeholder="請輸入遊戲U ID" />
</td>
</tr>
<tr>
<td>DC ID</td>
<td><h4>DC ID</h4></td>
<td>
<input type="text" id="discord_id" placeholder="請輸入 Discord user ID" />
</td>