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

Add: query for record list

Browse Source
This commit is contained in:
Jisang Park
2019-03-28 23:26:55 +09:00
parent aba236536b
commit a42eec2ead
2 changed files with 254 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/module/maestro_section_record.html
+118 -52
View File
@@ -17,17 +17,19 @@ $(document).ready(function() {
function initDatePicker() {
$('#start_datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
language: 'kr'
});
$('#start_datepicker')
.datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
language: 'kr'
});
$('#end_datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
language: 'kr'
});
$('#end_datepicker')
.datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
language: 'kr'
});
var today = new Date();
var yyyy = today.getFullYear();
@@ -38,6 +40,54 @@ function initDatePicker() {
$('#end_datepicker').datepicker('update', yyyy + "-" + mm + "-" + dd);
}
function setDatePickers1Week() {
var today = new Date();
var tyyyy = today.getFullYear();
var tmm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var tdd = String(today.getDate()).padStart(2, '0');
var startDay = new Date();
startDay.setDate(startDay.getDate() - 7);
var syyyy = startDay.getFullYear();
var smm = String(startDay.getMonth() + 1).padStart(2, '0'); //January is 0!
var sdd = String(startDay.getDate()).padStart(2, '0');
$('#start_datepicker').datepicker('update', syyyy + "-" + smm + "-" + sdd);
$('#end_datepicker').datepicker('update', tyyyy + "-" + tmm + "-" + tdd);
}
function setDatePickers1Month() {
var today = new Date();
var tyyyy = today.getFullYear();
var tmm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var tdd = String(today.getDate()).padStart(2, '0');
var startDay = new Date();
startDay.setMonth(startDay.getMonth() - 1);
var syyyy = startDay.getFullYear();
var smm = String(startDay.getMonth() + 1).padStart(2, '0'); //January is 0!
var sdd = String(startDay.getDate()).padStart(2, '0');
$('#start_datepicker').datepicker('update', syyyy + "-" + smm + "-" + sdd);
$('#end_datepicker').datepicker('update', tyyyy + "-" + tmm + "-" + tdd);
}
function setDatePickers1Year() {
var today = new Date();
var tyyyy = today.getFullYear();
var tmm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var tdd = String(today.getDate()).padStart(2, '0');
var startDay = new Date();
startDay.setFullYear(startDay.getFullYear() - 1);
var syyyy = startDay.getFullYear();
var smm = String(startDay.getMonth() + 1).padStart(2, '0'); //January is 0!
var sdd = String(startDay.getDate()).padStart(2, '0');
$('#start_datepicker').datepicker('update', syyyy + "-" + smm + "-" + sdd);
$('#end_datepicker').datepicker('update', tyyyy + "-" + tmm + "-" + tdd);
}
function copyToClipboard() {
@@ -157,16 +207,16 @@ function makeMouseAppSubjectList(appList) {
if(appData.koreanName == "")
continue;
addSubjectListItem("#mouse_app_subject_list", appData.appID, appData.koreanName);
addSubjectListItem("#mouse_app_subject_list", appData.appID, appData.koreanName);
}
}
function addSubjectListItem(subjectListID, appID, appName) {
$(subjectListID).append('\
<div class="form-check form-check-inline">\
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="'
+ appID + '" \value="option1">\
<label class="form-check-label" for="inlineRadio1">' + appName + '</label>\
<input class="form-check-input" type="radio" name="subject_group" id="record_'
+ appID + '" + " value="' + appID + '">\
<label class="form-check-label" for="record_' + appID + '">' + appName + '</label>\
</div>\
');
}
@@ -174,13 +224,45 @@ function addSubjectListItem(subjectListID, appID, appName) {
function addSubjectBundleItem(subjectListID, appID, appName) {
$(subjectListID).append('\
<div class="form-check form-check-inline">\
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="'
+ appID + '" \value="option1">\
<label class="form-check-label text-success" for="inlineRadio1">' + appName + '</label>\
<input class="form-check-input" type="radio" name="subject_group" id="record_'
+ appID + '" + " value="' + appID + '">\
<label class="form-check-label text-success" for="record_' + appID + '">' + appName + '</label>\
</div>\
');
}
function requestPlayerRecordList() {
var startDate = $("#start_date").val();
var endDate = $("#end_date").val();
// console.log(startDate);
// console.log(endDate);
var playerNameList = $("#player_name").val();
// console.log(playerNameList);
var appID = $(":radio[name='subject_group']:checked").val();
if(typeof(appID) == "undefined")
appID = 0;
// console.log(appID);
sendRequestServer( //url, sendParams, onSuccess, onFail, isDebugMode);
"./../server/record/request_player_record_list.php",
"MaestroID=" + maestroID + "&StartDate=" + startDate + "&EndDate=" + endDate
+ "&PlayerNameList=" + playerNameList + "&AppID=" + appID,
(function(jsonData) {
console.log(jsonData);
}),
(function(errorMessage, errorCode) {
showErrorMessage(errorMessage, "error");
})
);
}
</script>
@@ -208,8 +290,8 @@ function addSubjectBundleItem(subjectListID, appID, appName) {
<div class="form-row align-items-center">
<div class="col-auto">
<div class="input-group input-append date" id="start_datepicker">
<label class="col-auto col-form-label" for="start_date">검색 시작일</label>
<input type="text" id="start_date" class="form-control" aria-describedby="button-date-picker-1" size="16" readonly>
<label class="col-auto col-form-label" for="start_date">시작일</label>
<input type="text" id="start_date" class="form-control" aria-describedby="button-date-picker-1" size="12" readonly>
<div class="input-group-append">
<button class="add-on btn btn-primary" id="button-date-picker-1">
<span class="oi oi-calendar" title="icon calendar" aria-hidden="true"></span>
@@ -220,8 +302,8 @@ function addSubjectBundleItem(subjectListID, appID, appName) {
<div class="col-auto">
<div class="input-group input-append date" id="end_datepicker">
<label class="col-auto col-form-label" for="end_date">검색 종료일</label>
<input type="text" id="end_date" class="form-control" aria-describedby="button-date-picker-2" size="16" readonly>
<label class="col-auto col-form-label" for="end_date">종료일</label>
<input type="text" id="end_date" class="form-control" aria-describedby="button-date-picker-2" size="12" readonly>
<div class="input-group-append">
<button class="add-on btn btn-primary" id="button-date-picker-2">
<span class="oi oi-calendar" title="icon calendar" aria-hidden="true"></span>
@@ -230,6 +312,14 @@ function addSubjectBundleItem(subjectListID, appID, appName) {
</div>
</div>
<div class="col-auto">
<button type="button" class="btn btn-primary" onClick="setDatePickers1Week();">1W</button>
<button type="button" class="btn btn-primary" onClick="setDatePickers1Month();">1M</button>
<button type="button" class="btn btn-primary" onClick="setDatePickers1Year();">1Y</button>
</div>
</div>
</div>
</div>
@@ -242,7 +332,7 @@ function addSubjectBundleItem(subjectListID, appID, appName) {
<span class="badge badge-pill badge-info" onClick='showModal("recordPopupModal", "recordPopupContent", "search_record_player_name");' style="cursor: pointer;">?</span>
</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
<input type="text" id="player_name" class="form-control" placeholder="학생 이름을 입력하세요.">
</div>
</div>
@@ -256,55 +346,31 @@ function addSubjectBundleItem(subjectListID, appID, appName) {
<div class="col-sm-10">
<div class="row">
<label for="time" class="col-sm-2 col-form-label py-0">타자 연습</label>
<div id="typing_practice_subject_list" class="col-sm-10">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
<label class="form-check-label" for="inlineRadio1">한글 타자 연습 묶음</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
<label class="form-check-label" for="inlineRadio2">영문 타자 연습 묶음</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
<label class="form-check-label" for="inlineRadio3">3 (disabled)</label>
</div>
<div id="typing_practice_subject_list" class="col-sm-10 mb-2">
</div>
</div>
<div class="row">
<label for="time" class="col-sm-2 col-form-label py-0">타자 시험</label>
<div id="typing_test_subject_list" class="col-sm-10">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
<label class="form-check-label" for="inlineRadio1">한글 타자 시험 묶음</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
<label class="form-check-label" for="inlineRadio2">영문 타자 시험 묶음</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" disabled>
<label class="form-check-label" for="inlineRadio3">3 (disabled)</label>
</div>
<div id="typing_test_subject_list" class="col-sm-10 mb-2">
</div>
</div>
<div class="row">
<label for="time" class="col-sm-2 col-form-label py-0">타자 앱</label>
<div id="typing_app_subject_list" class="col-sm-10">
<div id="typing_app_subject_list" class="col-sm-10 mb-2">
</div>
</div>
<div class="row">
<label for="time" class="col-sm-2 col-form-label py-0">마우스 앱</label>
<div id="mouse_app_subject_list" class="col-sm-10">
<div id="mouse_app_subject_list" class="col-sm-10 mb-2">
</div>
</div>
<br/>
<button type="submit" class="btn btn-primary">검색 (50개까지 보기)</button>
<button type="submit" class="btn btn-primary" disabled>검색 (모든 데이터 보기)</button>
<button type="button" class="btn btn-primary" onClick="requestPlayerRecordList();">검색 (50개까지 보기)</button>
<button type="button" class="btn btn-primary" disabled>검색 (모든 데이터 보기)</button>
</div>
</div>