Add: maestro_shortcut_icon popup window content
This commit is contained in:
@@ -6,9 +6,31 @@ $(document).ready(function() {
|
||||
});
|
||||
|
||||
|
||||
|
||||
function showModal(contentFileName) {
|
||||
// console.log("showContractModal");
|
||||
$("#popupContent").empty();
|
||||
$("#popupContent").load("./../popup/" + contentFileName + ".html");
|
||||
|
||||
$("#popupModal").modal();
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<div class="modal fade" id="popupModal" tabindex="-1" role="dialog" aria-labelledby="contractModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||
<div id="popupContent" class="modal-content">
|
||||
|
||||
</div> <!-- modal content -->
|
||||
</div> <!-- modal dialog -->
|
||||
</div> <!-- modal -->
|
||||
|
||||
|
||||
|
||||
<!-- shortcut -->
|
||||
<div class="card bg-light">
|
||||
<h5 class="card-header">초코마에 바로가기</h5>
|
||||
@@ -32,11 +54,11 @@ $(document).ready(function() {
|
||||
<tbody>
|
||||
<tr>
|
||||
<td scope="row">학생 로그인 화면</td>
|
||||
<td>http://www.chocomae.com/<span style="color: darkred;">login</span>/<span class="owner_maestro_id"></span></td>
|
||||
<td>http://www.chocomae.com/<span class="text-danger">login</span>/<span class="owner_maestro_id"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row">타이머 로그인 화면</td>
|
||||
<td>http://www.chocomae.com/<span style="color: darkgreen;">timer</span>/<span class="owner_maestro_id"></span></td>
|
||||
<td>http://www.chocomae.com/<span class="text-primary">timer</span>/<span class="owner_maestro_id"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -47,13 +69,13 @@ $(document).ready(function() {
|
||||
|
||||
<div class="row mx-4">
|
||||
<div class="col-3">
|
||||
<label class="lead"> 바로가기 등록</label>
|
||||
<label class="lead"> 바로가기 등록 방법</label>
|
||||
</div>
|
||||
<div class="col-9">
|
||||
|
||||
<button type="button" class="btn btn-primary">바탕화면 단축 아이콘 생성</button>
|
||||
<button type="button" class="btn btn-primary">웹브라우저 즐겨찾기 등록</button>
|
||||
<button type="button" class="btn btn-primary">웹브라우저 시작페이지 설정</button>
|
||||
<button type="button" class="btn btn-primary" onClick='showModal("maestro_shortcut_icon");'>바로 가기 아이콘 생성</button>
|
||||
<button type="button" class="btn btn-primary" onClick='showModal("maestro_register_favorite");'>웹브라우저 즐겨찾기 등록</button>
|
||||
<button type="button" class="btn btn-secondary" disabled onClick='showModal("maestro_register_startpage");'>웹브라우저 시작페이지 설정</button>
|
||||
|
||||
</div> <!-- col -->
|
||||
</div> <!-- row -->
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="contractModalLabel">웹브라우저 즐겨찾기 등록</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
IE(인터넷 익스플로러) 10 이상에서만 사용 가능
|
||||
</div>
|
||||
<div class="card-body bg-white">
|
||||
<h5 class="card-title text-danger">IE9 이하의 실행 환경이라면, 유료 계정 등록을 절대로 하지 말아주세요.</h5>
|
||||
<p class="card-text">
|
||||
<ul>
|
||||
<li>IE9 버전 이하에서 화면이 깨져 보입니다.</li>
|
||||
<li>IE9 버전에서도 실행이 안됩니다.</li>
|
||||
<li>크롬, 파이어폭스, 사파리등 IE외의 브라우저에서는 잘 됩니다.</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
</div> <!-- modal-body -->
|
||||
@@ -0,0 +1,25 @@
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="contractModalLabel">웹브라우저 시작페이지 설정</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
IE(인터넷 익스플로러) 10 이상에서만 사용 가능
|
||||
</div>
|
||||
<div class="card-body bg-white">
|
||||
<h5 class="card-title text-danger">IE9 이하의 실행 환경이라면, 유료 계정 등록을 절대로 하지 말아주세요.</h5>
|
||||
<p class="card-text">
|
||||
<ul>
|
||||
<li>IE9 버전 이하에서 화면이 깨져 보입니다.</li>
|
||||
<li>IE9 버전에서도 실행이 안됩니다.</li>
|
||||
<li>크롬, 파이어폭스, 사파리등 IE외의 브라우저에서는 잘 됩니다.</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
</div> <!-- modal-body -->
|
||||
@@ -0,0 +1,128 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
$(document).ready(function() {
|
||||
$('.shortcut_icon_maestro_id').append(maestroInfo.maestroName);
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="contractModalLabel">바로 가기 아이콘 생성</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
|
||||
<h5 class="card-title">바로가기 주소</h5>
|
||||
<table class="table table-sm table-borderless">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td scope="row">학생 로그인 화면</td>
|
||||
<td>http://www.chocomae.com/<span class="text-danger">login</span>/<span class="shortcut_icon_maestro_id"></span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row">타이머 로그인 화면</td>
|
||||
<td>http://www.chocomae.com/<span class="text-primary">timer</span>/<span class="shortcut_icon_maestro_id"></span></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-success text-white">
|
||||
직접 만들기 (권장 방법)
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">바탕화면에 아이콘 생성</h5>
|
||||
<p class="card-text">
|
||||
<ol>
|
||||
<li>
|
||||
바탕화면 빈 곳에서 마우스 오른쪽 버튼 클릭
|
||||
<ul>
|
||||
<li>팝업창에서 [새로 만들기(W)] > [바로 가기(S)] 클릭</li>
|
||||
</ul>
|
||||
</li>
|
||||
<br/>
|
||||
<li>
|
||||
[바로 가기 만들기] 팝업창 실행
|
||||
<ol>
|
||||
<li>"항목 위치 입력(T)"에 바로 가기 url 입력</li>
|
||||
<li>[다음(N)] 버튼 클릭</li>
|
||||
<li>"바로 가기에 사용할 이름 입력(T)"에 아이콘 이름 입력</li>
|
||||
<li>[마침(F)] 버튼 클릭</li>
|
||||
</ol>
|
||||
</li>
|
||||
<br/>
|
||||
<li>바탕 화면에 바로 가기 아이콘이 생성된 것을 확인</li>
|
||||
</ol>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-danger text-white">
|
||||
브라우저에서 드래그해서 만들기 (권장하지 않음)
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Chrome</h5>
|
||||
<p class="card-text">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="text-primary">생성 가능</span>
|
||||
<ol>
|
||||
<li>주소입력창 왼쪽의 사이트 아이콘을 클릭-드래그 시작</li>
|
||||
<li>바탕화면으로 끌고 와서 드롭</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<span class="text-primary">주소 변경 가능</span>
|
||||
<ol>
|
||||
<li>바로 가기 아이콘을 마우스 오른쪽 클릭하고 [속성(R)] 클릭</li>
|
||||
<li>팝업창에서 바로 가기 url을 새로 입력</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h5 class="card-title">IE10</h5>
|
||||
<p class="card-text">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="text-primary">생성 가능</span>
|
||||
<ol>
|
||||
<li>주소입력창 왼쪽의 사이트 아이콘을 클릭-드래그 시작</li>
|
||||
<li>바탕화면으로 끌고 와서 드롭</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<span class="text-danger">주소 변경 불가능</span>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h5 class="card-title">MS Edge</h5>
|
||||
<p class="card-text">
|
||||
<ul>
|
||||
<li>
|
||||
<span class="text-danger">생성 불가능</span>
|
||||
<ol>
|
||||
<li>주소입력창 왼쪽의 사이트 아이콘을 클릭-드래그 시작</li>
|
||||
<li>바탕화면에 <span class="text-danger">드롭 불가 표시</span>가 나타남</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>
|
||||
<span class="text-danger">주소 변경 불가능</span>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
</div> <!-- modal-body -->
|
||||
Reference in New Issue
Block a user