--- html/onSejong/index.html
+++ html/onSejong/index.html
... | ... | @@ -512,27 +512,32 @@ |
| 512 | 512 |
</ul> |
| 513 | 513 |
</li> |
| 514 | 514 |
<li> 학생 |
| 515 |
- <ul class="before"> |
|
| 515 |
+ <ul> |
|
| 516 | 516 |
<li>강의 |
| 517 | 517 |
<ul> |
| 518 | 518 |
<li>홈</li> |
| 519 |
- <li>[팝업]스마트출석</li> |
|
| 519 |
+ <li class="add">[팝업]스마트출석,manager/class/pop_attend.html</li> |
|
| 520 | 520 |
</ul> |
| 521 | 521 |
</li> |
| 522 | 522 |
<li>수업 |
| 523 |
- <ul>수업</ul> |
|
| 524 |
- <li>[팝업]성찰일지</li> |
|
| 523 |
+ <ul> |
|
| 524 |
+ <li class="add">수업,manager/class/classList.html</li> |
|
| 525 |
+ <li class="add">[팝업]성찰일지,manager/class/pop_studentReflection.html</li> |
|
| 526 |
+ </ul> |
|
| 525 | 527 |
</li> |
| 526 | 528 |
<li>과제 |
| 527 | 529 |
<ul> |
| 528 |
- <li>과제 제출하기</li> |
|
| 529 |
- <li>수강생 검색</li> |
|
| 530 |
- <li>제출 현황</li> |
|
| 531 |
- <li>과제물 조회</li> |
|
| 530 |
+ <li class="add">과제,manager/class/homework.html</li> |
|
| 531 |
+ <li class="add">과제 제출하기,manager/class/homeworkUpload.html</li> |
|
| 532 |
+ <li class="add">상세보기,manager/class/homeworkView.html</li> |
|
| 533 |
+ <li class="add">수강생 검색,manager/class/pop_memberFind.html</li> |
|
| 534 |
+ <li class="add">제출 현황,manager/class/homeworkStatus.html</li> |
|
| 535 |
+ <li class="add">과제물 조회,manager/class/pop_homeworkCurrentView .html</li> |
|
| 532 | 536 |
</ul> |
| 533 | 537 |
</li> |
| 534 | 538 |
<li>평가 |
| 535 | 539 |
<ul> |
| 540 |
+ <li class="add">상세보기,manager/class/assessmentView.html</li> |
|
| 536 | 541 |
<li>문제풀이결과</li> |
| 537 | 542 |
</ul> |
| 538 | 543 |
</li> |
--- html/onSejong/manager/class/class.html
+++ html/onSejong/manager/class/class.html
... | ... | @@ -522,52 +522,12 @@ |
| 522 | 522 |
</div> |
| 523 | 523 |
</li> --> |
| 524 | 524 |
</ul> |
| 525 |
- <!-- <ul class="pagenation"> |
|
| 526 |
- <li class="ppv"> |
|
| 527 |
- <a |
|
| 528 |
- href="#none" |
|
| 529 |
- class="btn ico-ppv circle sm" |
|
| 530 |
- title="전체 목록에서 가장 처음 목록으로 이동합니다" |
|
| 531 |
- >처음으로</a |
|
| 532 |
- > |
|
| 533 |
- </li> |
|
| 534 |
- <li class="pv"> |
|
| 535 |
- <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> |
|
| 536 |
- </li> |
|
| 537 |
- <li class="current"> |
|
| 538 |
- <a href="#none" title="1번째 목록으로 이동합니다">1</a> |
|
| 539 |
- </li> |
|
| 540 |
- <li> |
|
| 541 |
- <a href="#none" title="2번째 목록으로 이동합니다">2</a> |
|
| 542 |
- </li> |
|
| 543 |
- <li> |
|
| 544 |
- <a href="#none" title="3번째 목록으로 이동합니다">3</a> |
|
| 545 |
- </li> |
|
| 546 |
- <li> |
|
| 547 |
- <a href="#none" title="4번째 목록으로 이동합니다">4</a> |
|
| 548 |
- </li> |
|
| 549 |
- <li> |
|
| 550 |
- <a href="#none" title="5번째 목록으로 이동합니다">5</a> |
|
| 551 |
- </li> |
|
| 552 |
- <li class="fw"> |
|
| 553 |
- <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> |
|
| 554 |
- </li> |
|
| 555 |
- <li class="ffw"> |
|
| 556 |
- <a |
|
| 557 |
- href="#none" |
|
| 558 |
- class="btn ico-ffw circle sm" |
|
| 559 |
- title="전체 목록에서 가장 마지막 목록으로 이동합니다" |
|
| 560 |
- >끝으로</a |
|
| 561 |
- > |
|
| 562 |
- </li> |
|
| 563 |
- </ul> --> |
|
| 564 | 525 |
<div class="btn-cont"> |
| 565 | 526 |
<a href="#none" class="btn lg ico-plus back">더보기</a> |
| 566 | 527 |
</div> |
| 567 | 528 |
</div> |
| 529 |
+ <footer class="site-footer"></footer> |
|
| 568 | 530 |
</div> |
| 569 |
- |
|
| 570 |
- <footer class="site-footer"></footer> |
|
| 571 | 531 |
</div> |
| 572 | 532 |
|
| 573 | 533 |
<!-- toast --> |
+++ html/onSejong/manager/class/homeworkStatus.html
... | ... | @@ -0,0 +1,227 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 25 | + <!-- chart --> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 28 | + <!-- //chart --> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + | |
| 31 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 33 | + <!--//퍼블 layout--> | |
| 34 | + | |
| 35 | + <!-- 공통 메뉴 js--> | |
| 36 | + <!-- //공통 메뉴 js --> | |
| 37 | + | |
| 38 | + <!--공통 퍼블 js--> | |
| 39 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 40 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 41 | + <!--//공통 퍼블 js--> | |
| 42 | +</head> | |
| 43 | + | |
| 44 | +<body> | |
| 45 | + <div class="accessibility"> | |
| 46 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 47 | + </div> | |
| 48 | + <!-- for-teacher / for-student --> | |
| 49 | + <div class="container"> | |
| 50 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 51 | + <header class="site-header"></header> | |
| 52 | + | |
| 53 | + <div class="site-body" id="skipToContents"> | |
| 54 | + <div class="wrap"> | |
| 55 | + <ul class="breadcrumb"> | |
| 56 | + <li><a href="#none" class="home">홈</a></li> | |
| 57 | + <li><a href="#none">1depth</a></li> | |
| 58 | + <li><a href="#none">2depth</a></li> | |
| 59 | + </ul> | |
| 60 | + <div class="page-tit-area"> | |
| 61 | + <div class="l-area"> | |
| 62 | + <h2 class="title-xlg">제출 현황</h2> | |
| 63 | + </div> | |
| 64 | + </div> | |
| 65 | + <div class="fnc-extend-area"> | |
| 66 | + <div class="extend-default-area"> | |
| 67 | + <div class="l-area"> | |
| 68 | + <div class="l-area"> | |
| 69 | + <p class="total">총 <em>156</em>건</p> | |
| 70 | + </div> | |
| 71 | + </div> | |
| 72 | + <div class="r-area"> | |
| 73 | + <select class="select-sort border-none" title="정렬 선택"> | |
| 74 | + <option>최신 등록일 순</option> | |
| 75 | + </select> | |
| 76 | + <fieldset class="search-area"> | |
| 77 | + <legend>검색</legend> | |
| 78 | + <div class="search"> | |
| 79 | + <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요"> | |
| 80 | + <button class="btn ico-search">검색</button> | |
| 81 | + </div> | |
| 82 | + </fieldset> | |
| 83 | + </div> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + <div class="list-type"> | |
| 87 | + <table> | |
| 88 | + <caption>제출 과제 목록</caption> | |
| 89 | + <colgroup> | |
| 90 | + <col style="width:64px"> | |
| 91 | + <col style="width:100px"> | |
| 92 | + <col> | |
| 93 | + <col style="width:200px"> | |
| 94 | + <col style="width:160px"> | |
| 95 | + <col style="width:200px"> | |
| 96 | + </colgroup> | |
| 97 | + <thead> | |
| 98 | + <tr> | |
| 99 | + <th scope="col">번호</th> | |
| 100 | + <th scope="col">우수과제물</th> | |
| 101 | + <th scope="col">제목</th> | |
| 102 | + <th scope="col">이름/소속</th> | |
| 103 | + <th scope="col">제출일/수정일</th> | |
| 104 | + <th scope="crol">관리</th> | |
| 105 | + </tr> | |
| 106 | + </thead> | |
| 107 | + <tbody> | |
| 108 | + <tr> | |
| 109 | + <td>3</td> | |
| 110 | + <td data-tit="우수과제물"></td> | |
| 111 | + <td class="align-left"> | |
| 112 | + <a href="#none" class="table-title"><i class="ico-attach"></i>[국어] 기말고사 대비 기출 | |
| 113 | + 100문제_이것만 | |
| 114 | + 다 풀면 100점입니다!!</a> | |
| 115 | + </td> | |
| 116 | + <td>이민서<p class="msg">(OO고등학교 1학년 3반 7번)</p> | |
| 117 | + </td> | |
| 118 | + <td data-tit="제출일 / 수정일">2025-11-15 15:00<br>2025-11-15 15:00</td> | |
| 119 | + <td> | |
| 120 | + <div class="tbl-btn-cont"> | |
| 121 | + <button type="button" class="btn sm">조회</button> | |
| 122 | + <button type="button" class="btn sm">수정</button> | |
| 123 | + <button type="button" class="btn sm">삭제</button> | |
| 124 | + </div> | |
| 125 | + </td> | |
| 126 | + </tr> | |
| 127 | + <tr> | |
| 128 | + <td>2</td> | |
| 129 | + <td data-tit="우수과제물"> | |
| 130 | + <i class="ico-star-active primary"></i> | |
| 131 | + </td> | |
| 132 | + <td class="align-left"> | |
| 133 | + <div class="label-area margin-bottom-xsm"> | |
| 134 | + <span class="label sm warning">마감 후 수정됨</span> | |
| 135 | + </div> | |
| 136 | + <a href="#none" class="table-title"><i class="ico-attach"></i>[국어] 기말고사 대비 기출 | |
| 137 | + 100문제_이것만 다 풀면 100점입니다!!</a> | |
| 138 | + </td> | |
| 139 | + <td>이민서<p class="msg">(OO고등학교 1학년 3반 7번)</p> | |
| 140 | + </td> | |
| 141 | + <td data-tit="제출일 / 수정일">2025-11-15 15:00</td> | |
| 142 | + <td> | |
| 143 | + <div class="tbl-btn-cont"> | |
| 144 | + <button type="button" class="btn sm">조회</button> | |
| 145 | + </div> | |
| 146 | + </td> | |
| 147 | + </tr> | |
| 148 | + <tr> | |
| 149 | + <td>1</td> | |
| 150 | + <td data-tit="우수과제물"></td> | |
| 151 | + <td class="align-left"> | |
| 152 | + <div class="label-area margin-bottom-xsm"> | |
| 153 | + <span class="label sm">마감 후 제출</span> | |
| 154 | + </div> | |
| 155 | + <a href="#none" class="table-title"><i class="ico-attach"></i>[국어] 기말고사 대비 기출 | |
| 156 | + 100문제_이것만 다 풀면 100점입니다!!</a> | |
| 157 | + </td> | |
| 158 | + <td>이민서<p class="msg">(OO고등학교 1학년 3반 7번)</p> | |
| 159 | + </td> | |
| 160 | + <td data-tit="제출일 / 수정일">2025-11-15 15:00</td> | |
| 161 | + <td> | |
| 162 | + <div class="tbl-btn-cont"> | |
| 163 | + <button type="button" class="btn sm">조회</button> | |
| 164 | + </div> | |
| 165 | + </td> | |
| 166 | + </tr> | |
| 167 | + </tbody> | |
| 168 | + </table> | |
| 169 | + </div> | |
| 170 | + <div class="btn-flex-cont"> | |
| 171 | + <div class="l-area"> | |
| 172 | + <a href="#none" class="btn">과제목록</a> | |
| 173 | + </div> | |
| 174 | + <div class="r-area"> | |
| 175 | + <button type="submit" class="btn secondary">내 제출 과제 모아보기</button> | |
| 176 | + </div> | |
| 177 | + </div> | |
| 178 | + <div class="txt-none"> | |
| 179 | + <figure> | |
| 180 | + <img src="../../../../resources/front/site/SITE_00000/images/common/common/txt_none.svg" | |
| 181 | + alt="콘텐츠 없음"> | |
| 182 | + </figure> | |
| 183 | + <p>목록이 비어있습니다.</p> | |
| 184 | + </div> | |
| 185 | + <ul class="pagenation"> | |
| 186 | + <li class="ppv"> | |
| 187 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 188 | + </li> | |
| 189 | + <li class="pv"> | |
| 190 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 191 | + </li> | |
| 192 | + <li class="current"> | |
| 193 | + <a href="#none" title="1번째 목록으로 이동합니다">1</a> | |
| 194 | + </li> | |
| 195 | + <li> | |
| 196 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 197 | + </li> | |
| 198 | + <li> | |
| 199 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 200 | + </li> | |
| 201 | + <li> | |
| 202 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 203 | + </li> | |
| 204 | + <li> | |
| 205 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 206 | + </li> | |
| 207 | + <li class="fw"> | |
| 208 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 209 | + </li> | |
| 210 | + <li class="ffw"> | |
| 211 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 212 | + </li> | |
| 213 | + </ul> | |
| 214 | + </div> | |
| 215 | + </div> | |
| 216 | + | |
| 217 | + <footer class="site-footer"></footer> | |
| 218 | + </div> | |
| 219 | + | |
| 220 | + <!-- toast --> | |
| 221 | + <div class="toast"></div> | |
| 222 | + | |
| 223 | + <!--popup--> | |
| 224 | + <div class="dim"></div> | |
| 225 | +</body> | |
| 226 | + | |
| 227 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/class/homeworkUpload.html
... | ... | @@ -0,0 +1,322 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | +</head> | |
| 36 | + | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <!-- for-teacher / for-student --> | |
| 42 | + <div class="container"> | |
| 43 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 44 | + <header class="site-header"></header> | |
| 45 | + | |
| 46 | + <div class="site-body" id="skipToContents"> | |
| 47 | + <div class="wrap"> | |
| 48 | + <div class="page-tit-area"> | |
| 49 | + <div class="l-area"> | |
| 50 | + <h2 class="title-xlg">과제 제출하기</h2> | |
| 51 | + </div> | |
| 52 | + </div> | |
| 53 | + <section class="section"> | |
| 54 | + <div class="section-tit-area"> | |
| 55 | + <div class="l-area"> | |
| 56 | + <h3 class="txt-hide">기본 정보</h3> | |
| 57 | + </div> | |
| 58 | + </div> | |
| 59 | + <div class="write-type"> | |
| 60 | + <table> | |
| 61 | + <caption>기본 정보 입력</caption> | |
| 62 | + <colgroup> | |
| 63 | + <col style="width: 160px;"> | |
| 64 | + <col> | |
| 65 | + </colgroup> | |
| 66 | + <tbody> | |
| 67 | + <tr> | |
| 68 | + <th scope="row">이름 (ID)</th> | |
| 69 | + <td> | |
| 70 | + 이민서 6학년3반6번 (student_id_12345) / 학생B 6학년3반7번 (student_id_12322) | |
| 71 | + <div class="btn-group"> | |
| 72 | + <button type="button" class="btn sm ico-plus">제출 인원 추가</button> | |
| 73 | + </div> | |
| 74 | + </td> | |
| 75 | + </tr> | |
| 76 | + <tr> | |
| 77 | + <th scope="row">제출일</th> | |
| 78 | + <td> | |
| 79 | + <div class="label-area"> | |
| 80 | + <span class="label-mark accent">마감 후 제출</span> | |
| 81 | + <span class="label-mark info">마감 후 수정됨</span> | |
| 82 | + </div> | |
| 83 | + 2025년 11월 15일 오후 11:59 | |
| 84 | + </td> | |
| 85 | + </tr> | |
| 86 | + <tr> | |
| 87 | + <th scope="row">파일 업로드</th> | |
| 88 | + <td> | |
| 89 | + <div class="file-drag-area"> | |
| 90 | + <input type="file" class="input-file"> | |
| 91 | + <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br> | |
| 92 | + 대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p> | |
| 93 | + <span class="btn ico-upload primary">파일 선택</span> | |
| 94 | + </div> | |
| 95 | + <div class="item-list-box drag-file-list"> | |
| 96 | + <div class="item"> | |
| 97 | + <div class="txt-area"> | |
| 98 | + <i class="ico-attach"></i> | |
| 99 | + <p class="txt"> | |
| 100 | + 첨부파일명.pdf | |
| 101 | + </p> | |
| 102 | + <small>124kb</small> | |
| 103 | + </div> | |
| 104 | + <div class="item-fnc-area"> | |
| 105 | + <a href="#none" class="ico-download">다운로드</a> | |
| 106 | + <button type="button" class="ico-delete">삭제</button> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + <div class="item"> | |
| 110 | + <div class="txt-area"> | |
| 111 | + <i class="ico-attach"></i> | |
| 112 | + <p class="txt"> | |
| 113 | + 첨부파일명.pdf | |
| 114 | + </p> | |
| 115 | + <small>124kb</small> | |
| 116 | + </div> | |
| 117 | + <div class="item-fnc-area"> | |
| 118 | + <a href="#none" class="ico-download">다운로드</a> | |
| 119 | + <button type="button" class="ico-delete">삭제</button> | |
| 120 | + </div> | |
| 121 | + </div> | |
| 122 | + </div> | |
| 123 | + </td> | |
| 124 | + </tr> | |
| 125 | + <tr> | |
| 126 | + <th scope="row">내용</th> | |
| 127 | + <td> | |
| 128 | + <textarea title="내용 입력" placeholder="내용을 입력하세요."></textarea> | |
| 129 | + </td> | |
| 130 | + </tr> | |
| 131 | + </tbody> | |
| 132 | + </table> | |
| 133 | + </div> | |
| 134 | + </section> | |
| 135 | + <section class="section"> | |
| 136 | + <header class="tit-area"> | |
| 137 | + <div class="l-area"><h3 class="title">지정된 서식</h3></div> | |
| 138 | + </header> | |
| 139 | + <div class="form-view-result"> | |
| 140 | + <div class="form-section bg-area"> | |
| 141 | + <div class="form-section-body wrap-sm"> | |
| 142 | + <div class="form-item-section"> | |
| 143 | + <div class="form-item-list"> | |
| 144 | + <div class="form-item"> | |
| 145 | + <div class="q-area"> | |
| 146 | + <div class="q-tit"> | |
| 147 | + <div class="l-area"> | |
| 148 | + <span class="label num lg">1</span> | |
| 149 | + <div class="q-txt"> | |
| 150 | + 한강 작가의 채식주의자를 읽고 느낀점을 100자 이내로 작성하세요. | |
| 151 | + </div> | |
| 152 | + </div> | |
| 153 | + </div> | |
| 154 | + </div> | |
| 155 | + <div class="a-area"> | |
| 156 | + <div class="txt-count-area"> | |
| 157 | + <textarea placeholder="내용을 입력하세요." title="내용 입력"></textarea> | |
| 158 | + <div class="txt-count"><span>0</span>자</div> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + </div> | |
| 162 | + <div class="form-item"> | |
| 163 | + <div class="q-area"> | |
| 164 | + <div class="q-tit"> | |
| 165 | + <div class="l-area"> | |
| 166 | + <span class="label num lg">2</span> | |
| 167 | + <div class="q-txt"> | |
| 168 | + 우리나라에서 노벨문학상 작가가 탄생하게된 감상을 100자 이내로 작성하세요. | |
| 169 | + </div> | |
| 170 | + </div> | |
| 171 | + </div> | |
| 172 | + </div> | |
| 173 | + <div class="a-area"> | |
| 174 | + <div class="txt-count-area"> | |
| 175 | + <textarea placeholder="내용을 입력하세요." title="내용 입력"></textarea> | |
| 176 | + <div class="txt-count"><span>15</span>자</div> | |
| 177 | + </div> | |
| 178 | + </div> | |
| 179 | + </div> | |
| 180 | + <div class="form-item"> | |
| 181 | + <div class="q-area"> | |
| 182 | + <div class="q-tit"> | |
| 183 | + <div class="l-area"> | |
| 184 | + <span class="label num lg">2</span> | |
| 185 | + <div class="q-txt"> | |
| 186 | + 노벨문학상을 수상한 다른 작가의 책을 읽고 느낌점을 50자 이내로 작성하세요. | |
| 187 | + </div> | |
| 188 | + </div> | |
| 189 | + </div> | |
| 190 | + </div> | |
| 191 | + <div class="a-area"> | |
| 192 | + <div class="txt-count-area"> | |
| 193 | + <textarea placeholder="내용을 입력하세요." title="내용 입력"></textarea> | |
| 194 | + <div class="txt-count"><span>15</span>자</div> | |
| 195 | + </div> | |
| 196 | + </div> | |
| 197 | + </div> | |
| 198 | + </div> | |
| 199 | + </div> | |
| 200 | + </div> | |
| 201 | + </div> | |
| 202 | + </div> | |
| 203 | + </section> | |
| 204 | + <div class="btn-cont"> | |
| 205 | + <a href="#none" class="btn lg">취소</a> | |
| 206 | + <a href="#none" class="btn lg secondary">임시저장</a> | |
| 207 | + <a href="#none" class="btn lg primary">등록</a> | |
| 208 | + </div> | |
| 209 | + </div> | |
| 210 | + </div> | |
| 211 | + | |
| 212 | + <footer class="site-footer"></footer> | |
| 213 | + </div> | |
| 214 | + <!-- toast --> | |
| 215 | + <div class="toast"></div> | |
| 216 | + | |
| 217 | + <!--popup--> | |
| 218 | + <div class="dim"></div> | |
| 219 | + <script> | |
| 220 | + $(document).ready(function () { | |
| 221 | + const maxFileSize = 300 * 1024 * 1024; //300mb | |
| 222 | + const maxFileCount = 1; | |
| 223 | + | |
| 224 | + // 드래그 앤 드롭 이벤트 핸들링 | |
| 225 | + $('.file-drag-area').each(function () { | |
| 226 | + const $fileDragArea = $(this); | |
| 227 | + const $fileList = $fileDragArea.siblings('.drag-file-list'); | |
| 228 | + | |
| 229 | + $fileDragArea.on('dragover', function (e) { | |
| 230 | + e.preventDefault(); | |
| 231 | + e.stopPropagation(); | |
| 232 | + $fileDragArea.addClass('is-dragover'); | |
| 233 | + }); | |
| 234 | + | |
| 235 | + $fileDragArea.on('dragleave', function (e) { | |
| 236 | + e.preventDefault(); | |
| 237 | + e.stopPropagation(); | |
| 238 | + $fileDragArea.removeClass('is-dragover'); | |
| 239 | + }); | |
| 240 | + | |
| 241 | + $fileDragArea.on('drop', function (e) { | |
| 242 | + e.preventDefault(); | |
| 243 | + e.stopPropagation(); | |
| 244 | + $fileDragArea.removeClass('is-dragover'); | |
| 245 | + | |
| 246 | + const files = e.originalEvent.dataTransfer.files; | |
| 247 | + | |
| 248 | + if (files.length > maxFileCount) { | |
| 249 | + alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`); | |
| 250 | + return; | |
| 251 | + } | |
| 252 | + | |
| 253 | + handleFiles(files, $fileList); | |
| 254 | + }); | |
| 255 | + | |
| 256 | + // 파일 선택 버튼 클릭 시 | |
| 257 | + $fileDragArea.find('.input-file').on('change', function () { | |
| 258 | + const files = this.files; | |
| 259 | + | |
| 260 | + if (files.length > maxFileCount) { | |
| 261 | + alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`); | |
| 262 | + return; | |
| 263 | + } | |
| 264 | + | |
| 265 | + handleFiles(files, $fileList); | |
| 266 | + }); | |
| 267 | + }); | |
| 268 | + | |
| 269 | + function handleFiles(files, $fileList) { | |
| 270 | + for (const file of files) { | |
| 271 | + if (file.size > maxFileSize) { | |
| 272 | + alert(`${file.name}은(는) 파일 크기 제한(500KB)을 초과했습니다.`); | |
| 273 | + continue; | |
| 274 | + } | |
| 275 | + | |
| 276 | + const fileItem = ` | |
| 277 | + <div class="item"> | |
| 278 | + <div class="txt-area"> | |
| 279 | + <i class="ico-attach"></i> | |
| 280 | + <p class="txt"> | |
| 281 | + ${file.name} | |
| 282 | + </p> | |
| 283 | + <small>${(file.size / 1024).toFixed(2)} KB</small> | |
| 284 | + </div> | |
| 285 | + <div class="item-fnc-area"> | |
| 286 | + <a href="#none" class="ico-download">다운로드</a> | |
| 287 | + <button type="button" class="ico-delete">삭제</button> | |
| 288 | + </div> | |
| 289 | + </div> | |
| 290 | + `; | |
| 291 | + | |
| 292 | + | |
| 293 | + $fileList.append(fileItem); | |
| 294 | + } | |
| 295 | + } | |
| 296 | + | |
| 297 | + // 파일 삭제 버튼 클릭 시 | |
| 298 | + $(document).on('click', '.item .ico-delete', function () { | |
| 299 | + $(this).closest('.item').remove(); | |
| 300 | + }); | |
| 301 | + }); | |
| 302 | + | |
| 303 | + </script> | |
| 304 | + <script> | |
| 305 | + $(document).ready(function () { | |
| 306 | + $(".a-write-list").sortable({ | |
| 307 | + handle: $(".a-write-list > li").find(".ico-move"), | |
| 308 | + containment: "parent", | |
| 309 | + update: function (event, ui) { | |
| 310 | + var $list = $(this).children("li"); | |
| 311 | + $list.each(function () { | |
| 312 | + var $li = $(this); | |
| 313 | + var newVal = $(this).index() + 1; | |
| 314 | + $(this).find(".num").html(newVal); | |
| 315 | + }); | |
| 316 | + }, | |
| 317 | + }); | |
| 318 | + }); | |
| 319 | + </script> | |
| 320 | +</body> | |
| 321 | + | |
| 322 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/class/pop_attend.html
... | ... | @@ -0,0 +1,76 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 25 | + <!-- chart --> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 28 | + <!-- //chart --> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + | |
| 31 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 33 | + <!--//퍼블 layout--> | |
| 34 | + | |
| 35 | + <!-- 공통 메뉴 js--> | |
| 36 | + <!-- //공통 메뉴 js --> | |
| 37 | + | |
| 38 | + <!--공통 퍼블 js--> | |
| 39 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 40 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 41 | + <!--//공통 퍼블 js--> | |
| 42 | +</head> | |
| 43 | + | |
| 44 | +<body> | |
| 45 | + <div class="popup-modal sm" data-popuppub="popupmodal"> | |
| 46 | + <div class="pop-header"> | |
| 47 | + <h1>스마트출석</h1> | |
| 48 | + <p>선생님께서 보여주시는 인증번호를 입력하세요. QR코드 출석은 카메라로 인식해주세요. </p> | |
| 49 | + </div> | |
| 50 | + <div class="pop-body"> | |
| 51 | + <textarea placeholder="텍스트를 입력하세요." title="텍스트 입력"></textarea> | |
| 52 | + </div> | |
| 53 | + | |
| 54 | + <div class="pop-footer"> | |
| 55 | + <div class="pop-btn-cont"> | |
| 56 | + <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> | |
| 57 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button> | |
| 58 | + </div> | |
| 59 | + </div> | |
| 60 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 61 | + </div> | |
| 62 | + | |
| 63 | + <!-- toast --> | |
| 64 | + <div class="toast"></div> | |
| 65 | + | |
| 66 | + <!--popup--> | |
| 67 | + <div class="dim"></div> | |
| 68 | + | |
| 69 | + <script> | |
| 70 | + $(document).ready(function () { | |
| 71 | + popupOpenPub('popupmodal'); | |
| 72 | + }); | |
| 73 | + </script> | |
| 74 | +</body> | |
| 75 | + | |
| 76 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/class/pop_homeworkCurrentView .html
... | ... | @@ -0,0 +1,190 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 25 | + <!-- chart --> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 28 | + <!-- //chart --> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + | |
| 31 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 33 | + <!--//퍼블 layout--> | |
| 34 | + | |
| 35 | + <!-- 공통 메뉴 js--> | |
| 36 | + <!-- //공통 메뉴 js --> | |
| 37 | + | |
| 38 | + <!--공통 퍼블 js--> | |
| 39 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 40 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 41 | + <!--//공통 퍼블 js--> | |
| 42 | +</head> | |
| 43 | + | |
| 44 | +<body> | |
| 45 | + <div class="popup-modal" data-popuppub="popupmodal"> | |
| 46 | + <div class="pop-header"> | |
| 47 | + <h1>과제물 조회</h1> | |
| 48 | + </div> | |
| 49 | + <div class="pop-body"> | |
| 50 | + <div class="fnc-area"> | |
| 51 | + <div class="r-area"> | |
| 52 | + <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p> | |
| 53 | + </div> | |
| 54 | + </div> | |
| 55 | + <div class="write-type"> | |
| 56 | + <table> | |
| 57 | + <caption>과제물 조회</caption> | |
| 58 | + <colgroup> | |
| 59 | + <col style="width:160px"> | |
| 60 | + <col> | |
| 61 | + </colgroup> | |
| 62 | + <tbody> | |
| 63 | + <tr> | |
| 64 | + <th scope="row">이름(ID)</th> | |
| 65 | + <td> | |
| 66 | + NAME(ID) <small>OO고등학교 #학년 #반 #번</small> | |
| 67 | + </td> | |
| 68 | + </tr> | |
| 69 | + <tr> | |
| 70 | + <th scope="row">제출일</th> | |
| 71 | + <td> | |
| 72 | + 2025년 11월 15일 오후 11:59 | |
| 73 | + <span class="label sm">마감 후 제출</span> | |
| 74 | + </td> | |
| 75 | + </tr> | |
| 76 | + <tr> | |
| 77 | + <th scope="row">내용</th> | |
| 78 | + <td>3조 이민서입니다. 늦어서 죄송합니다. 과제 마감일이 겹친 것들이 많아서 완성도를 높이지 못한 것에 스스로도 | |
| 79 | + 아쉬움이 큽니다. 피드백 보강해서 최종제출 합니다. 감사합니다!! ^^</td> | |
| 80 | + </tr> | |
| 81 | + <tr> | |
| 82 | + <th scope="row">첨부된 파일</th> | |
| 83 | + <td> | |
| 84 | + <div class="item-list-box order-front"> | |
| 85 | + <div class="item"> | |
| 86 | + <div class="txt-area"> | |
| 87 | + <i class="ico-attach"></i> | |
| 88 | + <p class="txt"> | |
| 89 | + 첨부파일명.pdf | |
| 90 | + </p> | |
| 91 | + <small>124kb</small> | |
| 92 | + </div> | |
| 93 | + <div class="item-fnc-area"> | |
| 94 | + <a href="#none" class="ico-download">다운로드</a> | |
| 95 | + </div> | |
| 96 | + </div> | |
| 97 | + <div class="item"> | |
| 98 | + <div class="txt-area"> | |
| 99 | + <i class="ico-attach"></i> | |
| 100 | + <p class="txt"> | |
| 101 | + 첨부파일명.pdf | |
| 102 | + </p> | |
| 103 | + <small>124kb</small> | |
| 104 | + </div> | |
| 105 | + <div class="item-fnc-area"> | |
| 106 | + <a href="#none" class="ico-download">다운로드</a> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + </div> | |
| 110 | + </td> | |
| 111 | + </tr> | |
| 112 | + </tbody> | |
| 113 | + </table> | |
| 114 | + </div> | |
| 115 | + <section class="section"> | |
| 116 | + <header class="tit-area"> | |
| 117 | + <div class="l-area"><h3 class="title">지정된 서식</h3></div> | |
| 118 | + </header> | |
| 119 | + <div class="form-view-result"> | |
| 120 | + <div class="form-section bg-area"> | |
| 121 | + <div class="form-section-body wrap-sm"> | |
| 122 | + <div class="form-item-section"> | |
| 123 | + <div class="form-item-list"> | |
| 124 | + <div class="form-item"> | |
| 125 | + <div class="q-area"> | |
| 126 | + <div class="q-tit"> | |
| 127 | + <div class="l-area"> | |
| 128 | + <span class="label num lg">1</span> | |
| 129 | + <div class="q-txt"> | |
| 130 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 131 | + </div> | |
| 132 | + </div> | |
| 133 | + </div> | |
| 134 | + </div> | |
| 135 | + <div class="a-area"> | |
| 136 | + <div class="txt-count-area"> | |
| 137 | + <div class="txt">㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용 ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용</div> | |
| 138 | + <div class="txt-count">9999자</div> | |
| 139 | + </div> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + <div class="form-item"> | |
| 143 | + <div class="q-area"> | |
| 144 | + <div class="q-tit"> | |
| 145 | + <div class="l-area"> | |
| 146 | + <span class="label num lg">2</span> | |
| 147 | + <div class="q-txt"> | |
| 148 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 149 | + </div> | |
| 150 | + </div> | |
| 151 | + </div> | |
| 152 | + </div> | |
| 153 | + <div class="a-area"> | |
| 154 | + <div class="txt-count-area"> | |
| 155 | + <div class="txt">내용 내용</div> | |
| 156 | + <div class="txt-count">9999자</div> | |
| 157 | + </div> | |
| 158 | + </div> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + </div> | |
| 162 | + </div> | |
| 163 | + </div> | |
| 164 | + </div> | |
| 165 | + </section> | |
| 166 | + </div> | |
| 167 | + | |
| 168 | + <div class="pop-footer"> | |
| 169 | + <div class="pop-btn-cont"> | |
| 170 | + <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> | |
| 171 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button> | |
| 172 | + </div> | |
| 173 | + </div> | |
| 174 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 175 | + </div> | |
| 176 | + | |
| 177 | + <!-- toast --> | |
| 178 | + <div class="toast"></div> | |
| 179 | + | |
| 180 | + <!--popup--> | |
| 181 | + <div class="dim"></div> | |
| 182 | + | |
| 183 | + <script> | |
| 184 | + $(document).ready(function () { | |
| 185 | + popupOpenPub('popupmodal'); | |
| 186 | + }); | |
| 187 | + </script> | |
| 188 | +</body> | |
| 189 | + | |
| 190 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/class/pop_memberFind.html
... | ... | @@ -0,0 +1,139 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 25 | + <!-- chart --> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 28 | + <!-- //chart --> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + | |
| 31 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 33 | + <!--//퍼블 layout--> | |
| 34 | + | |
| 35 | + <!-- 공통 메뉴 js--> | |
| 36 | + <!-- //공통 메뉴 js --> | |
| 37 | + | |
| 38 | + <!--공통 퍼블 js--> | |
| 39 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 40 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 41 | + <!--//공통 퍼블 js--> | |
| 42 | +</head> | |
| 43 | + | |
| 44 | +<body> | |
| 45 | + <div class="popup-modal lg" data-popuppub="popupmodal"> | |
| 46 | + <div class="pop-header"> | |
| 47 | + <h1>수강생 검색</h1> | |
| 48 | + </div> | |
| 49 | + <div class="pop-body"> | |
| 50 | + <section class="org-area"> | |
| 51 | + <h3 class="txt-hide">수강생 검색</h3> | |
| 52 | + <aritcle class="org-nav"> | |
| 53 | + <h4 class="txt-hide">학교,학년,반</h4> | |
| 54 | + <ul class="org-nav-body"> | |
| 55 | + <li> | |
| 56 | + <input type="radio" id="classNm" name="class"> | |
| 57 | + <label for="classNm">강의 명</label> | |
| 58 | + </li> | |
| 59 | + </ul> | |
| 60 | + </aritcle> | |
| 61 | + <article class="org-cont"> | |
| 62 | + <header class="org-cont-header"> | |
| 63 | + <h4 class="txt-hide">멤버 리스트</h4> | |
| 64 | + <div class="l-area"> | |
| 65 | + <div class="org-chk"> | |
| 66 | + <input type="checkbox" id="org-stu"> | |
| 67 | + <label for="org-stu"> | |
| 68 | + <span>전체선택</span> | |
| 69 | + </label> | |
| 70 | + </div> | |
| 71 | + </div> | |
| 72 | + <div class="r-area"> | |
| 73 | + <fieldset class="search-area"> | |
| 74 | + <legend>검색</legend> | |
| 75 | + <div class="search"> | |
| 76 | + <input type="text" id="search-member" placeholder="이름, 아이디로 검색하세요." title="이름, 아이디로 검색하세요."> | |
| 77 | + <button class="btn ico-search member-search-btn">검색</button> | |
| 78 | + </div> | |
| 79 | + </fieldset> | |
| 80 | + </div> | |
| 81 | + </header> | |
| 82 | + <ul class="org-cont-body"> | |
| 83 | + <li> | |
| 84 | + <input type="checkbox" id="people_2_10_0" value="ESNTL_00000000001429"> | |
| 85 | + <label for="people_2_10_0">선택</label> | |
| 86 | + <div class="profile"> | |
| 87 | + <div class="img-area"> | |
| 88 | + <figure> | |
| 89 | + <img src="../../../../resources/front/site/SITE_00000/images/common/profile/profile-stu.svg" alt="학생 섬네일"> | |
| 90 | + </figure> | |
| 91 | + </div> | |
| 92 | + <div class="txt-area"> | |
| 93 | + <strong class="profile-tit">학생명</strong> | |
| 94 | + <span>oo고등학교 3학년 1반</span> | |
| 95 | + </div> | |
| 96 | + </div> | |
| 97 | + </li> | |
| 98 | + <li> | |
| 99 | + <input type="checkbox" id="people_2_10_1" value="ESNTL_00000000167404"> | |
| 100 | + <label for="people_2_10_1">선택</label> | |
| 101 | + <div class="profile"> | |
| 102 | + <div class="img-area"> | |
| 103 | + <figure> | |
| 104 | + <img src="../../../../resources/front/site/SITE_00000/images/common/profile/profile-stu.svg" alt="학생 섬네일"> | |
| 105 | + </figure> | |
| 106 | + </div> | |
| 107 | + <div class="txt-area"> | |
| 108 | + <strong class="profile-tit">학생명</strong> | |
| 109 | + <span>oo고등학교 3학년 1반</span> | |
| 110 | + </div> | |
| 111 | + </div> | |
| 112 | + </li> | |
| 113 | + </ul> | |
| 114 | + </article> | |
| 115 | + </section> | |
| 116 | + </div> | |
| 117 | + | |
| 118 | + <div class="pop-footer"> | |
| 119 | + <div class="pop-btn-cont"> | |
| 120 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">선택 된 3명 추가</button> | |
| 121 | + </div> | |
| 122 | + </div> | |
| 123 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 124 | + </div> | |
| 125 | + | |
| 126 | + <!-- toast --> | |
| 127 | + <div class="toast"></div> | |
| 128 | + | |
| 129 | + <!--popup--> | |
| 130 | + <div class="dim"></div> | |
| 131 | + | |
| 132 | + <script> | |
| 133 | + $(document).ready(function() { | |
| 134 | + popupOpenPub('popupmodal'); | |
| 135 | + }); | |
| 136 | + </script> | |
| 137 | +</body> | |
| 138 | + | |
| 139 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/class/pop_studentReflection.html
... | ... | @@ -0,0 +1,75 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 25 | + <!-- chart --> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 28 | + <!-- //chart --> | |
| 29 | + <!-- //페이지 plugin--> | |
| 30 | + | |
| 31 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 33 | + <!--//퍼블 layout--> | |
| 34 | + | |
| 35 | + <!-- 공통 메뉴 js--> | |
| 36 | + <!-- //공통 메뉴 js --> | |
| 37 | + | |
| 38 | + <!--공통 퍼블 js--> | |
| 39 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 40 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 41 | + <!--//공통 퍼블 js--> | |
| 42 | +</head> | |
| 43 | + | |
| 44 | +<body> | |
| 45 | + <div class="popup-modal sm" data-popuppub="popupmodal"> | |
| 46 | + <div class="pop-header"> | |
| 47 | + <h1>성찰일지</h1> | |
| 48 | + </div> | |
| 49 | + <div class="pop-body"> | |
| 50 | + <textarea placeholder="학습 후 느끼는 점을 입력하세요." title="텍스트 입력"></textarea> | |
| 51 | + </div> | |
| 52 | + | |
| 53 | + <div class="pop-footer"> | |
| 54 | + <div class="pop-btn-cont"> | |
| 55 | + <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> | |
| 56 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button> | |
| 57 | + </div> | |
| 58 | + </div> | |
| 59 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 60 | + </div> | |
| 61 | + | |
| 62 | + <!-- toast --> | |
| 63 | + <div class="toast"></div> | |
| 64 | + | |
| 65 | + <!--popup--> | |
| 66 | + <div class="dim"></div> | |
| 67 | + | |
| 68 | + <script> | |
| 69 | + $(document).ready(function () { | |
| 70 | + popupOpenPub('popupmodal'); | |
| 71 | + }); | |
| 72 | + </script> | |
| 73 | +</body> | |
| 74 | + | |
| 75 | +</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?