jisangs/chocomae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: add player css, error_message css

Browse Source
This commit is contained in:
Jisang Park
2018-07-13 20:14:51 +09:00
parent ab8ebb9ca1
commit 4edd637b05
10 changed files with 157 additions and 444 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/admin/admin_register_list.html
-3
View File
@@ -126,9 +126,6 @@
</header> </header>
<section id="section"> <section id="section">
<div id="error_message">
</div>
<div> <div>
<span id="search_maestro_name"> <span id="search_maestro_name">
<h1>검색</h1> <h1>검색</h1>
src/web/css/maestro_main.css
+1 -9
View File
@@ -1,11 +1,5 @@
@charset "utf-8"; @charset "utf-8";
<style type="text/css">
.hide {
display: none;
}
#section_add_player { #section_add_player {
overflow: hidden; overflow: hidden;
} }
@@ -93,11 +87,9 @@
background-color: #ffaaaa; background-color: #ffaaaa;
} }
/* /*
#mouse_app_list { #mouse_app_list {
overflow: hidden; overflow: hidden;
} }
*/ */
</style>
src/web/css/module.css
+16 -3
View File
@@ -1,7 +1,5 @@
@charset "utf-8"; @charset "utf-8";
<style type="text/css">
html { } html { }
body { } body { }
@@ -41,6 +39,22 @@ footer {
.hide {
display: none;
}
#error_message {
line-height: 1.5em;
width: 1004px;
padding: 10px;
margin: 10px;
background-color: #aaffff;
}
/* /*
#page-tabs { #page-tabs {
width: 1024px; width: 1024px;
@@ -108,4 +122,3 @@ label{
input[type="checkbox"]:checked + label{ input[type="checkbox"]:checked + label{
background-position: 0 -15px; background-position: 0 -15px;
} }
</style>
src/web/js/maestro_main.js
+1 -1
View File
@@ -28,7 +28,7 @@ function tabClicked(tabNo) {
$("#section_add_player").addClass("hide"); $("#section_add_player").addClass("hide");
$("#search_player_name").val(""); $("#search_player_name").val("");
searchPlayerListManager.setupSearchPlayerList(""); // searchPlayerListManager.setupSearchPlayerList("");
$("#search_player").removeClass("hide"); $("#search_player").removeClass("hide");
$("#mouse_app_list").addClass("hide"); $("#mouse_app_list").addClass("hide");
src/web/js/player_list.js
+14 -4
View File
@@ -12,9 +12,9 @@
class PlayerList { class PlayerList {
constructor(tagDiv, parent) { constructor(tagDiv, playerListManager) {
let self = this; let self = this;
this.parent = parent; this.playerListManager = playerListManager;
// console.log(tagDiv); // console.log(tagDiv);
this.playerCount = 0; this.playerCount = 0;
@@ -36,11 +36,11 @@ class PlayerList {
this.disableItem(this.listRows[i]); this.disableItem(this.listRows[i]);
$(id_list[i]).siblings(".player_edit").click(function() { $(id_list[i]).siblings(".player_edit").click(function() {
parent.editPlayer(this); playerListManager.editPlayer(this);
}) })
$(id_list[i]).siblings(".player_delete").click(function() { $(id_list[i]).siblings(".player_delete").click(function() {
parent.deletePlayer(this); playerListManager.deletePlayer(this);
}) })
// console.log(this.listRows[i].playerName.val()); // console.log(this.listRows[i].playerName.val());
// console.log(this.listRows[i]); // console.log(this.listRows[i]);
@@ -64,6 +64,16 @@ class PlayerList {
updatePlayerList(jsonData) { updatePlayerList(jsonData) {
// console.log(jsonData); // console.log(jsonData);
if(jsonData === null) {
for(let i = 0; i < 10; i++) {
$(this.listRows[i].playerName).val("");
$(this.listRows[i].enterCode).val("");
this.disableItem(this.listRows[i]);
}
return;
}
for(let i = 0; i < 10; i++) { for(let i = 0; i < 10; i++) {
$(this.listRows[i].playerID).empty(); $(this.listRows[i].playerID).empty();
src/web/js/player_list_manager.js
+1 -304
View File
@@ -6,12 +6,12 @@
this.docNav = docNav; this.docNav = docNav;
this.list = new PlayerList(this.docList, this); this.list = new PlayerList(this.docList, this);
this.list.updatePlayerList(null);
this.listNavigator = new PlayerListNavigator(this.docNav); this.listNavigator = new PlayerListNavigator(this.docNav);
this.playerCount = 0; this.playerCount = 0;
this.activePageNo = 1; this.activePageNo = 1;
this.lastPageNo = 0; this.lastPageNo = 0;
} }
@@ -38,48 +38,6 @@
} }
); );
/*
let xhr = new XMLHttpRequest(); //new로 생성.
xhr.open('POST', './../server/player/registered_player_count.php', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("maestro_id=" + maestroID);
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 jsonData = JSON.parse(xhr.responseText);
// console.log(jsonData);
if(jsonData === null) {
console.log("no data from server");
return;
}
if(jsonData["ERROR"] !== undefined || jsonData["RESULT"] === undefined) {
console.log(jsonData["ERROR"]);
return;
}
if(jsonData["RESULT"] === "fail") {
console.log(jsonData["RESULT"]);
return;
}
self.playerCount = jsonData["Count"];
self.lastPageNo = Math.ceil( (self.playerCount + 1) / 10 );
self.activePageNo = 1;
self.loadAddPlayerListPage(self.activePageNo);
self.listNavigator.updateNavigator(self.activePageNo, self.lastPageNo);
}
}
*/
} }
loadAddPlayerListPage(pageNo) { loadAddPlayerListPage(pageNo) {
@@ -106,47 +64,6 @@
} }
); );
/*
let xhr = new XMLHttpRequest(); //new로 생성.
xhr.open('POST', './../server/player/registered_player_list.php', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("maestro_id=" + maestroID + "&start_no=" + startNo + "&end_no=" + endNo);
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 jsonData = JSON.parse(xhr.responseText);
// console.log(jsonData);
if(jsonData === null) {
console.log("no data from server");
return;
}
if(jsonData["ERROR"] !== undefined || jsonData["RESULT"] === undefined) {
console.log(jsonData["ERROR"]);
return;
}
if(jsonData["RESULT"] === "fail") {
console.log(jsonData["RESULT"]);
return;
}
// console.log(jsonData["PlayerList"]);
// updatePlayerListPage(jsonData["PlayerList"]);
self.list.updatePlayerList(jsonData["PlayerList"]);
self.playerCount = jsonData["PlayerList"].length;
}
}
*/
} }
@@ -175,52 +92,6 @@
} }
); );
/*
let xhr = new XMLHttpRequest(); //new로 생성.
xhr.open('POST', './../server/player/registered_player_list.php', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("maestro_id=" + maestroID + "&start_no=" + startNo + "&end_no=" + endNo);
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 jsonData = JSON.parse(xhr.responseText);
// console.log(jsonData);
if(jsonData === null) {
console.log("no data from server");
return;
}
if(jsonData["ERROR"] !== undefined || jsonData["RESULT"] === undefined) {
console.log(jsonData["ERROR"]);
return;
}
if(jsonData["RESULT"] === "fail") {
console.log(jsonData["RESULT"]);
return;
}
// console.log(jsonData["PlayerList"]);
self.list.updatePlayerList(jsonData["PlayerList"]);
self.playerCount = jsonData["PlayerList"].length;
// console.log(self.playerCount);
// self.lastPageNo = Math.ceil( (self.playerCount + 1) / 10 );
// self.activePageNo = 1;
self.listNavigator.updateNavigator(self.activePageNo, self.lastPageNo);
}
}
*/
} }
@@ -247,47 +118,6 @@
} }
); );
/*
let xhr = new XMLHttpRequest(); //new로 생성.
xhr.open('POST', './../server/player/search_player_count.php', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("maestro_id=" + maestroID + "&player_name=" + playerName);
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 jsonData = JSON.parse(xhr.responseText);
// console.log(jsonData);
if(jsonData === null) {
console.log("no data from server");
return;
}
if(jsonData["ERROR"] !== undefined || jsonData["RESULT"] === undefined) {
console.log(jsonData["ERROR"]);
return;
}
if(jsonData["RESULT"] === "fail") {
console.log(jsonData["RESULT"]);
return;
}
self.playerCount = jsonData["Count"];
self.lastPageNo = Math.ceil( (self.playerCount + 1) / 10 );
self.activePageNo = 1;
self.updateSearchPlayerListPage(playerName, 1);
}
}
*/
} }
updateSearchPlayerListPage(playerName, pageNo) { updateSearchPlayerListPage(playerName, pageNo) {
@@ -315,51 +145,6 @@
} }
); );
/*
let xhr = new XMLHttpRequest(); //new로 생성.
xhr.open('POST', './../server/player/search_player_list.php', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("maestro_id=" + maestroID + "&player_name=" + playerName + "&start_no=" + startNo + "&end_no=" + endNo);
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 jsonData = JSON.parse(xhr.responseText);
// console.log(jsonData);
if(jsonData === null) {
console.log("no data from server");
return;
}
if(jsonData["ERROR"] !== undefined || jsonData["RESULT"] === undefined) {
console.log(jsonData["ERROR"]);
return;
}
if(jsonData["RESULT"] === "fail") {
console.log(jsonData["RESULT"]);
return;
}
// console.log(jsonData["PlayerList"]);
self.list.updatePlayerList(jsonData["PlayerList"]);
self.playerCount = jsonData["PlayerList"].length;
// self.lastPageNo = Math.ceil( (self.playerCount + 1) / 10 );
// self.activePageNo = 1;
self.listNavigator.updateNavigator(self.activePageNo, self.lastPageNo);
}
}
*/
} }
@@ -429,50 +214,6 @@
} }
); );
/*
let xhr = new XMLHttpRequest(); //new로 생성.
xhr.open('POST', './../server/player/edit_player.php', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("maestro_id=" + maestroID + "&player_id=" + playerID + "&player_name=" + playerName + "&enter_code=" + playerEnterCode);
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 jsonData = JSON.parse(xhr.responseText);
// console.log(jsonData);
if(jsonData === null) {
console.log("no data from server");
return;
}
if(jsonData["ERROR"] !== undefined || jsonData["RESULT"] === undefined) {
console.log(jsonData["ERROR"]);
return;
}
if(jsonData["RESULT"] === "fail") {
console.log(jsonData["RESULT"]);
return;
}
console.log(clickedObjectID);
if(clickedObjectID === "add_player_list") {
self.setupAddPlayerList();
} else if(clickedObjectID === "search_player_list") {
let playerName = $("#search_name").val();
self.setupSearchPlayerList(playerName);
}
}
}
*/
} }
deletePlayer(inputButton) { deletePlayer(inputButton) {
@@ -506,50 +247,6 @@
} }
); );
/*
let xhr = new XMLHttpRequest(); //new로 생성.
xhr.open('POST', './../server/player/delete_player.php', true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("maestro_id=" + maestroID + "&player_id=" + playerID);
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 jsonData = JSON.parse(xhr.responseText);
// console.log(jsonData);
if(jsonData === null) {
console.log("no data from server");
return;
}
if(jsonData["ERROR"] !== undefined || jsonData["RESULT"] === undefined) {
console.log(jsonData["ERROR"]);
return;
}
if(jsonData["RESULT"] === "fail") {
console.log(jsonData["RESULT"]);
return;
}
console.log(clickedObjectID);
if(clickedObjectID === "add_player_list") {
self.setupAddPlayerList();
} else if(clickedObjectID === "search_player_list") {
let playerName = $("#search_name").val();
self.setupSearchPlayerList(playerName);
}
}
}
*/
} }
getClickedObjectID(clickedObject) { getClickedObjectID(clickedObject) {
src/web/module/maestro_section_add_player.html
+3
View File
@@ -54,6 +54,7 @@ function addPlayer() {
</div> </div>
<div>
<span id="add_player"> <span id="add_player">
<h2>추가</h2> <h2>추가</h2>
@@ -175,3 +176,5 @@ function addPlayer() {
<span><a onClick="onClickPlayerListPage(this, 'last')"> ≫ </a></span> <span><a onClick="onClickPlayerListPage(this, 'last')"> ≫ </a></span>
</div> </div>
</span> </span>
</div>
src/web/module/maestro_section_search.html
+3 -2
View File
@@ -6,7 +6,8 @@ $(document).ready(function() {
$("#search_player_list_navigator > #page_no_area") $("#search_player_list_navigator > #page_no_area")
); );
searchPlayerListManager.setupSearchPlayerList(""); // searchPlayerListManager.setupSearchPlayerList("");
console.log("search - ready");
}); });
@@ -17,6 +18,7 @@ function searchPlayer() {
if(playerName.length === 0) { if(playerName.length === 0) {
// $("#search_name_notice").val("학생 이름을 입력하세요."); // $("#search_name_notice").val("학생 이름을 입력하세요.");
$("#search_name").focus(); $("#search_name").focus();
return;
} }
searchPlayerListManager.setupSearchPlayerList(playerName); searchPlayerListManager.setupSearchPlayerList(playerName);
@@ -25,7 +27,6 @@ function searchPlayer() {
</script> </script>
<span id="search_player_name"> <span id="search_player_name">
<h1>검색</h1> <h1>검색</h1>
src/web/server/player/search_player_count.php
+1 -1
View File
@@ -22,7 +22,7 @@ exit;
function getPlayerCount($maestroID, $playerName) { function getPlayerCount($maestroID, $playerName) {
global $db_conn; global $db_conn;
$query = "SELECT COUNT(PlayerID) FROM moty_player WHERE MaestroID = ? AND Name = ?"; $query = "SELECT COUNT(PlayerID) FROM moty_player WHERE MaestroID = ? AND Name LIKE CONCAT('%', ?, '%')";
$stmt = $db_conn->prepare($query); $stmt = $db_conn->prepare($query);
$stmt->bind_param("is", $maestroID, $playerName); $stmt->bind_param("is", $maestroID, $playerName);
$stmt->execute(); $stmt->execute();
src/web/server/player/search_player_list.php
+1 -1
View File
@@ -27,7 +27,7 @@ function get_player_list_page($maestroID, $playerName, $startNo, $endNo) {
$query = " $query = "
SELECT PlayerID, Name, EnterCode FROM moty_player SELECT PlayerID, Name, EnterCode FROM moty_player
WHERE MaestroID=? AND Name=? WHERE MaestroID = ? AND Name LIKE CONCAT('%', ?, '%')
ORDER BY PlayerID DESC ORDER BY PlayerID DESC
LIMIT ?, 10; LIMIT ?, 10;
"; ";