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

Add: section_record.html

Browse Source
This commit is contained in:
Jisang Park
2019-03-25 23:57:31 +09:00
parent a102023770
commit 0b139c3f7c
2 changed files with 157 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/module/maestro_section_main.html
+11 -3
View File
@@ -8,13 +8,14 @@ var searchPlayerListManager = null;
$(document).ready(function() {
$("#section_help").load("./../module/maestro_section_help.html");
$("#section_add_player").load("./../module/maestro_section_add_player.html");
$("#section_search_player").load("./../module/maestro_section_search.html");
$("#section_app_activation").load("./../module/maestro_section_app_activation.html");
// $("#mouse_app_list").load("./../module/maestro_section_mouse_app.html");
// $("#typing_app_list").load("./../module/maestro_section_typing_app.html");
$("#section_app_setting").load("./../module/maestro_section_app_setting.html");
$("#help").load("./../module/maestro_section_help.html");
$("#section_record").load("./../module/maestro_section_record.html");
maestroInfo.loadMaestroInfo(onLoadSuccessMaestroInfo, onLoadFailMaestroInfo);
});
@@ -180,7 +181,7 @@ function deactivateApp(appID) {
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="help" aria-selected="false">도움말</a>
<a class="nav-link" id="help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="help" aria-selected="false">도움말</a>
</li>
<li class="nav-item">
@@ -198,13 +199,17 @@ function deactivateApp(appID) {
<li class="nav-item">
<a class="nav-link" id="app-setting-tab" data-toggle="tab" href="#app-setting" role="tab" aria-controls="app-setting" aria-selected="false">앱 설정</a>
</li>
<li class="nav-item">
<a class="nav-link active" id="record-tab" data-toggle="tab" href="#record" role="tab" aria-controls="record" aria-selected="false">학생 기록</a>
</li>
</ul> <!-- 탭 -->
</div> <!-- card header -->
<div class="card-body" id="myTabContent">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active mt-3" id="help" role="tabpanel" aria-labelledby="help">
<div class="tab-pane fade mt-3" id="help" role="tabpanel" aria-labelledby="help">
<div id="section_help"></div>
</div>
@@ -224,6 +229,9 @@ function deactivateApp(appID) {
<div id="section_app_setting"></div>
</div>
<div class="tab-pane fade show active mt-3" id="record" role="tabpanel" aria-labelledby="record-tab">
<div id="section_record"></div>
</div>
</div> <!-- tab-content -->
</div> <!-- card-body -->
src/web/module/maestro_section_record.html
+146
View File
@@ -0,0 +1,146 @@
<script type="text/javascript">
$(document).ready(function() {
/*
$("#entercode").keydown(function(key) {
if(key.keyCode == 13) {
editPassword();
}
});
*/
});
</script>
<div class="card border-dark mb-3">
<div class="card-header">검색 조건</div>
<div class="card-body text-dark">
<form>
<div class="form-group row">
<div class="form-group form-check col-sm-2 py-2">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">시간</label>
</div>
<div class="col-sm-10">
<div class="form-row align-items-center">
<div class="col-auto">
<button type="button" class="btn btn-outline-primary btn-sm disabled" onClick="">-1M</button>
</div>
<div class="col-auto">
<button type="button" class="btn btn-outline-primary btn-sm" onClick="">-1d</button>
</div>
<div class="col-auto">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
</div>
<div class="col-auto">
<button type="button" class="btn btn-outline-primary btn-sm" onClick="">+1d</button>
</div>
<div class="col-auto">
<button type="button" class="btn btn-outline-primary btn-sm" onClick="">+1M</button>
</div>
</div>
<small id="emailHelp" class="form-text text-muted">모든 날짜 데이터를 검색하려면, 시간 체크 박스를 해제하세요.</small>
</div>
</div>
<div class="form-group row">
<div class="form-group form-check col-sm-2 py-2">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">학생 이름</label>
</div>
<div class="col-sm-10">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
<small id="emailHelp" class="form-text text-muted">모든 학생 데이터를 검색하려면, 학생 이름 체크 박스를 해제하세요.</small>
</div>
</div>
<div class="form-group row">
<div class="form-group form-check col-sm-2 py-2">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">과목</label>
</div>
<div class="col-sm-10">
<div class="row">
<label for="time" class="col-sm-2 col-form-label">타자 연습</label>
<div class="col-sm-10 py-2">
<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>
</div>
<div class="row">
<label for="time" class="col-sm-2 col-form-label">타자 연습</label>
<div class="col-sm-10 py-2">
<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>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary">검색</button>
<button type="submit" class="btn btn-primary">검색 (모든 데이터 보기)</button>
</form>
</div>
</div>
<br/>
<table class="table table-striped">
<thead class="thead-dark">
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>