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

Add: copy clipboard help popup

Browse Source
This commit is contained in:
Jisang Park
2019-03-28 09:57:41 +09:00
parent 4ce72e24b4
commit 3e1eb38747
5 changed files with 40 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/image/help/ie_copy_clipboard_allow_popup.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

src/web/popup/result_copy_result_to_clipboard.html
-78
View File
@@ -1,78 +0,0 @@
<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">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="card">
<h5 class="card-header bg-info text-white">엑셀에 데이터 붙여넣기</h5>
<div class="card-body">
<h5 class="card-title">바로 가기 파일 다운받기</h5>
<p class="card-text">
<ul>
<li>아래의 바로 가기 파일 다운로드 받기</li>
</ul>
<a href="./../../../resources/file/chocomae.url" download>
<img src="./../../../resources/image/icon/icon_chocomae.png" class="rounded mx-auto d-block" alt="바로 가기 아이콘 파일">
<div class="text-center">초코마에 바로 가기 아이콘 다운로드</div>
</a>
</p>
<br/>
<h5 class="card-title">내용 수정하기</h5>
<p class="card-text">
<ul>
<li>바로 가기 파일을 마우스 오른쪽 버튼 클릭</li>
<li>팝업창에서 [속성(R)] 클릭</li>
<li>
[웹 문서] 탭에서 "URL(U)"에 수정할 주소 입력
​<picture>
<source srcset="./../../../resources/image/help/shortcut_icon_url.png" type="image/svg+xml">
<img src="./../../../resources/image/help/shortcut_icon_url.png" class="img-fluid img-thumbnail" alt="바로 가기 주소 수정">
</picture>
</li>
<li>[확인] 버튼 클릭</li>
</ul>
</p>
</div>
</div>
<br/>
<div class="card">
<h5 class="card-header bg-info text-white">필터 사용</h5>
<div class="card-body">
<h5 class="card-title">필터 적용하기</h5>
<p class="card-text">
<ul>
<li>아래의 바로 가기 파일 다운로드 받기</li>
</ul>
<a href="./../../../resources/file/chocomae.url" download>
<img src="./../../../resources/image/icon/icon_chocomae.png" class="rounded mx-auto d-block" alt="바로 가기 아이콘 파일">
<div class="text-center">초코마에 바로 가기 아이콘 다운로드</div>
</a>
</p>
<br/>
<h5 class="card-title">필터링하기</h5>
<p class="card-text">
<ul>
<li>바로 가기 파일을 마우스 오른쪽 버튼 클릭</li>
<li>팝업창에서 [속성(R)] 클릭</li>
<li>
[웹 문서] 탭에서 "URL(U)"에 수정할 주소 입력
​<picture>
<source srcset="./../../../resources/image/help/shortcut_icon_url.png" type="image/svg+xml">
<img src="./../../../resources/image/help/shortcut_icon_url.png" class="img-fluid img-thumbnail" alt="바로 가기 주소 수정">
</picture>
</li>
<li>[확인] 버튼 클릭</li>
</ul>
</p>
</div>
</div>
<br/>
</div> <!-- modal-body -->
src/web/popup/search_record_copy_result_to_clipboard.html
+33 -33
View File
@@ -8,67 +8,67 @@
<div class="modal-body">
<div class="card">
<h5 class="card-header bg-info text-white">엑셀에 데이터 붙여넣기</h5>
<h5 class="card-header bg-info text-white">표 데이터를 클립보드에 복사</h5>
<div class="card-body">
<h5 class="card-title">바로 가기 파일 다운받기</h5>
<h5 class="card-title">IE (인터넷 익스플로러 브라우저)</h5>
<p class="card-text">
<ul>
<li>아래의 바로 가기 파일 다운로드 받기</li>
<li>
[표 내용을 클립보드에 복사] 버튼 클릭시 아래와 같은 팝업창이 실행됩니다.
​<picture>
<source srcset="./../../../resources/image/help/ie_copy_clipboard_allow_popup.png" type="image/svg+xml">
<img src="./../../../resources/image/help/ie_copy_clipboard_allow_popup.png" class="img-fluid img-thumbnail" alt="바로 가기 주소 수정">
</picture>
</li>
<li>[액세스 허용(A)] 버튼을 누르면 클립보드에 복사됩니다.</li>
</ul>
<a href="./../../../resources/file/chocomae.url" download>
<img src="./../../../resources/image/icon/icon_chocomae.png" class="rounded mx-auto d-block" alt="바로 가기 아이콘 파일">
<div class="text-center">초코마에 바로 가기 아이콘 다운로드</div>
</a>
</p>
<br/>
<h5 class="card-title">내용 수정하기</h5>
<h5 class="card-title">IE를 제외한 나머지 웹브라우저</h5>
<p class="card-text">
<ul>
<li>바로 가기 파일을 마우스 오른쪽 버튼 클릭</li>
<li>팝업창에서 [속성(R)] 클릭</li>
<li>
[웹 문서] 탭에서 "URL(U)"에 수정할 주소 입력
​<picture>
<source srcset="./../../../resources/image/help/shortcut_icon_url.png" type="image/svg+xml">
<img src="./../../../resources/image/help/shortcut_icon_url.png" class="img-fluid img-thumbnail" alt="바로 가기 주소 수정">
</picture>
</li>
<li>[확인] 버튼 클릭</li>
<li>Chrome, MS Edge, FireFox 등의 나머지 웹 브라우저에서는 엑세스 허용 여부를 물어보는 팝업창이 실행되지 않습니다.</li>
<li>[표 내용을 클립보드에 복사] 버튼을 누르면 바로 클립보드에 복사됩니다.</li>
</ul>
</p>
</div>
</div>
<br/>
<div class="card">
<h5 class="card-header bg-info text-white">엑셀에 데이터 붙여넣기</h5>
<div class="card-body">
<h5 class="card-title">클립보드 데이터 붙여넣기</h5>
<p class="card-text">
<ul>
<li>엑셀을 실행합니다.</li>
<li>셀을 클릭하신 후, 붙여넣기 <kbd>Ctrl + V</kbd> 를 실행합니다.</li>
</ul>
</p>
<br/>
</div>
</div>
<br/>
<div class="card">
<h5 class="card-header bg-info text-white">필터 사용</h5>
<div class="card-body">
<h5 class="card-title">필터 적용하기</h5>
<p class="card-text">
<ul>
<li>아래의 바로 가기 파일 다운로드 받기</li>
<li>엑셀 메뉴에서 데이터 > 필터 버튼을 클릭합니다.</li>
<li>표 제목줄에 필터가 적용됩니다.</li>
</ul>
<a href="./../../../resources/file/chocomae.url" download>
<img src="./../../../resources/image/icon/icon_chocomae.png" class="rounded mx-auto d-block" alt="바로 가기 아이콘 파일">
<div class="text-center">초코마에 바로 가기 아이콘 다운로드</div>
</a>
</p>
<br/>
<h5 class="card-title">필터링하기</h5>
<p class="card-text">
<ul>
<li>바로 가기 파일을 마우스 오른쪽 버튼 클릭</li>
<li>팝업창에서 [속성(R)] 클릭</li>
<li>
[웹 문서] 탭에서 "URL(U)"에 수정할 주소 입력
​<picture>
<source srcset="./../../../resources/image/help/shortcut_icon_url.png" type="image/svg+xml">
<img src="./../../../resources/image/help/shortcut_icon_url.png" class="img-fluid img-thumbnail" alt="바로 가기 주소 수정">
</picture>
</li>
<li>[확인] 버튼 클릭</li>
<li>필터링 하려는 항목의 필터 버튼 <kbd>▼</kbd> 을 클릭합니다.</li>
<li>필터 팝업창에서 조건을 설정하신 후, 확인 버튼을 클릭합니다.</li>
<li>보고 싶은 데이터만 출력됩니다</li>
</ul>
</p>
</div>
src/web/popup/search_record_player_name.html
+1 -2
View File
@@ -14,8 +14,7 @@
<p class="card-text">
<ul>
<li>
전체 학생을 검색하려면, 학생 이름을 <span class="text-danger">빈 칸</span>으로 남겨주세요.
<input type="text" class="form-control" placeholder="" disabled>
학생 이름을 <span class="text-danger">입력하지 않으면</span> 전체 학생이 검색됩니다.
</li>
</ul>
</p>
src/web/popup/search_record_subject.html
+6 -3
View File
@@ -13,8 +13,7 @@
<h5 class="card-title">한 과목씩만 검색</h5>
<p class="card-text">
<ul>
<li>서버 부담을 줄이기 위해, 한 과목씩만 검색하도록 제한하였습니다.</li>
<li></li>
<li>서버 부담이 우려되어, 한 과목씩만 검색 가능하도록 제한했습니다.</li>
</ul>
</p>
<br/>
@@ -24,10 +23,14 @@
<ul>
<li>타자 연습, 타자 시험의 경우 묶음 검색을 제공합니다.</li>
<li>한글, 영문으로 구분되어 제공됩니다.</li>
<li class="mb-1">
</ul>
<ul>
<li>
<b>한글 타자 <span class="text-primary">연습</span> 묶음</b>에는 아래와 같은 과목이 포함됩니다.<br/>
<span class="text-secondary">: 기본 자리, 왼손 윗글쇠, 검지 글쇠, 오른손 윗글쇠, 왼손 밑글쇠, 오른손 밑글쇠, 왼손 쌍자음, 오른손 쌍모음</span>
</li>
</ul>
<ul>
<li>
<b>한글 타자 <span class="text-primary">시험</span> 묶음</b>에는 아래와 같은 과목이 포함됩니다.<br/>
<span class="text-secondary">: 기본 자리, 왼손 윗글쇠, 검지 글쇠, 오른손 윗글쇠, 왼손 밑글쇠, 오른손 밑글쇠, 왼손 쌍자음, 오른손 쌍모음, <span class="text-info">시험 - 단어, 시험 - 문장</span></span>