+++ html/onSejong/manager/myclass/completionProcess.html
... | ... | @@ -0,0 +1,213 @@ |
| 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 | + <aside class="lnb"></aside> | |
| 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 | + <div class="fnc-area"> | |
| 59 | + <div class="r-area"> | |
| 60 | + <button class="btn sm ico-download back">엑셀 다운로드</button> | |
| 61 | + </div> | |
| 62 | + </div> | |
| 63 | + <div class="write-type"> | |
| 64 | + <table> | |
| 65 | + <caption>과정이수처리 상세</caption> | |
| 66 | + <colgroup> | |
| 67 | + <col style="width: 160px" /> | |
| 68 | + <col /> | |
| 69 | + <col style="width: 160px" /> | |
| 70 | + <col /> | |
| 71 | + </colgroup> | |
| 72 | + <tbody> | |
| 73 | + <tr> | |
| 74 | + <th scope="row">과정</th> | |
| 75 | + <td>인공지능 수학 (2025년2학기)</td> | |
| 76 | + <th scope="row">담당교사</th> | |
| 77 | + <td>김세종</td> | |
| 78 | + </tr> | |
| 79 | + <tr> | |
| 80 | + <th scope="row">요일 · 시간</th> | |
| 81 | + <td colspan="3">[화 7], [수 5], [목 4]</td> | |
| 82 | + </tr> | |
| 83 | + </tbody> | |
| 84 | + </table> | |
| 85 | + </div> | |
| 86 | + <div class="fnc-extend-area"> | |
| 87 | + <div class="extend-default-area"> | |
| 88 | + <div class="l-area"> | |
| 89 | + <p class="total"> | |
| 90 | + 총 | |
| 91 | + <em>00</em> | |
| 92 | + 건 | |
| 93 | + </p> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + <div class="extend-fnc-area"> | |
| 97 | + <div class="l-area"> | |
| 98 | + <div class="checkradio"> | |
| 99 | + <input type="checkbox" class="icon-only" id="chk_all" /> | |
| 100 | + <label for="chk_all">선택</label> | |
| 101 | + </div> | |
| 102 | + <div class="btn-group"> | |
| 103 | + <button class="btn xsm">미이수</button> | |
| 104 | + <button class="btn xsm">이수</button> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + <div class="list-type"> | |
| 110 | + <table> | |
| 111 | + <caption>성적직접관리 상세</caption> | |
| 112 | + <colgroup> | |
| 113 | + <col style="width: 48px"> | |
| 114 | + <col> | |
| 115 | + <col> | |
| 116 | + <col style="width: 160px"> | |
| 117 | + <col> | |
| 118 | + <col> | |
| 119 | + <col style="width: 88px"> | |
| 120 | + <col style="width: 160px"> | |
| 121 | + <col style="width: 360px"> | |
| 122 | + </colgroup> | |
| 123 | + <thead> | |
| 124 | + <tr> | |
| 125 | + <th scope="col"></th> | |
| 126 | + <th scope="col">연번</th> | |
| 127 | + <th scope="col">학년</th> | |
| 128 | + <th scope="col">학교</th> | |
| 129 | + <th scope="col">반</th> | |
| 130 | + <th scope="col">번호</th> | |
| 131 | + <th scope="col">성명</th> | |
| 132 | + <th scope="col">상태<br><small>(처리날짜)</small></th> | |
| 133 | + <th scope="col">학생별 특기사항(메모)</th> | |
| 134 | + </tr> | |
| 135 | + </thead> | |
| 136 | + <tbody> | |
| 137 | + <tr> | |
| 138 | + <td> | |
| 139 | + <div class="checkradio"> | |
| 140 | + <input type="checkbox" class="icon-only" id="chk1_1"> | |
| 141 | + <label for="chk1_1">선택</label> | |
| 142 | + </div> | |
| 143 | + </td> | |
| 144 | + <td>3</td> | |
| 145 | + <td>2</td> | |
| 146 | + <td>세종고등학교</td> | |
| 147 | + <td>1</td> | |
| 148 | + <td>1</td> | |
| 149 | + <td>김세연</td> | |
| 150 | + <td>-<br>(-)</td> | |
| 151 | + <td> | |
| 152 | + <div> | |
| 153 | + <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea> | |
| 154 | + </div> | |
| 155 | + </td> | |
| 156 | + </tr> | |
| 157 | + <tr> | |
| 158 | + <td> | |
| 159 | + <div class="checkradio"> | |
| 160 | + <input type="checkbox" class="icon-only" id="chk1_2" disabled> | |
| 161 | + <label for="chk1_2">선택</label> | |
| 162 | + </div> | |
| 163 | + </td> | |
| 164 | + <td>2</td> | |
| 165 | + <td>2</td> | |
| 166 | + <td>세종고등학교</td> | |
| 167 | + <td>1</td> | |
| 168 | + <td>1</td> | |
| 169 | + <td>김세연</td> | |
| 170 | + <td>이수<br>(YYYY-MM-DD)</td> | |
| 171 | + <td> | |
| 172 | + <div> | |
| 173 | + <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea> | |
| 174 | + </div> | |
| 175 | + </td> | |
| 176 | + </tr> | |
| 177 | + <tr> | |
| 178 | + <td> | |
| 179 | + <div class="checkradio"> | |
| 180 | + <input type="checkbox" class="icon-only" id="chk1_3"> | |
| 181 | + <label for="chk1_3">선택</label> | |
| 182 | + </div> | |
| 183 | + </td> | |
| 184 | + <td>1</td> | |
| 185 | + <td>2</td> | |
| 186 | + <td>세종고등학교</td> | |
| 187 | + <td>1</td> | |
| 188 | + <td>1</td> | |
| 189 | + <td>김세연</td> | |
| 190 | + <td>이수<br>(YYYY-MM-DD)</td> | |
| 191 | + <td> | |
| 192 | + <div> | |
| 193 | + <textarea placeholder="내용을 입력하세요." title="텍스트 입력"></textarea> | |
| 194 | + </div> | |
| 195 | + </td> | |
| 196 | + </tr> | |
| 197 | + </tbody> | |
| 198 | + </table> | |
| 199 | + </div> | |
| 200 | + <div class="btn-cont"> | |
| 201 | + <button type="submit" class="btn lg primary">저장</button> | |
| 202 | + </div> | |
| 203 | + </div> | |
| 204 | + </div> | |
| 205 | + </div> | |
| 206 | + <footer class="site-footer"></footer> | |
| 207 | + </div> | |
| 208 | + <!-- toast --> | |
| 209 | + <div class="toast"></div> | |
| 210 | + <!--popup--> | |
| 211 | + <div class="dim"></div> | |
| 212 | + </body> | |
| 213 | +</html> |
+++ html/onSejong/manager/myclass/memberManage_auditor.html
... | ... | @@ -0,0 +1,230 @@ |
| 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 | + <aside class="lnb"></aside> | |
| 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 | + <ul class="tabs-nav-lg"> | |
| 59 | + <li><a href="#none">수강생관리</a></li> | |
| 60 | + <li><a href="#none" class="is-active" title="선택됨">청강생관리</a></li> | |
| 61 | + <li><a href="#none">팀티처관리</a></li> | |
| 62 | + <li><a href="#none">모둠관리</a></li> | |
| 63 | + </ul> | |
| 64 | + <div class="write-type"> | |
| 65 | + <table> | |
| 66 | + <caption>청강생 목록</caption> | |
| 67 | + <colgroup> | |
| 68 | + <col style="width: 160px" /> | |
| 69 | + <col /> | |
| 70 | + <col style="width: 160px" /> | |
| 71 | + <col /> | |
| 72 | + </colgroup> | |
| 73 | + <tbody> | |
| 74 | + <tr> | |
| 75 | + <th scope="row">과정</th> | |
| 76 | + <td>인공지능 수학 (2025년2학기)</td> | |
| 77 | + <th scope="row">담당교사</th> | |
| 78 | + <td>김세종</td> | |
| 79 | + </tr> | |
| 80 | + <tr> | |
| 81 | + <th scope="row">요일 · 시간</th> | |
| 82 | + <td colspan="3">[화 7], [수 5], [목 4]</td> | |
| 83 | + </tr> | |
| 84 | + </tbody> | |
| 85 | + </table> | |
| 86 | + </div> | |
| 87 | + <div class="section-tit-area"> | |
| 88 | + <div class="r-area"> | |
| 89 | + <button class="btn ico-mail">SMS 보내기</button> | |
| 90 | + <button class="btn primary ico-send">초대하기</button> | |
| 91 | + </div> | |
| 92 | + </div> | |
| 93 | + <div class="fnc-extend-area"> | |
| 94 | + <div class="extend-default-area"> | |
| 95 | + <div class="l-area"> | |
| 96 | + <p class="total"> | |
| 97 | + 전체 | |
| 98 | + <em>156</em> | |
| 99 | + 명 | |
| 100 | + </p> | |
| 101 | + </div> | |
| 102 | + <div class="r-area"> | |
| 103 | + <fieldset class="search-area"> | |
| 104 | + <legend>검색</legend> | |
| 105 | + <div class="search-option" title="검색 옵션 선택"> | |
| 106 | + <select title="검색 옵션 선택"> | |
| 107 | + <option>ID</option> | |
| 108 | + </select> | |
| 109 | + </div> | |
| 110 | + <div class="search"> | |
| 111 | + <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." /> | |
| 112 | + <button class="btn ico-search">검색</button> | |
| 113 | + </div> | |
| 114 | + </fieldset> | |
| 115 | + </div> | |
| 116 | + </div> | |
| 117 | + <div class="extend-fnc-area"> | |
| 118 | + <div class="l-area"> | |
| 119 | + <div class="checkradio"> | |
| 120 | + <input type="checkbox" class="icon-only" id="chk_all" /> | |
| 121 | + <label for="chk_all">선택</label> | |
| 122 | + </div> | |
| 123 | + <div class="btn-group"> | |
| 124 | + <button class="btn xsm">선택 승인</button> | |
| 125 | + <button class="btn xsm">선택 거절</button> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + </div> | |
| 129 | + </div> | |
| 130 | + <div class="list-type"> | |
| 131 | + <table> | |
| 132 | + <caption>수강생 목록</caption> | |
| 133 | + <colgroup> | |
| 134 | + <col style="width: 48px"> | |
| 135 | + <col> | |
| 136 | + <col> | |
| 137 | + <col style="width: 180px"> | |
| 138 | + <col style="width: 180px"> | |
| 139 | + <col style="width: 160px"> | |
| 140 | + </colgroup> | |
| 141 | + <thead> | |
| 142 | + <tr> | |
| 143 | + <th scope="col"></th> | |
| 144 | + <th scope="col">멤버정보</th> | |
| 145 | + <th scope="col">학교/학년/반/번호</th> | |
| 146 | + <th scope="col">전화번호</th> | |
| 147 | + <th scope="col">최근 접속일</th> | |
| 148 | + <th scope="col">관리</th> | |
| 149 | + </tr> | |
| 150 | + </thead> | |
| 151 | + <tbody> | |
| 152 | + <tr> | |
| 153 | + <td> | |
| 154 | + <div class="checkradio"> | |
| 155 | + <input type="checkbox" class="icon-only" id="chk1_1" /> | |
| 156 | + <label for="chk1_1">선택</label> | |
| 157 | + </div> | |
| 158 | + </td> | |
| 159 | + <td> | |
| 160 | + <div class="profile align-left"> | |
| 161 | + <div class="img-area"> | |
| 162 | + <figure> | |
| 163 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> | |
| 164 | + </figure> | |
| 165 | + </div> | |
| 166 | + <div class="txt-area"> | |
| 167 | + <strong class="profile-tit">학생명</strong> | |
| 168 | + <span>user_id</span> | |
| 169 | + </div> | |
| 170 | + <div class="fnc"> | |
| 171 | + <span class="label secondary">학생</span> | |
| 172 | + </div> | |
| 173 | + </div> | |
| 174 | + </td> | |
| 175 | + <td>OO고등학교 / 1학년 / 3반 / 12번</td> | |
| 176 | + <td>010-1234-5678</td> | |
| 177 | + <td data-tit="최근 접속일">2025-08-15 12:21</td> | |
| 178 | + <td> | |
| 179 | + <div class="btn-tbl-cont"> | |
| 180 | + <button type="button" class="btn sm primary">승인</button> | |
| 181 | + <button type="button" class="btn sm danger">거절</button> | |
| 182 | + </div> | |
| 183 | + </td> | |
| 184 | + </tr> | |
| 185 | + <tr> | |
| 186 | + <td> | |
| 187 | + <div class="checkradio"> | |
| 188 | + <input type="checkbox" class="icon-only" id="chk1_1" /> | |
| 189 | + <label for="chk1_1">선택</label> | |
| 190 | + </div> | |
| 191 | + </td> | |
| 192 | + <td> | |
| 193 | + <div class="profile align-left"> | |
| 194 | + <div class="img-area"> | |
| 195 | + <figure> | |
| 196 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> | |
| 197 | + </figure> | |
| 198 | + </div> | |
| 199 | + <div class="txt-area"> | |
| 200 | + <strong class="profile-tit">학생명</strong> | |
| 201 | + <span>user_id</span> | |
| 202 | + </div> | |
| 203 | + <div class="fnc"> | |
| 204 | + <span class="label secondary">학생</span> | |
| 205 | + </div> | |
| 206 | + </div> | |
| 207 | + </td> | |
| 208 | + <td>OO고등학교 / 1학년 / 3반 / 12번</td> | |
| 209 | + <td>010-1234-5678</td> | |
| 210 | + <td data-tit="최근 접속일">2025-08-15 12:21</td> | |
| 211 | + <td> | |
| 212 | + <div class="btn-tbl-cont"> | |
| 213 | + <button type="button" class="btn sm danger">승인취소</button> | |
| 214 | + </div> | |
| 215 | + </td> | |
| 216 | + </tr> | |
| 217 | + </tbody> | |
| 218 | + </table> | |
| 219 | + </div> | |
| 220 | + </div> | |
| 221 | + </div> | |
| 222 | + </div> | |
| 223 | + <footer class="site-footer"></footer> | |
| 224 | + </div> | |
| 225 | + <!-- toast --> | |
| 226 | + <div class="toast"></div> | |
| 227 | + <!--popup--> | |
| 228 | + <div class="dim"></div> | |
| 229 | + </body> | |
| 230 | +</html> |
+++ html/onSejong/manager/myclass/memberManage_group.html
... | ... | @@ -0,0 +1,201 @@ |
| 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 | + <aside class="lnb"></aside> | |
| 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 | + <ul class="tabs-nav-lg"> | |
| 59 | + <li><a href="#none">수강생관리</a></li> | |
| 60 | + <li><a href="#none">청강생관리</a></li> | |
| 61 | + <li><a href="#none">팀티처관리</a></li> | |
| 62 | + <li><a href="#none" class="is-active" title="선택됨">모둠관리</a></li> | |
| 63 | + </ul> | |
| 64 | + <div class="write-type"> | |
| 65 | + <table> | |
| 66 | + <caption>팀티처 목록</caption> | |
| 67 | + <colgroup> | |
| 68 | + <col style="width: 160px" /> | |
| 69 | + <col /> | |
| 70 | + <col style="width: 160px" /> | |
| 71 | + <col /> | |
| 72 | + </colgroup> | |
| 73 | + <tbody> | |
| 74 | + <tr> | |
| 75 | + <th scope="row">과정</th> | |
| 76 | + <td>인공지능 수학 (2025년2학기)</td> | |
| 77 | + <th scope="row">담당교사</th> | |
| 78 | + <td>김세종</td> | |
| 79 | + </tr> | |
| 80 | + <tr> | |
| 81 | + <th scope="row">요일 · 시간</th> | |
| 82 | + <td colspan="3">[화 7], [수 5], [목 4]</td> | |
| 83 | + </tr> | |
| 84 | + </tbody> | |
| 85 | + </table> | |
| 86 | + </div> | |
| 87 | + <div class="section-tit-area"> | |
| 88 | + <div class="r-area"> | |
| 89 | + <button class="btn primary ico-plus">모둠 만들기</button> | |
| 90 | + </div> | |
| 91 | + </div> | |
| 92 | + <div class="fnc-extend-area"> | |
| 93 | + <div class="extend-default-area"> | |
| 94 | + <div class="l-area"> | |
| 95 | + <p class="total"> | |
| 96 | + 전체 | |
| 97 | + <em>156</em> | |
| 98 | + 명 | |
| 99 | + </p> | |
| 100 | + </div> | |
| 101 | + <div class="r-area"> | |
| 102 | + <fieldset class="search-area"> | |
| 103 | + <legend>검색</legend> | |
| 104 | + <div class="search"> | |
| 105 | + <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." /> | |
| 106 | + <button class="btn ico-search">검색</button> | |
| 107 | + </div> | |
| 108 | + </fieldset> | |
| 109 | + </div> | |
| 110 | + </div> | |
| 111 | + <div class="extend-fnc-area"> | |
| 112 | + <div class="l-area"> | |
| 113 | + <div class="checkradio"> | |
| 114 | + <input type="checkbox" class="icon-only" id="chk_all" /> | |
| 115 | + <label for="chk_all">선택</label> | |
| 116 | + </div> | |
| 117 | + <div class="btn-group"> | |
| 118 | + <button class="btn xsm">선택 승인</button> | |
| 119 | + <button class="btn xsm">선택 거절</button> | |
| 120 | + </div> | |
| 121 | + </div> | |
| 122 | + </div> | |
| 123 | + </div> | |
| 124 | + <div class="list-type"> | |
| 125 | + <table> | |
| 126 | + <caption>모둠 목록</caption> | |
| 127 | + <colgroup> | |
| 128 | + <col /> | |
| 129 | + <col /> | |
| 130 | + <col style="width: 160px" /> | |
| 131 | + <col style="width: 120px" /> | |
| 132 | + <col style="width: 64px" /> | |
| 133 | + </colgroup> | |
| 134 | + <thead> | |
| 135 | + <tr> | |
| 136 | + <th scope="col">모둠명</th> | |
| 137 | + <th scope="col">멤버정보</th> | |
| 138 | + <th scope="col">등록일(수정일)</th> | |
| 139 | + <th scope="col">상태</th> | |
| 140 | + <th scope="col"></th> | |
| 141 | + </tr> | |
| 142 | + </thead> | |
| 143 | + <tbody> | |
| 144 | + <tr> | |
| 145 | + <td class="align-left"> | |
| 146 | + <p class="table-title"> | |
| 147 | + 1학년5반_남학생들 | |
| 148 | + <span class="label">8명</span> | |
| 149 | + </p> | |
| 150 | + </td> | |
| 151 | + <td data-tit="멤버정보" class="align-left">홍길동, 학생A, 학생B, 학생C,홍길동B, 학생D, 학생E, 학생F</td> | |
| 152 | + <td data-tit="등록일">2024-11-30 12:12</td> | |
| 153 | + <td> | |
| 154 | + <span class="label-state success">사용</span> | |
| 155 | + </td> | |
| 156 | + <td> | |
| 157 | + <div class="etc-fnc-area"> | |
| 158 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 159 | + <ul class="etc-fnc"> | |
| 160 | + <li><a href="#none">수정</a></li> | |
| 161 | + <li><a href="#none">삭제</a></li> | |
| 162 | + </ul> | |
| 163 | + </div> | |
| 164 | + </td> | |
| 165 | + </tr> | |
| 166 | + <tr> | |
| 167 | + <td class="align-left"> | |
| 168 | + <p class="table-title"> | |
| 169 | + 1학년5반_ ◇남학생들 ◇ | |
| 170 | + <span class="label">8명</span> | |
| 171 | + </p> | |
| 172 | + </td> | |
| 173 | + <td data-tit="멤버정보" class="align-left">홍길동, 학생A, 학생B, 학생C,홍길동B, 학생D, 학생E, 학생F</td> | |
| 174 | + <td data-tit="등록일">2024-11-30 12:12</td> | |
| 175 | + <td> | |
| 176 | + <span class="label-state">미사용</span> | |
| 177 | + </td> | |
| 178 | + <td> | |
| 179 | + <div class="etc-fnc-area"> | |
| 180 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 181 | + <ul class="etc-fnc"> | |
| 182 | + <li><a href="#none">수정</a></li> | |
| 183 | + <li><a href="#none">삭제</a></li> | |
| 184 | + </ul> | |
| 185 | + </div> | |
| 186 | + </td> | |
| 187 | + </tr> | |
| 188 | + </tbody> | |
| 189 | + </table> | |
| 190 | + </div> | |
| 191 | + </div> | |
| 192 | + </div> | |
| 193 | + </div> | |
| 194 | + <footer class="site-footer"></footer> | |
| 195 | + </div> | |
| 196 | + <!-- toast --> | |
| 197 | + <div class="toast"></div> | |
| 198 | + <!--popup--> | |
| 199 | + <div class="dim"></div> | |
| 200 | + </body> | |
| 201 | +</html> |
+++ html/onSejong/manager/myclass/memberManage_student.html
... | ... | @@ -0,0 +1,253 @@ |
| 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 | + <aside class="lnb"></aside> | |
| 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 | + <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 | + <li><a href="#none">모둠관리</a></li> | |
| 63 | + </ul> | |
| 64 | + <div class="write-type"> | |
| 65 | + <table> | |
| 66 | + <caption>과정이수처리 상세</caption> | |
| 67 | + <colgroup> | |
| 68 | + <col style="width: 160px" /> | |
| 69 | + <col /> | |
| 70 | + <col style="width: 160px" /> | |
| 71 | + <col /> | |
| 72 | + </colgroup> | |
| 73 | + <tbody> | |
| 74 | + <tr> | |
| 75 | + <th scope="row">과정</th> | |
| 76 | + <td>인공지능 수학 (2025년2학기)</td> | |
| 77 | + <th scope="row">담당교사</th> | |
| 78 | + <td>김세종</td> | |
| 79 | + </tr> | |
| 80 | + <tr> | |
| 81 | + <th scope="row">요일 · 시간</th> | |
| 82 | + <td colspan="3">[화 7], [수 5], [목 4]</td> | |
| 83 | + </tr> | |
| 84 | + </tbody> | |
| 85 | + </table> | |
| 86 | + </div> | |
| 87 | + <div class="section-tit-area"> | |
| 88 | + <div class="r-area"> | |
| 89 | + <button class="btn ico-mail">SMS 보내기</button> | |
| 90 | + <button class="btn primary ico-send">초대하기</button> | |
| 91 | + </div> | |
| 92 | + </div> | |
| 93 | + <div class="fnc-extend-area"> | |
| 94 | + <div class="extend-default-area"> | |
| 95 | + <div class="l-area"> | |
| 96 | + <p class="total"> | |
| 97 | + 전체 | |
| 98 | + <em>156</em> | |
| 99 | + 명 | |
| 100 | + </p> | |
| 101 | + </div> | |
| 102 | + <div class="r-area"> | |
| 103 | + <fieldset class="search-area"> | |
| 104 | + <legend>검색</legend> | |
| 105 | + <div class="search"> | |
| 106 | + <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." /> | |
| 107 | + <button class="btn ico-search">검색</button> | |
| 108 | + </div> | |
| 109 | + </fieldset> | |
| 110 | + </div> | |
| 111 | + </div> | |
| 112 | + <div class="extend-fnc-area"> | |
| 113 | + <div class="l-area"> | |
| 114 | + <div class="checkradio"> | |
| 115 | + <input type="checkbox" class="icon-only" id="chk_all" /> | |
| 116 | + <label for="chk_all">선택</label> | |
| 117 | + </div> | |
| 118 | + <div class="btn-group"> | |
| 119 | + <button class="btn xsm">선택 승인</button> | |
| 120 | + <button class="btn xsm">선택 거절</button> | |
| 121 | + </div> | |
| 122 | + </div> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + <div class="list-type"> | |
| 126 | + <table> | |
| 127 | + <caption>수강생 목록</caption> | |
| 128 | + <colgroup> | |
| 129 | + <col style="width: 48px"> | |
| 130 | + <col> | |
| 131 | + <col> | |
| 132 | + <col style="width: 180px"> | |
| 133 | + <col style="width: 180px"> | |
| 134 | + <col style="width: 160px"> | |
| 135 | + </colgroup> | |
| 136 | + <thead> | |
| 137 | + <tr> | |
| 138 | + <th scope="col"></th> | |
| 139 | + <th scope="col">멤버정보</th> | |
| 140 | + <th scope="col">학교/학년/반/번호</th> | |
| 141 | + <th scope="col">전화번호</th> | |
| 142 | + <th scope="col">최근 접속일</th> | |
| 143 | + <th scope="col">관리</th> | |
| 144 | + </tr> | |
| 145 | + </thead> | |
| 146 | + <tbody> | |
| 147 | + <tr> | |
| 148 | + <td> | |
| 149 | + <div class="checkradio"> | |
| 150 | + <input type="checkbox" class="icon-only" id="chk1_1" /> | |
| 151 | + <label for="chk1_1">선택</label> | |
| 152 | + </div> | |
| 153 | + </td> | |
| 154 | + <td> | |
| 155 | + <div class="profile align-left"> | |
| 156 | + <div class="img-area"> | |
| 157 | + <figure> | |
| 158 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> | |
| 159 | + </figure> | |
| 160 | + </div> | |
| 161 | + <div class="txt-area"> | |
| 162 | + <strong class="profile-tit">학생명</strong> | |
| 163 | + <span>user_id</span> | |
| 164 | + </div> | |
| 165 | + <div class="fnc"> | |
| 166 | + <span class="label secondary">학생</span> | |
| 167 | + </div> | |
| 168 | + </div> | |
| 169 | + </td> | |
| 170 | + <td>OO고등학교 / 1학년 / 3반 / 12번</td> | |
| 171 | + <td>010-1234-5678</td> | |
| 172 | + <td data-tit="최근 접속일">2025-08-15 12:21</td> | |
| 173 | + <td> | |
| 174 | + <div class="btn-tbl-cont"> | |
| 175 | + <button type="button" class="btn sm primary">승인</button> | |
| 176 | + <button type="button" class="btn sm danger">거절</button> | |
| 177 | + </div> | |
| 178 | + </td> | |
| 179 | + </tr> | |
| 180 | + <tr> | |
| 181 | + <td> | |
| 182 | + <div class="checkradio"> | |
| 183 | + <input type="checkbox" class="icon-only" id="chk1_1" /> | |
| 184 | + <label for="chk1_1">선택</label> | |
| 185 | + </div> | |
| 186 | + </td> | |
| 187 | + <td> | |
| 188 | + <div class="profile align-left"> | |
| 189 | + <div class="img-area"> | |
| 190 | + <figure> | |
| 191 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> | |
| 192 | + </figure> | |
| 193 | + </div> | |
| 194 | + <div class="txt-area"> | |
| 195 | + <strong class="profile-tit">학생명</strong> | |
| 196 | + <span>user_id</span> | |
| 197 | + </div> | |
| 198 | + <div class="fnc"> | |
| 199 | + <span class="label secondary">학생</span> | |
| 200 | + </div> | |
| 201 | + </div> | |
| 202 | + </td> | |
| 203 | + <td>OO고등학교 / 1학년 / 3반 / 12번</td> | |
| 204 | + <td>010-1234-5678</td> | |
| 205 | + <td data-tit="최근 접속일">2025-08-15 12:21</td> | |
| 206 | + <td> | |
| 207 | + <div class="btn-tbl-cont"> | |
| 208 | + <button type="button" class="btn sm danger">승인취소</button> | |
| 209 | + </div> | |
| 210 | + </td> | |
| 211 | + </tr> | |
| 212 | + <tr> | |
| 213 | + <td> | |
| 214 | + <div class="checkradio"> | |
| 215 | + <input type="checkbox" class="icon-only" id="chk1_1" /> | |
| 216 | + <label for="chk1_1">선택</label> | |
| 217 | + </div> | |
| 218 | + </td> | |
| 219 | + <td> | |
| 220 | + <div class="profile align-left"> | |
| 221 | + <div class="img-area"> | |
| 222 | + <figure> | |
| 223 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> | |
| 224 | + </figure> | |
| 225 | + </div> | |
| 226 | + <div class="txt-area"> | |
| 227 | + <strong class="profile-tit">학생명</strong> | |
| 228 | + <span>user_id</span> | |
| 229 | + </div> | |
| 230 | + <div class="fnc"> | |
| 231 | + <span class="label secondary">학생</span> | |
| 232 | + </div> | |
| 233 | + </div> | |
| 234 | + </td> | |
| 235 | + <td>OO고등학교 / 1학년 / 3반 / 12번</td> | |
| 236 | + <td>010-1234-5678</td> | |
| 237 | + <td data-tit="최근 접속일">2025-08-15 12:21</td> | |
| 238 | + <td>거절(중지)</td> | |
| 239 | + </tr> | |
| 240 | + </tbody> | |
| 241 | + </table> | |
| 242 | + </div> | |
| 243 | + </div> | |
| 244 | + </div> | |
| 245 | + </div> | |
| 246 | + <footer class="site-footer"></footer> | |
| 247 | + </div> | |
| 248 | + <!-- toast --> | |
| 249 | + <div class="toast"></div> | |
| 250 | + <!--popup--> | |
| 251 | + <div class="dim"></div> | |
| 252 | + </body> | |
| 253 | +</html> |
+++ html/onSejong/manager/myclass/memberManage_teacher.html
... | ... | @@ -0,0 +1,228 @@ |
| 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 | + <aside class="lnb"></aside> | |
| 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 | + <ul class="tabs-nav-lg"> | |
| 59 | + <li><a href="#none">수강생관리</a></li> | |
| 60 | + <li><a href="#none">청강생관리</a></li> | |
| 61 | + <li><a href="#none" class="is-active" title="선택됨">팀티처관리</a></li> | |
| 62 | + <li><a href="#none">모둠관리</a></li> | |
| 63 | + </ul> | |
| 64 | + <div class="write-type"> | |
| 65 | + <table> | |
| 66 | + <caption>팀티처 목록</caption> | |
| 67 | + <colgroup> | |
| 68 | + <col style="width: 160px" /> | |
| 69 | + <col /> | |
| 70 | + <col style="width: 160px" /> | |
| 71 | + <col /> | |
| 72 | + </colgroup> | |
| 73 | + <tbody> | |
| 74 | + <tr> | |
| 75 | + <th scope="row">과정</th> | |
| 76 | + <td>인공지능 수학 (2025년2학기)</td> | |
| 77 | + <th scope="row">담당교사</th> | |
| 78 | + <td>김세종</td> | |
| 79 | + </tr> | |
| 80 | + <tr> | |
| 81 | + <th scope="row">요일 · 시간</th> | |
| 82 | + <td colspan="3">[화 7], [수 5], [목 4]</td> | |
| 83 | + </tr> | |
| 84 | + </tbody> | |
| 85 | + </table> | |
| 86 | + </div> | |
| 87 | + <div class="section-tit-area"> | |
| 88 | + <div class="r-area"> | |
| 89 | + <button class="btn primary ico-send">초대하기</button> | |
| 90 | + </div> | |
| 91 | + </div> | |
| 92 | + <div class="fnc-extend-area"> | |
| 93 | + <div class="extend-default-area"> | |
| 94 | + <div class="l-area"> | |
| 95 | + <p class="total"> | |
| 96 | + 전체 | |
| 97 | + <em>156</em> | |
| 98 | + 명 | |
| 99 | + </p> | |
| 100 | + </div> | |
| 101 | + <div class="r-area"> | |
| 102 | + <fieldset class="search-area"> | |
| 103 | + <legend>검색</legend> | |
| 104 | + <div class="search-option" title="검색 옵션 선택"> | |
| 105 | + <select title="검색 옵션 선택"> | |
| 106 | + <option>ID</option> | |
| 107 | + </select> | |
| 108 | + </div> | |
| 109 | + <div class="search"> | |
| 110 | + <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요." /> | |
| 111 | + <button class="btn ico-search">검색</button> | |
| 112 | + </div> | |
| 113 | + </fieldset> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + <div class="extend-fnc-area"> | |
| 117 | + <div class="l-area"> | |
| 118 | + <div class="checkradio"> | |
| 119 | + <input type="checkbox" class="icon-only" id="chk_all" /> | |
| 120 | + <label for="chk_all">선택</label> | |
| 121 | + </div> | |
| 122 | + <div class="btn-group"> | |
| 123 | + <button class="btn xsm">선택 승인</button> | |
| 124 | + <button class="btn xsm">선택 거절</button> | |
| 125 | + </div> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + </div> | |
| 129 | + <div class="list-type"> | |
| 130 | + <table> | |
| 131 | + <caption>팀티처 목록</caption> | |
| 132 | + <colgroup> | |
| 133 | + <col style="width: 48px"> | |
| 134 | + <col> | |
| 135 | + <col> | |
| 136 | + <col style="width: 180px"> | |
| 137 | + <col style="width: 180px"> | |
| 138 | + <col style="width: 160px"> | |
| 139 | + </colgroup> | |
| 140 | + <thead> | |
| 141 | + <tr> | |
| 142 | + <th scope="col"></th> | |
| 143 | + <th scope="col">멤버정보</th> | |
| 144 | + <th scope="col">조직명</th> | |
| 145 | + <th scope="col">전화번호</th> | |
| 146 | + <th scope="col">최근 접속일</th> | |
| 147 | + <th scope="col">관리</th> | |
| 148 | + </tr> | |
| 149 | + </thead> | |
| 150 | + <tbody> | |
| 151 | + <tr> | |
| 152 | + <td> | |
| 153 | + <div class="checkradio"> | |
| 154 | + <input type="checkbox" class="icon-only" id="chk1_1" /> | |
| 155 | + <label for="chk1_1">선택</label> | |
| 156 | + </div> | |
| 157 | + </td> | |
| 158 | + <td> | |
| 159 | + <div class="profile align-left"> | |
| 160 | + <div class="img-area"> | |
| 161 | + <figure> | |
| 162 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> | |
| 163 | + </figure> | |
| 164 | + </div> | |
| 165 | + <div class="txt-area"> | |
| 166 | + <strong class="profile-tit">학생명</strong> | |
| 167 | + <span>user_id</span> | |
| 168 | + </div> | |
| 169 | + <div class="fnc"> | |
| 170 | + <span class="label primary">선생님</span> | |
| 171 | + </div> | |
| 172 | + </div> | |
| 173 | + </td> | |
| 174 | + <td>OO고등학교</td> | |
| 175 | + <td>010-1234-5678</td> | |
| 176 | + <td data-tit="최근 접속일">2025-08-15 12:21</td> | |
| 177 | + <td> | |
| 178 | + <div class="btn-tbl-cont"> | |
| 179 | + <button type="button" class="btn sm primary">승인</button> | |
| 180 | + <button type="button" class="btn sm danger">거절</button> | |
| 181 | + </div> | |
| 182 | + </td> | |
| 183 | + </tr> | |
| 184 | + <tr> | |
| 185 | + <td> | |
| 186 | + <div class="checkradio"> | |
| 187 | + <input type="checkbox" class="icon-only" id="chk1_1" /> | |
| 188 | + <label for="chk1_1">선택</label> | |
| 189 | + </div> | |
| 190 | + </td> | |
| 191 | + <td> | |
| 192 | + <div class="profile align-left"> | |
| 193 | + <div class="img-area"> | |
| 194 | + <figure> | |
| 195 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일" /> | |
| 196 | + </figure> | |
| 197 | + </div> | |
| 198 | + <div class="txt-area"> | |
| 199 | + <strong class="profile-tit">학생명</strong> | |
| 200 | + <span>user_id</span> | |
| 201 | + </div> | |
| 202 | + <div class="fnc"> | |
| 203 | + <span class="label primary">선생님</span> | |
| 204 | + </div> | |
| 205 | + </div> | |
| 206 | + </td> | |
| 207 | + <td>OO고등학교</td> | |
| 208 | + <td>010-1234-5678</td> | |
| 209 | + <td data-tit="최근 접속일">2025-08-15 12:21</td> | |
| 210 | + <td> | |
| 211 | + <i class="ico-img-master"></i> | |
| 212 | + 담당교사 | |
| 213 | + </td> | |
| 214 | + </tr> | |
| 215 | + </tbody> | |
| 216 | + </table> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + </div> | |
| 220 | + </div> | |
| 221 | + <footer class="site-footer"></footer> | |
| 222 | + </div> | |
| 223 | + <!-- toast --> | |
| 224 | + <div class="toast"></div> | |
| 225 | + <!--popup--> | |
| 226 | + <div class="dim"></div> | |
| 227 | + </body> | |
| 228 | +</html> |
+++ html/onSejong/manager/myclass/rubricManage.html
... | ... | @@ -0,0 +1,196 @@ |
| 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 | + <!-- //페이지 plugin--> | |
| 19 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 21 | + <!--//퍼블 layout--> | |
| 22 | + <!-- 공통 메뉴 js--> | |
| 23 | + <!-- //공통 메뉴 js --> | |
| 24 | + <!--공통 퍼블 js--> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 27 | + <!--//공통 퍼블 js--> | |
| 28 | + </head> | |
| 29 | + | |
| 30 | + <body> | |
| 31 | + <div class="accessibility"> | |
| 32 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 33 | + </div> | |
| 34 | + <!-- for-teacher / for-student --> | |
| 35 | + <div class="container"> | |
| 36 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 37 | + <header class="site-header"></header> | |
| 38 | + <div class="site-body" id="skipToContents"> | |
| 39 | + <div class="wrap"> | |
| 40 | + <aside class="lnb"></aside> | |
| 41 | + <div class="site-cont"> | |
| 42 | + <ul class="breadcrumb"> | |
| 43 | + <li><a href="#none" class="home">홈</a></li> | |
| 44 | + <li><a href="#none">1depth</a></li> | |
| 45 | + <li><a href="#none">2depth</a></li> | |
| 46 | + </ul> | |
| 47 | + <div class="page-tit-area"> | |
| 48 | + <div class="l-area"> | |
| 49 | + <h2 class="title-xlg">루브릭 평가관리</h2> | |
| 50 | + </div> | |
| 51 | + <div class="r-area"> | |
| 52 | + <div class="btn-group"> | |
| 53 | + <a href="#none" class="btn lg cta ico-plus">루브릭 만들기</a> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + </div> | |
| 57 | + <div class="fnc-area"> | |
| 58 | + <div class="l-area"> | |
| 59 | + <p class="total"> | |
| 60 | + 총 | |
| 61 | + <em>156</em> | |
| 62 | + 건 | |
| 63 | + </p> | |
| 64 | + </div> | |
| 65 | + <div class="r-area"> | |
| 66 | + <fieldset class="search-area"> | |
| 67 | + <legend>검색</legend> | |
| 68 | + <div class="search"> | |
| 69 | + <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요" /> | |
| 70 | + <button class="btn ico-search">검색</button> | |
| 71 | + </div> | |
| 72 | + </fieldset> | |
| 73 | + </div> | |
| 74 | + </div> | |
| 75 | + <div class="list-type"> | |
| 76 | + <table> | |
| 77 | + <caption>과제 목록</caption> | |
| 78 | + <colgroup> | |
| 79 | + <col style="width: 64px"> | |
| 80 | + <col style="width: 440px"> | |
| 81 | + <col> | |
| 82 | + <col> | |
| 83 | + <col> | |
| 84 | + <col> | |
| 85 | + <col style="width: 48px"> | |
| 86 | + </colgroup> | |
| 87 | + <thead> | |
| 88 | + <tr> | |
| 89 | + <th scope="col">번호</th> | |
| 90 | + <th scope="col">제목</th> | |
| 91 | + <th scope="col">설문 문항 수</th> | |
| 92 | + <th scope="col">점수</th> | |
| 93 | + <th scope="col">작성자</th> | |
| 94 | + <th scope="col">등록일</th> | |
| 95 | + <th scope="col"></th> | |
| 96 | + </tr> | |
| 97 | + </thead> | |
| 98 | + <tbody> | |
| 99 | + <tr> | |
| 100 | + <td>3</td> | |
| 101 | + <td>수학 과제물 평가를 위한 5개 X 5개 항목입니다.</td> | |
| 102 | + <td>5 X 5</td> | |
| 103 | + <td>100점</td> | |
| 104 | + <td>등록자id</td> | |
| 105 | + <td>2025-10-12</td> | |
| 106 | + <td> | |
| 107 | + <div class="etc-fnc-area"> | |
| 108 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 109 | + <ul class="etc-fnc"> | |
| 110 | + <li><a href="#none">수정</a></li> | |
| 111 | + <li><button type="button">복사</button></li> | |
| 112 | + <li><button type="button">삭제</button></li> | |
| 113 | + </ul> | |
| 114 | + </div> | |
| 115 | + </td> | |
| 116 | + </tr> | |
| 117 | + <tr> | |
| 118 | + <td>2</td> | |
| 119 | + <td>수학 과제물 평가를 위한 5개 X 5개 항목입니다.</td> | |
| 120 | + <td>5 X 5</td> | |
| 121 | + <td>100점</td> | |
| 122 | + <td>등록자id</td> | |
| 123 | + <td>2025-10-12</td> | |
| 124 | + <td> | |
| 125 | + <div class="etc-fnc-area"> | |
| 126 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 127 | + <ul class="etc-fnc"> | |
| 128 | + <li><a href="#none">수정</a></li> | |
| 129 | + <li><button type="button">복사</button></li> | |
| 130 | + <li><button type="button">삭제</button></li> | |
| 131 | + </ul> | |
| 132 | + </div> | |
| 133 | + </td> | |
| 134 | + </tr> | |
| 135 | + <tr> | |
| 136 | + <td>1</td> | |
| 137 | + <td>수학 과제물 평가를 위한 5개 X 5개 항목입니다.</td> | |
| 138 | + <td>5 X 5</td> | |
| 139 | + <td>100점</td> | |
| 140 | + <td>등록자id</td> | |
| 141 | + <td>2025-10-12</td> | |
| 142 | + <td> | |
| 143 | + <div class="etc-fnc-area"> | |
| 144 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 145 | + <ul class="etc-fnc"> | |
| 146 | + <li><a href="#none">수정</a></li> | |
| 147 | + <li><button type="button">복사</button></li> | |
| 148 | + <li><button type="button">삭제</button></li> | |
| 149 | + </ul> | |
| 150 | + </div> | |
| 151 | + </td> | |
| 152 | + </tr> | |
| 153 | + </tbody> | |
| 154 | + </table> | |
| 155 | + </div> | |
| 156 | + <ul class="pagenation"> | |
| 157 | + <li class="ppv"> | |
| 158 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 159 | + </li> | |
| 160 | + <li class="pv"> | |
| 161 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 162 | + </li> | |
| 163 | + <li class="current"> | |
| 164 | + <a href="#none" title="1번째 목록으로 이동합니다">1</a> | |
| 165 | + </li> | |
| 166 | + <li> | |
| 167 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 168 | + </li> | |
| 169 | + <li> | |
| 170 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 171 | + </li> | |
| 172 | + <li> | |
| 173 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 174 | + </li> | |
| 175 | + <li> | |
| 176 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 177 | + </li> | |
| 178 | + <li class="fw"> | |
| 179 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 180 | + </li> | |
| 181 | + <li class="ffw"> | |
| 182 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 183 | + </li> | |
| 184 | + </ul> | |
| 185 | + </div> | |
| 186 | + </div> | |
| 187 | + </div> | |
| 188 | + <footer class="site-footer"></footer> | |
| 189 | + </div> | |
| 190 | + <!-- toast --> | |
| 191 | + <div class="toast"></div> | |
| 192 | + <!--popup--> | |
| 193 | + <div class="dim"></div> | |
| 194 | + <script></script> | |
| 195 | + </body> | |
| 196 | +</html> |
+++ html/onSejong/manager/myclass/surveyManage.html
... | ... | @@ -0,0 +1,232 @@ |
| 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 | + <!-- //페이지 plugin--> | |
| 19 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 21 | + <!--//퍼블 layout--> | |
| 22 | + <!-- 공통 메뉴 js--> | |
| 23 | + <!-- //공통 메뉴 js --> | |
| 24 | + <!--공통 퍼블 js--> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 27 | + <!--//공통 퍼블 js--> | |
| 28 | + </head> | |
| 29 | + | |
| 30 | + <body> | |
| 31 | + <div class="accessibility"> | |
| 32 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 33 | + </div> | |
| 34 | + <!-- for-teacher / for-student --> | |
| 35 | + <div class="container"> | |
| 36 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 37 | + <header class="site-header"></header> | |
| 38 | + <div class="site-body" id="skipToContents"> | |
| 39 | + <div class="wrap"> | |
| 40 | + <aside class="lnb"></aside> | |
| 41 | + <div class="site-cont"> | |
| 42 | + <ul class="breadcrumb"> | |
| 43 | + <li><a href="#none" class="home">홈</a></li> | |
| 44 | + <li><a href="#none">1depth</a></li> | |
| 45 | + <li><a href="#none">2depth</a></li> | |
| 46 | + </ul> | |
| 47 | + <div class="page-tit-area"> | |
| 48 | + <div class="l-area"> | |
| 49 | + <h2 class="title-xlg">설문관리</h2> | |
| 50 | + </div> | |
| 51 | + <div class="r-area"> | |
| 52 | + <div class="btn-group"> | |
| 53 | + <a href="#none" class="btn lg cta ico-plus">설문 만들기</a> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + </div> | |
| 57 | + <div class="fnc-area"> | |
| 58 | + <div class="l-area"> | |
| 59 | + <p class="total"> | |
| 60 | + 총 | |
| 61 | + <em>156</em> | |
| 62 | + 건 | |
| 63 | + </p> | |
| 64 | + </div> | |
| 65 | + <div class="r-area"> | |
| 66 | + <fieldset class="search-area"> | |
| 67 | + <legend>검색</legend> | |
| 68 | + <div class="search"> | |
| 69 | + <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요" /> | |
| 70 | + <button class="btn ico-search">검색</button> | |
| 71 | + </div> | |
| 72 | + </fieldset> | |
| 73 | + </div> | |
| 74 | + </div> | |
| 75 | + <div class="list-type"> | |
| 76 | + <table> | |
| 77 | + <caption>설문관리 목록</caption> | |
| 78 | + <colgroup> | |
| 79 | + <col style="width: 64px"> | |
| 80 | + <col style="width: 320px"> | |
| 81 | + <col style="width: 80px"> | |
| 82 | + <col style="width: 240px"> | |
| 83 | + <col> | |
| 84 | + <col style="width: 120px"> | |
| 85 | + <col> | |
| 86 | + <col style="width: 48px"> | |
| 87 | + </colgroup> | |
| 88 | + <thead> | |
| 89 | + <tr> | |
| 90 | + <th scope="col">번호</th> | |
| 91 | + <th scope="col">제목</th> | |
| 92 | + <th scope="col">설문<br>문항 수</th> | |
| 93 | + <th scope="col">설문 응답기간</th> | |
| 94 | + <th scope="col">작성자</th> | |
| 95 | + <th scope="col">등록일</th> | |
| 96 | + <th scope="col">관리</th> | |
| 97 | + <th scope="col"></th> | |
| 98 | + </tr> | |
| 99 | + </thead> | |
| 100 | + <tbody> | |
| 101 | + <tr> | |
| 102 | + <td>3</td> | |
| 103 | + <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td> | |
| 104 | + <td>12</td> | |
| 105 | + <td> | |
| 106 | + <span class="label-state blue">진행중</span> | |
| 107 | + <br> | |
| 108 | + 2025-09-01~2025-09-30 | |
| 109 | + </td> | |
| 110 | + <td>선생님id</td> | |
| 111 | + <td>2025-10-12</td> | |
| 112 | + <td> | |
| 113 | + <div class="tbl-btn-cont"> | |
| 114 | + <button type="button" class="btn sm ico-openinnew circle"></button> | |
| 115 | + <button type="button" class="btn sm ico-chart circle"></button> | |
| 116 | + </div> | |
| 117 | + </td> | |
| 118 | + <td> | |
| 119 | + <div class="etc-fnc-area"> | |
| 120 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 121 | + <ul class="etc-fnc"> | |
| 122 | + <li><a href="#none">수정</a></li> | |
| 123 | + <li><button type="button">복제</button></li> | |
| 124 | + <li><button type="button">삭제</button></li> | |
| 125 | + </ul> | |
| 126 | + </div> | |
| 127 | + </td> | |
| 128 | + </tr> | |
| 129 | + <tr> | |
| 130 | + <td>2</td> | |
| 131 | + <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td> | |
| 132 | + <td>12</td> | |
| 133 | + <td> | |
| 134 | + <span class="label-state">대기</span> | |
| 135 | + <br> | |
| 136 | + 2025-09-01~2025-09-30 | |
| 137 | + </td> | |
| 138 | + <td>선생님id</td> | |
| 139 | + <td>2025-10-12</td> | |
| 140 | + <td> | |
| 141 | + <div class="tbl-btn-cont"> | |
| 142 | + <button type="button" class="btn sm ico-openinnew circle"></button> | |
| 143 | + <button type="button" class="btn sm ico-chart circle"></button> | |
| 144 | + </div> | |
| 145 | + </td> | |
| 146 | + <td> | |
| 147 | + <div class="etc-fnc-area"> | |
| 148 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 149 | + <ul class="etc-fnc"> | |
| 150 | + <li><a href="#none">수정</a></li> | |
| 151 | + <li><button type="button">미리보기</button></li> | |
| 152 | + <li><button type="button">설문결과</button></li> | |
| 153 | + <li><button type="button">복제</button></li> | |
| 154 | + <li><button type="button">삭제</button></li> | |
| 155 | + </ul> | |
| 156 | + </div> | |
| 157 | + </td> | |
| 158 | + </tr> | |
| 159 | + <tr> | |
| 160 | + <td>1</td> | |
| 161 | + <td class="align-left">설문제목이 표시되는 영역 긴 글인 경우 말줄임</td> | |
| 162 | + <td>12</td> | |
| 163 | + <td> | |
| 164 | + <span class="label-state red">종료</span> | |
| 165 | + <br> | |
| 166 | + 2025-09-01~2025-09-30 | |
| 167 | + </td> | |
| 168 | + <td>선생님id</td> | |
| 169 | + <td>2025-10-12</td> | |
| 170 | + <td> | |
| 171 | + <div class="tbl-btn-cont"> | |
| 172 | + <button type="button" class="btn sm ico-openinnew circle"></button> | |
| 173 | + <button type="button" class="btn sm ico-chart circle"></button> | |
| 174 | + </div> | |
| 175 | + </td> | |
| 176 | + <td> | |
| 177 | + <div class="etc-fnc-area"> | |
| 178 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 179 | + <ul class="etc-fnc"> | |
| 180 | + <li><a href="#none">수정</a></li> | |
| 181 | + <li><button type="button">미리보기</button></li> | |
| 182 | + <li><button type="button">설문결과</button></li> | |
| 183 | + <li><button type="button">복제</button></li> | |
| 184 | + <li><button type="button">삭제</button></li> | |
| 185 | + </ul> | |
| 186 | + </div> | |
| 187 | + </td> | |
| 188 | + </tr> | |
| 189 | + </tbody> | |
| 190 | + </table> | |
| 191 | + </div> | |
| 192 | + <ul class="pagenation"> | |
| 193 | + <li class="ppv"> | |
| 194 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 195 | + </li> | |
| 196 | + <li class="pv"> | |
| 197 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 198 | + </li> | |
| 199 | + <li class="current"> | |
| 200 | + <a href="#none" title="1번째 목록으로 이동합니다">1</a> | |
| 201 | + </li> | |
| 202 | + <li> | |
| 203 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 204 | + </li> | |
| 205 | + <li> | |
| 206 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 207 | + </li> | |
| 208 | + <li> | |
| 209 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 210 | + </li> | |
| 211 | + <li> | |
| 212 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 213 | + </li> | |
| 214 | + <li class="fw"> | |
| 215 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 216 | + </li> | |
| 217 | + <li class="ffw"> | |
| 218 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 219 | + </li> | |
| 220 | + </ul> | |
| 221 | + </div> | |
| 222 | + </div> | |
| 223 | + </div> | |
| 224 | + <footer class="site-footer"></footer> | |
| 225 | + </div> | |
| 226 | + <!-- toast --> | |
| 227 | + <div class="toast"></div> | |
| 228 | + <!--popup--> | |
| 229 | + <div class="dim"></div> | |
| 230 | + <script></script> | |
| 231 | + </body> | |
| 232 | +</html> |
+++ html/onSejong/manager/myclass/surveyViewResult.html
... | ... | @@ -0,0 +1,306 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 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 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 14 | + <!-- 공통 plugin --> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 16 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 17 | + <!-- //공통 plugin --> | |
| 18 | + <!-- 페이지 plugin--> | |
| 19 | + <!-- //페이지 plugin--> | |
| 20 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 22 | + <!--//퍼블 layout--> | |
| 23 | + <!-- 공통 메뉴 js--> | |
| 24 | + <!-- //공통 메뉴 js --> | |
| 25 | + <!--공통 퍼블 js--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 28 | + <!--//공통 퍼블 js--> | |
| 29 | +</head> | |
| 30 | + | |
| 31 | +<body> | |
| 32 | + <div class="accessibility"> | |
| 33 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 34 | + </div> | |
| 35 | + <!-- for-teacher / for-student --> | |
| 36 | + <div class="container"> | |
| 37 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 38 | + <header class="site-header"></header> | |
| 39 | + <div class="site-body" id="skipToContents"> | |
| 40 | + <div class="wrap"> | |
| 41 | + <aside class="lnb"></aside> | |
| 42 | + <div class="site-cont"> | |
| 43 | + <div class="page-tit-area"> | |
| 44 | + <div class="l-area"> | |
| 45 | + <h2 class="title-xlg">설문결과</h2> | |
| 46 | + </div> | |
| 47 | + </div> | |
| 48 | + <section class="section"> | |
| 49 | + <header class="summary-box"> | |
| 50 | + <div class="l-area"> | |
| 51 | + <h3 class="title-lg"> | |
| 52 | + <span class="label lg">종료</span> 설문 제목이 표시되는 영역 | |
| 53 | + </h3> | |
| 54 | + <ul class="info-inline-list"> | |
| 55 | + <li> | |
| 56 | + <i class="ico-edit"></i> | |
| 57 | + <strong class="info-tit">문항 수</strong> | |
| 58 | + <div class="txt-area"> | |
| 59 | + 12문항 | |
| 60 | + </div> | |
| 61 | + </li> | |
| 62 | + <li> | |
| 63 | + <i class="ico-calendar"></i> | |
| 64 | + <strong class="info-tit">응답기간</strong> | |
| 65 | + <div class="txt-area"> | |
| 66 | + 2024.01.01 | |
| 67 | + </div> | |
| 68 | + </li> | |
| 69 | + <li> | |
| 70 | + <i class="ico-profile"></i> | |
| 71 | + <strong class="info-tit">작성자</strong> | |
| 72 | + <div class="txt-area"> | |
| 73 | + 작성자 | |
| 74 | + </div> | |
| 75 | + </li> | |
| 76 | + <li> | |
| 77 | + <i class="ico-calendar"></i> | |
| 78 | + <strong class="info-tit">등록일</strong> | |
| 79 | + <div class="txt-area"> | |
| 80 | + 2024.01.01 | |
| 81 | + </div> | |
| 82 | + </li> | |
| 83 | + </ul> | |
| 84 | + </div> | |
| 85 | + <div class="r-area"> | |
| 86 | + <div class="bg-primary"> | |
| 87 | + <strong>응답 인원</strong> | |
| 88 | + <div><strong class="font-size-xlg font-color-primary">1000</strong><small> / 9,999</small></div> | |
| 89 | + </div> | |
| 90 | + </div> | |
| 91 | + </header> | |
| 92 | + </section> | |
| 93 | + <div class="list-type"> | |
| 94 | + <table> | |
| 95 | + <caption>과정이수처리 상세</caption> | |
| 96 | + <colgroup> | |
| 97 | + <col style="width: 320px;"> | |
| 98 | + <col style="width: 80px;"> | |
| 99 | + <col style="width: 260px;"> | |
| 100 | + <col> | |
| 101 | + <col> | |
| 102 | + <col> | |
| 103 | + </colgroup> | |
| 104 | + <thead> | |
| 105 | + <tr> | |
| 106 | + <th scope="row">제목</th> | |
| 107 | + <th scope="row">설문<br>문항 수</th> | |
| 108 | + <th scope="row">설문 응답기간</th> | |
| 109 | + <th scope="row">응답 인원</th> | |
| 110 | + <th scope="row">공개여부</th> | |
| 111 | + <th scope="row">작성자</th> | |
| 112 | + </tr> | |
| 113 | + </thead> | |
| 114 | + <tbody> | |
| 115 | + <tr> | |
| 116 | + <td class="align-left">설문제목이 표시되는 영역</td> | |
| 117 | + <td>12</td> | |
| 118 | + <td> | |
| 119 | + <span class="label-state">종료</span> | |
| 120 | + <br> | |
| 121 | + 2025-09-01~2025-09-30 | |
| 122 | + </td> | |
| 123 | + <td>999,999</td> | |
| 124 | + <td>공개</td> | |
| 125 | + <td>관리자id</td> | |
| 126 | + </tr> | |
| 127 | + </tbody> | |
| 128 | + </table> | |
| 129 | + </div> | |
| 130 | + <ul class="tabs-nav-lg"> | |
| 131 | + <li><a href="#none" class="is-active" title="선택됨">전체요약</a></li> | |
| 132 | + <li><a href="#none">개별응답</a></li> | |
| 133 | + </ul> | |
| 134 | + <section class="section"> | |
| 135 | + <header class="section-tit-area"> | |
| 136 | + <div class="l-area"> | |
| 137 | + <p> | |
| 138 | + 전체 <em>1000명</em> 응답 | |
| 139 | + </p> | |
| 140 | + </div> | |
| 141 | + <div class="r-area"> | |
| 142 | + <div class="btn-group"> | |
| 143 | + <a href="#none" class="btn sm ico-download">응답 다운로드</a> | |
| 144 | + </div> | |
| 145 | + </div> | |
| 146 | + </header> | |
| 147 | + <div class="form-view-result"> | |
| 148 | + <div class="form-section bg-area"> | |
| 149 | + <div class="form-section-body wrap-sm"> | |
| 150 | + <div class="form-item-section"> | |
| 151 | + <div class="form-item-list"> | |
| 152 | + <div class="form-item"> | |
| 153 | + <div class="q-area"> | |
| 154 | + <div class="q-tit"> | |
| 155 | + <div class="l-area"> | |
| 156 | + <span class="label num lg">1</span> | |
| 157 | + <div class="q-txt"> | |
| 158 | + 과정에 대한 만족도는 어떠한가요? | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + <div class="r-area"> | |
| 162 | + <span><em class="accent">100명</em> 응답</span> | |
| 163 | + </div> | |
| 164 | + </div> | |
| 165 | + </div> | |
| 166 | + <div class="a-area"> | |
| 167 | + <div class="a-chart-area"> | |
| 168 | + <ul class="chart-list"> | |
| 169 | + <li> | |
| 170 | + <div class="chart-tit-area"> | |
| 171 | + <div class="chart-tit">옵션1</div> | |
| 172 | + <small>(16명)</small> | |
| 173 | + </div> | |
| 174 | + <div class="bar-area"> | |
| 175 | + <span class="bar" style="width:22%;"></span><small class="chart-label">22%</small> | |
| 176 | + </div> | |
| 177 | + </li> | |
| 178 | + <li> | |
| 179 | + <div class="chart-tit-area"> | |
| 180 | + <div class="chart-tit">옵션2</div> | |
| 181 | + <small>(16명)</small> | |
| 182 | + </div> | |
| 183 | + <div class="bar-area"> | |
| 184 | + <span class="bar" style="width:100%;"></span><small class="chart-label">100%</small> | |
| 185 | + </div> | |
| 186 | + </li> | |
| 187 | + <li> | |
| 188 | + <div class="chart-tit-area"> | |
| 189 | + <div class="chart-tit">옵션3</div> | |
| 190 | + <small>(0명)</small> | |
| 191 | + </div> | |
| 192 | + <div class="bar-area"> | |
| 193 | + <span class="bar" style="width:0%;"></span><small class="chart-label">0%</small> | |
| 194 | + </div> | |
| 195 | + </li> | |
| 196 | + <li> | |
| 197 | + <div class="chart-tit-area"> | |
| 198 | + <div class="chart-tit">옵션1</div> | |
| 199 | + <small>(16명)</small> | |
| 200 | + </div> | |
| 201 | + <div class="bar-area"> | |
| 202 | + <span class="bar" style="width:80%;"></span><small class="chart-label">80%</small> | |
| 203 | + </div> | |
| 204 | + </li> | |
| 205 | + <li> | |
| 206 | + <div class="chart-tit-area"> | |
| 207 | + <div class="chart-tit">옵션2</div> | |
| 208 | + <small>(16명)</small> | |
| 209 | + </div> | |
| 210 | + <div class="bar-area"> | |
| 211 | + <span class="bar" style="width:100%;"></span><small class="chart-label">100%</small> | |
| 212 | + </div> | |
| 213 | + </li> | |
| 214 | + </ul> | |
| 215 | + </div> | |
| 216 | + </div> | |
| 217 | + </div> | |
| 218 | + <div class="form-item"> | |
| 219 | + <div class="q-area"> | |
| 220 | + <div class="q-tit"> | |
| 221 | + <div class="l-area"> | |
| 222 | + <span class="label num lg">2</span> | |
| 223 | + <div class="q-txt"> | |
| 224 | + 작성한 문항이 표시되는 곳 | |
| 225 | + </div> | |
| 226 | + </div> | |
| 227 | + <div class="r-area"> | |
| 228 | + <span><em class="accent">100명</em> 응답</span> | |
| 229 | + </div> | |
| 230 | + </div> | |
| 231 | + </div> | |
| 232 | + <div class="a-area"> | |
| 233 | + <ol class="a-result-list"> | |
| 234 | + <li class="a-item"> | |
| 235 | + <div class="a-cont"> | |
| 236 | + <div class="a-txt">내용내용 내용내용내용내 용내용 내용내 용내용내용내용 내용내용 내용내용 내용내용내용내 용내용 내용내 용내용내용내용 내용내용 내용내용 내용내용내용내 용내용 내용내 용내용내용내용 내용내용 내용내용 내용내용내용내 용내용 내용내 용내용내용내용 내용내용 내용내용 내용내용내용내 용내용 내용내 용내용내용내용 내용내용 내용내용 내용내용내용내 용내용 내용내 용내용내용내용 내용내용 </div> | |
| 237 | + </div> | |
| 238 | + </li> | |
| 239 | + </ol> | |
| 240 | + </div> | |
| 241 | + </div> | |
| 242 | + <div class="form-item"> | |
| 243 | + <div class="q-area"> | |
| 244 | + <div class="q-tit"> | |
| 245 | + <div class="l-area"> | |
| 246 | + <span class="label num lg">3</span> | |
| 247 | + <div class="q-txt"> | |
| 248 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 249 | + </div> | |
| 250 | + </div> | |
| 251 | + <div class="r-area"> | |
| 252 | + <span><em class="accent">100명</em> 응답</span> | |
| 253 | + </div> | |
| 254 | + </div> | |
| 255 | + </div> | |
| 256 | + <div class="a-area"> | |
| 257 | + <div class="item-list-box"> | |
| 258 | + <div class="item"> | |
| 259 | + <div class="txt-area"> | |
| 260 | + <i class="ico-attach"></i> | |
| 261 | + <p class="txt"> | |
| 262 | + 첨부파일명.pdf | |
| 263 | + </p> | |
| 264 | + <small>124kb</small> | |
| 265 | + </div> | |
| 266 | + <div class="item-fnc-area"> | |
| 267 | + <a href="#none" class="ico-download">다운로드</a> | |
| 268 | + </div> | |
| 269 | + </div> | |
| 270 | + <div class="item"> | |
| 271 | + <div class="txt-area"> | |
| 272 | + <i class="ico-attach"></i> | |
| 273 | + <p class="txt"> | |
| 274 | + 첨부파일명.pdf | |
| 275 | + </p> | |
| 276 | + <small>124kb</small> | |
| 277 | + </div> | |
| 278 | + <div class="item-fnc-area"> | |
| 279 | + <a href="#none" class="ico-download">다운로드</a> | |
| 280 | + </div> | |
| 281 | + </div> | |
| 282 | + </div> | |
| 283 | + </div> | |
| 284 | + </div> | |
| 285 | + </div> | |
| 286 | + </div> | |
| 287 | + </div> | |
| 288 | + </div> | |
| 289 | + </div> | |
| 290 | + </section> | |
| 291 | + <div class="btn-cont"> | |
| 292 | + <a href="#none" class="btn lg">목록</a> | |
| 293 | + </div> | |
| 294 | + </div> | |
| 295 | + </div> | |
| 296 | + </div> | |
| 297 | + <footer class="site-footer"></footer> | |
| 298 | + </div> | |
| 299 | + <!-- toast --> | |
| 300 | + <div class="toast"></div> | |
| 301 | + <!--popup--> | |
| 302 | + <div class="dim"></div> | |
| 303 | + | |
| 304 | +</body> | |
| 305 | + | |
| 306 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/myclass/surveyViewResult_each.html
... | ... | @@ -0,0 +1,283 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 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 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 14 | + <!-- 공통 plugin --> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 16 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 17 | + <!-- //공통 plugin --> | |
| 18 | + <!-- 페이지 plugin--> | |
| 19 | + <!-- //페이지 plugin--> | |
| 20 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 22 | + <!--//퍼블 layout--> | |
| 23 | + <!-- 공통 메뉴 js--> | |
| 24 | + <!-- //공통 메뉴 js --> | |
| 25 | + <!--공통 퍼블 js--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 28 | + <!--//공통 퍼블 js--> | |
| 29 | +</head> | |
| 30 | + | |
| 31 | +<body> | |
| 32 | + <div class="accessibility"> | |
| 33 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 34 | + </div> | |
| 35 | + <!-- for-teacher / for-student --> | |
| 36 | + <div class="container"> | |
| 37 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 38 | + <header class="site-header"></header> | |
| 39 | + <div class="site-body" id="skipToContents"> | |
| 40 | + <div class="wrap"> | |
| 41 | + <aside class="lnb"></aside> | |
| 42 | + <div class="site-cont"> | |
| 43 | + <div class="page-tit-area"> | |
| 44 | + <div class="l-area"> | |
| 45 | + <h2 class="title-xlg">설문결과</h2> | |
| 46 | + </div> | |
| 47 | + </div> | |
| 48 | + <section class="section"> | |
| 49 | + <header class="summary-box"> | |
| 50 | + <div class="l-area"> | |
| 51 | + <h3 class="title-lg"> | |
| 52 | + <span class="label lg">종료</span> 설문 제목이 표시되는 영역 | |
| 53 | + </h3> | |
| 54 | + <ul class="info-inline-list"> | |
| 55 | + <li> | |
| 56 | + <i class="ico-edit"></i> | |
| 57 | + <strong class="info-tit">문항 수</strong> | |
| 58 | + <div class="txt-area"> | |
| 59 | + 12문항 | |
| 60 | + </div> | |
| 61 | + </li> | |
| 62 | + <li> | |
| 63 | + <i class="ico-calendar"></i> | |
| 64 | + <strong class="info-tit">응답기간</strong> | |
| 65 | + <div class="txt-area"> | |
| 66 | + 2024.01.01 | |
| 67 | + </div> | |
| 68 | + </li> | |
| 69 | + <li> | |
| 70 | + <i class="ico-profile"></i> | |
| 71 | + <strong class="info-tit">작성자</strong> | |
| 72 | + <div class="txt-area"> | |
| 73 | + 작성자 | |
| 74 | + </div> | |
| 75 | + </li> | |
| 76 | + <li> | |
| 77 | + <i class="ico-calendar"></i> | |
| 78 | + <strong class="info-tit">등록일</strong> | |
| 79 | + <div class="txt-area"> | |
| 80 | + 2024.01.01 | |
| 81 | + </div> | |
| 82 | + </li> | |
| 83 | + </ul> | |
| 84 | + </div> | |
| 85 | + <div class="r-area"> | |
| 86 | + <div class="bg-primary"> | |
| 87 | + <strong>응답 인원</strong> | |
| 88 | + <div><strong class="font-size-xlg font-color-primary">1000</strong><small> / 9,999</small></div> | |
| 89 | + </div> | |
| 90 | + </div> | |
| 91 | + </header> | |
| 92 | + </section> | |
| 93 | + <div class="list-type"> | |
| 94 | + <table> | |
| 95 | + <caption>과정이수처리 상세</caption> | |
| 96 | + <colgroup> | |
| 97 | + <col style="width: 320px;"> | |
| 98 | + <col style="width: 80px;"> | |
| 99 | + <col style="width: 260px;"> | |
| 100 | + <col> | |
| 101 | + <col> | |
| 102 | + <col> | |
| 103 | + </colgroup> | |
| 104 | + <thead> | |
| 105 | + <tr> | |
| 106 | + <th scope="row">제목</th> | |
| 107 | + <th scope="row">설문<br>문항 수</th> | |
| 108 | + <th scope="row">설문 응답기간</th> | |
| 109 | + <th scope="row">응답 인원</th> | |
| 110 | + <th scope="row">공개여부</th> | |
| 111 | + <th scope="row">작성자</th> | |
| 112 | + </tr> | |
| 113 | + </thead> | |
| 114 | + <tbody> | |
| 115 | + <tr> | |
| 116 | + <td class="align-left">설문제목이 표시되는 영역</td> | |
| 117 | + <td>12</td> | |
| 118 | + <td> | |
| 119 | + <span class="label-state">종료</span> | |
| 120 | + <br> | |
| 121 | + 2025-09-01~2025-09-30 | |
| 122 | + </td> | |
| 123 | + <td>999,999</td> | |
| 124 | + <td>공개</td> | |
| 125 | + <td>관리자id</td> | |
| 126 | + </tr> | |
| 127 | + </tbody> | |
| 128 | + </table> | |
| 129 | + </div> | |
| 130 | + <ul class="tabs-nav-lg"> | |
| 131 | + <li><a href="#none" class="is-active" title="선택됨">전체요약</a></li> | |
| 132 | + <li><a href="#none">개별응답</a></li> | |
| 133 | + </ul> | |
| 134 | + <section class="section"> | |
| 135 | + <header class="section-tit-area"> | |
| 136 | + <div class="l-area"><h4 class="title-lg">개별응답</h4></div> | |
| 137 | + <div class="r-area"> | |
| 138 | + <div class="btn-group"> | |
| 139 | + <a href="#none" class="btn sm ico-download">응답 다운로드</a> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + </header> | |
| 143 | + <div class="fnc-extend-area"> | |
| 144 | + <div class="extend-default-area"> | |
| 145 | + <div class="l-area"> | |
| 146 | + <p class="total">총 <em>156</em>건</p> | |
| 147 | + </div> | |
| 148 | + <div class="r-area"> | |
| 149 | + <fieldset class="search-area"> | |
| 150 | + <legend>검색</legend> | |
| 151 | + <div class="search"> | |
| 152 | + <input type="text" placeholder="검색어를 입력하세요." title="검색어를 입력하세요"> | |
| 153 | + <button class="btn ico-search">검색</button> | |
| 154 | + </div> | |
| 155 | + </fieldset> | |
| 156 | + </div> | |
| 157 | + </div> | |
| 158 | + </div> | |
| 159 | + <div class="list-type table-sticky" data-sot-left="3"> | |
| 160 | + <table> | |
| 161 | + <caption>개별응답</caption> | |
| 162 | + <colgroup> | |
| 163 | + <col style="width: 64px;"> | |
| 164 | + <col style="width: 160px;"> | |
| 165 | + <col style="width: 168px;"> | |
| 166 | + <col style="width: 64px;"> | |
| 167 | + <col style="width: 200px;"> | |
| 168 | + <col style="width: 64px;"> | |
| 169 | + <col style="width: 64px;"> | |
| 170 | + <col style="width: 64px;"> | |
| 171 | + <col style="width: 64px;"> | |
| 172 | + <col style="width: 200px;"> | |
| 173 | + <col style="width: 64px;"> | |
| 174 | + <col style="width: 64px;"> | |
| 175 | + <col style="width: 64px;"> | |
| 176 | + <col style="width: 64px;"> | |
| 177 | + <col style="width: 64px;"> | |
| 178 | + <col style="width: 64px;"> | |
| 179 | + <col style="width: 64px;"> | |
| 180 | + <col style="width: 64px;"> | |
| 181 | + </colgroup> | |
| 182 | + <thead> | |
| 183 | + <tr> | |
| 184 | + <th scope="col">번호</th> | |
| 185 | + <th scope="col">응답자</th> | |
| 186 | + <th scope="col">응답일</th> | |
| 187 | + <th scope="col">1</th> | |
| 188 | + <th scope="col">2</th> | |
| 189 | + <th scope="col">3</th> | |
| 190 | + <th scope="col">4</th> | |
| 191 | + <th scope="col">5</th> | |
| 192 | + <th scope="col">6</th> | |
| 193 | + <th scope="col">7</th> | |
| 194 | + <th scope="col">8</th> | |
| 195 | + <th scope="col">9</th> | |
| 196 | + <th scope="col">10</th> | |
| 197 | + <th scope="col">11</th> | |
| 198 | + <th scope="col">12</th> | |
| 199 | + <th scope="col">13</th> | |
| 200 | + <th scope="col">14</th> | |
| 201 | + <th scope="col">15</th> | |
| 202 | + </tr> | |
| 203 | + </thead> | |
| 204 | + <tbody> | |
| 205 | + <tr> | |
| 206 | + <td>123</td> | |
| 207 | + <td>홍길동<br>(ghdrlfehd)</td> | |
| 208 | + <td>2024-10-12 15:34</td> | |
| 209 | + <td>1</td> | |
| 210 | + <td>너무 좋았어요 너무 좋았어요 서술형 답변 표시</td> | |
| 211 | + <td>3</td> | |
| 212 | + <td>2</td> | |
| 213 | + <td>4</td> | |
| 214 | + <td>5</td> | |
| 215 | + <td>너무 좋았어요 너무 좋았어요 서술형 답변 표시</td> | |
| 216 | + <td>7</td> | |
| 217 | + <td>8</td> | |
| 218 | + <td>9</td> | |
| 219 | + <td>10</td> | |
| 220 | + <td>11</td> | |
| 221 | + <td>13</td> | |
| 222 | + <td>14</td> | |
| 223 | + <td>15</td> | |
| 224 | + </tr> | |
| 225 | + </tbody> | |
| 226 | + </table> | |
| 227 | + </div> | |
| 228 | + <ul class="pagenation"> | |
| 229 | + <li class="ppv"> | |
| 230 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 231 | + </li> | |
| 232 | + <li class="pv"> | |
| 233 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 234 | + </li> | |
| 235 | + <li class="current"> | |
| 236 | + <a href="#none" title="1번째 목록으로 이동합니다">1</a> | |
| 237 | + </li> | |
| 238 | + <li> | |
| 239 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 240 | + </li> | |
| 241 | + <li> | |
| 242 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 243 | + </li> | |
| 244 | + <li> | |
| 245 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 246 | + </li> | |
| 247 | + <li> | |
| 248 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 249 | + </li> | |
| 250 | + <li class="fw"> | |
| 251 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 252 | + </li> | |
| 253 | + <li class="ffw"> | |
| 254 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 255 | + </li> | |
| 256 | + </ul> | |
| 257 | + </section> | |
| 258 | + <div class="btn-cont"> | |
| 259 | + <a href="#none" class="btn lg">목록</a> | |
| 260 | + </div> | |
| 261 | + </div> | |
| 262 | + </div> | |
| 263 | + </div> | |
| 264 | + <footer class="site-footer"></footer> | |
| 265 | + </div> | |
| 266 | + <!-- toast --> | |
| 267 | + <div class="toast"></div> | |
| 268 | + <!--popup--> | |
| 269 | + <div class="dim"></div> | |
| 270 | + | |
| 271 | + <script> | |
| 272 | + // 테이블 고정 | |
| 273 | + document.addEventListener('DOMContentLoaded', function () { | |
| 274 | + var stickyTables = document.querySelectorAll(".table-sticky"); | |
| 275 | + | |
| 276 | + stickyTables.forEach(function(table) { | |
| 277 | + StickyOnTable.apply(table); | |
| 278 | + }); | |
| 279 | + }); | |
| 280 | + </script> | |
| 281 | +</body> | |
| 282 | + | |
| 283 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/myclass/surveyView_popWin.html
... | ... | @@ -0,0 +1,272 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 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 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 14 | + <!-- 공통 plugin --> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 16 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 17 | + <!-- //공통 plugin --> | |
| 18 | + <!-- 페이지 plugin--> | |
| 19 | + <!-- //페이지 plugin--> | |
| 20 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 22 | + <!--//퍼블 layout--> | |
| 23 | + <!-- 공통 메뉴 js--> | |
| 24 | + <!-- //공통 메뉴 js --> | |
| 25 | + <!--공통 퍼블 js--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 28 | + <!--//공통 퍼블 js--> | |
| 29 | +</head> | |
| 30 | + | |
| 31 | +<body> | |
| 32 | + <div class="form-area"> | |
| 33 | + <div class="form-view wrap-sm"> | |
| 34 | + <div class="form-section"> | |
| 35 | + <div class="form-section-header"> | |
| 36 | + <div class="l-area dir-col"> | |
| 37 | + <ul class="info-inline-list"> | |
| 38 | + <li> | |
| 39 | + <i class="ico-calendar"></i> | |
| 40 | + <strong class="info-tit">설문기간</strong> | |
| 41 | + <div class="txt-area"> | |
| 42 | + 2024-09-01 ~ 3034-09-30 | |
| 43 | + </div> | |
| 44 | + </li> | |
| 45 | + <li> | |
| 46 | + <div class="txt-area"> | |
| 47 | + 12문항 | |
| 48 | + </div> | |
| 49 | + </li> | |
| 50 | + </ul> | |
| 51 | + <h1 class="title-xlg">설문 제목설문 제목설문 제목설문 제목설문 제목설문 제목</h1> | |
| 52 | + <div class="txt-area editor-cont">설문조사에 대해 답변부탁드립니다. | |
| 53 | + 설문 설명이 들어가는 영역</div> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <div class="form-section-body"> | |
| 57 | + <div class="form-item-section"> | |
| 58 | + <div class="form-item-list"> | |
| 59 | + <div class="form-item"> | |
| 60 | + <div class="q-area"> | |
| 61 | + <div class="q-tit"> | |
| 62 | + <div class="l-area"> | |
| 63 | + <span class="label num lg">1</span> | |
| 64 | + <div class="q-txt"> | |
| 65 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요.<i class="required">필수</i> | |
| 66 | + </div> | |
| 67 | + </div> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="a-area"> | |
| 71 | + <ol class="a-list"> | |
| 72 | + <li class="a-item"> | |
| 73 | + <div class="a-cont"> | |
| 74 | + <div class="checkradio"> | |
| 75 | + <input type="radio" id="a1_1" name="a1"> | |
| 76 | + <label for="a1_1"> 질문내용질문 내용질문내 용질문내</label> | |
| 77 | + </div> | |
| 78 | + </div> | |
| 79 | + </li> | |
| 80 | + <li class="a-item"> | |
| 81 | + <div class="a-cont"> | |
| 82 | + <div class="checkradio"> | |
| 83 | + <input type="radio" id="a1_2" name="a1"> | |
| 84 | + <label for="a1_2"> 질문내용질문 내용질문내 용질문내</label> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </li> | |
| 88 | + </ol> | |
| 89 | + </div> | |
| 90 | + </div> | |
| 91 | + <div class="form-item"> | |
| 92 | + <div class="q-area"> | |
| 93 | + <div class="q-tit"> | |
| 94 | + <div class="l-area"> | |
| 95 | + <span class="label num lg">2</span> | |
| 96 | + <div class="q-txt"> | |
| 97 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 98 | + </div> | |
| 99 | + </div> | |
| 100 | + </div> | |
| 101 | + <div class="q-img"> | |
| 102 | + <figure> | |
| 103 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지"> | |
| 104 | + </figure> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + <div class="a-area"> | |
| 108 | + <ol class="a-list"> | |
| 109 | + <li class="a-item"> | |
| 110 | + <div class="a-cont"> | |
| 111 | + <div class="checkradio"> | |
| 112 | + <input type="checkbox" id="a2_1" name="a2"> | |
| 113 | + <label for="a2_1"> 질문내용질문 내용질문내 용질문내</label> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + </li> | |
| 117 | + <li class="a-item"> | |
| 118 | + <div class="a-cont"> | |
| 119 | + <div class="checkradio"> | |
| 120 | + <input type="checkbox" id="a2_2" name="a2"> | |
| 121 | + <label for="a2_2"> 질문내용질문 내용질문내 용질문내</label> | |
| 122 | + </div> | |
| 123 | + </div> | |
| 124 | + </li> | |
| 125 | + </ol> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <div class="form-item"> | |
| 129 | + <div class="q-area"> | |
| 130 | + <div class="q-tit"> | |
| 131 | + <div class="l-area"> | |
| 132 | + <span class="label num lg">3</span> | |
| 133 | + <div class="q-txt"> | |
| 134 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 135 | + </div> | |
| 136 | + </div> | |
| 137 | + </div> | |
| 138 | + <!-- <div class="q-img"> | |
| 139 | + <figure> | |
| 140 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지"> | |
| 141 | + </figure> | |
| 142 | + </div> --> | |
| 143 | + </div> | |
| 144 | + <div class="a-area"> | |
| 145 | + <select name="" id=""> | |
| 146 | + <option value="">선택하세요.</option> | |
| 147 | + </select> | |
| 148 | + </div> | |
| 149 | + </div> | |
| 150 | + <div class="form-item"> | |
| 151 | + <div class="q-area"> | |
| 152 | + <div class="q-tit"> | |
| 153 | + <div class="l-area"> | |
| 154 | + <span class="label num lg">3</span> | |
| 155 | + <div class="q-txt"> | |
| 156 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 157 | + </div> | |
| 158 | + </div> | |
| 159 | + </div> | |
| 160 | + <!-- <div class="q-img"> | |
| 161 | + <figure> | |
| 162 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지"> | |
| 163 | + </figure> | |
| 164 | + </div> --> | |
| 165 | + </div> | |
| 166 | + <div class="a-area"> | |
| 167 | + <input type="text" placeholder="단답형 응답을 입력하세요." title="단답형 응답을 입력하세요."> | |
| 168 | + </div> | |
| 169 | + </div> | |
| 170 | + <div class="form-item"> | |
| 171 | + <div class="q-area"> | |
| 172 | + <div class="q-tit"> | |
| 173 | + <div class="l-area"> | |
| 174 | + <span class="label num lg">4</span> | |
| 175 | + <div class="q-txt"> | |
| 176 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 177 | + </div> | |
| 178 | + </div> | |
| 179 | + </div> | |
| 180 | + <!-- <div class="q-img"> | |
| 181 | + <figure> | |
| 182 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지"> | |
| 183 | + </figure> | |
| 184 | + </div> --> | |
| 185 | + </div> | |
| 186 | + <div class="a-area"> | |
| 187 | + <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea> | |
| 188 | + </div> | |
| 189 | + </div> | |
| 190 | + <div class="form-item"> | |
| 191 | + <div class="q-area"> | |
| 192 | + <div class="q-tit"> | |
| 193 | + <div class="l-area"> | |
| 194 | + <span class="label num lg">5</span> | |
| 195 | + <div class="q-txt"> | |
| 196 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 197 | + </div> | |
| 198 | + </div> | |
| 199 | + </div> | |
| 200 | + <!-- <div class="q-img"> | |
| 201 | + <figure> | |
| 202 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지"> | |
| 203 | + </figure> | |
| 204 | + </div> --> | |
| 205 | + </div> | |
| 206 | + <div class="a-area"> | |
| 207 | + <div class="file-add-area"> | |
| 208 | + <div class="file-custom flex1"> | |
| 209 | + <input type="file" class="input-file" title="파일선택" id="fileCusAdd"> | |
| 210 | + <label class="btn secondary ico-upload" for="fileCusAdd">파일 첨부</label> | |
| 211 | + <input type="text" class="flex1" autocomplete="off" placeholder="파일을 선택해주세요."> | |
| 212 | + </div> | |
| 213 | + <button class="btn circle ico-delete">삭제</button> | |
| 214 | + </div> | |
| 215 | + </div> | |
| 216 | + </div> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + <div class="form-item-section"> | |
| 220 | + <h4 class="form-item-tit">세션 타이틀</h4> | |
| 221 | + <div class="form-item-list"> | |
| 222 | + <div class="form-item"> | |
| 223 | + <div class="q-area"> | |
| 224 | + <div class="q-tit"> | |
| 225 | + <div class="l-area"> | |
| 226 | + <span class="label num lg">5</span> | |
| 227 | + <div class="q-txt"> | |
| 228 | + ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. | |
| 229 | + </div> | |
| 230 | + </div> | |
| 231 | + </div> | |
| 232 | + <!-- <div class="q-img"> | |
| 233 | + <figure> | |
| 234 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지"> | |
| 235 | + </figure> | |
| 236 | + </div> --> | |
| 237 | + </div> | |
| 238 | + <div class="a-area"> | |
| 239 | + <textarea rows="5" placeholder="서술형 응답을 입력하세요." title="서술형 응답을 입력하세요."></textarea> | |
| 240 | + </div> | |
| 241 | + </div> | |
| 242 | + </div> | |
| 243 | + </div> | |
| 244 | + | |
| 245 | + <div class="form-agree-area"> | |
| 246 | + <h4 class="txt-hide">개인정보 처리방침</h4> | |
| 247 | + <div class="txt-area"> | |
| 248 | + 개인정보 수집 및 이용에 동의해 주세요.<br> | |
| 249 | + 1. 수집 목적 :<br> | |
| 250 | + 2. 수집 항목 :<br> | |
| 251 | + 3. 보유 및 이용 기간 :<br> | |
| 252 | + </div> | |
| 253 | + <div class="checkradio"> | |
| 254 | + <input type="checkbox" id="privacyAree"> | |
| 255 | + <label for="privacyAree">개인정보 수집 및 이용에 동의합니다.</label> | |
| 256 | + </div> | |
| 257 | + </div> | |
| 258 | + </div> | |
| 259 | + </div> | |
| 260 | + <div class="btn-cont"> | |
| 261 | + <a href="#none" class="btn lg primary">응답 제출하기</a> | |
| 262 | + </div> | |
| 263 | + </div> | |
| 264 | + </div> | |
| 265 | + <!-- toast --> | |
| 266 | + <div class="toast"></div> | |
| 267 | + | |
| 268 | + <!--popup--> | |
| 269 | + <div class="dim"></div> | |
| 270 | +</body> | |
| 271 | + | |
| 272 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/onSejong/manager/myclass/surveyWrite.html
... | ... | @@ -0,0 +1,626 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 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 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" /> | |
| 14 | + <!-- 공통 plugin --> | |
| 15 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 16 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 17 | + <!-- //공통 plugin --> | |
| 18 | + <!-- 페이지 plugin--> | |
| 19 | + <!-- //페이지 plugin--> | |
| 20 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 21 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 22 | + <!--//퍼블 layout--> | |
| 23 | + <!-- 공통 메뉴 js--> | |
| 24 | + <!-- //공통 메뉴 js --> | |
| 25 | + <!--공통 퍼블 js--> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 28 | + <!--//공통 퍼블 js--> | |
| 29 | +</head> | |
| 30 | + | |
| 31 | +<body> | |
| 32 | + <div class="accessibility"> | |
| 33 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 34 | + </div> | |
| 35 | + <!-- for-teacher / for-student --> | |
| 36 | + <div class="container"> | |
| 37 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 38 | + <header class="site-header"></header> | |
| 39 | + <div class="site-body" id="skipToContents"> | |
| 40 | + <div class="wrap"> | |
| 41 | + <aside class="lnb"></aside> | |
| 42 | + <div class="site-cont"> | |
| 43 | + <div class="page-tit-area"> | |
| 44 | + <div class="l-area"> | |
| 45 | + <h2 class="title-xlg">설문만들기</h2> | |
| 46 | + </div> | |
| 47 | + </div> | |
| 48 | + <section class="section"> | |
| 49 | + <header class="section-tit-area"> | |
| 50 | + <div class="l-area"> | |
| 51 | + <h3 class="title-lg">기본 설정</h3> | |
| 52 | + </div> | |
| 53 | + <div class="r-area"> | |
| 54 | + <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p> | |
| 55 | + </div> | |
| 56 | + </header> | |
| 57 | + <div class="write-type"> | |
| 58 | + <table> | |
| 59 | + <colgroup> | |
| 60 | + <col style="width:200px"> | |
| 61 | + <col> | |
| 62 | + </colgroup> | |
| 63 | + <tbody> | |
| 64 | + <tr> | |
| 65 | + <th scope="row">제목 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 66 | + <td> | |
| 67 | + <input type="text" title="인풋박스" class="q4" placeholder="제목을 입력하세요."> | |
| 68 | + </td> | |
| 69 | + </tr> | |
| 70 | + <tr> | |
| 71 | + <th scope="row">설문지 설명 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 72 | + <td> | |
| 73 | + -에디터- | |
| 74 | + </td> | |
| 75 | + </tr> | |
| 76 | + <tr> | |
| 77 | + <th scope="row">설문 응답 기간 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 78 | + <td> | |
| 79 | + <fieldset class="checkradio-area dir-col"> | |
| 80 | + <legend>설문 응답 기간</legend> | |
| 81 | + <div class="checkradio"> | |
| 82 | + <input type="radio" name="radio1" id="r1-1" checked> | |
| 83 | + <label for="r1-1">기한없음</label> | |
| 84 | + </div> | |
| 85 | + <div class="checkradio"> | |
| 86 | + <input type="radio" name="radio1" id="r1-2"> | |
| 87 | + <label for="r1-2">기한설정</label> | |
| 88 | + <div class="time-set checkradio-option"> | |
| 89 | + <input type="date"> | |
| 90 | + <select title="선택"> | |
| 91 | + <option value="00">00</option> | |
| 92 | + </select> | |
| 93 | + <span>:</span> | |
| 94 | + <select title="선택"> | |
| 95 | + <option value="00">00</option> | |
| 96 | + </select> | |
| 97 | + <span>-</span> | |
| 98 | + <input type="date"> | |
| 99 | + <select title="선택"> | |
| 100 | + <option value="00">00</option> | |
| 101 | + </select> | |
| 102 | + <span>:</span> | |
| 103 | + <select title="선택"> | |
| 104 | + <option value="00">00</option> | |
| 105 | + </select> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </fieldset> | |
| 109 | + </td> | |
| 110 | + </tr> | |
| 111 | + <tr> | |
| 112 | + <th scope="row">개인정보 동의서<br>사용여부 <i class="required">*<span class="txt-hide">필수</span></i> | |
| 113 | + </th> | |
| 114 | + <td> | |
| 115 | + <fieldset> | |
| 116 | + <legend>개인정보 동의서 사용여부</legend> | |
| 117 | + <div class="checkradio"> | |
| 118 | + <input type="radio" name="r2" id="r2-1" checked> | |
| 119 | + <label for="r2-1">사용안함</label> | |
| 120 | + </div> | |
| 121 | + <div class="checkradio"> | |
| 122 | + <input type="radio" name="r2" id="r2-2"> | |
| 123 | + <label for="r2-2">사용함</label> | |
| 124 | + </div> | |
| 125 | + <div class="checkradio-option block p10"> | |
| 126 | + <textarea rows="5">개인정보 수집 및 이용에 동의해 주세요. | |
| 127 | +1. 수집 목적 : | |
| 128 | +2. 수집 항목 : | |
| 129 | +3. 보유 및 이용 기간 : | |
| 130 | + </textarea> | |
| 131 | + </div> | |
| 132 | + </fieldset> | |
| 133 | + </td> | |
| 134 | + </tr> | |
| 135 | + <tr> | |
| 136 | + <th scope="row">설문대상</th> | |
| 137 | + <td> | |
| 138 | + <fieldset class="checkradio-area dir-col"> | |
| 139 | + <legend>풀이대상 선택</legend> | |
| 140 | + <div class="checkradio"> | |
| 141 | + <input type="radio" name="r3" id="r3-1" checked> | |
| 142 | + <label for="r3-1">전체</label> | |
| 143 | + </div> | |
| 144 | + <div class="checkradio"> | |
| 145 | + <input type="radio" name="r3" id="r3-2"> | |
| 146 | + <label for="r3-2">선택입력</label> | |
| 147 | + <div class="checkradio-option"> | |
| 148 | + <button class="btn sm secondary">멤버선택</button> | |
| 149 | + <span>135명</span> | |
| 150 | + </div> | |
| 151 | + </div> | |
| 152 | + <div class="checkradio"> | |
| 153 | + <input type="radio" name="r3" id="r3-3"> | |
| 154 | + <label for="r3-3">모둠 선택</label> | |
| 155 | + <div class="checkradio-option"> | |
| 156 | + <select title="그룹 선택1" class="sm"> | |
| 157 | + <option>모둠 선택</option> | |
| 158 | + </select> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + <div class="item-add-area"> | |
| 162 | + <div class="chip-area"> | |
| 163 | + <span class="chip-tag"> | |
| 164 | + 추가된 모둠명1 | |
| 165 | + <button type="button" class="ico-delete">삭제</button> | |
| 166 | + </span> | |
| 167 | + <span class="chip-tag"> | |
| 168 | + 추가된 모둠명2 | |
| 169 | + <button type="button" class="ico-delete">삭제</button> | |
| 170 | + </span> | |
| 171 | + </div> | |
| 172 | + </div> | |
| 173 | + </fieldset> | |
| 174 | + </td> | |
| 175 | + </tr> | |
| 176 | + <tr> | |
| 177 | + <th scope="row">무기명 여부 <i class="required">*<span class="txt-hide">필수</span></i></th> | |
| 178 | + <td> | |
| 179 | + <fieldset> | |
| 180 | + <legend>무기명 여부</legend> | |
| 181 | + <div class="checkradio"> | |
| 182 | + <input type="radio" name="r4" id="r4-1" checked> | |
| 183 | + <label for="r4-1">무기명아님</label> | |
| 184 | + </div> | |
| 185 | + <div class="checkradio"> | |
| 186 | + <input type="radio" name="r4" id="r4-2"> | |
| 187 | + <label for="r4-2">무기명(설문응답자 이름을 ****로 표시합니다.)</label> | |
| 188 | + </div> | |
| 189 | + </fieldset> | |
| 190 | + </td> | |
| 191 | + </tr> | |
| 192 | + </tbody> | |
| 193 | + </table> | |
| 194 | + </div> | |
| 195 | + </section> | |
| 196 | + <section class="section"> | |
| 197 | + <header class="section-tit-area"> | |
| 198 | + <div class="l-area"><h3 class="title-lg">설문지 작성</h3></div> | |
| 199 | + </header> | |
| 200 | + <div class="form-write"> | |
| 201 | + <div class="form-section bg-area"> | |
| 202 | + <div class="form-section-body wrap-sm"> | |
| 203 | + <div class="form-item-list"> | |
| 204 | + <div class="form-item"> | |
| 205 | + <div class="q-area"> | |
| 206 | + <div class="q-tit"> | |
| 207 | + <select title="설문 타입 선택"> | |
| 208 | + <option selected>객관식 질문</option> | |
| 209 | + <option>다중 체크박스</option> | |
| 210 | + <option>드롭다운</option> | |
| 211 | + <option>서술형</option> | |
| 212 | + <option>단답형</option> | |
| 213 | + <option>파일 업로드</option> | |
| 214 | + </select> | |
| 215 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 216 | + <div class="file-custom"> | |
| 217 | + <input type="file" class="input-file"> | |
| 218 | + <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span> | |
| 219 | + </div> | |
| 220 | + </div> | |
| 221 | + <div class="q-img lg"> | |
| 222 | + <figure> | |
| 223 | + <img src="../../../../resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지"> | |
| 224 | + <div class="img-fnc-etc"> | |
| 225 | + <button type="button" class="btn sm circle ico-delete overlay"></button> | |
| 226 | + </div> | |
| 227 | + </figure> | |
| 228 | + </div> | |
| 229 | + </div> | |
| 230 | + <div class="a-area"> | |
| 231 | + <ol class="a-write-list"> | |
| 232 | + <li class="a-item"> | |
| 233 | + <i class="ico-move"></i> | |
| 234 | + <div class="a-info"> | |
| 235 | + <div class="checkradio"> | |
| 236 | + <input type="radio" id="a1_1" name="a1" class="icon-only" disabled> | |
| 237 | + <label for="a1_1"></label> | |
| 238 | + </div> | |
| 239 | + </div> | |
| 240 | + <div class="a-cont"> | |
| 241 | + <div class="a-txt"> | |
| 242 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 243 | + </div> | |
| 244 | + </div> | |
| 245 | + <div class="a-fnc"> | |
| 246 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 247 | + </div> | |
| 248 | + </li> | |
| 249 | + <li class="a-item"> | |
| 250 | + <i class="ico-move"></i> | |
| 251 | + <div class="a-info"> | |
| 252 | + <div class="checkradio"> | |
| 253 | + <input type="radio" id="a1_2" name="a" class="icon-only" disabled> | |
| 254 | + <label for="a1_2"></label> | |
| 255 | + </div> | |
| 256 | + </div> | |
| 257 | + <div class="a-cont"> | |
| 258 | + <div class="a-txt"> | |
| 259 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 260 | + </div> | |
| 261 | + </div> | |
| 262 | + <div class="a-fnc"> | |
| 263 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 264 | + </div> | |
| 265 | + </li> | |
| 266 | + <li class="a-item"> | |
| 267 | + <i class="ico-move"></i> | |
| 268 | + <div class="a-info"> | |
| 269 | + <div class="checkradio"> | |
| 270 | + <input type="radio" id="a1_3" name="a1" class="icon-only" disabled> | |
| 271 | + <label for="a1_3"></label> | |
| 272 | + </div> | |
| 273 | + </div> | |
| 274 | + <div class="a-cont"> | |
| 275 | + <div class="a-txt"> | |
| 276 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 277 | + </div> | |
| 278 | + </div> | |
| 279 | + <div class="a-fnc"> | |
| 280 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 281 | + </div> | |
| 282 | + </li> | |
| 283 | + </ol> | |
| 284 | + </div> | |
| 285 | + <div class="form-item-fnc"> | |
| 286 | + <div class="l-area"> | |
| 287 | + <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a> | |
| 288 | + </div> | |
| 289 | + <div class="r-area"> | |
| 290 | + <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label> | |
| 291 | + <div class="btn-group"> | |
| 292 | + <button class="btn sm circle ico-copy">복사</button> | |
| 293 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 294 | + </div> | |
| 295 | + </div> | |
| 296 | + </div> | |
| 297 | + </div> | |
| 298 | + <div class="form-item"> | |
| 299 | + <div class="q-area"> | |
| 300 | + <div class="q-tit"> | |
| 301 | + <select title="설문 타입 선택"> | |
| 302 | + <option>객관식 질문</option> | |
| 303 | + <option>다중 체크박스</option> | |
| 304 | + <option>드롭다운</option> | |
| 305 | + <option>서술형</option> | |
| 306 | + <option>단답형</option> | |
| 307 | + <option>파일 업로드</option> | |
| 308 | + </select> | |
| 309 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 310 | + <div class="file-custom"> | |
| 311 | + <input type="file" class="input-file"> | |
| 312 | + <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span> | |
| 313 | + </div> | |
| 314 | + </div> | |
| 315 | + </div> | |
| 316 | + <div class="a-area"> | |
| 317 | + <ol class="a-write-list"> | |
| 318 | + <li class="a-item"> | |
| 319 | + <i class="ico-move"></i> | |
| 320 | + <div class="a-info"> | |
| 321 | + <div class="checkradio"> | |
| 322 | + <input type="checkbox" id="a2_1" name="a2" class="icon-only" disabled> | |
| 323 | + <label for="a2_1"></label> | |
| 324 | + </div> | |
| 325 | + </div> | |
| 326 | + <div class="a-cont"> | |
| 327 | + <div class="a-txt"> | |
| 328 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 329 | + </div> | |
| 330 | + </div> | |
| 331 | + <div class="a-fnc"> | |
| 332 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 333 | + </div> | |
| 334 | + </li> | |
| 335 | + <li class="a-item"> | |
| 336 | + <i class="ico-move"></i> | |
| 337 | + <div class="a-info"> | |
| 338 | + <div class="checkradio"> | |
| 339 | + <input type="checkbox" id="a2_2" name="a2" class="icon-only" disabled> | |
| 340 | + <label for="a2_2"></label> | |
| 341 | + </div> | |
| 342 | + </div> | |
| 343 | + <div class="a-cont"> | |
| 344 | + <div class="a-txt"> | |
| 345 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 346 | + </div> | |
| 347 | + </div> | |
| 348 | + <div class="a-fnc"> | |
| 349 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 350 | + </div> | |
| 351 | + </li> | |
| 352 | + </ol> | |
| 353 | + </div> | |
| 354 | + <div class="form-item-fnc"> | |
| 355 | + <div class="l-area"> | |
| 356 | + <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a> | |
| 357 | + </div> | |
| 358 | + <div class="r-area"> | |
| 359 | + <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label> | |
| 360 | + <div class="btn-group"> | |
| 361 | + <button class="btn sm circle ico-copy">복사</button> | |
| 362 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 363 | + </div> | |
| 364 | + </div> | |
| 365 | + </div> | |
| 366 | + </div> | |
| 367 | + <div class="form-item"> | |
| 368 | + <div class="q-area"> | |
| 369 | + <div class="q-tit"> | |
| 370 | + <select title="설문 타입 선택"> | |
| 371 | + <option>객관식 질문</option> | |
| 372 | + <option>다중 체크박스</option> | |
| 373 | + <option>드롭다운</option> | |
| 374 | + <option>서술형</option> | |
| 375 | + <option>단답형</option> | |
| 376 | + <option>파일 업로드</option> | |
| 377 | + </select> | |
| 378 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 379 | + <div class="file-custom"> | |
| 380 | + <input type="file" class="input-file"> | |
| 381 | + <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span> | |
| 382 | + </div> | |
| 383 | + </div> | |
| 384 | + </div> | |
| 385 | + <div class="a-area"> | |
| 386 | + <ol class="a-write-list"> | |
| 387 | + <li class="a-item"> | |
| 388 | + <i class="ico-move"></i> | |
| 389 | + <div class="a-info"> | |
| 390 | + <span class="num">1</span> | |
| 391 | + </div> | |
| 392 | + <div class="a-cont"> | |
| 393 | + <div class="a-txt"> | |
| 394 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 395 | + </div> | |
| 396 | + </div> | |
| 397 | + <div class="a-fnc"> | |
| 398 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 399 | + </div> | |
| 400 | + </li> | |
| 401 | + <li class="a-item"> | |
| 402 | + <i class="ico-move"></i> | |
| 403 | + <div class="a-info"> | |
| 404 | + <span class="num">2</span> | |
| 405 | + </div> | |
| 406 | + <div class="a-cont"> | |
| 407 | + <div class="a-txt"> | |
| 408 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 409 | + </div> | |
| 410 | + </div> | |
| 411 | + <div class="a-fnc"> | |
| 412 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 413 | + </div> | |
| 414 | + </li> | |
| 415 | + </ol> | |
| 416 | + </div> | |
| 417 | + <div class="form-item-fnc"> | |
| 418 | + <div class="l-area"> | |
| 419 | + <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a> | |
| 420 | + </div> | |
| 421 | + <div class="r-area"> | |
| 422 | + <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label> | |
| 423 | + <div class="btn-group"> | |
| 424 | + <button class="btn sm circle ico-copy">복사</button> | |
| 425 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 426 | + </div> | |
| 427 | + </div> | |
| 428 | + </div> | |
| 429 | + </div> | |
| 430 | + <div class="form-item"> | |
| 431 | + <div class="q-area"> | |
| 432 | + <div class="q-tit"> | |
| 433 | + <select title="설문 타입 선택"> | |
| 434 | + <option>객관식 질문</option> | |
| 435 | + <option>다중 체크박스</option> | |
| 436 | + <option>드롭다운</option> | |
| 437 | + <option>서술형</option> | |
| 438 | + <option>단답형</option> | |
| 439 | + <option>파일 업로드</option> | |
| 440 | + </select> | |
| 441 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 442 | + <div class="file-custom"> | |
| 443 | + <input type="file" class="input-file"> | |
| 444 | + <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span> | |
| 445 | + </div> | |
| 446 | + </div> | |
| 447 | + </div> | |
| 448 | + <div class="a-area"> | |
| 449 | + <ol class="a-write-list"> | |
| 450 | + <li class="a-item"> | |
| 451 | + <div class="a-cont"> | |
| 452 | + <div class="a-txt"> | |
| 453 | + <input type="text" placeholder="단답형 입력" disabled> | |
| 454 | + </div> | |
| 455 | + </div> | |
| 456 | + </li> | |
| 457 | + </ol> | |
| 458 | + </div> | |
| 459 | + <div class="form-item-fnc"> | |
| 460 | + <div class="r-area"> | |
| 461 | + <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label> | |
| 462 | + <div class="btn-group"> | |
| 463 | + <button class="btn sm circle ico-copy">복사</button> | |
| 464 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 465 | + </div> | |
| 466 | + </div> | |
| 467 | + </div> | |
| 468 | + </div> | |
| 469 | + <div class="form-item"> | |
| 470 | + <div class="q-area"> | |
| 471 | + <div class="q-tit"> | |
| 472 | + <select title="설문 타입 선택"> | |
| 473 | + <option>객관식 질문</option> | |
| 474 | + <option>다중 체크박스</option> | |
| 475 | + <option>드롭다운</option> | |
| 476 | + <option>서술형</option> | |
| 477 | + <option>단답형</option> | |
| 478 | + <option>파일 업로드</option> | |
| 479 | + </select> | |
| 480 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 481 | + <div class="file-custom"> | |
| 482 | + <input type="file" class="input-file"> | |
| 483 | + <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span> | |
| 484 | + </div> | |
| 485 | + </div> | |
| 486 | + </div> | |
| 487 | + <div class="a-area"> | |
| 488 | + <ol class="a-write-list"> | |
| 489 | + <li class="a-item"> | |
| 490 | + <div class="a-cont"> | |
| 491 | + <div class="a-txt"> | |
| 492 | + <textarea placeholder="서술형 입력" rows="5" disabled></textarea> | |
| 493 | + </div> | |
| 494 | + </div> | |
| 495 | + </li> | |
| 496 | + </ol> | |
| 497 | + </div> | |
| 498 | + <div class="form-item-fnc"> | |
| 499 | + <div class="l-area"> | |
| 500 | + <a href="#none" class="btn-text primary">옵션추가 <i class="ico-form-plus primary"></i></a> | |
| 501 | + </div> | |
| 502 | + <div class="r-area"> | |
| 503 | + <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label> | |
| 504 | + <div class="btn-group"> | |
| 505 | + <button class="btn sm circle ico-copy">복사</button> | |
| 506 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 507 | + </div> | |
| 508 | + </div> | |
| 509 | + </div> | |
| 510 | + </div> | |
| 511 | + <div class="form-item"> | |
| 512 | + <div class="q-area"> | |
| 513 | + <div class="q-tit"> | |
| 514 | + <select title="설문 타입 선택"> | |
| 515 | + <option>객관식 질문</option> | |
| 516 | + <option>다중 체크박스</option> | |
| 517 | + <option>드롭다운</option> | |
| 518 | + <option>서술형</option> | |
| 519 | + <option>단답형</option> | |
| 520 | + <option>파일 업로드</option> | |
| 521 | + </select> | |
| 522 | + <input type="text" placeholder="질문을 입력하세요."> | |
| 523 | + <div class="file-custom"> | |
| 524 | + <input type="file" class="input-file"> | |
| 525 | + <span class="btn circle ico-img"><span class="txt-hide">이미지 첨부</span></span> | |
| 526 | + </div> | |
| 527 | + </div> | |
| 528 | + </div> | |
| 529 | + <div class="a-area"> | |
| 530 | + <div class="a-write-option"> | |
| 531 | + <p class="msg">응답자가 드라이브에 파일을 업로드하도록 허용합니다. 신뢰하는 사용자에게만 이 설문지를 공유하세요.</p> | |
| 532 | + <ul class="option-list"> | |
| 533 | + <li> | |
| 534 | + <strong>최대 파일 수</strong> | |
| 535 | + <div class="txt-area"> | |
| 536 | + <select name="" id=""> | |
| 537 | + <option value="">1</option> | |
| 538 | + <option value="">2</option> | |
| 539 | + <option value="">3</option> | |
| 540 | + </select> | |
| 541 | + </div> | |
| 542 | + </li> | |
| 543 | + <li> | |
| 544 | + <strong>최파일당 최대 크기</strong> | |
| 545 | + <div class="txt-area"> | |
| 546 | + <select name="" id=""> | |
| 547 | + <option value="">10 MB</option> | |
| 548 | + <option value="">9 MB</option> | |
| 549 | + <option value="">8 MB</option> | |
| 550 | + </select> | |
| 551 | + </div> | |
| 552 | + </li> | |
| 553 | + </ul> | |
| 554 | + </div> | |
| 555 | + </div> | |
| 556 | + <div class="form-item-fnc"> | |
| 557 | + <div class="r-area"> | |
| 558 | + <label class="toggle"><input type="checkbox" checked=""><span>필수</span></label> | |
| 559 | + <div class="btn-group"> | |
| 560 | + <button class="btn sm circle ico-copy">복사</button> | |
| 561 | + <button class="btn sm circle danger ico-delete">삭제</button> | |
| 562 | + </div> | |
| 563 | + </div> | |
| 564 | + </div> | |
| 565 | + </div> | |
| 566 | + </div> | |
| 567 | + </div> | |
| 568 | + <div class="form-section-footer"> | |
| 569 | + <div class="r-area"> | |
| 570 | + <button type="button" class="btn ico-form-plus"> | |
| 571 | + 질문 추가 | |
| 572 | + </button> | |
| 573 | + <button type="button" class="btn danger ico-delete"> | |
| 574 | + 세션 삭제 | |
| 575 | + </button> | |
| 576 | + </div> | |
| 577 | + </div> | |
| 578 | + </div> | |
| 579 | + </div> | |
| 580 | + <div class="form-write-fnc"> | |
| 581 | + <button type="button" class="btn-add"> | |
| 582 | + 세션 추가 | |
| 583 | + </button> | |
| 584 | + </div> | |
| 585 | + </section> | |
| 586 | + <div class="btn-cont"> | |
| 587 | + <a href="#none" class="btn lg">취소</a> | |
| 588 | + <a href="#none" class="btn lg secondary">미리보기</a> | |
| 589 | + <a href="#none" class="btn lg primary">등록</a> | |
| 590 | + </div> | |
| 591 | + </div> | |
| 592 | + </div> | |
| 593 | + </div> | |
| 594 | + <footer class="site-footer"></footer> | |
| 595 | + </div> | |
| 596 | + <!-- toast --> | |
| 597 | + <div class="toast"></div> | |
| 598 | + <!--popup--> | |
| 599 | + <div class="dim"></div> | |
| 600 | + | |
| 601 | + <script> | |
| 602 | + $(document).ready(function() { | |
| 603 | + $('.form-item-list').sortable({ | |
| 604 | + connectWith: '.form-item-list', | |
| 605 | + items: '.form-item', | |
| 606 | + revert: false, | |
| 607 | + update: function(event, ui) { | |
| 608 | + } | |
| 609 | + }); | |
| 610 | + $(".a-write-list").sortable({ | |
| 611 | + handle: $(".a-write-list > li").find(".ico-move"), | |
| 612 | + containment: "parent", | |
| 613 | + update: function (event, ui) { | |
| 614 | + var $list = $(this).children("li"); | |
| 615 | + $list.each(function () { | |
| 616 | + var $li = $(this); | |
| 617 | + var newVal = $(this).index() + 1; | |
| 618 | + $(this).find(".num").html(newVal); | |
| 619 | + }); | |
| 620 | + }, | |
| 621 | + }); | |
| 622 | + }); | |
| 623 | + </script> | |
| 624 | +</body> | |
| 625 | + | |
| 626 | +</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?