Add: add_player
This commit is contained in:
@@ -15,6 +15,55 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
.player_list {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#add_player {
|
||||
float: left;
|
||||
line-height: 2em;
|
||||
width: 400px;
|
||||
padding: 10px;
|
||||
background-color: #aaaaff;
|
||||
}
|
||||
|
||||
#player_list_result {
|
||||
float: right;
|
||||
line-height: 2em;
|
||||
width: 500px;
|
||||
padding: 10px;
|
||||
background-color: #ffaaaa;
|
||||
}
|
||||
|
||||
#player_list_result_contents {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#registered_player_list {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#registered_player_list > li {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#registered_player_list .registered_player_list_name {
|
||||
width: 200px;
|
||||
background-color: #ffdddd;
|
||||
}
|
||||
|
||||
#registered_player_list .registered_player_list_entercode {
|
||||
width: 200px;
|
||||
background-color: #ddffdd;
|
||||
}
|
||||
|
||||
#registered_player_list .registered_player_update {
|
||||
width: 200px;
|
||||
background-color: #ddddff;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
@@ -57,6 +106,56 @@ function tabClicked(tabNo) {
|
||||
}
|
||||
}
|
||||
|
||||
function addPlayer() {
|
||||
let maestroID = sessionStorage.getItem("maestroID");
|
||||
let playerName = $("#add_player_name").val();
|
||||
let enterCode = $("#add_player_enter_code").val();
|
||||
|
||||
if(playerName.length === 0) {
|
||||
$("#add_player_notice").val("학생 이름을 입력하세요.");
|
||||
$("#add_player_name").focus();
|
||||
} else if(enterCode.length === 0) {
|
||||
$("#add_player_notice").val("엔터 코드를 입력하세요.");
|
||||
$("#add_player_enter_code").focus();
|
||||
}
|
||||
|
||||
let xhr = new XMLHttpRequest(); //new로 생성.
|
||||
xhr.open('POST', './../server/user/add_player.php', true);
|
||||
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
|
||||
xhr.send("maestro_id=" + maestroID + "&player_name=" + playerName + "&enter_code=" + enterCode);
|
||||
xhr.onload = function() {
|
||||
if(xhr.readyState === 4 && xhr.status === 200) {
|
||||
// console.log(xhr.responseText);
|
||||
// console.log(xhr.responseText.length);
|
||||
if(xhr.responseText.length === 0 || xhr.responseText === null) {
|
||||
console.log("no data from server");
|
||||
return;
|
||||
}
|
||||
|
||||
let replyJSON = JSON.parse(xhr.responseText);
|
||||
// console.log(replyJSON);
|
||||
|
||||
if(replyJSON === null) {
|
||||
console.log("no data from server");
|
||||
return;
|
||||
}
|
||||
|
||||
if(replyJSON["ERROR"] !== undefined || replyJSON["RESULT"] === undefined) {
|
||||
console.log(replyJSON["ERROR"]);
|
||||
return;
|
||||
}
|
||||
|
||||
if(replyJSON["RESULT"] === "fail") {
|
||||
console.log(replyJSON["RESULT"]);
|
||||
return;
|
||||
}
|
||||
|
||||
console.log("update player list");
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
@@ -73,46 +172,54 @@ function tabClicked(tabNo) {
|
||||
|
||||
|
||||
<div class="player_list">
|
||||
<h2>추가</h2>
|
||||
<span id="add_player">
|
||||
<h2>추가</h2>
|
||||
|
||||
<h3>1명 추가</h3>
|
||||
<h3>1명 추가</h3>
|
||||
|
||||
<form action="/action_page.php" method="get" id="add_user">
|
||||
<input type="text" name="name">
|
||||
<input type="text" name="entercode">
|
||||
<button type="submit" form="add_user">추가</button>
|
||||
</form>
|
||||
<div>
|
||||
학생 이름 <input type="text" name="name" id="add_player_name"><br/>
|
||||
입장 코드 <input type="text" name="entercode" id="add_player_enter_code">
|
||||
<input type="submit" name="추가" onClick="addPlayer()">
|
||||
</div>
|
||||
|
||||
<textarea>
|
||||
<textarea id="add_player_notice">
|
||||
학생 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
|
||||
입장 코드 : 숫자 1~6자리 수
|
||||
</textarea>
|
||||
</textarea>
|
||||
|
||||
|
||||
<h3>단체 추가</h3>
|
||||
<h3>단체 추가</h3>
|
||||
|
||||
<form action="/action_page.php" method="get" id="add_users">
|
||||
<textarea>
|
||||
<form action="/action_page.php" method="get" id="add_users">
|
||||
<textarea>
|
||||
엑셀에서 아래와 같이 셀에 입력한 후에 복사하고 붙여넣기
|
||||
학생 이름 | 입장 코드
|
||||
학생 이름 | 입장 코드
|
||||
...
|
||||
</textarea>
|
||||
<button type="submit" form="add_users">추가</button>
|
||||
</form>
|
||||
</textarea>
|
||||
<button type="submit" form="add_users">추가</button>
|
||||
</form>
|
||||
|
||||
<textarea>
|
||||
<textarea>
|
||||
학생 이름 : (한글) 10글자, (영문) 20글자까지 입력 가능
|
||||
입장 코드 : 숫자 1~6자리 수
|
||||
</textarea>
|
||||
</textarea>
|
||||
</span>
|
||||
|
||||
|
||||
<h2>목록</h2>
|
||||
|
||||
<div>
|
||||
<span id="player_list_result">
|
||||
목록
|
||||
<button>보기</button>
|
||||
</div>
|
||||
<div id="player_list_result_contents">
|
||||
<ul id="registered_player_list">
|
||||
<li class="registered_player_list_name">
|
||||
이름
|
||||
</li>
|
||||
<li class="registered_player_list_entercode">
|
||||
입장 코드
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="search hide">
|
||||
|
||||
Reference in New Issue
Block a user