--- html/onSejong/index.html
+++ html/onSejong/index.html
... | ... | @@ -677,7 +677,7 @@ |
| 677 | 677 |
</li> |
| 678 | 678 |
</ul> |
| 679 | 679 |
</li> |
| 680 |
- <li class="working"> |
|
| 680 |
+ <li> |
|
| 681 | 681 |
나의보관함 |
| 682 | 682 |
<ul> |
| 683 | 683 |
<li> |
... | ... | @@ -711,20 +711,12 @@ |
| 711 | 711 |
</ul> |
| 712 | 712 |
</li> |
| 713 | 713 |
<li> |
| 714 |
- 상세보기 |
|
| 715 |
- <ul> |
|
| 716 |
- <li>영상,manager/mystorage/videoView.html</li> |
|
| 717 |
- <li class="before">이미지</li> |
|
| 718 |
- <li class="before">문서</li> |
|
| 719 |
- </ul> |
|
| 720 |
- </li> |
|
| 721 |
- <li> |
|
| 722 | 714 |
새로 만들기 |
| 723 |
- <ul class="before"> |
|
| 724 |
- <li>[팝업]새로만들기</li> |
|
| 725 |
- <li>콘텐츠 만들기</li> |
|
| 726 |
- <li>문항 만들기</li> |
|
| 727 |
- <li>평가지 만들기</li> |
|
| 715 |
+ <ul> |
|
| 716 |
+ <li class="working">[팝업]새로만들기,manager/mystorage/pop_attend.html</li> |
|
| 717 |
+ <li class="working">콘텐츠 만들기,manager/mystorage/contentsWrite.html</li> |
|
| 718 |
+ <li class="design">문항 만들기,manager/mystorage/quizWrite.html</li> |
|
| 719 |
+ <li class="design">평가지 만들기,manager/mystorage/testWrite.html</li> |
|
| 728 | 720 |
</ul> |
| 729 | 721 |
</li> |
| 730 | 722 |
</ul> |
--- html/onSejong/manager/class/pop_addArchive_assessment.html
+++ html/onSejong/manager/class/pop_addArchive_assessment.html
... | ... | @@ -77,16 +77,6 @@ |
| 77 | 77 |
</thead> |
| 78 | 78 |
<tbody> |
| 79 | 79 |
<tr> |
| 80 |
- <td colspan="5"> |
|
| 81 |
- <div class="txt-none"> |
|
| 82 |
- <figure> |
|
| 83 |
- <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true" /> |
|
| 84 |
- </figure> |
|
| 85 |
- <p>나의 보관함에 콘텐츠가 없어요.</p> |
|
| 86 |
- </div> |
|
| 87 |
- </td> |
|
| 88 |
- </tr> |
|
| 89 |
- <tr> |
|
| 90 | 80 |
<td> |
| 91 | 81 |
<input type="checkbox" class="icon-only" id="chk1" /> |
| 92 | 82 |
<label for="chk1">선택</label> |
... | ... | @@ -124,6 +114,12 @@ |
| 124 | 114 |
</tbody> |
| 125 | 115 |
</table> |
| 126 | 116 |
</div> |
| 117 |
+ <div class="txt-none"> |
|
| 118 |
+ <figure> |
|
| 119 |
+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true" /> |
|
| 120 |
+ </figure> |
|
| 121 |
+ <p>나의 보관함에 콘텐츠가 없어요.</p> |
|
| 122 |
+ </div> |
|
| 127 | 123 |
<ul class="pagenation"> |
| 128 | 124 |
<li class="ppv"> |
| 129 | 125 |
<a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> |
+++ html/onSejong/manager/myclass/contentList.html
... | ... | @@ -0,0 +1,174 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + <head> | |
| 4 | + <title>온세종학교</title> | |
| 5 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 6 | + <meta name="Author" content="" /> | |
| 7 | + <meta name="Keywords" content="" /> | |
| 8 | + <meta name="Description" content="" /> | |
| 9 | + <meta name="format-detection" content="telephone=no" /> | |
| 10 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| 11 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> | |
| 12 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 13 | + <!-- 공통 plugin --> | |
| 14 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 16 | + <!-- //공통 plugin --> | |
| 17 | + <!-- 페이지 plugin--> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 20 | + <!-- chart --> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 22 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 23 | + <!-- //chart --> | |
| 24 | + <!-- //페이지 plugin--> | |
| 25 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 27 | + <!--//퍼블 layout--> | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + <!--공통 퍼블 js--> | |
| 31 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 33 | + <!--//공통 퍼블 js--> | |
| 34 | + </head> | |
| 35 | + | |
| 36 | + <body> | |
| 37 | + <div class="accessibility"> | |
| 38 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기 합니다.">콘텐츠 바로가기</a> | |
| 39 | + </div> | |
| 40 | + <!-- for-teacher / for-student --> | |
| 41 | + <div class="container"> | |
| 42 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 43 | + <header class="site-header"></header> | |
| 44 | + <div class="site-body" id="skipToContents"> | |
| 45 | + <div class="wrap"> | |
| 46 | + <div class="site-cont"> | |
| 47 | + <ul class="breadcrumb"> | |
| 48 | + <li><a href="#none" class="home">홈</a></li> | |
| 49 | + <li><a href="#none">1depth</a></li> | |
| 50 | + <li><a href="#none">2depth</a></li> | |
| 51 | + </ul> | |
| 52 | + <div class="page-tit-area"> | |
| 53 | + <div class="l-area"> | |
| 54 | + <h2 class="title-xlg">나의 강의실</h2> | |
| 55 | + </div> | |
| 56 | + <div class="r-area"><button class="btn lg cta ico-plus">과정 개설하기</button></div> | |
| 57 | + </div> | |
| 58 | + <ul class="tabs-nav-lg"> | |
| 59 | + <li><a href="#none" class="is-active" title="선택됨">진행중</a></li> | |
| 60 | + <li><a href="#none">진행예정</a></li> | |
| 61 | + <li><a href="#none">진행완료</a></li> | |
| 62 | + </ul> | |
| 63 | + <div class="fnc-area"> | |
| 64 | + <div class="l-area"> | |
| 65 | + <p> | |
| 66 | + Total<em>156</em>건 | |
| 67 | + </p> | |
| 68 | + </div> | |
| 69 | + <div class="r-area"> | |
| 70 | + <fieldset class="search-area"> | |
| 71 | + <legend>검색</legend> | |
| 72 | + <div class="search"> | |
| 73 | + <input type="text" placeholder="콘텐츠 제목으로 검색하세요." title="콘텐츠 제목으로 검색하세요." /> | |
| 74 | + <button class="btn ico-search">검색</button> | |
| 75 | + </div> | |
| 76 | + </fieldset> | |
| 77 | + </div> | |
| 78 | + </div> | |
| 79 | + <div class="list-type"> | |
| 80 | + <table> | |
| 81 | + <caption>과제 목록</caption> | |
| 82 | + <colgroup> | |
| 83 | + <col style="width: 64px" /> | |
| 84 | + <col style="width: 80px" /> | |
| 85 | + <col /> | |
| 86 | + <col style="width: 120px" /> | |
| 87 | + <col style="width: 120px" /> | |
| 88 | + <col style="width: 200px" /> | |
| 89 | + <col style="width: 120px" /> | |
| 90 | + <col style="width: 48px" /> | |
| 91 | + </colgroup> | |
| 92 | + <thead> | |
| 93 | + <tr> | |
| 94 | + <th scope="col">번호</th> | |
| 95 | + <th scope="col">수강구분</th> | |
| 96 | + <th scope="col">과정명</th> | |
| 97 | + <th scope="col">대상학년</th> | |
| 98 | + <th scope="col">과목/전공</th> | |
| 99 | + <th scope="col">수업시간</th> | |
| 100 | + <th scope="col"> | |
| 101 | + 수강인원 | |
| 102 | + <br /> | |
| 103 | + <small class="txt-option block">(청강인원)/총인원</small> | |
| 104 | + </th> | |
| 105 | + <th scope="col">관리</th> | |
| 106 | + </tr> | |
| 107 | + </thead> | |
| 108 | + <tbody> | |
| 109 | + <tr> | |
| 110 | + <td>3</td> | |
| 111 | + <td data-tit="과목">온세종학교</td> | |
| 112 | + <td class="align-left"> | |
| 113 | + <a href="#none" class="table-title">인공지능 수학 1</a> | |
| 114 | + </td> | |
| 115 | + <td>중3</td> | |
| 116 | + <td>수학</td> | |
| 117 | + <td data-tit="제출기한"> | |
| 118 | + (수) 18:00~19:40 <br> | |
| 119 | + (목) 18:00~19:40 | |
| 120 | + </td> | |
| 121 | + <td data-tit="등록일">-(-)/25</td> | |
| 122 | + <td> | |
| 123 | + <div class="etc-fnc-area"> | |
| 124 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 125 | + <ul class="etc-fnc"> | |
| 126 | + <li><a href="#none">수정</a></li> | |
| 127 | + <li><button type="button">삭제</button></li> | |
| 128 | + </ul> | |
| 129 | + </div> | |
| 130 | + </td> | |
| 131 | + </tr> | |
| 132 | + </tbody> | |
| 133 | + </table> | |
| 134 | + </div> | |
| 135 | + <ul class="pagenation"> | |
| 136 | + <li class="ppv"> | |
| 137 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 138 | + </li> | |
| 139 | + <li class="pv"> | |
| 140 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 141 | + </li> | |
| 142 | + <li class="current"> | |
| 143 | + <span title="현재 페이지">1</span> | |
| 144 | + </li> | |
| 145 | + <li> | |
| 146 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 147 | + </li> | |
| 148 | + <li> | |
| 149 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 150 | + </li> | |
| 151 | + <li> | |
| 152 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 153 | + </li> | |
| 154 | + <li> | |
| 155 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 156 | + </li> | |
| 157 | + <li class="fw"> | |
| 158 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 159 | + </li> | |
| 160 | + <li class="ffw"> | |
| 161 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 162 | + </li> | |
| 163 | + </ul> | |
| 164 | + </div> | |
| 165 | + </div> | |
| 166 | + </div> | |
| 167 | + <footer class="site-footer"></footer> | |
| 168 | + </div> | |
| 169 | + <!-- toast --> | |
| 170 | + <div class="toast"></div> | |
| 171 | + <!--popup--> | |
| 172 | + <div class="dim"></div> | |
| 173 | + </body> | |
| 174 | +</html> |
+++ html/onSejong/manager/mystorage/contentsWrite.html
... | ... | @@ -0,0 +1,182 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + <head> | |
| 4 | + <title>온세종학교</title> | |
| 5 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 6 | + <meta name="Author" content="" /> | |
| 7 | + <meta name="Keywords" content="" /> | |
| 8 | + <meta name="Description" content="" /> | |
| 9 | + <meta name="format-detection" content="telephone=no" /> | |
| 10 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| 11 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> | |
| 12 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 13 | + <!-- 공통 plugin --> | |
| 14 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 16 | + <!-- //공통 plugin --> | |
| 17 | + <!-- 페이지 plugin--> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 20 | + <!-- chart --> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 22 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 23 | + <!-- //chart --> | |
| 24 | + <!-- //페이지 plugin--> | |
| 25 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 27 | + <!--//퍼블 layout--> | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + <!--공통 퍼블 js--> | |
| 31 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 33 | + <!--//공통 퍼블 js--> | |
| 34 | + </head> | |
| 35 | + | |
| 36 | + <body> | |
| 37 | + <div class="accessibility"> | |
| 38 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 39 | + </div> | |
| 40 | + <!-- for-teacher / for-student --> | |
| 41 | + <div class="container"> | |
| 42 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 43 | + <header class="site-header"></header> | |
| 44 | + | |
| 45 | + <div class="site-body" id="skipToContents"> | |
| 46 | + <div class="wrap"> | |
| 47 | + <div class="site-cont"> | |
| 48 | + <ul class="breadcrumb"> | |
| 49 | + <li><a href="#none" class="home">홈</a></li> | |
| 50 | + <li><a href="#none">1depth</a></li> | |
| 51 | + <li><a href="#none">2depth</a></li> | |
| 52 | + </ul> | |
| 53 | + <div class="page-tit-area"> | |
| 54 | + <div class="l-area"> | |
| 55 | + <h2 class="title-xlg">콘텐츠 만들기</h2> | |
| 56 | + </div> | |
| 57 | + <div class="r-area"></div> | |
| 58 | + </div> | |
| 59 | + <section class="section"> | |
| 60 | + <div class="section-tit-area"> | |
| 61 | + <div class="l-area"> | |
| 62 | + <h3 class="txt-hide">콘텐츠 타입</h3> | |
| 63 | + </div> | |
| 64 | + <div class="r-area"> | |
| 65 | + <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p> | |
| 66 | + </div> | |
| 67 | + </div> | |
| 68 | + <div class="write-type"> | |
| 69 | + <table> | |
| 70 | + <colgroup> | |
| 71 | + <col style="width:200px"> | |
| 72 | + <col> | |
| 73 | + </colgroup> | |
| 74 | + <tbody> | |
| 75 | + <tr> | |
| 76 | + <th scope="row">유형</th> | |
| 77 | + <td> | |
| 78 | + <fieldset> | |
| 79 | + <legend>콘텐츠 유형</legend> | |
| 80 | + <div class="checkradio"> | |
| 81 | + <input type="radio" name="radio" id="r1" checked> | |
| 82 | + <label for="r1">영상업로드</label> | |
| 83 | + </div> | |
| 84 | + <div class="checkradio"> | |
| 85 | + <input type="radio" name="radio" id="r2"> | |
| 86 | + <label for="r2">URL로 영상추가</label> | |
| 87 | + </div> | |
| 88 | + <div class="checkradio"> | |
| 89 | + <input type="radio" name="radio" id="r3"> | |
| 90 | + <label for="r3">이미지업로드</label> | |
| 91 | + </div> | |
| 92 | + <div class="checkradio"> | |
| 93 | + <input type="radio" name="radio" id="r4"> | |
| 94 | + <label for="r4">문서업로드</label> | |
| 95 | + </div> | |
| 96 | + </fieldset> | |
| 97 | + </td> | |
| 98 | + </tr> | |
| 99 | + <tr> | |
| 100 | + <th scope="row">파일 업로드</th> | |
| 101 | + <td> | |
| 102 | + <div class="file-add-area"> | |
| 103 | + <div class="file-custom"> | |
| 104 | + <input type="file" class="input-file" title="파일찾기"> | |
| 105 | + <span class="btn secondary ico-upload">파일 찾기</span> | |
| 106 | + </div> | |
| 107 | + <div class="item-area"> | |
| 108 | + <div class="item"> | |
| 109 | + <p class="txt">파일명.jpg</p> | |
| 110 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 111 | + </div> | |
| 112 | + </div> | |
| 113 | + </div> | |
| 114 | + </td> | |
| 115 | + </tr> | |
| 116 | + <tr> | |
| 117 | + <th scope="row">URL 입력</th> | |
| 118 | + <td> | |
| 119 | + <div class="url-add-area"> | |
| 120 | + <label> | |
| 121 | + <input type="text" placeholder="URL로 콘텐츠를 추가해주세요." title="텍스트 입력"> | |
| 122 | + </label> | |
| 123 | + <button class="btn secondary">링크 추가</button> | |
| 124 | + </div> | |
| 125 | + <div class="item-list-box row1"> | |
| 126 | + <div class="item"> | |
| 127 | + <div class="txt-area"> | |
| 128 | + <i class="ico-link"></i> | |
| 129 | + <a href="#none" class="txt"> | |
| 130 | + https://www.naver.com/ | |
| 131 | + https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/ | |
| 132 | + https://www.naver.com/https://www.naver.com/https://www.naver.com/https://www.naver.com/ | |
| 133 | + https://www.naver.com/https://www.naver.com/https://www.naver.com/ | |
| 134 | + </a> | |
| 135 | + </div> | |
| 136 | + <div class="item-fnc-area"> | |
| 137 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 138 | + </div> | |
| 139 | + </div> | |
| 140 | + </div> | |
| 141 | + </td> | |
| 142 | + </tr> | |
| 143 | + <tr> | |
| 144 | + <th scope="row">제목<i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 145 | + <td> | |
| 146 | + <input type="text" title="인풋박스" class="q4" placeholder="제목을 입력하세요."> | |
| 147 | + </td> | |
| 148 | + </tr> | |
| 149 | + <tr> | |
| 150 | + <th scope="row">내용</th> | |
| 151 | + <td> | |
| 152 | + <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea> | |
| 153 | + </td> | |
| 154 | + </tr> | |
| 155 | + </tbody> | |
| 156 | + </table> | |
| 157 | + </div> | |
| 158 | + </section> | |
| 159 | + <div class="btn-cont"> | |
| 160 | + <a href="#none" class="btn lg">취소</a> | |
| 161 | + <a href="#none" class="btn lg primary">저장</a> | |
| 162 | + </div> | |
| 163 | + </div> | |
| 164 | + </div> | |
| 165 | + </div> | |
| 166 | + </div> | |
| 167 | + <!-- toast --> | |
| 168 | + <div class="toast"></div> | |
| 169 | + | |
| 170 | + <!--popup--> | |
| 171 | + <div class="dim"></div> | |
| 172 | + | |
| 173 | + <script> | |
| 174 | + $(document).ready(function () { | |
| 175 | + //키워드 | |
| 176 | + var input = document.querySelector('input[name=basic]'); | |
| 177 | + new Tagify(input); | |
| 178 | + }); | |
| 179 | + </script> | |
| 180 | + | |
| 181 | + </body> | |
| 182 | +</html> |
+++ html/onSejong/manager/mystorage/pop_attend.html
... | ... | @@ -0,0 +1,94 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + <head> | |
| 4 | + <title>온세종학교</title> | |
| 5 | + | |
| 6 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 7 | + <meta name="Author" content="" /> | |
| 8 | + <meta name="Keywords" content="" /> | |
| 9 | + <meta name="Description" content="" /> | |
| 10 | + <meta name="format-detection" content="telephone=no" /> | |
| 11 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| 12 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> | |
| 13 | + | |
| 14 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 15 | + | |
| 16 | + <!-- 공통 plugin --> | |
| 17 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 19 | + <!-- //공통 plugin --> | |
| 20 | + | |
| 21 | + <!-- 페이지 plugin--> | |
| 22 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 24 | + <!-- chart --> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 27 | + <!-- //chart --> | |
| 28 | + <!-- //페이지 plugin--> | |
| 29 | + | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + | |
| 34 | + <!-- 공통 메뉴 js--> | |
| 35 | + <!-- //공통 메뉴 js --> | |
| 36 | + | |
| 37 | + <!--공통 퍼블 js--> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 39 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 40 | + <!--//공통 퍼블 js--> | |
| 41 | + </head> | |
| 42 | + | |
| 43 | + <body> | |
| 44 | + <div class="popup-modal sm" data-popuppub="popupmodal" style="display: flex;"> | |
| 45 | + <div class="pop-header"> | |
| 46 | + <h1>새로 만들기</h1> | |
| 47 | + </div> | |
| 48 | + <div class="pop-body"> | |
| 49 | + <ul class="border-box-list"> | |
| 50 | + <li> | |
| 51 | + <button type="button" class="lnk-full">콘텐츠</button> | |
| 52 | + <div class="txt-area"> | |
| 53 | + <h2 class="title">콘텐츠 <small>(영상, 이미지, 문서)</small></h2> | |
| 54 | + </div> | |
| 55 | + <div class="img-area"> | |
| 56 | + <img src="../../../../resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-contents.svg" alt="콘텐츠 추가" aria-hidden="true"> | |
| 57 | + </div> | |
| 58 | + </li> | |
| 59 | + <li> | |
| 60 | + <button type="button" class="lnk-full">문항</button> | |
| 61 | + <div class="txt-area"> | |
| 62 | + <h2 class="title">문항</h2> | |
| 63 | + </div> | |
| 64 | + <div class="img-area"> | |
| 65 | + <img src="../../../../resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-quiz.svg" alt="문항 추가" aria-hidden="true"> | |
| 66 | + </div> | |
| 67 | + </li> | |
| 68 | + <li> | |
| 69 | + <button type="button" class="lnk-full">평가지</button> | |
| 70 | + <div class="txt-area"> | |
| 71 | + <h2 class="title">평가지</h2> | |
| 72 | + </div> | |
| 73 | + <div class="img-area"> | |
| 74 | + <img src="../../../../resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-test.svg" alt="평가지 추가" aria-hidden="true"> | |
| 75 | + </div> | |
| 76 | + </li> | |
| 77 | + </ul> | |
| 78 | + </div> | |
| 79 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 80 | + </div> | |
| 81 | + | |
| 82 | + <!-- toast --> | |
| 83 | + <div class="toast"></div> | |
| 84 | + | |
| 85 | + <!--popup--> | |
| 86 | + <div class="dim"></div> | |
| 87 | + | |
| 88 | + <script> | |
| 89 | + $(document).ready(function() { | |
| 90 | + popupOpenPub('popupmodal'); | |
| 91 | + }); | |
| 92 | + </script> | |
| 93 | + </body> | |
| 94 | +</html> |
+++ html/onSejong/manager/mystorage/quizWrite.html
... | ... | @@ -0,0 +1,547 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + <head> | |
| 4 | + <title>온세종학교</title> | |
| 5 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 6 | + <meta name="Author" content="" /> | |
| 7 | + <meta name="Keywords" content="" /> | |
| 8 | + <meta name="Description" content="" /> | |
| 9 | + <meta name="format-detection" content="telephone=no" /> | |
| 10 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| 11 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> | |
| 12 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 13 | + <!-- 공통 plugin --> | |
| 14 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 16 | + <!-- //공통 plugin --> | |
| 17 | + <!-- 페이지 plugin--> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 20 | + <!-- chart --> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 22 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 23 | + <!-- //chart --> | |
| 24 | + <!-- //페이지 plugin--> | |
| 25 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 27 | + <!--//퍼블 layout--> | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + <!--공통 퍼블 js--> | |
| 31 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 33 | + <!--//공통 퍼블 js--> | |
| 34 | + </head> | |
| 35 | + | |
| 36 | + <body> | |
| 37 | + <div class="accessibility"> | |
| 38 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 39 | + </div> | |
| 40 | + <!-- for-teacher / for-student --> | |
| 41 | + <div class="container"> | |
| 42 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 43 | + <header class="site-header"></header> | |
| 44 | + | |
| 45 | + <div class="site-body" id="skipToContents"> | |
| 46 | + <div class="wrap"> | |
| 47 | + <div class="site-cont"> | |
| 48 | + <ul class="breadcrumb"> | |
| 49 | + <li><a href="#none" class="home">홈</a></li> | |
| 50 | + <li><a href="#none">1depth</a></li> | |
| 51 | + <li><a href="#none">2depth</a></li> | |
| 52 | + </ul> | |
| 53 | + <div class="page-tit-area"> | |
| 54 | + <div class="l-area"> | |
| 55 | + <h2 class="title-xlg">문항 만들기</h2> | |
| 56 | + </div> | |
| 57 | + </div> | |
| 58 | + <section class="section"> | |
| 59 | + <h3 class="txt-hide">콘텐츠 유형 선택</h3> | |
| 60 | + <div class="write-type"> | |
| 61 | + <table> | |
| 62 | + <colgroup> | |
| 63 | + <col style="width:200px"> | |
| 64 | + <col> | |
| 65 | + </colgroup> | |
| 66 | + <tbody> | |
| 67 | + <tr> | |
| 68 | + <th scope="row">유형</th> | |
| 69 | + <td> | |
| 70 | + <fieldset> | |
| 71 | + <legend>문항 유형</legend> | |
| 72 | + <div class="checkradio"> | |
| 73 | + <input type="radio" name="radio" id="r1" checked> | |
| 74 | + <label for="r1">단일 문항</label> | |
| 75 | + </div> | |
| 76 | + <div class="checkradio"> | |
| 77 | + <input type="radio" name="radio" id="r2"> | |
| 78 | + <label for="r2">세트 문항</label> | |
| 79 | + </div> | |
| 80 | + </fieldset> | |
| 81 | + </td> | |
| 82 | + </tr> | |
| 83 | + </tbody> | |
| 84 | + </table> | |
| 85 | + </div> | |
| 86 | + </section> | |
| 87 | + <section class="section"> | |
| 88 | + <header class="section-tit-area"> | |
| 89 | + <div class="l-area"> | |
| 90 | + <h3 class="title-lg">문항정보</h3> | |
| 91 | + </div> | |
| 92 | + </header> | |
| 93 | + <div class="write-type"> | |
| 94 | + <table> | |
| 95 | + <colgroup> | |
| 96 | + <col style="width:200px"> | |
| 97 | + <col> | |
| 98 | + </colgroup> | |
| 99 | + <tbody> | |
| 100 | + <tr> | |
| 101 | + <th scope="row">분류</th> | |
| 102 | + <td> | |
| 103 | + <div class="achievecode-sch-area"></div> | |
| 104 | + <div class="btn-add-cont"> | |
| 105 | + <button class="btn primary">확인</button> | |
| 106 | + </div> | |
| 107 | + </td> | |
| 108 | + </tr> | |
| 109 | + <tr> | |
| 110 | + <th scope="row">문항 난이도</th> | |
| 111 | + <td> | |
| 112 | + <fieldset class="checkradio-area"> | |
| 113 | + <legend>문항 난이도 선택</legend> | |
| 114 | + <div class="checkradio"> | |
| 115 | + <input type="radio" id="r1-1" name="r1" checked> | |
| 116 | + <label for="r1-1">매우 쉬움</label> | |
| 117 | + </div> | |
| 118 | + <div class="checkradio"> | |
| 119 | + <input type="radio" id="r1-2" name="r1"> | |
| 120 | + <label for="r1-2">쉬움</label> | |
| 121 | + </div> | |
| 122 | + <div class="checkradio"> | |
| 123 | + <input type="radio" id="r1-3" name="r1"> | |
| 124 | + <label for="r1-3">보통</label> | |
| 125 | + </div> | |
| 126 | + <div class="checkradio"> | |
| 127 | + <input type="radio" id="r1-4" name="r1"> | |
| 128 | + <label for="r1-4">어려움</label> | |
| 129 | + </div> | |
| 130 | + <div class="checkradio"> | |
| 131 | + <input type="radio" id="r1-5" name="r1"> | |
| 132 | + <label for="r1-5">매움 어려움</label> | |
| 133 | + </div> | |
| 134 | + </fieldset> | |
| 135 | + </td> | |
| 136 | + </tr> | |
| 137 | + <tr> | |
| 138 | + <th scope="row">문항 종류</th> | |
| 139 | + <td> | |
| 140 | + <fieldset class="tip-area"> | |
| 141 | + <legend>문항 종류 선택</legend> | |
| 142 | + <div class="checkradio"> | |
| 143 | + <input type="radio" name="r2" id="r2-1" | |
| 144 | + data-tip="정답이 1개인 문제 유형입니다. 보기를 입력하고 정답을 선택하세요." checked> | |
| 145 | + <label for="r2-1">객관식(단일선택)</label> | |
| 146 | + </div> | |
| 147 | + <div class="checkradio"> | |
| 148 | + <input type="radio" name="r2" id="r2-2" | |
| 149 | + data-tip="정답이 2개 이상인 문제 유형입니다. 보기를 입력하고 정답을 2개 이상 선택해주세요."> | |
| 150 | + <label for="r2-2">객관식(다중선택)</label> | |
| 151 | + </div> | |
| 152 | + <div class="checkradio"> | |
| 153 | + <input type="radio" name="r2" id="r2-3" | |
| 154 | + data-tip="정답이 명확한 단어 또는 구 ㆍ 절로 이루어진 유형입니다. 정답이 되는 모든 단어ㆍ구 ㆍ 절을 모두 작성해주세요."> | |
| 155 | + <label for="r2-3">주관식(답답형)</label> | |
| 156 | + </div> | |
| 157 | + <div class="checkradio"> | |
| 158 | + <input type="radio" name="r2" id="r2-4" data-tip="주관식 서술형 입력"> | |
| 159 | + <label for="r2-4">주관식(서술형)</label> | |
| 160 | + </div> | |
| 161 | + <p class="tip-txt"></p> | |
| 162 | + </fieldset> | |
| 163 | + </td> | |
| 164 | + </tr> | |
| 165 | + <tr> | |
| 166 | + <th scope="row">질문</th> | |
| 167 | + <td> | |
| 168 | + -에디터- | |
| 169 | + </td> | |
| 170 | + </tr> | |
| 171 | + <tr> | |
| 172 | + <th scope="row">지문 또는 제시자료<small class="txt-option"> (선택)</small></th> | |
| 173 | + <td> | |
| 174 | + <ol class="a-write-list ui-sortable"> | |
| 175 | + <li class="a-item"> | |
| 176 | + <i class="ico-move ui-sortable-handle"></i> | |
| 177 | + <div class="a-cont"> | |
| 178 | + <div class="a-txt"> | |
| 179 | + -에디터- | |
| 180 | + </div> | |
| 181 | + </div> | |
| 182 | + <div class="a-fnc"> | |
| 183 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 184 | + </div> | |
| 185 | + </li> | |
| 186 | + <li class="a-item"> | |
| 187 | + <i class="ico-move ui-sortable-handle"></i> | |
| 188 | + <div class="a-cont"> | |
| 189 | + <div class="file-add-area"> | |
| 190 | + <div class="file-custom"> | |
| 191 | + <div class="preview-area"> | |
| 192 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기"> | |
| 193 | + </div> | |
| 194 | + </div> | |
| 195 | + <div class="item-area"> | |
| 196 | + <div class="item"> | |
| 197 | + <p class="txt">비디오파일.mp4</p> | |
| 198 | + </div> | |
| 199 | + </div> | |
| 200 | + </div> | |
| 201 | + </div> | |
| 202 | + <div class="a-fnc"> | |
| 203 | + <div class="file-custom"> | |
| 204 | + <input type="file" class="input-file"> | |
| 205 | + <button type="button" class="btn sm circle ico-attach">파일첨부</button> | |
| 206 | + </div> | |
| 207 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 208 | + </div> | |
| 209 | + </li> | |
| 210 | + <li class="a-item"> | |
| 211 | + <i class="ico-move ui-sortable-handle"></i> | |
| 212 | + <div class="a-cont"> | |
| 213 | + <div class="file-add-area"> | |
| 214 | + <div class="file-custom"> | |
| 215 | + <div class="preview-area"> | |
| 216 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="미리보기"> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + <div class="item-area"> | |
| 220 | + <div class="item"> | |
| 221 | + <p class="txt">오디오.mp3</p> | |
| 222 | + </div> | |
| 223 | + </div> | |
| 224 | + </div> | |
| 225 | + </div> | |
| 226 | + <div class="a-fnc"> | |
| 227 | + <div class="file-custom"> | |
| 228 | + <input type="file" class="input-file"> | |
| 229 | + <button type="button" class="btn sm circle ico-attach">파일첨부</button> | |
| 230 | + </div> | |
| 231 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 232 | + </div> | |
| 233 | + </li> | |
| 234 | + </ol> | |
| 235 | + <div class="btn-add-cont"> | |
| 236 | + <button type="button" class="btn ico-document"> | |
| 237 | + 텍스트추가 | |
| 238 | + </button> | |
| 239 | + <div class="file-custom"> | |
| 240 | + <input type="file" class="input-file"> | |
| 241 | + <button type="button" class="btn ico-headphone">음성파일 추가</button> | |
| 242 | + </div> | |
| 243 | + </div> | |
| 244 | + </td> | |
| 245 | + </tr> | |
| 246 | + <!-- 단일선택--> | |
| 247 | + <tr> | |
| 248 | + <th scope="row">정답</th> | |
| 249 | + <td> | |
| 250 | + <fieldset class="checkradio-area"> | |
| 251 | + <legend>입력 타입 선택</legend> | |
| 252 | + <div class="checkradio"> | |
| 253 | + <input type="radio" id="inputType1" name="inputType" checked> | |
| 254 | + <label for="inputType1">텍스트로만 입력</label> | |
| 255 | + </div> | |
| 256 | + <div class="checkradio"> | |
| 257 | + <input type="radio" id="inputType2" name="inputType" checked> | |
| 258 | + <label for="inputType2">편집기로 입력</label> | |
| 259 | + </div> | |
| 260 | + </fieldset> | |
| 261 | + <ol class="a-write-list"> | |
| 262 | + <li class="a-item"> | |
| 263 | + <i class="ico-move"></i> | |
| 264 | + <div class="a-info"> | |
| 265 | + <span class="num">1</span> | |
| 266 | + <div class="checkradio"> | |
| 267 | + <input type="radio" id="a1_1_radio" name="a1"> | |
| 268 | + <label for="a1_1_radio"><small>정답</small></label> | |
| 269 | + </div> | |
| 270 | + </div> | |
| 271 | + <div class="a-cont"> | |
| 272 | + <div class="a-txt"> | |
| 273 | + -에디터- | |
| 274 | + </div> | |
| 275 | + </div> | |
| 276 | + <div class="a-fnc"> | |
| 277 | + <div class="file-custom"> | |
| 278 | + <input type="file" class="input-file"> | |
| 279 | + <button type="button" class="btn sm circle ico-attach">파일첨부</button> | |
| 280 | + </div> | |
| 281 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 282 | + </div> | |
| 283 | + </li> | |
| 284 | + <li class="a-item"> | |
| 285 | + <i class="ico-move"></i> | |
| 286 | + <div class="a-info"> | |
| 287 | + <span class="num">2</span> | |
| 288 | + <div class="checkradio"> | |
| 289 | + <input type="radio" id="a1_2_radio" name="a1"> | |
| 290 | + <label for="a1_2_radio"><small>정답</small></label> | |
| 291 | + </div> | |
| 292 | + </div> | |
| 293 | + <div class="a-cont"> | |
| 294 | + <div class="a-txt"> | |
| 295 | + -에디터- | |
| 296 | + </div> | |
| 297 | + </div> | |
| 298 | + <div class="a-fnc"> | |
| 299 | + <div class="file-custom"> | |
| 300 | + <input type="file" class="input-file"> | |
| 301 | + <button type="button" class="btn sm circle ico-attach">파일첨부</button> | |
| 302 | + </div> | |
| 303 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 304 | + </div> | |
| 305 | + </li> | |
| 306 | + <li class="a-item"> | |
| 307 | + <i class="ico-move"></i> | |
| 308 | + <div class="a-info"> | |
| 309 | + <span class="num">3</span> | |
| 310 | + <div class="checkradio"> | |
| 311 | + <input type="radio" id="a1_3_radio" name="a1"> | |
| 312 | + <label for="a1_3_radio"><small>정답</small></label> | |
| 313 | + </div> | |
| 314 | + </div> | |
| 315 | + <div class="a-cont"> | |
| 316 | + <div class="a-txt"> | |
| 317 | + -에디터- | |
| 318 | + </div> | |
| 319 | + </div> | |
| 320 | + <div class="a-fnc"> | |
| 321 | + <div class="file-custom"> | |
| 322 | + <input type="file" class="input-file"> | |
| 323 | + <button type="button" class="btn sm circle ico-attach">파일첨부</button> | |
| 324 | + </div> | |
| 325 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 326 | + </div> | |
| 327 | + </li> | |
| 328 | + </ol> | |
| 329 | + <div class="btn-add-cont"> | |
| 330 | + <button type="button" class="btn"> | |
| 331 | + <i class="ico-plus"></i> | |
| 332 | + <span>답가지 추가</span> | |
| 333 | + </button> | |
| 334 | + </div> | |
| 335 | + </td> | |
| 336 | + </tr> | |
| 337 | + <!-- 다중선택 --> | |
| 338 | + <tr> | |
| 339 | + <th scope="row">정답</th> | |
| 340 | + <td> | |
| 341 | + <ol class="a-write-list"> | |
| 342 | + <li class="a-item"> | |
| 343 | + <i class="ico-move"></i> | |
| 344 | + <div class="a-info"> | |
| 345 | + <span class="num">1</span> | |
| 346 | + <div class="checkradio"> | |
| 347 | + <input type="checkbox" id="a1_1_check" name="a1_check"> | |
| 348 | + <label for="a1_1_check"><small>정답</small></label> | |
| 349 | + </div> | |
| 350 | + </div> | |
| 351 | + <div class="a-cont"> | |
| 352 | + <div class="a-txt"> | |
| 353 | + -에디터- | |
| 354 | + </div> | |
| 355 | + </div> | |
| 356 | + <div class="a-fnc"> | |
| 357 | + <div class="file-custom"> | |
| 358 | + <input type="file" class="input-file"> | |
| 359 | + <button type="button" class="btn sm circle ico-attach">파일첨부</button> | |
| 360 | + </div> | |
| 361 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 362 | + </div> | |
| 363 | + </li> | |
| 364 | + <li class="a-item"> | |
| 365 | + <i class="ico-move"></i> | |
| 366 | + <div class="a-info"> | |
| 367 | + <span class="num">2</span> | |
| 368 | + <div class="checkradio"> | |
| 369 | + <input type="checkbox" id="a1_2_check" name="a1_check"> | |
| 370 | + <label for="a1_2_check"><small>정답</small></label> | |
| 371 | + </div> | |
| 372 | + </div> | |
| 373 | + <div class="a-cont"> | |
| 374 | + <div class="a-txt"> | |
| 375 | + -에디터- | |
| 376 | + </div> | |
| 377 | + </div> | |
| 378 | + <div class="a-fnc"> | |
| 379 | + <div class="file-custom"> | |
| 380 | + <input type="file" class="input-file"> | |
| 381 | + <button type="button" class="btn sm circle ico-attach">파일첨부</button> | |
| 382 | + </div> | |
| 383 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 384 | + </div> | |
| 385 | + </li> | |
| 386 | + </ol> | |
| 387 | + <div class="btn-add-cont"> | |
| 388 | + <button type="button" class="btn"> | |
| 389 | + <i class="ico-plus"></i> | |
| 390 | + <span>답가지 추가</span> | |
| 391 | + </button> | |
| 392 | + </div> | |
| 393 | + </td> | |
| 394 | + </tr> | |
| 395 | + <!-- 단답형--> | |
| 396 | + <tr> | |
| 397 | + <th scope="row">정답</th> | |
| 398 | + <td> | |
| 399 | + <ul class="tabs-nav-xsm"> | |
| 400 | + <li> | |
| 401 | + <a href="#none">기본형</a> | |
| 402 | + </li> | |
| 403 | + <li> | |
| 404 | + <a href="#none" class="is-active">확장형</a> | |
| 405 | + </li> | |
| 406 | + </ul> | |
| 407 | + <ul class="a-write-list"> | |
| 408 | + <li class="a-item"> | |
| 409 | + <div class="a-cont"> | |
| 410 | + <div class="tag-add-area"> | |
| 411 | + <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag"> | |
| 412 | + </div> | |
| 413 | + </div> | |
| 414 | + </li> | |
| 415 | + <li class="a-item"> | |
| 416 | + <div class="a-info"> | |
| 417 | + <span class="num">㉠</span> | |
| 418 | + </div> | |
| 419 | + <div class="a-cont"> | |
| 420 | + <div class="tag-add-area"> | |
| 421 | + <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag"> | |
| 422 | + </div> | |
| 423 | + </div> | |
| 424 | + <div class="a-fnc"> | |
| 425 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 426 | + </div> | |
| 427 | + </li> | |
| 428 | + <li class="a-item"> | |
| 429 | + <div class="a-info"> | |
| 430 | + <span class="num">㉡</span> | |
| 431 | + </div> | |
| 432 | + <div class="a-cont"> | |
| 433 | + <div class="tag-add-area"> | |
| 434 | + <input name='basic' placeholder="정답 입력 후 엔터" class="input-tag"> | |
| 435 | + </div> | |
| 436 | + </div> | |
| 437 | + <div class="a-fnc"> | |
| 438 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 439 | + </div> | |
| 440 | + </li> | |
| 441 | + </ul> | |
| 442 | + <div class="btn-add-cont"> | |
| 443 | + <button type="button" class="btn"> | |
| 444 | + <i class="ico-plus"></i> | |
| 445 | + <span>단답형 정답 추가</span> | |
| 446 | + </button> | |
| 447 | + </div> | |
| 448 | + </td> | |
| 449 | + </tr> | |
| 450 | + <!-- 서술형--> | |
| 451 | + <tr> | |
| 452 | + <th scope="row">정답</th> | |
| 453 | + <td> | |
| 454 | + <ul class="tabs-nav-xsm"> | |
| 455 | + <li> | |
| 456 | + <a href="#none">기본형</a> | |
| 457 | + </li> | |
| 458 | + <li> | |
| 459 | + <a href="#none" class="is-active">확장형</a> | |
| 460 | + </li> | |
| 461 | + </ul> | |
| 462 | + <ul class="a-write-list"> | |
| 463 | + <li class="a-item"> | |
| 464 | + <div class="a-cont"> | |
| 465 | + <div class="a-txt"> | |
| 466 | + -에디터- | |
| 467 | + </div> | |
| 468 | + </div> | |
| 469 | + </li> | |
| 470 | + <li class="a-item"> | |
| 471 | + <div class="a-info"> | |
| 472 | + <span class="num">㉠</span> | |
| 473 | + </div> | |
| 474 | + <div class="a-cont"> | |
| 475 | + -에디터- | |
| 476 | + </div> | |
| 477 | + <div class="a-fnc"> | |
| 478 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 479 | + </div> | |
| 480 | + </li> | |
| 481 | + <li class="a-item"> | |
| 482 | + <div class="a-info"> | |
| 483 | + <span class="num">㉡</span> | |
| 484 | + </div> | |
| 485 | + <div class="a-cont"> | |
| 486 | + -에디터- | |
| 487 | + </div> | |
| 488 | + <div class="a-fnc"> | |
| 489 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 490 | + </div> | |
| 491 | + </li> | |
| 492 | + </ul> | |
| 493 | + <div class="btn-add-cont"> | |
| 494 | + <button type="button" class="btn"> | |
| 495 | + <i class="ico-plus"></i> | |
| 496 | + <span>서술형 정답 추가</span> | |
| 497 | + </button> | |
| 498 | + </div> | |
| 499 | + </td> | |
| 500 | + </tr> | |
| 501 | + <tr> | |
| 502 | + <th scope="row">해설 및 학습 자료 <small class="txt-option">(선택)</small></th> | |
| 503 | + <td> | |
| 504 | + <div class="btn-add-cont"> | |
| 505 | + <button type="button" class="btn ico-document"> | |
| 506 | + 텍스트추가 | |
| 507 | + </button> | |
| 508 | + <div class="file-custom"> | |
| 509 | + <input type="file" class="input-file"> | |
| 510 | + <button type="button" class="btn ico-headphone">음성파일 추가</button> | |
| 511 | + </div> | |
| 512 | + </div> | |
| 513 | + </td> | |
| 514 | + </tr> | |
| 515 | + </tbody> | |
| 516 | + </table> | |
| 517 | + </div> | |
| 518 | + </section> | |
| 519 | + <div class="btn-cont"> | |
| 520 | + <button type="button" class="btn-add qesitmAdd">문항 추가</button> | |
| 521 | + </div> | |
| 522 | + <div class="btn-flex-cont"> | |
| 523 | + <div class="l-raea"><a href="#none" class="btn lg">취소</a></div> | |
| 524 | + <div class="r-raea"> | |
| 525 | + <a href="#none" class="btn lg primary">저장</a> | |
| 526 | + </div> | |
| 527 | + </div> | |
| 528 | + </div> | |
| 529 | + </div> | |
| 530 | + </div> | |
| 531 | + </div> | |
| 532 | + <!-- toast --> | |
| 533 | + <div class="toast"></div> | |
| 534 | + | |
| 535 | + <!--popup--> | |
| 536 | + <div class="dim"></div> | |
| 537 | + | |
| 538 | + <script> | |
| 539 | + $(document).ready(function () { | |
| 540 | + //키워드 | |
| 541 | + var input = document.querySelector('input[name=basic]'); | |
| 542 | + new Tagify(input); | |
| 543 | + }); | |
| 544 | + </script> | |
| 545 | + | |
| 546 | + </body> | |
| 547 | +</html> |
+++ html/onSejong/manager/mystorage/testWrite.html
... | ... | @@ -0,0 +1,605 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + <head> | |
| 4 | + <title>온세종학교</title> | |
| 5 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| 6 | + <meta name="Author" content="" /> | |
| 7 | + <meta name="Keywords" content="" /> | |
| 8 | + <meta name="Description" content="" /> | |
| 9 | + <meta name="format-detection" content="telephone=no" /> | |
| 10 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| 11 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> | |
| 12 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 13 | + <!-- 공통 plugin --> | |
| 14 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 16 | + <!-- //공통 plugin --> | |
| 17 | + <!-- 페이지 plugin--> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 20 | + <!-- chart --> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 22 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 23 | + <!-- //chart --> | |
| 24 | + <!-- //페이지 plugin--> | |
| 25 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 27 | + <!--//퍼블 layout--> | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + <!--공통 퍼블 js--> | |
| 31 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 33 | + <!--//공통 퍼블 js--> | |
| 34 | + </head> | |
| 35 | + | |
| 36 | + <body> | |
| 37 | + <div class="accessibility"> | |
| 38 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 39 | + </div> | |
| 40 | + <!-- for-teacher / for-student --> | |
| 41 | + <div class="container"> | |
| 42 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 43 | + <header class="site-header"></header> | |
| 44 | + | |
| 45 | + <div class="site-body" id="skipToContents"> | |
| 46 | + <div class="wrap"> | |
| 47 | + <div class="site-cont"> | |
| 48 | + <ul class="breadcrumb"> | |
| 49 | + <li><a href="#none" class="home">홈</a></li> | |
| 50 | + <li><a href="#none">1depth</a></li> | |
| 51 | + <li><a href="#none">2depth</a></li> | |
| 52 | + </ul> | |
| 53 | + <div class="page-tit-area"> | |
| 54 | + <div class="l-area"> | |
| 55 | + <h2 class="title-xlg">평가지 만들기</h2> | |
| 56 | + </div> | |
| 57 | + <div class="r-area"></div> | |
| 58 | + </div> | |
| 59 | + <section class="section test-write-area"> | |
| 60 | + <h3 class="txt-hide">평가지 정보</h3> | |
| 61 | + <div class="search-box"> | |
| 62 | + <div class="search-box-write"> | |
| 63 | + <div class="write-type2"> | |
| 64 | + <table> | |
| 65 | + <caption>상세검색</caption> | |
| 66 | + <colgroup> | |
| 67 | + <col style="width:100px"> | |
| 68 | + <col> | |
| 69 | + </colgroup> | |
| 70 | + <tbody> | |
| 71 | + <tr> | |
| 72 | + <th scope="row">과목</th> | |
| 73 | + <td> | |
| 74 | + <fieldset class="checkradio-area"> | |
| 75 | + <legend>과목 선택</legend> | |
| 76 | + <div class="checkradio"> | |
| 77 | + <input type="checkbox" id="sch1_1_1"> | |
| 78 | + <label for="sch1_1_1">유저가 입력한 과목1</label> | |
| 79 | + </div> | |
| 80 | + <div class="checkradio"> | |
| 81 | + <input type="checkbox" id="sch1_1_2"> | |
| 82 | + <label for="sch1_1_2">유저가 입력한 과목2</label> | |
| 83 | + </div> | |
| 84 | + </fieldset> | |
| 85 | + </td> | |
| 86 | + </tr> | |
| 87 | + <tr> | |
| 88 | + <th scope="row">문항 유형</th> | |
| 89 | + <td> | |
| 90 | + <fieldset class="checkradio-area"> | |
| 91 | + <legend>문항 유형 선택</legend> | |
| 92 | + <div class="checkradio"> | |
| 93 | + <input type="checkbox" id="sch1_2_1"> | |
| 94 | + <label for="sch1_2_1">단일</label> | |
| 95 | + </div> | |
| 96 | + <div class="checkradio"> | |
| 97 | + <input type="checkbox" id="sch1_2_2"> | |
| 98 | + <label for="sch1_2_2">세트</label> | |
| 99 | + </div> | |
| 100 | + </fieldset> | |
| 101 | + </td> | |
| 102 | + </tr> | |
| 103 | + <tr> | |
| 104 | + <th scope="row">문항 난이도</th> | |
| 105 | + <td> | |
| 106 | + <fieldset class="checkradio-area"> | |
| 107 | + <legend>문항 난이도 선택</legend> | |
| 108 | + <div class="checkradio"> | |
| 109 | + <input type="checkbox" id="sch1_3_1"> | |
| 110 | + <label for="sch1_3_1">매우 쉬움</label> | |
| 111 | + </div> | |
| 112 | + <div class="checkradio"> | |
| 113 | + <input type="checkbox" id="sch1_3_2"> | |
| 114 | + <label for="sch1_3_2">쉬움</label> | |
| 115 | + </div> | |
| 116 | + <div class="checkradio"> | |
| 117 | + <input type="checkbox" id="sch1_3_3"> | |
| 118 | + <label for="sch1_3_3">보통</label> | |
| 119 | + </div> | |
| 120 | + <div class="checkradio"> | |
| 121 | + <input type="checkbox" id="sch1_3_4"> | |
| 122 | + <label for="sch1_3_4">어려움</label> | |
| 123 | + </div> | |
| 124 | + <div class="checkradio"> | |
| 125 | + <input type="checkbox" id="sch1_3_5"> | |
| 126 | + <label for="sch1_3_5">매우 어려움</label> | |
| 127 | + </div> | |
| 128 | + </fieldset> | |
| 129 | + </td> | |
| 130 | + </tr> | |
| 131 | + <tr> | |
| 132 | + <th scope="row">문항 종류</th> | |
| 133 | + <td> | |
| 134 | + <fieldset class="checkradio-area"> | |
| 135 | + <legend>문항 종류 선택</legend> | |
| 136 | + <div class="checkradio"> | |
| 137 | + <input type="checkbox" id="sch1_4_1"> | |
| 138 | + <label for="sch1_4_1">객관식(단일선택)</label> | |
| 139 | + </div> | |
| 140 | + <div class="checkradio"> | |
| 141 | + <input type="checkbox" id="sch1_4_2"> | |
| 142 | + <label for="sch1_4_2">객관식(다중선택)</label> | |
| 143 | + </div> | |
| 144 | + <div class="checkradio"> | |
| 145 | + <input type="checkbox" id="sch1_4_3"> | |
| 146 | + <label for="sch1_4_3">주관식(단답형)</label> | |
| 147 | + </div> | |
| 148 | + <div class="checkradio"> | |
| 149 | + <input type="checkbox" id="sch1_4_4"> | |
| 150 | + <label for="sch1_4_4">주관식(서술형)</label> | |
| 151 | + </div> | |
| 152 | + </fieldset> | |
| 153 | + </td> | |
| 154 | + </tr> | |
| 155 | + </tbody> | |
| 156 | + </table> | |
| 157 | + </div> | |
| 158 | + </div> | |
| 159 | + <div class="search-btn-cont"> | |
| 160 | + <button type="button" class="btn-text">초기화 <i class="ico-refresh sm"></i></button> | |
| 161 | + <button type="submit" class="btn-search-box">선택된 조건으로 검색</button> | |
| 162 | + </div> | |
| 163 | + </div> | |
| 164 | + | |
| 165 | + <article class="test-cont"> | |
| 166 | + <h4 class="txt-hide">평가지 구성</h4> | |
| 167 | + <div class="l-area"> | |
| 168 | + <div class="bg-border-box"> | |
| 169 | + <div class="box-body tabs-normal"> | |
| 170 | + <ul class="tabs-nav-sm"> | |
| 171 | + <li><a href="#schResult1" class="is-active">문항 검색 결과</a></li> | |
| 172 | + </ul> | |
| 173 | + <div id="schResult1" class="tabs-cont is-active"> | |
| 174 | + <div class="scroll-area"> | |
| 175 | + <div class="fnc-area"> | |
| 176 | + <div class="l-area"> | |
| 177 | + <p>전체 <em class="accent">23</em>건</p> | |
| 178 | + </div> | |
| 179 | + <div class="r-area"> | |
| 180 | + <button type="button" class="btn sm">선택 미리보기</button> | |
| 181 | + </div> | |
| 182 | + </div> | |
| 183 | + <div class="txt-none"> | |
| 184 | + <figure> | |
| 185 | + <img src="../../../../resources/front/site/SITE_00000/images/common/common/img_file_check.svg" | |
| 186 | + alt="콘텐츠 없음"> | |
| 187 | + </figure> | |
| 188 | + <p>검색 결과가 없습니다.</p> | |
| 189 | + </div> | |
| 190 | + <ul class="test-add-list scroll"> | |
| 191 | + <li> | |
| 192 | + <div class="checkradio"> | |
| 193 | + <input type="checkbox" class="icon-only" id="chk1_1"> | |
| 194 | + <label for="chk1_1">선택</label> | |
| 195 | + </div> | |
| 196 | + <div class="item"> | |
| 197 | + <div class="txt-area"> | |
| 198 | + <div class="label-area"> | |
| 199 | + <span class="label">NO: 632060</span> | |
| 200 | + <span class="label">세트문항</span> | |
| 201 | + <span class="label">객관식(단일선택)</span> | |
| 202 | + <span class="label red hover">매우 어려움</span> | |
| 203 | + </div> | |
| 204 | + <div class="editor-cont"> | |
| 205 | + <a href="#none"> | |
| 206 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png" | |
| 207 | + alt="" class="editor-img-math">(34px) | |
| 208 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png" | |
| 209 | + alt="" class="editor-img-math">(42px) | |
| 210 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png" | |
| 211 | + alt="" class="editor-img-math">(57px) | |
| 212 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png" | |
| 213 | + alt="" class="editor-img-math">(62px) | |
| 214 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png" | |
| 215 | + alt="" class="editor-img-math">(65px) | |
| 216 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png" | |
| 217 | + alt="" class="editor-img-math">(79px) | |
| 218 | + </a> | |
| 219 | + </div> | |
| 220 | + </div> | |
| 221 | + </div> | |
| 222 | + <div class="item"> | |
| 223 | + <div class="txt-area"> | |
| 224 | + <div class="label-area"> | |
| 225 | + <span class="label">객관식(단일선택)</span> | |
| 226 | + <span class="label red hover">매우 어려움</span> | |
| 227 | + </div> | |
| 228 | + <div class="editor-cont"><a href="#none">1여러 가지 함수의<br>실수배, | |
| 229 | + 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a></div> | |
| 230 | + </div> | |
| 231 | + </div> | |
| 232 | + <div class="add-fnc"> | |
| 233 | + <button type="button" class="btn sm circle ico-plus">추가</button> | |
| 234 | + </div> | |
| 235 | + </li> | |
| 236 | + <li> | |
| 237 | + <div class="checkradio"> | |
| 238 | + <input type="checkbox" class="icon-only" id="chk1_1"> | |
| 239 | + <label for="chk1_1">선택</label> | |
| 240 | + </div> | |
| 241 | + <div class="item"> | |
| 242 | + <div class="txt-area"> | |
| 243 | + <div class="label-area"> | |
| 244 | + <span class="label">객관식(다중선택)</span> | |
| 245 | + <span class="label red hover">어려움</span> | |
| 246 | + </div> | |
| 247 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 | |
| 248 | + 있다.</a></p> | |
| 249 | + </div> | |
| 250 | + </div> | |
| 251 | + <div class="add-fnc"> | |
| 252 | + <button type="button" class="btn sm circle ico-plus">추가</button> | |
| 253 | + </div> | |
| 254 | + </li> | |
| 255 | + <li> | |
| 256 | + <div class="item"> | |
| 257 | + <div class="txt-area"> | |
| 258 | + <div class="label-area"> | |
| 259 | + <span class="label">주관식(단답형)</span> | |
| 260 | + <span class="label blue hover">보통</span> | |
| 261 | + </div> | |
| 262 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 | |
| 263 | + 있다.</a></p> | |
| 264 | + </div> | |
| 265 | + </div> | |
| 266 | + <div class="add-fnc"> | |
| 267 | + <button type="button" class="btn sm circle ico-plus">추가</button> | |
| 268 | + </div> | |
| 269 | + </li> | |
| 270 | + <li> | |
| 271 | + <div class="item"> | |
| 272 | + <div class="txt-area"> | |
| 273 | + <div class="label-area"> | |
| 274 | + <div class="checkradio"> | |
| 275 | + <input type="checkbox" class="icon-only" | |
| 276 | + id="chk1_4"> | |
| 277 | + <label for="chk1_4">선택</label> | |
| 278 | + </div> | |
| 279 | + <span class="label">O/X 퀴즈</span> | |
| 280 | + <span class="label green hover">쉬움</span> | |
| 281 | + </div> | |
| 282 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 | |
| 283 | + 있다.</a></p> | |
| 284 | + </div> | |
| 285 | + </div> | |
| 286 | + <div class="add-fnc"> | |
| 287 | + <button type="button" class="btn sm circle ico-plus">추가</button> | |
| 288 | + </div> | |
| 289 | + </li> | |
| 290 | + <li> | |
| 291 | + <div class="item"> | |
| 292 | + <div class="txt-area"> | |
| 293 | + <div class="label-area"> | |
| 294 | + <div class="checkradio"> | |
| 295 | + <input type="checkbox" class="icon-only" | |
| 296 | + id="chk1_5"> | |
| 297 | + <label for="chk1_5">선택</label> | |
| 298 | + </div> | |
| 299 | + <span class="label">그래프/그림 완성형</span> | |
| 300 | + <span class="label green hover">매우 쉬움</span> | |
| 301 | + </div> | |
| 302 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 | |
| 303 | + 있다.</a></p> | |
| 304 | + </div> | |
| 305 | + </div> | |
| 306 | + <div class="add-fnc"> | |
| 307 | + <button type="button" class="btn sm circle ico-plus">추가</button> | |
| 308 | + </div> | |
| 309 | + </li> | |
| 310 | + </ul> | |
| 311 | + </div> | |
| 312 | + <!-- <div class="loading-layer is-loading"></div> --> | |
| 313 | + </div> | |
| 314 | + </div> | |
| 315 | + <!-- <div class="box-footer flex-area"> | |
| 316 | + <div class="l-area"> | |
| 317 | + <button type="button" class="btn sm">전체선택</button> | |
| 318 | + <button type="button" class="btn sm">전체선택 취소</button> | |
| 319 | + </div> | |
| 320 | + <div class="r-area"> | |
| 321 | + <p>총 <em>1</em> 문항 선택</p> | |
| 322 | + </div> | |
| 323 | + </div> --> | |
| 324 | + </div> | |
| 325 | + </div> | |
| 326 | + <div class="c-area"> | |
| 327 | + <button class="btn circle sm" title="평가지에 문항추가"> | |
| 328 | + <i class="ico-arrow-right sm"><span class="txt-hide">추가</span></i> | |
| 329 | + </button> | |
| 330 | + </div> | |
| 331 | + <div class="r-area bg-border-box wh"> | |
| 332 | + <div class="box-body"> | |
| 333 | + <div class="tit-area sm"> | |
| 334 | + <div class="l-area"> | |
| 335 | + <h3 class="tit-sm">평가지 문항</h3> | |
| 336 | + </div> | |
| 337 | + <div class="r-area"> | |
| 338 | + <div class="btn-group"> | |
| 339 | + <button type="button" class="btn sm">초기화</button> | |
| 340 | + <button type="button" class="btn sm secondary">자동배점</button> | |
| 341 | + </div> | |
| 342 | + </div> | |
| 343 | + </div> | |
| 344 | + <div class="scroll-area"> | |
| 345 | + <div class="txt-none"> | |
| 346 | + <p>좌측 영역에서 문항을 추가하세요.</p> | |
| 347 | + </div> | |
| 348 | + <ul class="test-add-list scroll ui-sortable" id="testAddList"> | |
| 349 | + <li> | |
| 350 | + <i class="ico-move ui-sortable-handle"></i> | |
| 351 | + <div class="item"> | |
| 352 | + <span class="label num">1</span> | |
| 353 | + <div class="checkradio"> | |
| 354 | + <input type="checkbox" class="icon-only" id="chk2_1"> | |
| 355 | + <label for="chk2_1">선택</label> | |
| 356 | + </div> | |
| 357 | + <div class="txt-area"> | |
| 358 | + <div class="label-area"> | |
| 359 | + <span class="label">NO: 632060</span> | |
| 360 | + <span class="label">객관식(단일선택)</span> | |
| 361 | + <span class="label green hover">쉬움</span> | |
| 362 | + </div> | |
| 363 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> | |
| 364 | + </p> | |
| 365 | + </div> | |
| 366 | + <div class="box-fnc"> | |
| 367 | + <div class="input-box"><input type="number" style="width:64px" | |
| 368 | + class="align-right"><span class="font-color-gray">점</span> | |
| 369 | + </div> | |
| 370 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 371 | + </div> | |
| 372 | + </div> | |
| 373 | + <div class="item"> | |
| 374 | + <span class="label num">2</span> | |
| 375 | + <div class="checkradio"> | |
| 376 | + <input type="checkbox" class="icon-only" id="chk2_1"> | |
| 377 | + <label for="chk2_1">선택</label> | |
| 378 | + </div> | |
| 379 | + <div class="txt-area"> | |
| 380 | + <div class="label-area"> | |
| 381 | + <span class="label">객관식(단일선택)</span> | |
| 382 | + <span class="label green hover">쉬움</span> | |
| 383 | + </div> | |
| 384 | + <div class="editor-cont"> | |
| 385 | + <a href="#none"> | |
| 386 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png" | |
| 387 | + alt="" class="editor-img-math">(34px) | |
| 388 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png" | |
| 389 | + alt="" class="editor-img-math">(42px) | |
| 390 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png" | |
| 391 | + alt="" class="editor-img-math">(57px) | |
| 392 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png" | |
| 393 | + alt="" class="editor-img-math">(62px) | |
| 394 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png" | |
| 395 | + alt="" class="editor-img-math">(65px) | |
| 396 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png" | |
| 397 | + alt="" class="editor-img-math">(79px) | |
| 398 | + </a> | |
| 399 | + </div> | |
| 400 | + </div> | |
| 401 | + <div class="box-fnc"> | |
| 402 | + <div class="input-box"><input type="number" style="width:64px" | |
| 403 | + class="align-right"><span class="font-color-gray">점</span> | |
| 404 | + </div> | |
| 405 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 406 | + </div> | |
| 407 | + </div> | |
| 408 | + </li> | |
| 409 | + <li> | |
| 410 | + <i class="ico-move ui-sortable-handle"></i> | |
| 411 | + <div class="item"> | |
| 412 | + <span class="label num">3</span> | |
| 413 | + <div class="txt-area"> | |
| 414 | + <div class="label-area"> | |
| 415 | + <span class="label">객관식(단일선택)</span> | |
| 416 | + <button type="button" class="relative-z" | |
| 417 | + onclick="popupOpenPub('popup')"> | |
| 418 | + <span class="label green hover">쉬움</span> | |
| 419 | + </button> | |
| 420 | + </div> | |
| 421 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> | |
| 422 | + </p> | |
| 423 | + </div> | |
| 424 | + <div class="box-fnc"> | |
| 425 | + <div class="input-box"><input type="number" style="width:64px" | |
| 426 | + class="align-right"><span class="font-color-gray">점</span> | |
| 427 | + </div> | |
| 428 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 429 | + </div> | |
| 430 | + </div> | |
| 431 | + </li> | |
| 432 | + <li> | |
| 433 | + <i class="ico-move ui-sortable-handle"></i> | |
| 434 | + <div class="item"> | |
| 435 | + <span class="label num">1</span> | |
| 436 | + <div class="txt-area"> | |
| 437 | + <div class="label-area"> | |
| 438 | + <span class="label">객관식(단일선택)</span> | |
| 439 | + <button type="button" class="relative-z" | |
| 440 | + onclick="popupOpenPub('popup')"> | |
| 441 | + <span class="label green hover">쉬움</span> | |
| 442 | + </button> | |
| 443 | + </div> | |
| 444 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> | |
| 445 | + </p> | |
| 446 | + </div> | |
| 447 | + <div class="box-fnc"> | |
| 448 | + <div class="input-box"><input type="number" style="width:64px" | |
| 449 | + class="align-right"><span class="font-color-gray">점</span> | |
| 450 | + </div> | |
| 451 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 452 | + </div> | |
| 453 | + </div> | |
| 454 | + <div class="item"> | |
| 455 | + <span class="label num">2</span> | |
| 456 | + <div class="txt-area"> | |
| 457 | + <div class="label-area"> | |
| 458 | + <span class="label">객관식(단일선택)</span> | |
| 459 | + <button type="button" class="relative-z" | |
| 460 | + onclick="popupOpenPub('popup')"> | |
| 461 | + <span class="label green hover">쉬움</span> | |
| 462 | + </button> | |
| 463 | + </div> | |
| 464 | + <div class="editor-cont"> | |
| 465 | + <a href="#none"> | |
| 466 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png" | |
| 467 | + alt="" class="editor-img-math">(34px) | |
| 468 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png" | |
| 469 | + alt="" class="editor-img-math">(42px) | |
| 470 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png" | |
| 471 | + alt="" class="editor-img-math">(57px) | |
| 472 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png" | |
| 473 | + alt="" class="editor-img-math">(62px) | |
| 474 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png" | |
| 475 | + alt="" class="editor-img-math">(65px) | |
| 476 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png" | |
| 477 | + alt="" class="editor-img-math">(79px) | |
| 478 | + </a> | |
| 479 | + </div> | |
| 480 | + </div> | |
| 481 | + <div class="box-fnc"> | |
| 482 | + <div class="input-box"><input type="number" style="width:64px" | |
| 483 | + class="align-right"><span class="font-color-gray">점</span> | |
| 484 | + </div> | |
| 485 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 486 | + </div> | |
| 487 | + </div> | |
| 488 | + </li> | |
| 489 | + <li> | |
| 490 | + <i class="ico-move ui-sortable-handle"></i> | |
| 491 | + <div class="item"> | |
| 492 | + <span class="label num">3</span> | |
| 493 | + <div class="txt-area"> | |
| 494 | + <div class="label-area"> | |
| 495 | + <span class="label">객관식(단일선택)</span> | |
| 496 | + <button type="button" class="relative-z" | |
| 497 | + onclick="popupOpenPub('popup')"> | |
| 498 | + <span class="label green hover">쉬움</span> | |
| 499 | + </button> | |
| 500 | + </div> | |
| 501 | + <p><a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> | |
| 502 | + </p> | |
| 503 | + </div> | |
| 504 | + <div class="box-fnc"> | |
| 505 | + <div class="input-box"><input type="number" style="width:64px" | |
| 506 | + class="align-right"><span class="font-color-gray">점</span> | |
| 507 | + </div> | |
| 508 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 509 | + </div> | |
| 510 | + </div> | |
| 511 | + </li> | |
| 512 | + | |
| 513 | + </ul> | |
| 514 | + </div> | |
| 515 | + </div> | |
| 516 | + <div class="box-footer"> | |
| 517 | + <p class="total-txt"><em>1</em> 문항 / 총 <em>80</em> 점</p> | |
| 518 | + <!-- <div class="label-area"> | |
| 519 | + <span class="label">객관식(단일선택) <strong>10</strong>개</span> | |
| 520 | + <span class="label">객관식(다중선택) <strong>0</strong>개</span> | |
| 521 | + <span class="label">주관식(서술형) <strong>0</strong>개</span> | |
| 522 | + </div> --> | |
| 523 | + </div> | |
| 524 | + </div> | |
| 525 | + </article> | |
| 526 | + </section> | |
| 527 | + <section class="section"> | |
| 528 | + <header class="section-tit-area"> | |
| 529 | + <div class="l-area"> | |
| 530 | + <h3 class="title-lg">기타 정보</h3> | |
| 531 | + </div> | |
| 532 | + <div class="r-area"> | |
| 533 | + <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p> | |
| 534 | + </div> | |
| 535 | + </header> | |
| 536 | + <div class="write-type"> | |
| 537 | + <table> | |
| 538 | + <colgroup> | |
| 539 | + <col style="width:200px"> | |
| 540 | + <col> | |
| 541 | + </colgroup> | |
| 542 | + <tbody> | |
| 543 | + <tr> | |
| 544 | + <th scope="row">제목<i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 545 | + <td> | |
| 546 | + <input type="text" title="인풋박스" class="q4" placeholder="평가지 제목을 입력하세요."> | |
| 547 | + </td> | |
| 548 | + </tr> | |
| 549 | + <tr> | |
| 550 | + <th scope="row">과목 정보<i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 551 | + <td> | |
| 552 | + <div class="achievecode-sch-area"></div> | |
| 553 | + </td> | |
| 554 | + </tr> | |
| 555 | + <tr> | |
| 556 | + <th scope="row">문항순서<i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 557 | + <td> | |
| 558 | + <fieldset class="checkradio-area"> | |
| 559 | + <legend>문항순서 선택</legend> | |
| 560 | + <div class="checkradio"> | |
| 561 | + <input type="radio" id="r1_1" name="r1" checked> | |
| 562 | + <label for="r1_1">고정출력</label> | |
| 563 | + </div>0 | |
| 564 | + <div class="checkradio"> | |
| 565 | + <input type="radio" id="r1_2" name="r1"> | |
| 566 | + <label for="r1_2">무작위출력 <small>(평가지를 불러올 때 마다 랜덤으로 문항의 순서가 달라집니다.)</small></label> | |
| 567 | + </div> | |
| 568 | + </fieldset> | |
| 569 | + </td> | |
| 570 | + </tr> | |
| 571 | + <tr> | |
| 572 | + <th scope="row">답가지순서<i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 573 | + <td> | |
| 574 | + <fieldset class="checkradio-area"> | |
| 575 | + <legend>답가지순서 선택</legend> | |
| 576 | + <div class="checkradio"> | |
| 577 | + <input type="radio" id="r2_1" name="r2" checked> | |
| 578 | + <label for="r2_1">고정출력</label> | |
| 579 | + </div> | |
| 580 | + <div class="checkradio"> | |
| 581 | + <input type="radio" id="r2_2" name="r2"> | |
| 582 | + <label for="r2_2">무작위출력 <small>(문항를 불러올 때 마다 랜덤으로 답가지의 순서가 달라집니다.)</small></label> | |
| 583 | + </div> | |
| 584 | + </fieldset> | |
| 585 | + </td> | |
| 586 | + </tr> | |
| 587 | + </tbody> | |
| 588 | + </table> | |
| 589 | + </div> | |
| 590 | + </section> | |
| 591 | + <div class="btn-cont"> | |
| 592 | + <a href="#none" class="btn lg">취소</a> | |
| 593 | + <a href="#none" class="btn lg primary">저장</a> | |
| 594 | + </div> | |
| 595 | + </div> | |
| 596 | + </div> | |
| 597 | + </div> | |
| 598 | + </div> | |
| 599 | + <!-- toast --> | |
| 600 | + <div class="toast"></div> | |
| 601 | + | |
| 602 | + <!--popup--> | |
| 603 | + <div class="dim"></div> | |
| 604 | + </body> | |
| 605 | +</html> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?