yanghyo
09-23
퍼블 세팅
@1e24280374f739712c9c0c1d32a23a13047658ba
+++ html/cbe2025/_module/achievecode.html
... | ... | @@ -0,0 +1,51 @@ |
| 1 | +<fieldset class="achievecod-section achievecode-type checkradio-area"> | |
| 2 | + <legend>교육과정, 테마 선택</legend> | |
| 3 | + <div class="checkradio"> | |
| 4 | + <input type="radio" name="achievecodeType" id="achievecodeType- | |
| 5 | + curriculum" checked> | |
| 6 | + <label for="achievecodeType- | |
| 7 | + curriculum">교육과정</label> | |
| 8 | + </div> | |
| 9 | + <div class="checkradio"> | |
| 10 | + <input type="radio" name="achievecodeType" id="achievecodeType- | |
| 11 | + theme"> | |
| 12 | + <label for="achievecodeType- | |
| 13 | + theme">테마</label> | |
| 14 | + </div> | |
| 15 | +</fieldset> | |
| 16 | +<ul class="achievecod-section achievecode-sch"> | |
| 17 | + <li> | |
| 18 | + <select title="학교급 선택"> | |
| 19 | + <option>학교급</option> | |
| 20 | + <option>초등학교</option> | |
| 21 | + <option>중학교</option> | |
| 22 | + <option>고등학교</option> | |
| 23 | + </select> | |
| 24 | + </li> | |
| 25 | + <li class="is-disabled"> | |
| 26 | + <select title="학년 선택" disabled> | |
| 27 | + <option>학년</option> | |
| 28 | + <option>1학년</option> | |
| 29 | + <option>2학년</option> | |
| 30 | + <option>3학년</option> | |
| 31 | + </select> | |
| 32 | + </li> | |
| 33 | + <li class="is-disabled"> | |
| 34 | + <input type="text" placeholder="과목" class="subject-sch" disabled> | |
| 35 | + <button type="button" class="btn-sch" onclick="popupOpenPub('popup-subject')" disabled>과목 검색</button> | |
| 36 | + </li> | |
| 37 | + <li class="is-disabled"> | |
| 38 | + <input type="text" placeholder="성취기준, 코드검색" class="achievecode-sch" disabled> | |
| 39 | + <button type="button" class="btn-sch" onclick="popupOpenPub('popup-achievecode')" disabled>과목 검색</button> | |
| 40 | + </li> | |
| 41 | +</ul> | |
| 42 | +<div class="achievecod-section achievecode-keyword"> | |
| 43 | + <strong>최근 선택한 과목</strong> | |
| 44 | + <div class="txt-area"> | |
| 45 | + <button type="button">과목1</button> | |
| 46 | + <button type="button">과목2</button> | |
| 47 | + <button type="button">과목3</button> | |
| 48 | + <button type="button">과목4</button> | |
| 49 | + <button type="button">과목5</button> | |
| 50 | + </div> | |
| 51 | +</div>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/_module/reply.html
... | ... | @@ -0,0 +1,401 @@ |
| 1 | +<div class="wrap-sm"> | |
| 2 | + <ul class="reply-list"> | |
| 3 | + <li> | |
| 4 | + <div class="profile-img-area"> | |
| 5 | + <figure> | |
| 6 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 7 | + </figure> | |
| 8 | + </div> | |
| 9 | + <div class="txt-area"> | |
| 10 | + <div class="reply-tit-area"> | |
| 11 | + <div class="l-area"> | |
| 12 | + <strong class="profile-tit">홍길동</strong> | |
| 13 | + <span class="time">2026-04-14 10:59</span> | |
| 14 | + </div> | |
| 15 | + <div class="r-area"> | |
| 16 | + <div class="btn-group"> | |
| 17 | + <button type="button" class="btn sm circle ghost ico-edit">수정</button> | |
| 18 | + <button type="button" class="btn sm circle ghost ico-delete">삭제</button> | |
| 19 | + </div> | |
| 20 | + </div> | |
| 21 | + </div> | |
| 22 | + <div class="reply-txt-area"> | |
| 23 | + <div class="txt"> 댓글 내용 댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용</div> | |
| 24 | + <div class="img"> | |
| 25 | + <img src="/resources/front/site/SITE_00000/images/temp/pic1.jpg" alt=""> | |
| 26 | + </div> | |
| 27 | + </div> | |
| 28 | + <div class="reply-fnc-area"> | |
| 29 | + <div class="l-area"> | |
| 30 | + <button type="button" class="btn-text toggle bg-none"><i class="ico-favorite"></i> 123</button> | |
| 31 | + <button type="button" class="btn-text"><i class="ico-comment"></i> 답글쓰기</button> | |
| 32 | + </div> | |
| 33 | + </div> | |
| 34 | + <div class="reply-re-area"> | |
| 35 | + <ul class="reply-re-list"> | |
| 36 | + <li class="reply-write-area"> | |
| 37 | + <div class="profile-img-area"> | |
| 38 | + <figure class=""> | |
| 39 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 40 | + </figure> | |
| 41 | + </div> | |
| 42 | + <div class="txt-area"> | |
| 43 | + <div class="write"> | |
| 44 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요."></textarea> | |
| 45 | + <div class="write-fnc-area"> | |
| 46 | + <div class="l-area"> | |
| 47 | + <div class="file-custom"> | |
| 48 | + <input type="file" title="파일 입력"> | |
| 49 | + <button type="button" class="ico-img">이미지</button> | |
| 50 | + </div> | |
| 51 | + </div> | |
| 52 | + <div class="r-area"> | |
| 53 | + <div class="btn-group"> | |
| 54 | + <button type="submit" class="btn xsm">취소</button> | |
| 55 | + <button type="submit" class="btn xsm primary">등록</button> | |
| 56 | + </div> | |
| 57 | + </div> | |
| 58 | + </div> | |
| 59 | + </div> | |
| 60 | + </div> | |
| 61 | + </li> | |
| 62 | + <li> | |
| 63 | + <div class="profile-img-area"> | |
| 64 | + <figure class=""> | |
| 65 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 66 | + </figure> | |
| 67 | + </div> | |
| 68 | + <div class="txt-area"> | |
| 69 | + <div class="reply-tit-area"> | |
| 70 | + <div class="l-area"> | |
| 71 | + <strong class="profile-tit">홍길동</strong> | |
| 72 | + <span class="time">2026-04-14 10:59</span> | |
| 73 | + </div> | |
| 74 | + <div class="r-area"> | |
| 75 | + <div class="btn-group"> | |
| 76 | + <button type="button" class="btn xsm circle ghost ico-edit">수정</button> | |
| 77 | + <button type="button" class="btn xsm circle ghost ico-delete">삭제</button> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + </div> | |
| 81 | + <div class="reply-txt-area"> | |
| 82 | + <div class="txt"> | |
| 83 | + 댓글 내용 댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용 | |
| 84 | + </div> | |
| 85 | + <div class="img"> | |
| 86 | + <img src="/resources/front/site/SITE_00000/images/temp/pic1.jpg" alt=""> | |
| 87 | + </div> | |
| 88 | + </div> | |
| 89 | + <div class="reply-fnc-area"> | |
| 90 | + <div class="l-area"> | |
| 91 | + <button type="button" class="btn-text toggle bg-none"><i class="ico-favorite"></i> 123</button> | |
| 92 | + <button type="button" class="btn-text"><i class="ico-comment"></i> 답글쓰기</button> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + </li> | |
| 97 | + <!-- <li class="reply-write-area"> | |
| 98 | + <div class="profile-img-area"> | |
| 99 | + <figure class=""> | |
| 100 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 101 | + </figure> | |
| 102 | + </div> | |
| 103 | + <div class="txt-area"> | |
| 104 | + <div class="write"> | |
| 105 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요."></textarea> | |
| 106 | + <div class="write-fnc-area"> | |
| 107 | + <div class="l-area"> | |
| 108 | + <div class="file-custom"> | |
| 109 | + <input type="file" title="파일 입력"> | |
| 110 | + <button type="button" class="ico-img">이미지</button> | |
| 111 | + </div> | |
| 112 | + </div> | |
| 113 | + <div class="r-area"> | |
| 114 | + <div class="btn-group"> | |
| 115 | + <button type="button" class="btn xsm">취소</button> | |
| 116 | + <button type="button" class="btn xsm primary">등록</button> | |
| 117 | + </div> | |
| 118 | + </div> | |
| 119 | + </div> | |
| 120 | + </div> | |
| 121 | + </div> | |
| 122 | + </li> --> | |
| 123 | + <li class="reply-write-area"> | |
| 124 | + <div class="profile-img-area"> | |
| 125 | + <figure class=""> | |
| 126 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 127 | + </figure> | |
| 128 | + </div> | |
| 129 | + <div class="txt-area"> | |
| 130 | + <div class="write"> | |
| 131 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요.">대댓글 수정</textarea> | |
| 132 | + <div class="write-fnc-area"> | |
| 133 | + <div class="l-area"> | |
| 134 | + <div class="file-custom"> | |
| 135 | + <input type="file" title="파일 입력"> | |
| 136 | + <button type="button" class="ico-img">이미지</button> | |
| 137 | + </div> | |
| 138 | + </div> | |
| 139 | + <div class="r-area"> | |
| 140 | + <div class="btn-group"> | |
| 141 | + <button type="button" class="btn xsm">취소</button> | |
| 142 | + <button type="button" class="btn xsm primary">등록</button> | |
| 143 | + </div> | |
| 144 | + </div> | |
| 145 | + </div> | |
| 146 | + </div> | |
| 147 | + </div> | |
| 148 | + </li> | |
| 149 | + <li> | |
| 150 | + <div class="profile-img-area"> | |
| 151 | + <figure class=""> | |
| 152 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 153 | + </figure> | |
| 154 | + </div> | |
| 155 | + <div class="txt-area"> | |
| 156 | + <div class="reply-tit-area"> | |
| 157 | + <div class="l-area"> | |
| 158 | + <strong class="profile-tit">홍길동</strong> | |
| 159 | + <span class="time">2026-04-14 10:59</span> | |
| 160 | + </div> | |
| 161 | + <div class="r-area"> | |
| 162 | + <div class="btn-group"> | |
| 163 | + <button type="button" class="btn xsm circle ghost ico-edit">수정</button> | |
| 164 | + <button type="button" class="btn xsm circle ghost ico-delete">삭제</button> | |
| 165 | + </div> | |
| 166 | + </div> | |
| 167 | + </div> | |
| 168 | + <div class="reply-txt-area"> | |
| 169 | + <div class="txt"> | |
| 170 | + 댓글 내용 댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용 | |
| 171 | + </div> | |
| 172 | + </div> | |
| 173 | + <div class="reply-fnc-area"> | |
| 174 | + <div class="l-area"> | |
| 175 | + <button type="button" class="btn-text toggle bg-none"><i class="ico-favorite"></i> 123</button> | |
| 176 | + <button type="button" class="btn-text"><i class="ico-comment"></i> 답글쓰기</button> | |
| 177 | + </div> | |
| 178 | + </div> | |
| 179 | + </div> | |
| 180 | + </li> | |
| 181 | + <li class="reply-write-area"> | |
| 182 | + <div class="profile-img-area"> | |
| 183 | + <figure class=""> | |
| 184 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 185 | + </figure> | |
| 186 | + </div> | |
| 187 | + <div class="txt-area"> | |
| 188 | + <div class="write"> | |
| 189 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요."></textarea> | |
| 190 | + <div class="write-fnc-area"> | |
| 191 | + <div class="l-area"> | |
| 192 | + <div class="file-custom"> | |
| 193 | + <input type="file" title="파일 입력"> | |
| 194 | + <button type="button" class="ico-img">이미지</button> | |
| 195 | + </div> | |
| 196 | + </div> | |
| 197 | + <div class="r-area"> | |
| 198 | + <div class="btn-group"> | |
| 199 | + <button type="button" class="btn xsm">취소</button> | |
| 200 | + <button type="button" class="btn xsm primary">등록</button> | |
| 201 | + </div> | |
| 202 | + </div> | |
| 203 | + </div> | |
| 204 | + </div> | |
| 205 | + </div> | |
| 206 | + </li> | |
| 207 | + </ul> | |
| 208 | + <!-- <div class="reply-write-area"> | |
| 209 | + <div class="profile-img-area"> | |
| 210 | + <figure class=""> | |
| 211 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 212 | + </figure> | |
| 213 | + </div> | |
| 214 | + <div class="txt-area"> | |
| 215 | + <div class="write"> | |
| 216 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요."></textarea> | |
| 217 | + <div class="write-fnc-area"> | |
| 218 | + <div class="l-area"> | |
| 219 | + <div class="file-custom"> | |
| 220 | + <input type="file" title="파일 입력"> | |
| 221 | + <button type="button" class="ico-img">이미지</button> | |
| 222 | + </div> | |
| 223 | + </div> | |
| 224 | + <div class="r-area"> | |
| 225 | + <button type="button" class="btn circle sm primary ico-send">입력</button> | |
| 226 | + </div> | |
| 227 | + </div> | |
| 228 | + </div> | |
| 229 | + </div> | |
| 230 | + </div> --> | |
| 231 | + </div> | |
| 232 | + </div> | |
| 233 | + </li> | |
| 234 | + <li> | |
| 235 | + <div class="profile-img-area"> | |
| 236 | + <figure class=""> | |
| 237 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 238 | + </figure> | |
| 239 | + </div> | |
| 240 | + <div class="txt-area"> | |
| 241 | + <div class="reply-tit-area"> | |
| 242 | + <div class="l-area"> | |
| 243 | + <strong class="profile-tit">홍길동</strong> | |
| 244 | + <span class="time">2026-04-14 10:59</span> | |
| 245 | + </div> | |
| 246 | + <div class="r-area"> | |
| 247 | + <div class="btn-group"> | |
| 248 | + <button type="button" class="btn sm circle ghost ico-edit">수정</button> | |
| 249 | + <button type="button" class="btn sm circle ghost ico-delete">삭제</button> | |
| 250 | + </div> | |
| 251 | + </div> | |
| 252 | + </div> | |
| 253 | + <div class="reply-txt-area"> | |
| 254 | + <div class="txt"> | |
| 255 | + 댓글 내용 댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용 | |
| 256 | + </div> | |
| 257 | + </div> | |
| 258 | + <div class="reply-fnc-area"> | |
| 259 | + <div class="l-area"> | |
| 260 | + <button type="button" class="btn-text toggle bg-none"><i class="ico-favorite"></i> 123</button> | |
| 261 | + <button type="button" class="btn-text"><i class="ico-comment"></i> 답글쓰기</button> | |
| 262 | + </div> | |
| 263 | + </div> | |
| 264 | + </div> | |
| 265 | + </li> | |
| 266 | + <!-- 댓글 수정 --> | |
| 267 | + <li class="reply-write-area"> | |
| 268 | + <div class="profile-img-area"> | |
| 269 | + <figure class=""> | |
| 270 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 271 | + </figure> | |
| 272 | + </div> | |
| 273 | + <div class="txt-area"> | |
| 274 | + <div class="reply-tit-area"> | |
| 275 | + <div class="l-area"> | |
| 276 | + <strong class="profile-tit">홍길동</strong> | |
| 277 | + <span class="time">2026-04-14 10:59</span> | |
| 278 | + </div> | |
| 279 | + </div> | |
| 280 | + <div class="write"> | |
| 281 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요.">댓글 수정</textarea> | |
| 282 | + <div class="img-add-area"> | |
| 283 | + <img src="/resources/front/site/SITE_00000/images/temp/pic1.jpg" alt=""> | |
| 284 | + <button class="btn circle xsm overlay ico-delete">삭제</button> | |
| 285 | + </div> | |
| 286 | + <div class="write-fnc-area"> | |
| 287 | + <div class="l-area"> | |
| 288 | + <div class="file-custom"> | |
| 289 | + <input type="file" title="파일 입력"> | |
| 290 | + <button type="button" class="ico-img">이미지</button> | |
| 291 | + </div> | |
| 292 | + </div> | |
| 293 | + <div class="r-area"> | |
| 294 | + <div class="btn-group"> | |
| 295 | + <button type="submit" class="btn xsm">취소</button> | |
| 296 | + <button type="submit" class="btn xsm primary">등록</button> | |
| 297 | + </div> | |
| 298 | + </div> | |
| 299 | + </div> | |
| 300 | + </div> | |
| 301 | + <div class="reply-re-area"> | |
| 302 | + <ul class="reply-re-list"> | |
| 303 | + <li class="reply-write-area"> | |
| 304 | + <div class="profile-img-area"> | |
| 305 | + <figure class=""> | |
| 306 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 307 | + </figure> | |
| 308 | + </div> | |
| 309 | + <div class="txt-area"> | |
| 310 | + <div class="write"> | |
| 311 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요.">대댓글 수정</textarea> | |
| 312 | + <div class="write-fnc-area"> | |
| 313 | + <div class="l-area"> | |
| 314 | + <div class="file-custom"> | |
| 315 | + <input type="file" title="파일 입력"> | |
| 316 | + <button type="button" class="ico-img">이미지</button> | |
| 317 | + </div> | |
| 318 | + </div> | |
| 319 | + <div class="r-area"> | |
| 320 | + <div class="btn-group"> | |
| 321 | + <button type="button" class="btn xsm">취소</button> | |
| 322 | + <button type="button" class="btn xsm primary">등록</button> | |
| 323 | + </div> | |
| 324 | + </div> | |
| 325 | + </div> | |
| 326 | + </div> | |
| 327 | + </div> | |
| 328 | + </li> | |
| 329 | + <li> | |
| 330 | + <div class="profile-img-area"> | |
| 331 | + <figure class=""> | |
| 332 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 333 | + </figure> | |
| 334 | + </div> | |
| 335 | + <div class="txt-area"> | |
| 336 | + <div class="reply-tit-area"> | |
| 337 | + <div class="l-area"> | |
| 338 | + <strong class="profile-tit">홍길동</strong> | |
| 339 | + <span class="time">2026-04-14 10:59</span> | |
| 340 | + </div> | |
| 341 | + <div class="r-area"> | |
| 342 | + <div class="btn-group"> | |
| 343 | + <button type="button" class="btn xsm circle ghost ico-edit">수정</button> | |
| 344 | + <button type="button" class="btn xsm circle ghost ico-delete">삭제</button> | |
| 345 | + </div> | |
| 346 | + </div> | |
| 347 | + </div> | |
| 348 | + <div class="reply-txt-area"> | |
| 349 | + <div class="txt"> | |
| 350 | + 댓글 내용 댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용댓글 내용 | |
| 351 | + </div> | |
| 352 | + </div> | |
| 353 | + <div class="reply-fnc-area"> | |
| 354 | + <div class="l-area"> | |
| 355 | + <button type="button" class="btn-text toggle bg-none"><i class="ico-favorite"></i> 123</button> | |
| 356 | + <button type="button" class="btn-text"><i class="ico-comment"></i> 답글쓰기</button> | |
| 357 | + </div> | |
| 358 | + </div> | |
| 359 | + </div> | |
| 360 | + </li> | |
| 361 | + </ul> | |
| 362 | + </div> | |
| 363 | + </div> | |
| 364 | + </li> | |
| 365 | + </ul> | |
| 366 | + <div class="reply-write-area"> | |
| 367 | + <div class="profile-img-area"> | |
| 368 | + <figure class=""> | |
| 369 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 370 | + </figure> | |
| 371 | + </div> | |
| 372 | + <div class="txt-area"> | |
| 373 | + <div class="reply-tit-area"> | |
| 374 | + <div class="l-area"> | |
| 375 | + <strong class="profile-tit">홍길동</strong> | |
| 376 | + <span class="time">2026-04-14 10:59</span> | |
| 377 | + </div> | |
| 378 | + </div> | |
| 379 | + <div class="write"> | |
| 380 | + <textarea title="댓글 입력" placeholder="댓글을 입력하세요."></textarea> | |
| 381 | + <div class="img-add-area"> | |
| 382 | + <img src="/resources/front/site/SITE_00000/images/temp/pic1.jpg" alt=""> | |
| 383 | + <button class="btn circle xsm overlay ico-delete">삭제</button> | |
| 384 | + </div> | |
| 385 | + <div class="write-fnc-area"> | |
| 386 | + <div class="l-area"> | |
| 387 | + <div class="file-custom"> | |
| 388 | + <input type="file" title="파일 입력"> | |
| 389 | + <button type="button" class="ico-img">이미지</button> | |
| 390 | + </div> | |
| 391 | + </div> | |
| 392 | + <div class="r-area"> | |
| 393 | + <div class="btn-group"> | |
| 394 | + <button type="submit" class="btn sm primary">등록</button> | |
| 395 | + </div> | |
| 396 | + </div> | |
| 397 | + </div> | |
| 398 | + </div> | |
| 399 | + </div> | |
| 400 | + </div> | |
| 401 | +</div>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/_guide/error.html
... | ... | @@ -0,0 +1,64 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | +</head> | |
| 36 | + | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <!-- for-teacher / for-student --> | |
| 42 | + <div class="CONTAINER for-teacher"> | |
| 43 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 44 | + <header class="INTEGRATION"></header> | |
| 45 | + <div class="CONTENTS-WRAPPER" id="skipToContents"> | |
| 46 | + <section class="error-area"> | |
| 47 | + <figure> | |
| 48 | + <img src="/resources/front/site/SITE_00000/images/common/common/img_error.svg" alt=""> | |
| 49 | + </figure> | |
| 50 | + <h2>페이지를 찾을 수 없습니다.</h2> | |
| 51 | + <p>존재하지 않는 주소를 입력하셨거나, 사용할 수 없는 페이지입니다.<br> | |
| 52 | + 입력하신 주소가 정확한지 다시 한 번 확인해주세요.</p> | |
| 53 | + <div class="btn-cont"> | |
| 54 | + <a href="#none" class="btn primary">메인으로 돌아가기</a> | |
| 55 | + </div> | |
| 56 | + </section> | |
| 57 | + </div> | |
| 58 | + </div> | |
| 59 | + | |
| 60 | + <!--popup--> | |
| 61 | + <div class="dim"></div> | |
| 62 | +</body> | |
| 63 | + | |
| 64 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/_guide/guide.html
... | ... | @@ -0,0 +1,3151 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> --> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | + | |
| 36 | + <link rel="stylesheet" href="/resources/front/site/SITE_00000/css/styleGuide.css"> | |
| 37 | + <script> | |
| 38 | + window.onload = () => { | |
| 39 | + const passwordArea = document.querySelector('.input-block'); | |
| 40 | + const passwordShowSw = passwordArea.querySelector('label[class*="switch-"] > input'); | |
| 41 | + passwordShowSw.onchange = () => { | |
| 42 | + let type = "password"; | |
| 43 | + if(event.target.checked) { | |
| 44 | + type = "text"; | |
| 45 | + } | |
| 46 | + passwordArea.querySelector('input.password').type = type; | |
| 47 | + } | |
| 48 | + } | |
| 49 | + </script> | |
| 50 | +</head> | |
| 51 | + | |
| 52 | +<body> | |
| 53 | + <section class="g-section"> | |
| 54 | + <header> | |
| 55 | + <h1>UI Style Guide</h1> | |
| 56 | + <h2>Typography</h2> | |
| 57 | + <em>온세종</em> | |
| 58 | + </header> | |
| 59 | + <article> | |
| 60 | + <h3>Title</h3> | |
| 61 | + <p>Title은 itle-xlg, title-lg, title, title-sm, title-xsm을 사용합니다.</p> | |
| 62 | + <div class="page-tit-area"> | |
| 63 | + <h2 class="title-xlg">page-tit-area: title-xlg</h2> | |
| 64 | + </div> | |
| 65 | + <div class="section-tit-area"> | |
| 66 | + <div class="l-area dir-col"> | |
| 67 | + <h2 class="title-lg">section-title-area : title-lg</h2> | |
| 68 | + <p class="txt-sub">타이틀 설명</p> | |
| 69 | + </div> | |
| 70 | + <div class="r-area"><button class="btn cta ico-plus">타이틀버튼</button></div> | |
| 71 | + </div> | |
| 72 | + <div class="tit-area"> | |
| 73 | + <div class="l-area dir-col"> | |
| 74 | + <h2 class="title">title-area : title</h2> | |
| 75 | + <p class="txt-sub">타이틀 설명</p> | |
| 76 | + </div> | |
| 77 | + <div class="r-area"><button class="btn cta ico-plus">타이틀버튼</button></div> | |
| 78 | + </div> | |
| 79 | + <div class="tit-area"> | |
| 80 | + <div class="l-area"> | |
| 81 | + <h3 class="title-sm">title-area : title-sm</h3> | |
| 82 | + </div> | |
| 83 | + <div class="r-area"><button class="btn sm cta ico-plus">타이틀버튼</button></div> | |
| 84 | + </div> | |
| 85 | + <div class="tit-area"> | |
| 86 | + <div class="l-area"> | |
| 87 | + <h4 class="title-xsm">title-area : title-xsm</h4> | |
| 88 | + </div> | |
| 89 | + </div> | |
| 90 | + </article> | |
| 91 | + </section> | |
| 92 | + <section class="g-section"> | |
| 93 | + <header> | |
| 94 | + <h1>UI Style Guide</h1> | |
| 95 | + <h2>layout</h2> | |
| 96 | + <em>온세종</em> | |
| 97 | + </header> | |
| 98 | + <article> | |
| 99 | + <h3>margin</h3> | |
| 100 | + <p>margin은 상하/좌우(top,bottom,left,right)의 지정된 크기(xsm, sm, md, lg, xlg)안에서 사용합니다.</p> | |
| 101 | + <div class="list-type"> | |
| 102 | + <table> | |
| 103 | + <caption>margin</caption> | |
| 104 | + <thead> | |
| 105 | + <tr> | |
| 106 | + <th>Name</th> | |
| 107 | + <th>Direction</th> | |
| 108 | + <th>Type</th> | |
| 109 | + <th>Size</th> | |
| 110 | + </tr> | |
| 111 | + </thead> | |
| 112 | + <tbody> | |
| 113 | + <tr> | |
| 114 | + <th rowspan="5">margin-direction-type<br>(ex: margin-top-xsm)</th> | |
| 115 | + <td rowspan="5">top<br>bottom<br>left<br>right</td> | |
| 116 | + <td>xsm</td> | |
| 117 | + <td>4px</td> | |
| 118 | + </tr> | |
| 119 | + <tr> | |
| 120 | + <td>sm</td> | |
| 121 | + <td>8px</td> | |
| 122 | + </tr> | |
| 123 | + <tr> | |
| 124 | + <td>md</td> | |
| 125 | + <td>16px</td> | |
| 126 | + </tr> | |
| 127 | + <tr> | |
| 128 | + <td>lg</td> | |
| 129 | + <td>24px</td> | |
| 130 | + </tr> | |
| 131 | + <tr> | |
| 132 | + <td>xlg</td> | |
| 133 | + <td>40px</td> | |
| 134 | + </tr> | |
| 135 | + </tbody> | |
| 136 | + </table> | |
| 137 | + </div> | |
| 138 | + </article> | |
| 139 | + <article> | |
| 140 | + <h3>align</h3> | |
| 141 | + <p>align은 가로정렬, 세로정렬을 사용합니다.</p> | |
| 142 | + <div style="display: flex; flex-direction: column; gap:8px"> | |
| 143 | + <p class="align-left">align-left</p> | |
| 144 | + <p class="align-center">align-center</p> | |
| 145 | + <p class="align-right">align-right</p> | |
| 146 | + </div> | |
| 147 | + <div class="list-type"> | |
| 148 | + <table> | |
| 149 | + <caption>valign-top</caption> | |
| 150 | + <tbody> | |
| 151 | + <tr> | |
| 152 | + <td class="valign-top">valign-top</td> | |
| 153 | + <td class="valign-middle">valign-middle</td> | |
| 154 | + <td class="valign-bottom">valign-bottom</td> | |
| 155 | + </tr> | |
| 156 | + </tbody> | |
| 157 | + </table> | |
| 158 | + </div> | |
| 159 | + </article> | |
| 160 | + </section> | |
| 161 | + <section class="g-section"> | |
| 162 | + <header> | |
| 163 | + <h1>UI Style Guide</h1> | |
| 164 | + <h2>Button</h2> | |
| 165 | + <em>온세종</em> | |
| 166 | + </header> | |
| 167 | + <article> | |
| 168 | + <h3>Button Types</h3> | |
| 169 | + <p>버튼은 Default < Primary < Solid 순의 위계를 갖습니다. 버튼의 위계가 높아질수록 가급적 페이지에서 중복하지 않고 최소한으로 사용하도록 합니다.</p> | |
| 170 | + <ul class="button"> | |
| 171 | + <li> | |
| 172 | + <h5>Default</h5> | |
| 173 | + <button type="button" class="btn"></button> | |
| 174 | + <button type="button" class="btn" disabled></button> | |
| 175 | + <button type="button" class="btn ico-search"></button> | |
| 176 | + <button type="button" class="btn ico-search back"></button> | |
| 177 | + <button type="button" class="btn ico-search" disabled></button> | |
| 178 | + <button type="button" class="btn ico-search circle"></button> | |
| 179 | + <button type="button" class="btn"><i class="ico-search"></i></button> | |
| 180 | + <button type="button" class="btn" disabled><i class="ico-search"></i></button> | |
| 181 | + </li> | |
| 182 | + <li> | |
| 183 | + <h5>primary</h5> | |
| 184 | + <button type="button" class="btn primary"></button> | |
| 185 | + <button type="button" class="btn primary" disabled></button> | |
| 186 | + <button type="button" class="btn primary ico-search"></button> | |
| 187 | + <button type="button" class="btn primary ico-search" disabled></button> | |
| 188 | + <button type="button" class="btn primary ico-search circle"></button> | |
| 189 | + <button type="button" class="btn primary"><i class="ico-search"></i></button> | |
| 190 | + <button type="button" class="btn primary" disabled><i class="ico-search"></i></button> | |
| 191 | + </li> | |
| 192 | + <li> | |
| 193 | + <h5>secondary</h5> | |
| 194 | + <button type="button" class="btn secondary"></button> | |
| 195 | + <button type="button" class="btn secondary" disabled></button> | |
| 196 | + <button type="button" class="btn secondary ico-search"></button> | |
| 197 | + <button type="button" class="btn secondary ico-search" disabled></button> | |
| 198 | + <button type="button" class="btn secondary ico-search circle"></button> | |
| 199 | + <button type="button" class="btn secondary"><i class="ico-search"></i></button> | |
| 200 | + <button type="button" class="btn secondary" disabled><i class="ico-search"></i></button> | |
| 201 | + </li> | |
| 202 | + <li> | |
| 203 | + <h5>CTA</h5> | |
| 204 | + <button type="button" class="btn cta"></button> | |
| 205 | + <button type="button" class="btn cta" disabled></button> | |
| 206 | + <button type="button" class="btn cta ico-search"></button> | |
| 207 | + <button type="button" class="btn cta ico-search" disabled></button> | |
| 208 | + <button type="button" class="btn cta ico-search circle"></button> | |
| 209 | + <button type="button" class="btn cta"><i class="ico-search"></i></button> | |
| 210 | + <button type="button" class="btn primary" disabled><i class="ico-search"></i></button> | |
| 211 | + </li> | |
| 212 | + <li> | |
| 213 | + <h5>Danger</h5> | |
| 214 | + <button type="button" class="btn danger"></button> | |
| 215 | + <button type="button" class="btn danger" disabled></button> | |
| 216 | + <button type="button" class="btn danger ico-search"></button> | |
| 217 | + <button type="button" class="btn danger ico-search" disabled></button> | |
| 218 | + <button type="button" class="btn danger ico-search circle"></button> | |
| 219 | + <button type="button" class="btn danger"><i class="ico-search"></i></button> | |
| 220 | + <button type="button" class="btn danger" disabled><i class="ico-search"></i></button> | |
| 221 | + </li> | |
| 222 | + <li> | |
| 223 | + <h5>Link</h5> | |
| 224 | + <a href="#none" class="btn-link" title="About Default Link">Default Link</a> | |
| 225 | + <a href="#none" class="btn-link primary" title="About Solid Link">Solid Link</a> | |
| 226 | + <a href="#none" class="btn-link secondary" title="About Solid Link">primary Link</a> | |
| 227 | + </li> | |
| 228 | + <li> | |
| 229 | + <h5>Link Button</h5> | |
| 230 | + <a href="#none" class="btn">default</a> | |
| 231 | + <a href="#none" class="btn disabled">default</a> | |
| 232 | + <a href="#none" class="btn"><i class="ico-search"></i>default</a> | |
| 233 | + <a href="#none" class="btn primary"><i class="ico-search"></i>default</a> | |
| 234 | + <a href="#none" class="btn secondary"><i class="ico-search"></i>default</a> | |
| 235 | + <a href="#none" class="btn danger"><i class="ico-search"></i>default</a> | |
| 236 | + <a href="#none" class="btn circle"><i class="ico-search"></i>default</a> | |
| 237 | + </li> | |
| 238 | + <li> | |
| 239 | + <h5>Text Button</h5> | |
| 240 | + <a href="#none" class="btn-text">바로가기 <i class="ico-fw"></i> <i class="ico-fw primary"></i> <i | |
| 241 | + class="ico-fw secondary"></i></a> | |
| 242 | + <a href="#none" class="btn-text primary">solid <i class="ico-edit primary"></i></a> | |
| 243 | + <a href="#none" class="btn-text">설정 <i class="ico-setting"></i></a> | |
| 244 | + <a href="#none" class="btn-text">초기화 <i class="ico-refresh"></i></a> | |
| 245 | + <a href="#none" class="btn-text">도움말 <i class="ico-help"></i></a> | |
| 246 | + </li> | |
| 247 | + <li> | |
| 248 | + <h5>btn-ico(버튼형 아이콘)</h5> | |
| 249 | + <button class="btn-ico ico-delete"></button> | |
| 250 | + <button class="btn-ico ico-edit"></button> | |
| 251 | + </li> | |
| 252 | + <li> | |
| 253 | + <h5>btn etc</h5> | |
| 254 | + <button class="btn circle ico-search transparent">투명버튼</button> | |
| 255 | + <button class="btn-like btn circle">좋아요</button> | |
| 256 | + <button class="btn-like btn circle btn-like-on">좋아요</button> | |
| 257 | + <button class="btn-like btn sm">좋아요</button> | |
| 258 | + <button class="btn-like btn sm btn-like-on">좋아요</button> | |
| 259 | + <button class="btn ico-favorite toggle is-active" data-toast="좋아요 추가" | |
| 260 | + data-toast-inactive="좋아요 해제">좋아요(toast)</button> | |
| 261 | + <button class="btn ico-favorite toggle is-active" data-txt="구독중" | |
| 262 | + data-txt-inactive="구독하기">구독중(txt)</button> | |
| 263 | + <button class="btn ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기" | |
| 264 | + data-toast="구독 추가" data-toast-inactive="구독 해제">구독중(toast, txt)</button> | |
| 265 | + </li> | |
| 266 | + <li> | |
| 267 | + <h5>btn style-none</h5> | |
| 268 | + <div class="btn-group order-front"> | |
| 269 | + <button class="btn xsm ico-favorite toggle is-active circle style-none" title="좋아요">좋아요</button> | |
| 270 | + <button class="btn xsm ico-archive toggle circle style-none" title="담기">담기</button> | |
| 271 | + <button class="btn xsm ico-share circle style-none" title="공유">공유</button> | |
| 272 | + <button class="btn xsm ico-comment circle style-none" title="댓글">댓글</button> | |
| 273 | + </div> | |
| 274 | + </li> | |
| 275 | + </ul> | |
| 276 | + </article> | |
| 277 | + <article> | |
| 278 | + <h3>Button Size</h3> | |
| 279 | + <p>Small은 36px, Medium은 48px, Large는 64px의 높이값을 갖습니다.</p> | |
| 280 | + <ul class="button size"> | |
| 281 | + <li> | |
| 282 | + <h5>Small</h5> | |
| 283 | + <button type="button" class="btn sm ico-search"></button> | |
| 284 | + <button type="button" class="btn sm ico-search" disabled></button> | |
| 285 | + <button type="button" class="btn sm ico-search primary"></button> | |
| 286 | + <button type="button" class="btn sm ico-search solid"></button> | |
| 287 | + <button type="button" class="btn sm ico-search danger"></button> | |
| 288 | + <button type="button" class="btn sm ico-search circle"></button> | |
| 289 | + <button type="button" class="btn sm"><i class="ico-search"></i></button> | |
| 290 | + </li> | |
| 291 | + <li> | |
| 292 | + <h5>Medium</h5> | |
| 293 | + <button type="button" class="btn ico-search"></button> | |
| 294 | + <button type="button" class="btn ico-search" disabled></button> | |
| 295 | + <button type="button" class="btn ico-search primary"></button> | |
| 296 | + <button type="button" class="btn ico-search solid"></button> | |
| 297 | + <button type="button" class="btn ico-search danger"></button> | |
| 298 | + <button type="button" class="btn ico-search circle"></button> | |
| 299 | + <button type="button" class="btn"><i class="ico-search"></i></button> | |
| 300 | + </li> | |
| 301 | + <li> | |
| 302 | + <h5>Large</h5> | |
| 303 | + <button type="button" class="btn lg ico-search"></button> | |
| 304 | + <button type="button" class="btn lg ico-search" disabled></button> | |
| 305 | + <button type="button" class="btn lg ico-search primary"></button> | |
| 306 | + <button type="button" class="btn lg ico-search solid"></button> | |
| 307 | + <button type="button" class="btn lg ico-search danger"></button> | |
| 308 | + <button type="button" class="btn lg ico-search circle"></button> | |
| 309 | + <button type="button" class="btn lg"><i class="ico-search"></i></button> | |
| 310 | + </li> | |
| 311 | + </ul> | |
| 312 | + </article> | |
| 313 | + <article> | |
| 314 | + <h3>Button group</h3> | |
| 315 | + <fieldset class="btn-group"> | |
| 316 | + <legend>버튼그룹</legend> | |
| 317 | + <button type="button" class="btn">버튼 그룹1</button> | |
| 318 | + <button type="button" class="btn">버튼 그룹2</button> | |
| 319 | + <button type="button" class="btn">버튼 그룹3</button> | |
| 320 | + </fieldset> | |
| 321 | + <fieldset class="btn-group dir-col"> | |
| 322 | + <legend>버튼그룹 dir-col</legend> | |
| 323 | + <button type="button" class="btn">버튼 그룹1</button> | |
| 324 | + <button type="button" class="btn">버튼 그룹2</button> | |
| 325 | + <button type="button" class="btn">버튼 그룹3</button> | |
| 326 | + </fieldset> | |
| 327 | + </article> | |
| 328 | + </section> | |
| 329 | + <section class="g-section"> | |
| 330 | + <header> | |
| 331 | + <h1>UI Style Guide</h1> | |
| 332 | + <h2>Select & Input</h2> | |
| 333 | + <em>온세종</em> | |
| 334 | + </header> | |
| 335 | + <article> | |
| 336 | + <h3>Dropdown</h3> | |
| 337 | + <div> | |
| 338 | + <select class="small"> | |
| 339 | + <option>small</option> | |
| 340 | + <option>small option</option> | |
| 341 | + </select> | |
| 342 | + <select title="선택"> | |
| 343 | + <option>medium</option> | |
| 344 | + <option>medium option</option> | |
| 345 | + </select> | |
| 346 | + <select class="small select-sort"> | |
| 347 | + <option>medium</option> | |
| 348 | + <option>medium option</option> | |
| 349 | + </select> | |
| 350 | + <select class="select-sort"> | |
| 351 | + <option>medium</option> | |
| 352 | + <option>medium option</option> | |
| 353 | + </select> | |
| 354 | + <select disabled> | |
| 355 | + <option>disabled</option> | |
| 356 | + <option>disabled option</option> | |
| 357 | + </select> | |
| 358 | + </div> | |
| 359 | + <div> | |
| 360 | + <select class="small border-none"> | |
| 361 | + <option>small</option> | |
| 362 | + <option>small option</option> | |
| 363 | + </select> | |
| 364 | + <select class="border-none"> | |
| 365 | + <option>medium</option> | |
| 366 | + <option>medium option</option> | |
| 367 | + </select> | |
| 368 | + <select class="small select-sort border-none"> | |
| 369 | + <option>sort sm</option> | |
| 370 | + <option>sort sm</option> | |
| 371 | + </select> | |
| 372 | + <select class="select-sort border-none" title="정렬 선택"> | |
| 373 | + <option>sort md</option> | |
| 374 | + <option>sort md</option> | |
| 375 | + </select> | |
| 376 | + <select class="border-none" disabled> | |
| 377 | + <option>disabled</option> | |
| 378 | + <option>disabled option</option> | |
| 379 | + </select> | |
| 380 | + </div> | |
| 381 | + </article> | |
| 382 | + <article> | |
| 383 | + <h3>Input Anatomy</h3> | |
| 384 | + <p>Input은 기본적으로 아래와 같은 구조로 이뤄져있습니다. 일부 요소를 제외하고 상황에 따라 필요한 부분만 사용해도 무방합니다.</p> | |
| 385 | + <ul class="input"> | |
| 386 | + <li> | |
| 387 | + <label for="inputAnatomy0" class="input-form">Label</label> | |
| 388 | + <input type="text" id="inputAnatomy0" placeholder="Text"> | |
| 389 | + <cite>message</cite> | |
| 390 | + </li> | |
| 391 | + <li> | |
| 392 | + <label for="inputAnatomy1" class="input-form">Label</label> | |
| 393 | + <input type="email" id="inputAnatomy1" placeholder="Text" class="input ico-mail" required> | |
| 394 | + <cite>message</cite> | |
| 395 | + </li> | |
| 396 | + <li> | |
| 397 | + <label for="inputAnatomy2" class="input-form required"><span>Label</span><cite>0/20</cite></label> | |
| 398 | + <input type="password" id="inputAnatomy2" placeholder="Password" required> | |
| 399 | + <cite>password는 클래스에 'valid'가 추가되어야만 통과</cite> | |
| 400 | + </li> | |
| 401 | + <li> | |
| 402 | + <label for="inputAnatomy3" class="input-form search">Search</label> | |
| 403 | + <fieldset class="search-area"> | |
| 404 | + <legend>검색</legend> | |
| 405 | + <div class="search-option"> | |
| 406 | + <select title="선택"> | |
| 407 | + <option>search option 1_1</option> | |
| 408 | + <option>search option 1_2</option> | |
| 409 | + </select> | |
| 410 | + <select title="선택"> | |
| 411 | + <option>search option 2_1</option> | |
| 412 | + <option>search option 2_2</option> | |
| 413 | + </select> | |
| 414 | + </div> | |
| 415 | + <div class="search"> | |
| 416 | + <input type="text" id="inputAnatomy3" placeholder="Enter Search Keyword" title="검색어 입력"> | |
| 417 | + <button class="btn ico-search">검색</button> | |
| 418 | + </div> | |
| 419 | + </fieldset> | |
| 420 | + <cite>message</cite> | |
| 421 | + </li> | |
| 422 | + <li> | |
| 423 | + <label for="inputAnatomy4" class="input-form search">Search</label> | |
| 424 | + <fieldset class="search-area small"> | |
| 425 | + <legend>검색</legend> | |
| 426 | + <div class="search-option"> | |
| 427 | + <select title="선택"> | |
| 428 | + <option>search option 1_1</option> | |
| 429 | + <option>search option 1_2</option> | |
| 430 | + </select> | |
| 431 | + </div> | |
| 432 | + <div class="search"> | |
| 433 | + <input type="search" id="inputAnatomy4" placeholder="Enter Search Keyword" title="검색어 입력"> | |
| 434 | + <button class="btn ico-search">검색</button> | |
| 435 | + </div> | |
| 436 | + </fieldset> | |
| 437 | + <cite>message</cite> | |
| 438 | + </li> | |
| 439 | + <li> | |
| 440 | + <label class="input-form-block"> | |
| 441 | + <div><span>User Case New</span></div> | |
| 442 | + <input type="text" placeholder="Text" required> | |
| 443 | + <cite>message</cite> | |
| 444 | + </label> | |
| 445 | + </li> | |
| 446 | + <li> | |
| 447 | + <label class="input-form-block"> | |
| 448 | + <div> | |
| 449 | + <span>User Case New</span> | |
| 450 | + <cite>0/10</cite> | |
| 451 | + </div> | |
| 452 | + <div class="input-block"> | |
| 453 | + <input type="password" placeholder="Password" class="password" required> | |
| 454 | + <label class="switch-hide icon-only"><input type="checkbox"><span><i class="ico-"></i> | |
| 455 | + icon-only</span></label> | |
| 456 | + <!-- 표시가 반대인 경우, switch-show 로 변경 --> | |
| 457 | + </div> | |
| 458 | + <cite>.input-block은 위와 같은 경우에만 한정 사용</cite> | |
| 459 | + </label> | |
| 460 | + </li> | |
| 461 | + <li> | |
| 462 | + <label for="inputDate0" class="input-form">Date</label> | |
| 463 | + <input type="date" id="inputDate0" class="input"> | |
| 464 | + </li> | |
| 465 | + <!-- <li> | |
| 466 | + <label for="inputDate02" class="input-form">Date</label> | |
| 467 | + <input type="date" id="inputDate02" class="input icon-only ico-calendar"> | |
| 468 | + </li> --> | |
| 469 | + <!-- <li> | |
| 470 | + <label for="inputDate01" class="input-form">Date</label> | |
| 471 | + <input type="month" id="inputDate01" placeholder="월 선택" class="input"> | |
| 472 | + </li> --> | |
| 473 | + <li> | |
| 474 | + <label for="inputDate1" class="input-form">Date</label> | |
| 475 | + <input type="date" id="inputDate1" placeholder="날짜를 선택하세요" | |
| 476 | + class="input ico-calendar custom-datepicker"> | |
| 477 | + </li> | |
| 478 | + <li> | |
| 479 | + <label for="inputDate1_1" class="input-form">Date</label> | |
| 480 | + <input type="date" id="inputDate1_1" placeholder="날짜를 선택하세요" value="2023-09-23" | |
| 481 | + class="input ico-calendar custom-datepicker"> | |
| 482 | + </li> | |
| 483 | + <!-- <li> | |
| 484 | + <label for="inputDate2" class="input-form">Date Time</label> | |
| 485 | + <input type="datetime-local" id="inputDate2" class="input ico-calendar custom-datepicker" value="2018-06-12T19:30" min="2018-06-07T00:00" max="2018-06-14T00:00"> | |
| 486 | + </li> | |
| 487 | + <li> | |
| 488 | + <label for="inputDate3" class="input-form">Month</label> | |
| 489 | + <input type="month" id="inputDate3" class="input ico-calendar custom-datepicker"> | |
| 490 | + </li> | |
| 491 | + <li> | |
| 492 | + <label for="inputDate4" class="input-form">Week</label> | |
| 493 | + <input type="week" id="inputDate4" class="input ico-calendar custom-datepicker"> | |
| 494 | + </li> | |
| 495 | + <li> | |
| 496 | + <label for="inputDate5" class="input-form">Time</label> | |
| 497 | + <input type="time" id="inputDate5" class="input ico-schedule custom-datepicker"> | |
| 498 | + </li> --> | |
| 499 | + <!-- <li style="position: relative;"> | |
| 500 | + <label class="input-form-block"> | |
| 501 | + <div> | |
| 502 | + <span>Date Period</span> | |
| 503 | + </div> | |
| 504 | + <div class="input-block"> | |
| 505 | + <input type="date" class="input ico-calendar date-period custom-datepicker" data-inputset="s0"> ~ | |
| 506 | + <input type="date" class="input ico-calendar date-period custom-datepicker" data-inputset="s0"> | |
| 507 | + </div> | |
| 508 | + <cite>기간 지정 인풋은 'data-period' 클래스를 주어야하며 data-inputset 어트리뷰트를 추가하고 같은 셋의 속성을 같게 지정해야한다. ex) data-inputset="s0"</cite> | |
| 509 | + </label> | |
| 510 | + </li> | |
| 511 | + <li> | |
| 512 | + <label class="input-form-block"> | |
| 513 | + <div> | |
| 514 | + <span>Date Time Period</span> | |
| 515 | + </div> | |
| 516 | + <div class="input-block"> | |
| 517 | + <input type="datetime-local" class="input ico-calendar date-period custom-datepicker" data-inputset="s1"> ~ | |
| 518 | + <input type="datetime-local" class="input ico-calendar date-period custom-datepicker" data-inputset="s1"> | |
| 519 | + </div> | |
| 520 | + <cite>기간(시간 포함) 지정 인풋은 'data-period' 클래스를 주어야하며 data-inputset 어트리뷰트를 추가하고 같은 셋의 속성을 같게 지정해야한다. ex) data-inputset="s0"</cite> | |
| 521 | + </label> | |
| 522 | + </li> --> | |
| 523 | + </ul> | |
| 524 | + </article> | |
| 525 | + <article> | |
| 526 | + <h3>Input State</h3> | |
| 527 | + <ul class="input"> | |
| 528 | + <li> | |
| 529 | + <label for="inputState0" class="input-form">Default</label> | |
| 530 | + <input type="text" id="inputState0" placeholder="Text"> | |
| 531 | + </li> | |
| 532 | + <li> | |
| 533 | + <label for="inputState1" class="input-form">Disabled</label> | |
| 534 | + <input type="text" id="inputState1" placeholder="Text" disabled> | |
| 535 | + </li> | |
| 536 | + <li> | |
| 537 | + <label for="inputState2" class="input-form">Readonly</label> | |
| 538 | + <input type="text" id="inputState2" placeholder="Text" readonly value="read-only text"> | |
| 539 | + </li> | |
| 540 | + </ul> | |
| 541 | + </article> | |
| 542 | + <article> | |
| 543 | + <h3>Message</h3> | |
| 544 | + <div> | |
| 545 | + <p class="msg">Message</p> | |
| 546 | + <p class="msg"><i class="ico-info"></i> Message</p> | |
| 547 | + <p class="msg success"><i class="ico-info"></i> Message</p> | |
| 548 | + <p class="msg warning"><i class="ico-info"></i> Message</p> | |
| 549 | + <p class="msg info"><i class="ico-info"></i> Message</p> | |
| 550 | + <p class="msg danger"><i class="ico-info"></i> Message</p> | |
| 551 | + </div> | |
| 552 | + </article> | |
| 553 | + <article> | |
| 554 | + <h3>summary</h3> | |
| 555 | + <div> | |
| 556 | + <div class="summary"> | |
| 557 | + <i class="ico-info"></i> | |
| 558 | + <div class="txt-area"> | |
| 559 | + <strong class="summary-tit">title</strong> | |
| 560 | + <p>text</p> | |
| 561 | + <ul class="bullet"> | |
| 562 | + <li>bullet1</li> | |
| 563 | + <li>bullet2</li> | |
| 564 | + </ul> | |
| 565 | + </div> | |
| 566 | + </div> | |
| 567 | + <div class="summary success"> | |
| 568 | + <i class="ico-info"></i> | |
| 569 | + <div class="txt-area"> | |
| 570 | + <strong class="summary-tit">title</strong> | |
| 571 | + <p>text</p> | |
| 572 | + </div> | |
| 573 | + </div> | |
| 574 | + <div class="summary warning"> | |
| 575 | + <i class="ico-info"></i> | |
| 576 | + <div class="txt-area"> | |
| 577 | + <strong class="summary-tit">title</strong> | |
| 578 | + <p>text</p> | |
| 579 | + </div> | |
| 580 | + </div> | |
| 581 | + <div class="summary info"> | |
| 582 | + <i class="ico-info"></i> | |
| 583 | + <div class="txt-area"> | |
| 584 | + <strong class="summary-tit">title</strong> | |
| 585 | + <p>text</p> | |
| 586 | + </div> | |
| 587 | + </div> | |
| 588 | + <div class="summary danger"> | |
| 589 | + <i class="ico-info"></i> | |
| 590 | + <div class="txt-area"> | |
| 591 | + <strong class="summary-tit">title</strong> | |
| 592 | + <p>text</p> | |
| 593 | + </div> | |
| 594 | + </div> | |
| 595 | + </div> | |
| 596 | + </article> | |
| 597 | + <article> | |
| 598 | + <h3>summary-img</h3> | |
| 599 | + <div> | |
| 600 | + <div class="summary-page"> | |
| 601 | + <div class="l-area"> | |
| 602 | + <div class="img-area"> | |
| 603 | + <img src="/resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg" alt=""> | |
| 604 | + </div> | |
| 605 | + <div class="txt-area"> | |
| 606 | + <strong class="summary-tit">title</strong> | |
| 607 | + <p>text</p> | |
| 608 | + <ul class="bullet"> | |
| 609 | + <li>bullet1</li> | |
| 610 | + <li>bullet2</li> | |
| 611 | + </ul> | |
| 612 | + </div> | |
| 613 | + </div> | |
| 614 | + <div class="r-area"> | |
| 615 | + <div class="btn-group"><button class="btn sm ico-help secondary">학교체험 프로그램 Q&A</button> | |
| 616 | + </div> | |
| 617 | + </div> | |
| 618 | + </div> | |
| 619 | + <!-- <div class="summary-img"> | |
| 620 | + <div class="img-area"></div> | |
| 621 | + <div class="txt-area"> | |
| 622 | + <strong class="summary-tit">title</strong> | |
| 623 | + <p>text</p> | |
| 624 | + <ul class="bullet"> | |
| 625 | + <li>bullet1</li> | |
| 626 | + <li>bullet2</li> | |
| 627 | + </ul> | |
| 628 | + </div> | |
| 629 | + </div> --> | |
| 630 | + </div> | |
| 631 | + </article> | |
| 632 | + <article> | |
| 633 | + <div class="tooltip"> | |
| 634 | + <button type="button" class="btn-tooltip"><i class="ico-info"></i> tooltip info</button> | |
| 635 | + <div class="txt-area"> 내용 내용 내용 내용 내용 </div> | |
| 636 | + </div> | |
| 637 | + <div class="tooltip"> | |
| 638 | + <button type="button" class="btn-tooltip"><i class="ico-help"></i> tooltip help</button> | |
| 639 | + <div class="txt-area"> 내용 내용 내용 내용 내용 </div> | |
| 640 | + </div> | |
| 641 | + <div class="tooltip dir-l"> | |
| 642 | + <button type="button" class="btn-tooltip"><i class="ico-info"></i> tooltip dir-l</button> | |
| 643 | + <div class="txt-area"> 내용 내용 내용 내용 내용 </div> | |
| 644 | + </div> | |
| 645 | + <div class="tooltip dir-r"> | |
| 646 | + <button type="button" class="btn-tooltip"><i class="ico-info"></i> tooltip tootip tootip tootip tootip | |
| 647 | + dir-r</button> | |
| 648 | + <div class="txt-area"> 내용 내용 내용 내용 내용 </div> | |
| 649 | + </div> | |
| 650 | + </article> | |
| 651 | + <article> | |
| 652 | + <h3>percent-width</h3> | |
| 653 | + <p>width는percent-width1 ~ percent-width10 10단계로 %를 10%단위로 사용합니다. </p> | |
| 654 | + <div style="display:flex; flex-direction:column; gap: 8px;"> | |
| 655 | + <input type="text" class="percent-width1" placeholder="percent-width1 : 10%"> | |
| 656 | + <input type="text" class="percent-width2" placeholder="percent-width2 : 20%"> | |
| 657 | + <input type="text" class="percent-width3" placeholder="percent-width3 : 30%"> ... <input type="text" | |
| 658 | + class="percent-width9" placeholder="percent-width9 : 90%"> | |
| 659 | + <input type="text" class="percent-width10" placeholder="percent-width10 : 100%"> | |
| 660 | + </div> | |
| 661 | + </article> | |
| 662 | + <article> | |
| 663 | + <h3>Input ETC</h3> | |
| 664 | + <fieldset class="search-area full margin-bottom-md"> | |
| 665 | + <legend>검색</legend> | |
| 666 | + <div class="search-option"> | |
| 667 | + <select title="선택"> | |
| 668 | + <option>search option 1_1</option> | |
| 669 | + <option>search option 1_2</option> | |
| 670 | + </select> | |
| 671 | + <select title="선택"> | |
| 672 | + <option>search option 2_1</option> | |
| 673 | + <option>search option 2_2</option> | |
| 674 | + </select> | |
| 675 | + </div> | |
| 676 | + <div class="search"> | |
| 677 | + <input type="text" id="inputAnatomy3" placeholder="Enter Search Keyword" title="검색어 입력"> | |
| 678 | + <button class="btn ico-search">검색</button> | |
| 679 | + </div> | |
| 680 | + </fieldset> | |
| 681 | + <div class="date-box"> | |
| 682 | + <input type="date"> | |
| 683 | + <span> ~ </span> | |
| 684 | + <input type="date"> | |
| 685 | + </div> | |
| 686 | + <div class="flex-box"> | |
| 687 | + <input type="text" placeholder="문항ID를 입력해주세요." title="문항ID 입력"> | |
| 688 | + <button class="btn secondary">문항 추가</button> | |
| 689 | + </div> | |
| 690 | + <div class="flex-box"> | |
| 691 | + <input type="text" placeholder="문항ID를 입력해주세요." class="flex1" title="문항ID 입력"> | |
| 692 | + <button class="btn secondary">문항 추가</button> | |
| 693 | + </div> | |
| 694 | + <div class="input-box percent-width10"> | |
| 695 | + <input type="text" class="flex1" title="이름 입력"> 선생님 | |
| 696 | + </div> | |
| 697 | + <div class="input-box"><input type="number" style="width:64px" class="align-right" title="점수 입력"><span | |
| 698 | + class="font-color-gray">점</span></div> | |
| 699 | + <div class="input-mum-area"> | |
| 700 | + <input type="number" class="input-num" title="점수 입력"> / <span class="total-num">5</span> | |
| 701 | + </div> | |
| 702 | + <div class="count-box"> | |
| 703 | + <button class="btn-count-minus">감소</button> | |
| 704 | + <input type="number" value="0"> | |
| 705 | + <button class="btn-count-plus">추가</button> | |
| 706 | + </div> | |
| 707 | + <div class="count-box sm"> | |
| 708 | + <button class="btn-count-minus">감소</button> | |
| 709 | + <input type="number" value="0"> | |
| 710 | + <button class="btn-count-plus">추가</button> | |
| 711 | + </div> | |
| 712 | + </article> | |
| 713 | + <article> | |
| 714 | + <h3>Textarea</h3> | |
| 715 | + <p>Textarea는 기본적으로 5줄까지 표시하며 나머지 구조는 Input과 같습니다.</p> | |
| 716 | + <div> | |
| 717 | + <textarea placeholder="Placeholder" title="텍스트 입력"></textarea> | |
| 718 | + </div> | |
| 719 | + <!-- <div class="txt-count-area"> | |
| 720 | + <textarea title="텍스트 입력"></textarea> | |
| 721 | + <div class="txt-count"><strong>0</strong>/<span>15</span>자</div> | |
| 722 | + </div> | |
| 723 | + <div class="txt-count-area"> | |
| 724 | + <input type="text" title="텍스트 입력"> | |
| 725 | + <div class="txt-count"><strong>0</strong>/<span>15</span>자</div> | |
| 726 | + </div> | |
| 727 | + <div class="txt-count-area"> | |
| 728 | + <textarea title="텍스트 입력">textarea 텍스트있음</textarea> | |
| 729 | + <div class="txt-count"><strong>0</strong>/<span>15</span>자</div> | |
| 730 | + </div> | |
| 731 | + <div class="txt-count-area"> | |
| 732 | + <input type="text" value="input 텍스트있음" title="텍스트 입력"> | |
| 733 | + <div class="txt-count"><strong>0</strong>/<span>15</span>자</div> | |
| 734 | + </div> --> | |
| 735 | + </article> | |
| 736 | + <article> | |
| 737 | + <h3>checkradio</h3> | |
| 738 | + <div> | |
| 739 | + <div class="checkradio"> | |
| 740 | + <input type="checkbox" id="c1"> | |
| 741 | + <label for="c1">체크박스</label> | |
| 742 | + </div> | |
| 743 | + <div class="checkradio"> | |
| 744 | + <input type="radio" name="radio" id="r1" checked title="라디오선택"> | |
| 745 | + <label for="r1">라디오</label> | |
| 746 | + </div> | |
| 747 | + <div class="checkradio"> | |
| 748 | + <input type="checkbox" class="icon-only" id="chkAll"> | |
| 749 | + <label for="chkAll">선택</label> | |
| 750 | + </div> | |
| 751 | + </div> | |
| 752 | + </article> | |
| 753 | + <article> | |
| 754 | + <h3>Toggle</h3> | |
| 755 | + <div> | |
| 756 | + <label class="toggle"><input type="checkbox" title="선택"><span></span></label> | |
| 757 | + <label class="toggle"><input type="checkbox"><span>Default</span></label> | |
| 758 | + <label class="toggle"><input type="checkbox" checked><span>Checked</span></label> | |
| 759 | + <label class="toggle"><input type="checkbox" disabled><span>Disabled-Default</span></label> | |
| 760 | + <label class="toggle"><input type="checkbox" checked disabled><span>Disabled-Checked</span></label> | |
| 761 | + </div> | |
| 762 | + </article> | |
| 763 | + <article> | |
| 764 | + <h3>Checkradio Area</h3> | |
| 765 | + <div style="display: grid; gap:2.4rem"> | |
| 766 | + <div class="checkradio-area"> | |
| 767 | + <div class="checkradio"> | |
| 768 | + <input type="checkbox" id="achievecodeAdd1_1"> | |
| 769 | + <label for="achievecodeAdd1_1">이해</label> | |
| 770 | + </div> | |
| 771 | + <div class="checkradio"> | |
| 772 | + <input type="checkbox" id="achievecodeAdd1_2" checked> | |
| 773 | + <label for="achievecodeAdd1_2">계산</label> | |
| 774 | + </div> | |
| 775 | + <div class="checkradio"> | |
| 776 | + <input type="checkbox" id="achievecodeAdd1_3"> | |
| 777 | + <label for="achievecodeAdd1_3">추론</label> | |
| 778 | + </div> | |
| 779 | + </div> | |
| 780 | + <fieldset class="checkradio-custom-area"> | |
| 781 | + <legend>학교급 선택</legend> | |
| 782 | + <div class="checkradio"> | |
| 783 | + <input type="checkbox" id="sch1_1_1" checked=""> | |
| 784 | + <label for="sch1_1_1">초등</label> | |
| 785 | + </div> | |
| 786 | + <div class="checkradio sm"> | |
| 787 | + <input type="checkbox" id="sch1_1_2"> | |
| 788 | + <label for="sch1_1_2">중등</label> | |
| 789 | + </div> | |
| 790 | + <div class="checkradio sm"> | |
| 791 | + <input type="checkbox" id="sch1_1_3"> | |
| 792 | + <label for="sch1_1_3">고등</label> | |
| 793 | + </div> | |
| 794 | + </fieldset> | |
| 795 | + <fieldset class="checkradio-custom-area"> | |
| 796 | + <legend>학교급 선택</legend> | |
| 797 | + <div class="checkradio primary"> | |
| 798 | + <input type="checkbox" id="sch1_2_1" checked=""> | |
| 799 | + <label for="sch1_2_1">초등</label> | |
| 800 | + </div> | |
| 801 | + <div class="checkradio sm primary"> | |
| 802 | + <input type="checkbox" id="sch1_2_2"> | |
| 803 | + <label for="sch1_2_2">중등</label> | |
| 804 | + </div> | |
| 805 | + <div class="checkradio sm primary"> | |
| 806 | + <input type="checkbox" id="sch1_2_3"> | |
| 807 | + <label for="sch1_2_3">고등</label> | |
| 808 | + </div> | |
| 809 | + </fieldset> | |
| 810 | + <fieldset class="checkradio-custom-area"> | |
| 811 | + <legend>학교급 선택</legend> | |
| 812 | + <div class="checkradio round"> | |
| 813 | + <input type="checkbox" id="sch1_3_1" checked=""> | |
| 814 | + <label for="sch1_3_1">초등</label> | |
| 815 | + </div> | |
| 816 | + <div class="checkradio sm round"> | |
| 817 | + <input type="checkbox" id="sch1_3_2"> | |
| 818 | + <label for="sch1_3_2">중등</label> | |
| 819 | + </div> | |
| 820 | + <div class="checkradio sm round"> | |
| 821 | + <input type="checkbox" id="sch1_3_3"> | |
| 822 | + <label for="sch1_3_3">고등</label> | |
| 823 | + </div> | |
| 824 | + </fieldset> | |
| 825 | + <fieldset class="checkradio-custom-area"> | |
| 826 | + <legend>학교급 선택</legend> | |
| 827 | + <div class="checkradio primary round"> | |
| 828 | + <input type="checkbox" id="sch1_4_1" checked=""> | |
| 829 | + <label for="sch1_4_1">초등</label> | |
| 830 | + </div> | |
| 831 | + <div class="checkradio sm primary round"> | |
| 832 | + <input type="checkbox" id="sch1_4_2"> | |
| 833 | + <label for="sch1_4_2">중등</label> | |
| 834 | + </div> | |
| 835 | + <div class="checkradio sm primary round"> | |
| 836 | + <input type="checkbox" id="sch1_4_3"> | |
| 837 | + <label for="sch1_4_3">고등</label> | |
| 838 | + </div> | |
| 839 | + </fieldset> | |
| 840 | + <div class="checkradio-custom-area"> | |
| 841 | + <div class="checkradio sm round primary"> | |
| 842 | + <input type="checkbox" title="차시선택" id="chasi-fnc2"> | |
| 843 | + <label for="chasi-fnc2" class="sm rond"><i class="ico-check sm"></i>전체선택</label> | |
| 844 | + </div> | |
| 845 | + </div> | |
| 846 | + <fieldset class="checkradio-custom-block-area"> | |
| 847 | + <legend>난이도 선택</legend> | |
| 848 | + <div class="checkradio black"> | |
| 849 | + <input type="checkbox" id="achievecode1_1" checked> | |
| 850 | + <label for="achievecode1_1">선택</label> | |
| 851 | + <div class="txt-area"> | |
| 852 | + <strong class="font-color-red">상</strong> <span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 | |
| 853 | + 있다.</span> | |
| 854 | + </div> | |
| 855 | + </div> | |
| 856 | + <div class="checkradio black"> | |
| 857 | + <input type="checkbox" id="achievecode1_2"> | |
| 858 | + <label for="achievecode1_2">선택</label> | |
| 859 | + <div class="txt-area"> | |
| 860 | + <strong class="font-color-blue">중</strong> <span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 | |
| 861 | + 있다.</span> | |
| 862 | + </div> | |
| 863 | + </div> | |
| 864 | + <div class="checkradio black"> | |
| 865 | + <input type="checkbox" id="achievecode1_3"> | |
| 866 | + <label for="achievecode1_3">선택</label> | |
| 867 | + <div class="txt-area"> | |
| 868 | + <strong class="font-color-green">하</strong> <span>여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 | |
| 869 | + 있다.</span> | |
| 870 | + </div> | |
| 871 | + </div> | |
| 872 | + </fieldset> | |
| 873 | + <fieldset class="flex-box col2"> | |
| 874 | + <legend>학교급 선택</legend> | |
| 875 | + <div class="checkradio"> | |
| 876 | + <input type="checkbox" id="filter1_1_1" checked> | |
| 877 | + <label for="filter1_1_1">전체</label> | |
| 878 | + </div> | |
| 879 | + <div class="checkradio"> | |
| 880 | + <input type="checkbox" id="filter1_1_2"> | |
| 881 | + <label for="filter1_1_2">초등학교</label> | |
| 882 | + </div> | |
| 883 | + <div class="checkradio"> | |
| 884 | + <input type="checkbox" id="filter1_1_3" disabled> | |
| 885 | + <label for="filter1_1_3">중학교</label> | |
| 886 | + </div> | |
| 887 | + <div class="checkradio"> | |
| 888 | + <input type="checkbox" id="filter1_1_4"> | |
| 889 | + <label for="filter1_1_4">고등학교</label> | |
| 890 | + </div> | |
| 891 | + <div class="checkradio"> | |
| 892 | + <input type="checkbox" id="filter1_1_5"> | |
| 893 | + <label for="filter1_1_5">유아</label> | |
| 894 | + </div> | |
| 895 | + <div class="checkradio"> | |
| 896 | + <input type="checkbox" id="filter1_1_6"> | |
| 897 | + <label for="filter1_1_6">특수교육</label> | |
| 898 | + </div> | |
| 899 | + </fieldset> | |
| 900 | + </div> | |
| 901 | + </article> | |
| 902 | + <article> | |
| 903 | + <h3>fnc-extend-area</h3> | |
| 904 | + <div class="fnc-extend-area"> | |
| 905 | + <div class="extend-keyword-area"> | |
| 906 | + <strong class="fnc-tit">추천 키워드</strong> | |
| 907 | + <div class="txt-area"> | |
| 908 | + <a href="#none">키워드</a> | |
| 909 | + <a href="#none">키워드</a> | |
| 910 | + <a href="#none">키워드</a> | |
| 911 | + <a href="#none">키워드</a> | |
| 912 | + </div> | |
| 913 | + </div> | |
| 914 | + <div class="extend-default-area"> | |
| 915 | + <div class="l-area"> | |
| 916 | + <p class="total">총 <em>156</em>건</p> | |
| 917 | + </div> | |
| 918 | + <div class="r-area"> | |
| 919 | + <select class="select-sort border-none" title="정렬 선택"> | |
| 920 | + <option>최신순</option> | |
| 921 | + </select> | |
| 922 | + <select class="border-none"> | |
| 923 | + <option>24개씩 보기</option> | |
| 924 | + </select> | |
| 925 | + <fieldset class="search-area"> | |
| 926 | + <legend>검색</legend> | |
| 927 | + <div class="search-option" title="검색 옵션 선택"> | |
| 928 | + <select title="선택"> | |
| 929 | + <option>구분</option> | |
| 930 | + <option>구분1</option> | |
| 931 | + </select> | |
| 932 | + <select title="선택"> | |
| 933 | + <option>작성자</option> | |
| 934 | + </select> | |
| 935 | + </div> | |
| 936 | + <div class="search"> | |
| 937 | + <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요"> | |
| 938 | + <button class="btn ico-search">검색</button> | |
| 939 | + </div> | |
| 940 | + </fieldset> | |
| 941 | + </div> | |
| 942 | + </div> | |
| 943 | + <div class="extend-filter-area"> | |
| 944 | + <div class="l-area"> | |
| 945 | + <fieldset class="filter-group"> | |
| 946 | + <legend>필터 선택</legend> | |
| 947 | + <select title="필터 선택"> | |
| 948 | + <option value="">선택1-1</option> | |
| 949 | + <option value="">선택1-2</option> | |
| 950 | + </select> | |
| 951 | + <select title="필터 선택"> | |
| 952 | + <option value="">선택2-1</option> | |
| 953 | + <option value="">선택2-2</option> | |
| 954 | + </select> | |
| 955 | + </fieldset> | |
| 956 | + <fieldset class="filter-group"> | |
| 957 | + <legend>필터 선택</legend> | |
| 958 | + <div class="checkradio"> | |
| 959 | + <input type="checkbox" id="extend-filter0"> | |
| 960 | + <label for="extend-filter0">전체</label> | |
| 961 | + </div> | |
| 962 | + <div class="checkradio"> | |
| 963 | + <input type="checkbox" id="extend-filter1"> | |
| 964 | + <label for="extend-filter1">임시저장</label> | |
| 965 | + </div> | |
| 966 | + <div class="checkradio"> | |
| 967 | + <input type="checkbox" id="extend-filter3"> | |
| 968 | + <label for="extend-filter3">진행중</label> | |
| 969 | + </div> | |
| 970 | + </fieldset> | |
| 971 | + <fieldset class="filter-group"> | |
| 972 | + <legend>필터 선택</legend> | |
| 973 | + <label class="chip"><input type="radio" name="chipC" checked><span>전체</span></label> | |
| 974 | + <label class="chip"><input type="radio" name="chipC"><span>온세종</span></label> | |
| 975 | + <label class="chip"><input type="radio" name="chipC"><span>기초학력</span></label> | |
| 976 | + </fieldset> | |
| 977 | + <fieldset class="filter-group"> | |
| 978 | + <legend>필터 선택</legend> | |
| 979 | + <strong class="form-tit">추천 키워드</strong> | |
| 980 | + <div class="form-group"> | |
| 981 | + <label class="chip"><input type="radio" name="chipC" checked><span>전체</span></label> | |
| 982 | + <label class="chip"><input type="radio" name="chipC"><span>온세종</span></label> | |
| 983 | + <label class="chip"><input type="radio" name="chipC"><span>기초학력</span></label> | |
| 984 | + </div> | |
| 985 | + </fieldset> | |
| 986 | + </div> | |
| 987 | + <div class="r-area"></div> | |
| 988 | + </div> | |
| 989 | + <div class="extend-fnc-area"> | |
| 990 | + <div class="l-area"> | |
| 991 | + <div class="checkradio"> | |
| 992 | + <input type="checkbox" id="check-all"> | |
| 993 | + <label for="check-all">전체 선택</label> | |
| 994 | + </div> | |
| 995 | + <button class="btn xsm">선택 인쇄</button> | |
| 996 | + <button class="btn xsm">엑셀 다운로드</button> | |
| 997 | + </div> | |
| 998 | + </div> | |
| 999 | + </div> | |
| 1000 | + </article> | |
| 1001 | + <article> | |
| 1002 | + <h3>fnc-list</h3> | |
| 1003 | + <ul class="fnc-list"> | |
| 1004 | + <li> | |
| 1005 | + <i class="ico-info"></i> | |
| 1006 | + <div class="txt-area"> | |
| 1007 | + <strong class="fnc-tit">Title</strong> | |
| 1008 | + <p>description</p> | |
| 1009 | + </div> | |
| 1010 | + <div class="fnc"> | |
| 1011 | + <label class="toggle"><input type="checkbox" title="선택"><span></span></label> | |
| 1012 | + </div> | |
| 1013 | + </li> | |
| 1014 | + <li> | |
| 1015 | + <div class="txt-area"> | |
| 1016 | + <strong class="fnc-tit">Title</strong> | |
| 1017 | + <p>description</p> | |
| 1018 | + </div> | |
| 1019 | + <div class="fnc"> | |
| 1020 | + <label class="toggle"><input type="checkbox" title="선택"><span></span></label> | |
| 1021 | + </div> | |
| 1022 | + </li> | |
| 1023 | + <li> | |
| 1024 | + <div class="txt-area"> | |
| 1025 | + <strong class="fnc-tit">Title</strong> | |
| 1026 | + </div> | |
| 1027 | + <div class="fnc"> | |
| 1028 | + <label class="toggle"><input type="checkbox" title="선택"><span></span></label> | |
| 1029 | + </div> | |
| 1030 | + </li> | |
| 1031 | + </ul> | |
| 1032 | + </article> | |
| 1033 | + <article> | |
| 1034 | + <h3>Chip</h3> | |
| 1035 | + <p>정보 입력, 다중 또는 단일항목 선택, 내용 필터링 등의 행동에 사용됩니다.</p> | |
| 1036 | + <div> | |
| 1037 | + <label class="chip"><input type="checkbox"><span>Default<i class="ico-search"></i></span></label> | |
| 1038 | + <label class="chip"><input type="checkbox" checked><span>Checked<i | |
| 1039 | + class="ico-search"></i></span></label> | |
| 1040 | + <label class="chip"><input type="checkbox" disabled><span>Disabled<i | |
| 1041 | + class="ico-search"></i></span></label> | |
| 1042 | + <label class="chip"><input type="checkbox" checked disabled><span>Disabled-Checked<i | |
| 1043 | + class="ico-search"></i></span></label> | |
| 1044 | + <label class="chip"><input type="radio" name="chipE"><span>Default<i | |
| 1045 | + class="ico-search"></i></span></label> | |
| 1046 | + <label class="chip"><input type="radio" name="chipE" checked><span>Checked<i | |
| 1047 | + class="ico-search"></i></span></label> | |
| 1048 | + <label class="chip"><input type="radio" name="chipF" disabled><span>Disabled<i | |
| 1049 | + class="ico-search"></i></span></label> | |
| 1050 | + <label class="chip"><input type="radio" name="chipF" checked disabled><span>Disabled-Checked<i | |
| 1051 | + class="ico-search"></i></span></label> | |
| 1052 | + </div> | |
| 1053 | + </article> | |
| 1054 | + </section> | |
| 1055 | + <section class="g-section"> | |
| 1056 | + <header> | |
| 1057 | + <h1>UI Style Guide</h1> | |
| 1058 | + <h2>Indicators</h2> | |
| 1059 | + <em>온세종</em> | |
| 1060 | + </header> | |
| 1061 | + <article> | |
| 1062 | + <h3>Page Controller</h3> | |
| 1063 | + <ul class="pagenation"> | |
| 1064 | + <li class="ppv"> | |
| 1065 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 1066 | + </li> | |
| 1067 | + <li class="pv"> | |
| 1068 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 1069 | + </li> | |
| 1070 | + <li class="current"> | |
| 1071 | + <span title="현재 페이지">1</span> | |
| 1072 | + </li> | |
| 1073 | + <li> | |
| 1074 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 1075 | + </li> | |
| 1076 | + <li> | |
| 1077 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 1078 | + </li> | |
| 1079 | + <li> | |
| 1080 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 1081 | + </li> | |
| 1082 | + <li> | |
| 1083 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 1084 | + </li> | |
| 1085 | + <li class="fw"> | |
| 1086 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 1087 | + </li> | |
| 1088 | + <li class="ffw"> | |
| 1089 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 1090 | + </li> | |
| 1091 | + </ul> | |
| 1092 | + </article> | |
| 1093 | + <article> | |
| 1094 | + <h3>Page Indicator</h3> | |
| 1095 | + <ol class="page-indicator" data-current="2"> | |
| 1096 | + <li> | |
| 1097 | + <a href="#none" title="1번째 목록으로 이동합니다">1</a> | |
| 1098 | + </li> | |
| 1099 | + <li> | |
| 1100 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 1101 | + </li> | |
| 1102 | + <li> | |
| 1103 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 1104 | + </li> | |
| 1105 | + <li> | |
| 1106 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 1107 | + </li> | |
| 1108 | + <li> | |
| 1109 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 1110 | + </li> | |
| 1111 | + </ol> | |
| 1112 | + </article> | |
| 1113 | + <article> | |
| 1114 | + <h3>Badge</h3> | |
| 1115 | + <ul class="badge-ul"> | |
| 1116 | + <li>Something<span class="badge">4</span></li> | |
| 1117 | + <li>Something<span class="badge green">4</span></li> | |
| 1118 | + <li>Something<span class="badge orange">4</span></li> | |
| 1119 | + <li>Something<span class="badge ico-search">보기</span></li> | |
| 1120 | + <li>Something<span class="badge min">badge</span></li> | |
| 1121 | + </ul> | |
| 1122 | + </article> | |
| 1123 | + <article> | |
| 1124 | + <h3>Icon</h3> | |
| 1125 | + <ul class="icon-wrap"> | |
| 1126 | + <li> | |
| 1127 | + <h5>ico-search</h5> | |
| 1128 | + <i class="ico-search"></i> | |
| 1129 | + </li> | |
| 1130 | + <li> | |
| 1131 | + <h5>ico-form-check</h5> | |
| 1132 | + <i class="ico-form-check"></i> | |
| 1133 | + </li> | |
| 1134 | + <li> | |
| 1135 | + <h5>ico-form-minus</h5> | |
| 1136 | + <i class="ico-form-minus"></i> | |
| 1137 | + </li> | |
| 1138 | + <li> | |
| 1139 | + <h5>ico-form-plus</h5> | |
| 1140 | + <i class="ico-form-plus"></i> | |
| 1141 | + </li> | |
| 1142 | + <li> | |
| 1143 | + <h5>ico-form-up</h5> | |
| 1144 | + <i class="ico-form-up"></i> | |
| 1145 | + </li> | |
| 1146 | + <li> | |
| 1147 | + <h5>ico-form-down</h5> | |
| 1148 | + <i class="ico-form-down"></i> | |
| 1149 | + </li> | |
| 1150 | + <li> | |
| 1151 | + <h5>ico-ppv</h5> | |
| 1152 | + <i class="ico-ppv"></i> | |
| 1153 | + </li> | |
| 1154 | + <li> | |
| 1155 | + <h5>ico-pv</h5> | |
| 1156 | + <i class="ico-pv"></i> | |
| 1157 | + </li> | |
| 1158 | + <li> | |
| 1159 | + <h5>ico-fw</h5> | |
| 1160 | + <i class="ico-fw"></i> | |
| 1161 | + </li> | |
| 1162 | + <li> | |
| 1163 | + <h5>ico-ffw</h5> | |
| 1164 | + <i class="ico-ffw"></i> | |
| 1165 | + </li> | |
| 1166 | + <li> | |
| 1167 | + <h5>ico-up</h5> | |
| 1168 | + <i class="ico-up"></i> | |
| 1169 | + </li> | |
| 1170 | + <li> | |
| 1171 | + <h5>ico-down</h5> | |
| 1172 | + <i class="ico-down"></i> | |
| 1173 | + </li> | |
| 1174 | + <li> | |
| 1175 | + <h5>ico-lt</h5> | |
| 1176 | + <i class="ico-lt"></i> | |
| 1177 | + </li> | |
| 1178 | + <li> | |
| 1179 | + <h5>ico-gt</h5> | |
| 1180 | + <i class="ico-gt"></i> | |
| 1181 | + </li> | |
| 1182 | + <li> | |
| 1183 | + <h5>ico-arrow-left</h5> | |
| 1184 | + <i class="ico-arrow-left"></i> | |
| 1185 | + </li> | |
| 1186 | + <li> | |
| 1187 | + <h5>ico-arrow-right</h5> | |
| 1188 | + <i class="ico-arrow-right"></i> | |
| 1189 | + </li> | |
| 1190 | + <li> | |
| 1191 | + <h5>ico-arrow-up</h5> | |
| 1192 | + <i class="ico-arrow-up"></i> | |
| 1193 | + </li> | |
| 1194 | + <li> | |
| 1195 | + <h5>ico-arrow-down</h5> | |
| 1196 | + <i class="ico-arrow-down"></i> | |
| 1197 | + </li> | |
| 1198 | + <li> | |
| 1199 | + <h5>ico-play</h5> | |
| 1200 | + <i class="ico-play"></i> | |
| 1201 | + </li> | |
| 1202 | + <li> | |
| 1203 | + <h5>ico-pause</h5> | |
| 1204 | + <i class="ico-pause"></i> | |
| 1205 | + </li> | |
| 1206 | + <li> | |
| 1207 | + <h5>ico-stop</h5> | |
| 1208 | + <i class="ico-stop"></i> | |
| 1209 | + </li> | |
| 1210 | + <li> | |
| 1211 | + <h5>ico-archive</h5> | |
| 1212 | + <i class="ico-archive"></i> | |
| 1213 | + </li> | |
| 1214 | + <li> | |
| 1215 | + <h5>ico-attach</h5> | |
| 1216 | + <i class="ico-attach"></i> | |
| 1217 | + </li> | |
| 1218 | + <li> | |
| 1219 | + <h5>ico-block</h5> | |
| 1220 | + <i class="ico-block"></i> | |
| 1221 | + </li> | |
| 1222 | + <li> | |
| 1223 | + <h5>ico-book</h5> | |
| 1224 | + <i class="ico-book"></i> | |
| 1225 | + </li> | |
| 1226 | + <li> | |
| 1227 | + <h5>ico-bookmark</h5> | |
| 1228 | + <i class="ico-bookmark"></i> | |
| 1229 | + </li> | |
| 1230 | + <li> | |
| 1231 | + <h5>ico-calendar</h5> | |
| 1232 | + <i class="ico-calendar"></i> | |
| 1233 | + </li> | |
| 1234 | + <li> | |
| 1235 | + <h5>ico-call</h5> | |
| 1236 | + <i class="ico-call"></i> | |
| 1237 | + </li> | |
| 1238 | + <li> | |
| 1239 | + <h5>ico-camera</h5> | |
| 1240 | + <i class="ico-camera"></i> | |
| 1241 | + </li> | |
| 1242 | + <li> | |
| 1243 | + <h5>ico-chart(ico-curation)</h5> | |
| 1244 | + <i class="ico-chart"></i> | |
| 1245 | + </li> | |
| 1246 | + <li> | |
| 1247 | + <h5>ico-chat</h5> | |
| 1248 | + <i class="ico-chat"></i> | |
| 1249 | + </li> | |
| 1250 | + <li> | |
| 1251 | + <h5>ico-check</h5> | |
| 1252 | + <i class="ico-check"></i> | |
| 1253 | + </li> | |
| 1254 | + <li> | |
| 1255 | + <h5>ico-close</h5> | |
| 1256 | + <i class="ico-close"></i> | |
| 1257 | + </li> | |
| 1258 | + <li> | |
| 1259 | + <h5>ico-comment</h5> | |
| 1260 | + <i class="ico-comment"></i> | |
| 1261 | + </li> | |
| 1262 | + <li> | |
| 1263 | + <h5>ico-copy</h5> | |
| 1264 | + <i class="ico-copy"></i> | |
| 1265 | + </li> | |
| 1266 | + <li> | |
| 1267 | + <h5>ico-delete</h5> | |
| 1268 | + <i class="ico-delete"></i> | |
| 1269 | + </li> | |
| 1270 | + <li> | |
| 1271 | + <h5>ico-document</h5> | |
| 1272 | + <i class="ico-document"></i> | |
| 1273 | + </li> | |
| 1274 | + <li> | |
| 1275 | + <h5>ico-document-plus</h5> | |
| 1276 | + <i class="ico-document-plus"></i> | |
| 1277 | + </li> | |
| 1278 | + <li> | |
| 1279 | + <h5>ico-download</h5> | |
| 1280 | + <i class="ico-download"></i> | |
| 1281 | + </li> | |
| 1282 | + <li> | |
| 1283 | + <h5>ico-move</h5> | |
| 1284 | + <i class="ico-move"></i> | |
| 1285 | + </li> | |
| 1286 | + <li> | |
| 1287 | + <h5>ico-edit</h5> | |
| 1288 | + <i class="ico-edit"></i> | |
| 1289 | + </li> | |
| 1290 | + <li> | |
| 1291 | + <h5>ico-favorite</h5> | |
| 1292 | + <i class="ico-favorite"></i> | |
| 1293 | + </li> | |
| 1294 | + <li> | |
| 1295 | + <h5>ico-favorite-active</h5> | |
| 1296 | + <i class="ico-favorite-active blue"></i> | |
| 1297 | + </li> | |
| 1298 | + <li> | |
| 1299 | + <h5>ico-file</h5> | |
| 1300 | + <i class="ico-file"></i> | |
| 1301 | + </li> | |
| 1302 | + <li> | |
| 1303 | + <h5>ico-filter</h5> | |
| 1304 | + <i class="ico-filter"></i> | |
| 1305 | + </li> | |
| 1306 | + <li> | |
| 1307 | + <h5>ico-folder</h5> | |
| 1308 | + <i class="ico-folder"></i> | |
| 1309 | + </li> | |
| 1310 | + <li> | |
| 1311 | + <h5>ico-fullscreen-exit</h5> | |
| 1312 | + <i class="ico-fullscreen-exit"></i> | |
| 1313 | + </li> | |
| 1314 | + <li> | |
| 1315 | + <h5>ico-fullscreen</h5> | |
| 1316 | + <i class="ico-fullscreen"></i> | |
| 1317 | + </li> | |
| 1318 | + <li> | |
| 1319 | + <h5>ico-headphone</h5> | |
| 1320 | + <i class="ico-headphone"></i> | |
| 1321 | + </li> | |
| 1322 | + <li> | |
| 1323 | + <h5>ico-help</h5> | |
| 1324 | + <i class="ico-help"></i> | |
| 1325 | + </li> | |
| 1326 | + <li> | |
| 1327 | + <h5>ico-history</h5> | |
| 1328 | + <i class="ico-history"></i> | |
| 1329 | + </li> | |
| 1330 | + <li> | |
| 1331 | + <h5>ico-home</h5> | |
| 1332 | + <i class="ico-home"></i> | |
| 1333 | + </li> | |
| 1334 | + <li> | |
| 1335 | + <h5>ico-hourglass</h5> | |
| 1336 | + <i class="ico-hourglass"></i> | |
| 1337 | + </li> | |
| 1338 | + <li> | |
| 1339 | + <h5>ico-img</h5> | |
| 1340 | + <i class="ico-img"></i> | |
| 1341 | + </li> | |
| 1342 | + <!-- <li> | |
| 1343 | + <h5>ico-picture</h5> | |
| 1344 | + <i class="ico-picture"></i> | |
| 1345 | + </li> --> | |
| 1346 | + <li> | |
| 1347 | + <h5>ico-info</h5> | |
| 1348 | + <i class="ico-info"></i> | |
| 1349 | + </li> | |
| 1350 | + <li> | |
| 1351 | + <h5>ico-language</h5> | |
| 1352 | + <i class="ico-language"></i> | |
| 1353 | + </li> | |
| 1354 | + <li> | |
| 1355 | + <h5>ico-layer(ico-group)</h5> | |
| 1356 | + <i class="ico-layer"></i> | |
| 1357 | + </li> | |
| 1358 | + <li> | |
| 1359 | + <h5>ico-link</h5> | |
| 1360 | + <i class="ico-link"></i> | |
| 1361 | + </li> | |
| 1362 | + <li> | |
| 1363 | + <h5>ico-location</h5> | |
| 1364 | + <i class="ico-location"></i> | |
| 1365 | + </li> | |
| 1366 | + <li> | |
| 1367 | + <h5>ico-lock</h5> | |
| 1368 | + <i class="ico-lock"></i> | |
| 1369 | + </li> | |
| 1370 | + <li> | |
| 1371 | + <h5>ico-login</h5> | |
| 1372 | + <i class="ico-login"></i> | |
| 1373 | + </li> | |
| 1374 | + <li> | |
| 1375 | + <h5>ico-logout</h5> | |
| 1376 | + <i class="ico-logout"></i> | |
| 1377 | + </li> | |
| 1378 | + <li> | |
| 1379 | + <h5>ico-mail</h5> | |
| 1380 | + <i class="ico-mail"></i> | |
| 1381 | + </li> | |
| 1382 | + <li> | |
| 1383 | + <h5>ico-map</h5> | |
| 1384 | + <i class="ico-map"></i> | |
| 1385 | + </li> | |
| 1386 | + <li> | |
| 1387 | + <h5>ico-menu</h5> | |
| 1388 | + <i class="ico-menu"></i> | |
| 1389 | + </li> | |
| 1390 | + <li> | |
| 1391 | + <h5>ico-mic</h5> | |
| 1392 | + <i class="ico-mic"></i> | |
| 1393 | + </li> | |
| 1394 | + <li> | |
| 1395 | + <h5>ico-more-horiz</h5> | |
| 1396 | + <i class="ico-more-horiz"></i> | |
| 1397 | + </li> | |
| 1398 | + <li> | |
| 1399 | + <h5>ico-mopre-vert</h5> | |
| 1400 | + <i class="ico-more-vert"></i> | |
| 1401 | + </li> | |
| 1402 | + <li> | |
| 1403 | + <h5>ico-music</h5> | |
| 1404 | + <i class="ico-music"></i> | |
| 1405 | + </li> | |
| 1406 | + <li> | |
| 1407 | + <h5>ico-openinnew</h5> | |
| 1408 | + <i class="ico-openinnew"></i> | |
| 1409 | + </li> | |
| 1410 | + <li> | |
| 1411 | + <h5>ico-plus</h5> | |
| 1412 | + <i class="ico-plus"></i> | |
| 1413 | + </li> | |
| 1414 | + <li> | |
| 1415 | + <h5>ico-people</h5> | |
| 1416 | + <i class="ico-people"></i> | |
| 1417 | + </li> | |
| 1418 | + <li> | |
| 1419 | + <h5>ico-profile</h5> | |
| 1420 | + <i class="ico-profile"></i> | |
| 1421 | + </li> | |
| 1422 | + <li> | |
| 1423 | + <h5>ico-phone</h5> | |
| 1424 | + <i class="ico-phone"></i> | |
| 1425 | + </li> | |
| 1426 | + <li> | |
| 1427 | + <h5>ico-pin</h5> | |
| 1428 | + <i class="ico-pin"></i> | |
| 1429 | + </li> | |
| 1430 | + <li> | |
| 1431 | + <h5>ico-pin-active</h5> | |
| 1432 | + <i class="ico-pin-active"></i> | |
| 1433 | + </li> | |
| 1434 | + <li> | |
| 1435 | + <h5>ico-power</h5> | |
| 1436 | + <i class="ico-power"></i> | |
| 1437 | + </li> | |
| 1438 | + <li> | |
| 1439 | + <h5>ico-print</h5> | |
| 1440 | + <i class="ico-print"></i> | |
| 1441 | + </li> | |
| 1442 | + <li> | |
| 1443 | + <h5>ico-redo</h5> | |
| 1444 | + <i class="ico-redo"></i> | |
| 1445 | + </li> | |
| 1446 | + <li> | |
| 1447 | + <h5>ico-remove</h5> | |
| 1448 | + <i class="ico-remove"></i> | |
| 1449 | + </li> | |
| 1450 | + <li> | |
| 1451 | + <h5>ico-refresh</h5> | |
| 1452 | + <i class="ico-refresh"></i> | |
| 1453 | + </li> | |
| 1454 | + <li> | |
| 1455 | + <h5>ico-save</h5> | |
| 1456 | + <i class="ico-save"></i> | |
| 1457 | + </li> | |
| 1458 | + <li> | |
| 1459 | + <h5>ico-schedule</h5> | |
| 1460 | + <i class="ico-schedule"></i> | |
| 1461 | + </li> | |
| 1462 | + <li> | |
| 1463 | + <h5>ico-send</h5> | |
| 1464 | + <i class="ico-send"></i> | |
| 1465 | + </li> | |
| 1466 | + <li> | |
| 1467 | + <h5>ico-setting</h5> | |
| 1468 | + <i class="ico-setting"></i> | |
| 1469 | + </li> | |
| 1470 | + <li> | |
| 1471 | + <h5>ico-share</h5> | |
| 1472 | + <i class="ico-share"></i> | |
| 1473 | + </li> | |
| 1474 | + <li> | |
| 1475 | + <h5>ico-sound</h5> | |
| 1476 | + <i class="ico-sound"></i> | |
| 1477 | + </li> | |
| 1478 | + <li> | |
| 1479 | + <h5>ico-star</h5> | |
| 1480 | + <i class="ico-star"></i> | |
| 1481 | + </li> | |
| 1482 | + <li> | |
| 1483 | + <h5>ico-star-active</h5> | |
| 1484 | + <i class="ico-star-active"></i> | |
| 1485 | + </li> | |
| 1486 | + <li> | |
| 1487 | + <h5>ico-sun</h5> | |
| 1488 | + <i class="ico-sun"></i> | |
| 1489 | + </li> | |
| 1490 | + <li> | |
| 1491 | + <h5>ico-thumb-up</h5> | |
| 1492 | + <i class="ico-thumb-up"></i> | |
| 1493 | + </li> | |
| 1494 | + <li> | |
| 1495 | + <h5>ico-thumb-down</h5> | |
| 1496 | + <i class="ico-thumb-down"></i> | |
| 1497 | + </li> | |
| 1498 | + <li> | |
| 1499 | + <h5>ico-trophy</h5> | |
| 1500 | + <i class="ico-trophy"></i> | |
| 1501 | + </li> | |
| 1502 | + <li> | |
| 1503 | + <h5>ico-undo</h5> | |
| 1504 | + <i class="ico-undo"></i> | |
| 1505 | + </li> | |
| 1506 | + <li> | |
| 1507 | + <h5>ico-unlock</h5> | |
| 1508 | + <i class="ico-unlock"></i> | |
| 1509 | + </li> | |
| 1510 | + <li> | |
| 1511 | + <h5>ico-update</h5> | |
| 1512 | + <i class="ico-update"></i> | |
| 1513 | + </li> | |
| 1514 | + <li> | |
| 1515 | + <h5>ico-upload</h5> | |
| 1516 | + <i class="ico-upload"></i> | |
| 1517 | + </li> | |
| 1518 | + <li> | |
| 1519 | + <h5>ico-video</h5> | |
| 1520 | + <i class="ico-video"></i> | |
| 1521 | + </li> | |
| 1522 | + <li> | |
| 1523 | + <h5>ico-visibility</h5> | |
| 1524 | + <i class="ico-visibility"></i> | |
| 1525 | + </li> | |
| 1526 | + <li> | |
| 1527 | + <h5>ico-visibility-off</h5> | |
| 1528 | + <i class="ico-visibility-off"></i> | |
| 1529 | + </li> | |
| 1530 | + <li> | |
| 1531 | + <h5>ico-warning</h5> | |
| 1532 | + <i class="ico-warning"></i> | |
| 1533 | + </li> | |
| 1534 | + <li> | |
| 1535 | + <h5>ico-zoomin</h5> | |
| 1536 | + <i class="ico-zoomin"></i> | |
| 1537 | + </li> | |
| 1538 | + <li> | |
| 1539 | + <h5>ico-zoomout</h5> | |
| 1540 | + <i class="ico-zoomout"></i> | |
| 1541 | + </li> | |
| 1542 | + <li> | |
| 1543 | + <h5>ico-hamburger</h5> | |
| 1544 | + <i class="ico-hamburger"></i> | |
| 1545 | + </li> | |
| 1546 | + <li> | |
| 1547 | + <h5>ico-app</h5> | |
| 1548 | + <i class="ico-app"></i> | |
| 1549 | + </li> | |
| 1550 | + <li> | |
| 1551 | + <h5>ico-notification</h5> | |
| 1552 | + <i class="ico-notification"></i> | |
| 1553 | + </li> | |
| 1554 | + <li> | |
| 1555 | + <h5>ico-circle-cancle</h5> | |
| 1556 | + <i class="ico-circle-cancle"></i> | |
| 1557 | + </li> | |
| 1558 | + <li> | |
| 1559 | + <h5>ico-sort</h5> | |
| 1560 | + <i class="ico-sort"></i> | |
| 1561 | + </li> | |
| 1562 | + <li> | |
| 1563 | + <h5>ico-thumblist</h5> | |
| 1564 | + <i class="ico-thumblist"></i> | |
| 1565 | + </li> | |
| 1566 | + <li> | |
| 1567 | + <h5>ico-circle-chevron-up</h5> | |
| 1568 | + <i class="ico-circle-chevron-up"></i> | |
| 1569 | + </li> | |
| 1570 | + <li> | |
| 1571 | + <h5>ico-circle-chevron-down</h5> | |
| 1572 | + <i class="ico-circle-chevron-down"></i> | |
| 1573 | + </li> | |
| 1574 | + <li> | |
| 1575 | + <h5>ico-circle-chevron-left</h5> | |
| 1576 | + <i class="ico-circle-chevron-left"></i> | |
| 1577 | + </li> | |
| 1578 | + <li> | |
| 1579 | + <h5>ico-circle-chevron-right</h5> | |
| 1580 | + <i class="ico-circle-chevron-right"></i> | |
| 1581 | + </li> | |
| 1582 | + <li> | |
| 1583 | + <h5>ico-circle-plus</h5> | |
| 1584 | + <i class="ico-circle-plus"></i> | |
| 1585 | + </li> | |
| 1586 | + <li> | |
| 1587 | + <h5>ico-circle-minus</h5> | |
| 1588 | + <i class="ico-circle-minus"></i> | |
| 1589 | + </li> | |
| 1590 | + <li> | |
| 1591 | + <h5>ico-circle-close</h5> | |
| 1592 | + <i class="ico-circle-close"></i> | |
| 1593 | + </li> | |
| 1594 | + <li> | |
| 1595 | + <h5>ico-circle-check</h5> | |
| 1596 | + <i class="ico-circle-check"></i> | |
| 1597 | + </li> | |
| 1598 | + <li> | |
| 1599 | + <h5>ico-adjust</h5> | |
| 1600 | + <i class="ico-adjust"></i> | |
| 1601 | + </li> | |
| 1602 | + <li> | |
| 1603 | + <h5>ico-sound-mute</h5> | |
| 1604 | + <i class="ico-sound-mute"></i> | |
| 1605 | + </li> | |
| 1606 | + <li> | |
| 1607 | + <h5>ico-link-item</h5> | |
| 1608 | + <i class="ico-link-item"></i> | |
| 1609 | + </li> | |
| 1610 | + <li> | |
| 1611 | + <h5>ico-shuffle</h5> | |
| 1612 | + <i class="ico-shuffle"></i> | |
| 1613 | + </li> | |
| 1614 | + <li> | |
| 1615 | + <h5>ico-repeat</h5> | |
| 1616 | + <i class="ico-repeat"></i> | |
| 1617 | + </li> | |
| 1618 | + <li> | |
| 1619 | + <h5>ico-arrows</h5> | |
| 1620 | + <i class="ico-arrows"></i> | |
| 1621 | + </li> | |
| 1622 | + <li> | |
| 1623 | + <h5>ico-arrow-up-right</h5> | |
| 1624 | + <i class="ico-arrow-up-right"></i> | |
| 1625 | + </li> | |
| 1626 | + <li> | |
| 1627 | + <h5>ico-arrow-up-left</h5> | |
| 1628 | + <i class="ico-arrow-up-left"></i> | |
| 1629 | + </li> | |
| 1630 | + <li> | |
| 1631 | + <h5>ico-arrow-down-right</h5> | |
| 1632 | + <i class="ico-arrow-down-right"></i> | |
| 1633 | + </li> | |
| 1634 | + <li> | |
| 1635 | + <h5>ico-arrow-down-left</h5> | |
| 1636 | + <i class="ico-arrow-down-left"></i> | |
| 1637 | + </li> | |
| 1638 | + <li> | |
| 1639 | + <h5>ico-chevron-left</h5> | |
| 1640 | + <i class="ico-chevron-left"></i> | |
| 1641 | + </li> | |
| 1642 | + <li> | |
| 1643 | + <h5>ico-chevron-right</h5> | |
| 1644 | + <i class="ico-chevron-right"></i> | |
| 1645 | + </li> | |
| 1646 | + <li> | |
| 1647 | + <h5>ico-chevron-up</h5> | |
| 1648 | + <i class="ico-chevron-up"></i> | |
| 1649 | + </li> | |
| 1650 | + <li> | |
| 1651 | + <h5>ico-chevron-down</h5> | |
| 1652 | + <i class="ico-chevron-down"></i> | |
| 1653 | + </li> | |
| 1654 | + <li> | |
| 1655 | + <h5>ico-chevron-double-left</h5> | |
| 1656 | + <i class="ico-chevron-double-left"></i> | |
| 1657 | + </li> | |
| 1658 | + <li> | |
| 1659 | + <h5>ico-chevron-double-right</h5> | |
| 1660 | + <i class="ico-chevron-double-right"></i> | |
| 1661 | + </li> | |
| 1662 | + <li> | |
| 1663 | + <h5>ico-chevron-double-up</h5> | |
| 1664 | + <i class="ico-chevron-double-up"></i> | |
| 1665 | + </li> | |
| 1666 | + <li> | |
| 1667 | + <h5>ico-chevron-double-down</h5> | |
| 1668 | + <i class="ico-chevron-double-down"></i> | |
| 1669 | + </li> | |
| 1670 | + <li> | |
| 1671 | + <h5>ico-caret-left</h5> | |
| 1672 | + <i class="ico-caret-left"></i> | |
| 1673 | + </li> | |
| 1674 | + <li> | |
| 1675 | + <h5>ico-caret-right</h5> | |
| 1676 | + <i class="ico-caret-right"></i> | |
| 1677 | + </li> | |
| 1678 | + <li> | |
| 1679 | + <h5>ico-caret-up</h5> | |
| 1680 | + <i class="ico-caret-up"></i> | |
| 1681 | + </li> | |
| 1682 | + <li> | |
| 1683 | + <h5>ico-caret-down</h5> | |
| 1684 | + <i class="ico-caret-down"></i> | |
| 1685 | + </li> | |
| 1686 | + <li> | |
| 1687 | + <h5>ico-caret-sort</h5> | |
| 1688 | + <i class="ico-caret-sort"></i> | |
| 1689 | + </li> | |
| 1690 | + <li> | |
| 1691 | + <h5>ico-sprout</h5> | |
| 1692 | + <i class="ico-sprout"></i> | |
| 1693 | + </li> | |
| 1694 | + <li> | |
| 1695 | + <h5>ico-clover</h5> | |
| 1696 | + <i class="ico-clover"></i> | |
| 1697 | + </li> | |
| 1698 | + <li> | |
| 1699 | + <h5>ico-tree</h5> | |
| 1700 | + <i class="ico-tree"></i> | |
| 1701 | + </li> | |
| 1702 | + <li> | |
| 1703 | + <h5>ico-code-scan</h5> | |
| 1704 | + <i class="ico-code-scan"></i> | |
| 1705 | + </li> | |
| 1706 | + <li> | |
| 1707 | + <h5>ico-circle-play</h5> | |
| 1708 | + <i class="ico-circle-play"></i> | |
| 1709 | + </li> | |
| 1710 | + <li> | |
| 1711 | + <h5>ico-circle-pause</h5> | |
| 1712 | + <i class="ico-circle-pause"></i> | |
| 1713 | + </li> | |
| 1714 | + <li> | |
| 1715 | + <h5>ico-circle-stop</h5> | |
| 1716 | + <i class="ico-circle-stop"></i> | |
| 1717 | + </li> | |
| 1718 | + <li> | |
| 1719 | + <h5>ico-present</h5> | |
| 1720 | + <i class="ico-present"></i> | |
| 1721 | + </li> | |
| 1722 | + <li> | |
| 1723 | + <h5>ico-text-scale</h5> | |
| 1724 | + <i class="ico-text-scale"></i> | |
| 1725 | + </li> | |
| 1726 | + <li> | |
| 1727 | + <h5>ico-siren</h5> | |
| 1728 | + <i class="ico-siren"></i> | |
| 1729 | + </li> | |
| 1730 | + <li> | |
| 1731 | + <h5>ico-megaphone</h5> | |
| 1732 | + <i class="ico-megaphone"></i> | |
| 1733 | + </li> | |
| 1734 | + <li> | |
| 1735 | + <h5>ico-mortarboard</h5> | |
| 1736 | + <i class="ico-mortarboard"></i> | |
| 1737 | + </li> | |
| 1738 | + </ul> | |
| 1739 | + <div> | |
| 1740 | + <h4>icon 파일</h4> | |
| 1741 | + <ul class="icon-wrap"> | |
| 1742 | + <li> | |
| 1743 | + <h5>ico-file-</h5> | |
| 1744 | + <i class="ico-file-pdf"></i> | |
| 1745 | + </li> | |
| 1746 | + <li> | |
| 1747 | + <h5>ico-file-hwp</h5> | |
| 1748 | + <i class="ico-file-hwp"></i> | |
| 1749 | + </li> | |
| 1750 | + <li> | |
| 1751 | + <h5>ico-file-doc</h5> | |
| 1752 | + <i class="ico-file-doc"></i> | |
| 1753 | + </li> | |
| 1754 | + <li> | |
| 1755 | + <h5>ico-file-xls</h5> | |
| 1756 | + <i class="ico-file-xls"></i> | |
| 1757 | + </li> | |
| 1758 | + </ul> | |
| 1759 | + </div> | |
| 1760 | + </article> | |
| 1761 | + <article> | |
| 1762 | + <h3>Profile</h3> | |
| 1763 | + <h5>프로필</h5> | |
| 1764 | + <div class="profile sm"> | |
| 1765 | + <div class="img-area"> | |
| 1766 | + <figure> | |
| 1767 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 1768 | + </figure> | |
| 1769 | + </div> | |
| 1770 | + <div class="txt-area"> | |
| 1771 | + <strong class="profile-tit">학생명</strong> | |
| 1772 | + <span>25.01.01</span> | |
| 1773 | + </div> | |
| 1774 | + <div class="fnc"> | |
| 1775 | + <button type="button" class="ico-setting">설정</button> | |
| 1776 | + </div> | |
| 1777 | + </div> | |
| 1778 | + <div class="profile"> | |
| 1779 | + <div class="img-area"> | |
| 1780 | + <figure> | |
| 1781 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 1782 | + </figure> | |
| 1783 | + </div> | |
| 1784 | + <div class="txt-area"> | |
| 1785 | + <strong class="profile-tit">학생명</strong> | |
| 1786 | + <span>25.01.01</span> | |
| 1787 | + </div> | |
| 1788 | + <div class="fnc"> | |
| 1789 | + <button type="button" class="ico-setting">설정</button> | |
| 1790 | + </div> | |
| 1791 | + </div> | |
| 1792 | + <div class="profile lg"> | |
| 1793 | + <div class="img-area"> | |
| 1794 | + <figure> | |
| 1795 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 1796 | + </figure> | |
| 1797 | + </div> | |
| 1798 | + <div class="txt-area"> | |
| 1799 | + <strong class="profile-tit">학생명</strong> | |
| 1800 | + <span>25.01.01</span> | |
| 1801 | + </div> | |
| 1802 | + <div class="fnc"> | |
| 1803 | + <button type="button" class="btn sm circle ico-setting">설정</button> | |
| 1804 | + </div> | |
| 1805 | + </div> | |
| 1806 | + <div class="profile xlg"> | |
| 1807 | + <div class="img-area"> | |
| 1808 | + <figure> | |
| 1809 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 1810 | + </figure> | |
| 1811 | + </div> | |
| 1812 | + <div class="txt-area"> | |
| 1813 | + <strong class="profile-tit">학생명</strong> | |
| 1814 | + <span>25.01.01</span> | |
| 1815 | + </div> | |
| 1816 | + <div class="fnc"> | |
| 1817 | + <button type="button" class="ico-setting">설정</button> | |
| 1818 | + </div> | |
| 1819 | + </div> | |
| 1820 | + </article> | |
| 1821 | + </section> | |
| 1822 | + <section class="g-section"> | |
| 1823 | + <header> | |
| 1824 | + <h1>UI Style Guide</h1> | |
| 1825 | + <h2>Tabs</h2> | |
| 1826 | + <em>온세종</em> | |
| 1827 | + </header> | |
| 1828 | + <article> | |
| 1829 | + <h3>tabs-nav-lg</h3> | |
| 1830 | + <ul class="tabs-nav-lg"> | |
| 1831 | + <li><a href="#none" class="is-active">tabs1</a></li> | |
| 1832 | + <li><a href="#none">tabs2</a></li> | |
| 1833 | + <li><a href="#none">tabs3</a></li> | |
| 1834 | + </ul> | |
| 1835 | + <ul class="tabs-nav-lg"> | |
| 1836 | + <li><button type="button" class="is-active">tabs1</button></li> | |
| 1837 | + <li><button type="button">tabs2</button></li> | |
| 1838 | + <li><button type="button">tabs3</button></li> | |
| 1839 | + </ul> | |
| 1840 | + </article> | |
| 1841 | + <article> | |
| 1842 | + <h3>tabs-nav</h3> | |
| 1843 | + <ul class="tabs-nav"> | |
| 1844 | + <li><a href="#none" class="is-active">tabs1</a></li> | |
| 1845 | + <li><a href="#none">tabs2</a></li> | |
| 1846 | + <li><a href="#none">tabs3</a></li> | |
| 1847 | + </ul> | |
| 1848 | + <ul class="tabs-nav"> | |
| 1849 | + <li><button type="button" class="is-active">tabs1</button></li> | |
| 1850 | + <li><button type="button">tabs2</button></li> | |
| 1851 | + <li><button type="button">tabs3</button></li> | |
| 1852 | + </ul> | |
| 1853 | + <ul class="tabs-nav full"> | |
| 1854 | + <li><a href="#none" class="is-active">tabs full1</a></li> | |
| 1855 | + <li><a href="#none">tabs full2</a></li> | |
| 1856 | + <li><a href="#none">tabs full3</a></li> | |
| 1857 | + </ul> | |
| 1858 | + <ul class="tabs-nav full"> | |
| 1859 | + <li><button type="button" class="is-active">tabs1</button></li> | |
| 1860 | + <li><button type="button">tabs2</button></li> | |
| 1861 | + <li><button type="button">tabs3</button></li> | |
| 1862 | + </ul> | |
| 1863 | + </article> | |
| 1864 | + <article> | |
| 1865 | + <h3>tabs-nav-sm</h3> | |
| 1866 | + <ul class="tabs-nav-sm"> | |
| 1867 | + <li><a href="#none" class="is-active">tabs1</a></li> | |
| 1868 | + <li><a href="#none">tabs2</a></li> | |
| 1869 | + <li><a href="#none">tabs3</a></li> | |
| 1870 | + </ul> | |
| 1871 | + <ul class="tabs-nav-sm"> | |
| 1872 | + <li><button type="button" class="is-active">tabs1</button></li> | |
| 1873 | + <li><button type="button">tabs2</button></li> | |
| 1874 | + <li><button type="button">tabs3</button></li> | |
| 1875 | + </ul> | |
| 1876 | + </article> | |
| 1877 | + <article> | |
| 1878 | + <h3>tabs-nav-xsm</h3> | |
| 1879 | + <ul class="tabs-nav-xsm"> | |
| 1880 | + <li><a href="#setting1" class="is-active">읽기 <i class="ico-check"></i></a></li> | |
| 1881 | + <li><a href="#setting2">쓰기 <i class="ico-check"></i></a></li> | |
| 1882 | + <li><a href="#setting3">셈하기</a></li> | |
| 1883 | + <li><a href="#setting3">셈하기2</a></li> | |
| 1884 | + </ul> | |
| 1885 | + <ul class="tabs-nav-xsm"> | |
| 1886 | + <li><button type="button" class="is-active">tabs1</button></li> | |
| 1887 | + <li><button type="button">tabs2</button></li> | |
| 1888 | + <li><button type="button">tabs3</button></li> | |
| 1889 | + </ul> | |
| 1890 | + </article> | |
| 1891 | + </section> | |
| 1892 | + <section class="g-section"> | |
| 1893 | + <header> | |
| 1894 | + <h1>UI Style Guide</h1> | |
| 1895 | + <h2>Label</h2> | |
| 1896 | + <em>온세종</em> | |
| 1897 | + </header> | |
| 1898 | + <article> | |
| 1899 | + <h3>Label</h3> | |
| 1900 | + <div class="label-area"> | |
| 1901 | + <span class="label">label</span> | |
| 1902 | + <span class="label info">label info</span> | |
| 1903 | + <span class="label success">label success</span> | |
| 1904 | + <span class="label warning">label warning</span> | |
| 1905 | + <span class="label danger">label danger</span> | |
| 1906 | + <span class="label primary">label primary</span> | |
| 1907 | + <span class="label secondary">label secondary</span> | |
| 1908 | + <span class="label accent">label accent</span> | |
| 1909 | + </div> | |
| 1910 | + <div class="label-area"> | |
| 1911 | + <span class="label inverse">label inverse</span> | |
| 1912 | + <span class="label info-inverse">label info-inverse</span> | |
| 1913 | + <span class="label success-inverse">label success-inverse</span> | |
| 1914 | + <span class="label warning-inverse">label warning-inverse</span> | |
| 1915 | + <span class="label danger-inverse">label danger-inverse</span> | |
| 1916 | + <span class="label primary-inverse">label primary-inverse</span> | |
| 1917 | + <span class="label secondary-inverse">label secondary-inverse</span> | |
| 1918 | + <span class="label accent-inverse">label accent-inverse</span> | |
| 1919 | + </div> | |
| 1920 | + <div class="label-area"> | |
| 1921 | + <button type="button" class="label">label button</button> | |
| 1922 | + <button type="button" class="label info">label info button</button> | |
| 1923 | + <button type="button" class="label success">label success button</button> | |
| 1924 | + <button type="button" class="label warning">label warning button</button> | |
| 1925 | + <button type="button" class="label danger">label danger button</button> | |
| 1926 | + </div> | |
| 1927 | + <div class="label-area"> | |
| 1928 | + <a href="#none" class="label">label a</a> | |
| 1929 | + <a href="#none" class="label info">label info button</a> | |
| 1930 | + <a href="#none" class="label success">label success button</a> | |
| 1931 | + <a href="#none" class="label warning">label warning button</a> | |
| 1932 | + <a href="#none" class="label danger">label danger button</a> | |
| 1933 | + </div> | |
| 1934 | + </article> | |
| 1935 | + <article> | |
| 1936 | + <h3>Label Large</h3> | |
| 1937 | + <div class="label-area"> | |
| 1938 | + <span class="label lg">label</span> | |
| 1939 | + <span class="label lg blue">label info</span> | |
| 1940 | + <span class="label lg green">label success</span> | |
| 1941 | + <span class="label lg yellow">label warning</span> | |
| 1942 | + <span class="label lg red">label danger</span> | |
| 1943 | + </div> | |
| 1944 | + </article> | |
| 1945 | + <article> | |
| 1946 | + <h3>Label state</h3> | |
| 1947 | + <div class="label-area"> | |
| 1948 | + <span class="label-state">대기</span> | |
| 1949 | + <span class="label-state blue">진행중</span> | |
| 1950 | + <span class="label-state green">승인</span> | |
| 1951 | + <span class="label-state yellow">보류</span> | |
| 1952 | + <span class="label-state red">반려</span> | |
| 1953 | + </div> | |
| 1954 | + <div class="label-area"> | |
| 1955 | + <button type="button" class="label-state">대기</button> | |
| 1956 | + <button type="button" class="label-state blue">진행중</button> | |
| 1957 | + <button type="button" class="label-state green">승인</button> | |
| 1958 | + <button type="button" class="label-state yellow">보류</button> | |
| 1959 | + <button type="button" class="label-state red">반려</button> | |
| 1960 | + </div> | |
| 1961 | + <div class="label-area"> | |
| 1962 | + <a href="#none" class="label-state">대기</a> | |
| 1963 | + <a href="#none" class="label-state blue">진행중</a> | |
| 1964 | + <a href="#none" class="label-state green">승인</a> | |
| 1965 | + <a href="#none" class="label-state yellow">보류</a> | |
| 1966 | + <a href="#none" class="label-state red">반려</a> | |
| 1967 | + </div> | |
| 1968 | + </article> | |
| 1969 | + <article> | |
| 1970 | + <h3>Label mark</h3> | |
| 1971 | + <div class="label-area"> | |
| 1972 | + <span class="label-mark">Mark</span> | |
| 1973 | + <span class="label-mark info">Update</span> | |
| 1974 | + <span class="label-mark accent">N</span> | |
| 1975 | + </div> | |
| 1976 | + <div class="label-area"> | |
| 1977 | + <span class="label-mark lg">Mark</span> | |
| 1978 | + <span class="label-mark info lg">Update</span> | |
| 1979 | + <span class="label-mark accent lg">New</span> | |
| 1980 | + </div> | |
| 1981 | + </article> | |
| 1982 | + <article> | |
| 1983 | + <h3>Label cont</h3> | |
| 1984 | + <div class="label-area"> | |
| 1985 | + <span class="label-cont-img">이미지</span> | |
| 1986 | + <span class="label-cont-video">영상</span> | |
| 1987 | + <span class="label-cont-doc">문서</span> | |
| 1988 | + <span class="label-cont-quiz">문항</span> | |
| 1989 | + <span class="label-cont-test">평가지</span> | |
| 1990 | + <span class="label-cont-pack">수업꾸러미</span> | |
| 1991 | + <span class="label-cont-recipe">수업레시피</span> | |
| 1992 | + <span class="label-cont-conts">콘텐츠</span> | |
| 1993 | + <span class="label-cont-url">URL</span> | |
| 1994 | + <span class="label-cont-whiteboard">화이트보드</span> | |
| 1995 | + <span class="label-cont-activity">평가지</span> | |
| 1996 | + </div> | |
| 1997 | + </article> | |
| 1998 | + <article> | |
| 1999 | + <h3>Label num</h3> | |
| 2000 | + <div class="label-area"> | |
| 2001 | + <span class="label num">1</span> | |
| 2002 | + <span class="label num">2</span> | |
| 2003 | + <span class="label num">3</span> | |
| 2004 | + </div> | |
| 2005 | + <div class="label-area"> | |
| 2006 | + <span class="label num lg">1</span> | |
| 2007 | + <span class="label num lg">2</span> | |
| 2008 | + <span class="label num lg">3</span> | |
| 2009 | + </div> | |
| 2010 | + </article> | |
| 2011 | + </section> | |
| 2012 | + <section class="g-section"> | |
| 2013 | + <header> | |
| 2014 | + <h1>UI Style Guide</h1> | |
| 2015 | + <h2>accordion</h2> | |
| 2016 | + <em>온세종</em> | |
| 2017 | + </header> | |
| 2018 | + <article> | |
| 2019 | + <h3>accordion</h3> | |
| 2020 | + <ul class="accordion-list"> | |
| 2021 | + <li class="accordion-item"> | |
| 2022 | + <div class="accordion-tit-area"> | |
| 2023 | + <a href="#none" class="btn-accordion-toggle">열기 닫기</a> | |
| 2024 | + <span class="label info">온세종</span> | |
| 2025 | + <div class="accordion-tit"> 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 | |
| 2026 | + 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 </div> | |
| 2027 | + </div> | |
| 2028 | + <div class="accordion-txt-area"> 내용 내용 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 | |
| 2029 | + 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 | |
| 2030 | + 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 | |
| 2031 | + 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 | |
| 2032 | + 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 사이트 이용방법 안내 </div> | |
| 2033 | + </li> | |
| 2034 | + <li class="accordion-item"> | |
| 2035 | + <div class="accordion-tit-area"> | |
| 2036 | + <a href="#none" class="btn-accordion-toggle">열기 닫기</a> | |
| 2037 | + <span class="label info">온세종</span> | |
| 2038 | + <div class="accordion-tit"> 사이트 이용방법 안내 </div> | |
| 2039 | + </div> | |
| 2040 | + <div class="accordion-txt-area"> 내용 내용 </div> | |
| 2041 | + </li> | |
| 2042 | + </ul> | |
| 2043 | + </article> | |
| 2044 | + </section> | |
| 2045 | + <section class="g-section"> | |
| 2046 | + <header> | |
| 2047 | + <h1>UI Style Guide</h1> | |
| 2048 | + <h2>Table</h2> | |
| 2049 | + <em>온세종</em> | |
| 2050 | + </header> | |
| 2051 | + <article> | |
| 2052 | + <h3>list-type</h3> | |
| 2053 | + <div class="fnc-area"> | |
| 2054 | + <div class="l-area"> | |
| 2055 | + <p>Total <strong class="font-color-orange">173</strong></p> | |
| 2056 | + </div> | |
| 2057 | + <div class="r-area"> | |
| 2058 | + <select class="border-none sm" title="보기 개수 선택"> | |
| 2059 | + <option>10개씩 보기</option> | |
| 2060 | + </select> | |
| 2061 | + <fieldset class="search-area"> | |
| 2062 | + <legend>검색</legend> | |
| 2063 | + <div class="search-option"> | |
| 2064 | + <select title="선택"> | |
| 2065 | + <option>search option 1</option> | |
| 2066 | + <option>search option 12</option> | |
| 2067 | + </select> | |
| 2068 | + </div> | |
| 2069 | + <div class="search"> | |
| 2070 | + <input type="text" placeholder="Enter Search Keyword" title="검색어 입력"> | |
| 2071 | + <button class="btn ico-search">검색</button> | |
| 2072 | + </div> | |
| 2073 | + </fieldset> | |
| 2074 | + </div> | |
| 2075 | + </div> | |
| 2076 | + <div class="list-type"> | |
| 2077 | + <table> | |
| 2078 | + <caption>리스트타입 목록으로 선택, No, 제목, 첨부, 작성자, 조회수, 등록일로 구성되어있습니다.</caption> | |
| 2079 | + <colgroup> | |
| 2080 | + <col style="width:40px"> | |
| 2081 | + <col style="width:80px"> | |
| 2082 | + <col> | |
| 2083 | + <col style="width:64px"> | |
| 2084 | + <col style="width:120px"> | |
| 2085 | + <col style="width:80px"> | |
| 2086 | + <col style="width:80px"> | |
| 2087 | + <col style="width:120px"> | |
| 2088 | + <col style="width:120px"> | |
| 2089 | + </colgroup> | |
| 2090 | + <thead> | |
| 2091 | + <tr> | |
| 2092 | + <th scope="col"><label class="checkbox icon-only"><input | |
| 2093 | + type="checkbox"><span>선택</span></label></th> | |
| 2094 | + <th scope="col">No</th> | |
| 2095 | + <th scope="col">제목</th> | |
| 2096 | + <th scope="col">첨부</th> | |
| 2097 | + <th scope="col">상태</th> | |
| 2098 | + <th scope="col">조회수</th> | |
| 2099 | + <th scope="col">작성자</th> | |
| 2100 | + <th scope="col">등록일</th> | |
| 2101 | + <th scope="col">기능</th> | |
| 2102 | + </tr> | |
| 2103 | + </thead> | |
| 2104 | + <tbody> | |
| 2105 | + <tr> | |
| 2106 | + <td> | |
| 2107 | + <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label> | |
| 2108 | + </td> | |
| 2109 | + <td>3</td> | |
| 2110 | + <td class="align-left"> | |
| 2111 | + <a href="#none" class="table-title">링크-가나다라마바사아자차카타파하사 | |
| 2112 | + 가나다라마바사아자차카타파하사가나다라마바사아자차카타파하사가나다라마바사아자차카타파하사가나다라마바사아자차카타파하사</a> | |
| 2113 | + <span class="table-info"><i class="ico-comment sm"> 댓글</i>4</span> | |
| 2114 | + </td> | |
| 2115 | + <td><i class="ico-attach"><span class="txt-hide">첨부파일</span></i></td> | |
| 2116 | + <td><span class="label-state">대기</span></td> | |
| 2117 | + <td>123,132</td> | |
| 2118 | + <td>관리자</td> | |
| 2119 | + <td>2020-07-23</td> | |
| 2120 | + <td> | |
| 2121 | + <div class="etc-fnc-area"> | |
| 2122 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 2123 | + <ul class="etc-fnc"> | |
| 2124 | + <li><a href="#none">수정</a></li> | |
| 2125 | + <li><button type="button">삭제</button></li> | |
| 2126 | + <li><button type="button">복사</button></li> | |
| 2127 | + </ul> | |
| 2128 | + </div> | |
| 2129 | + </td> | |
| 2130 | + </tr> | |
| 2131 | + <tr> | |
| 2132 | + <td> | |
| 2133 | + <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label> | |
| 2134 | + </td> | |
| 2135 | + <td>2</td> | |
| 2136 | + <td class="align-left"> | |
| 2137 | + <a href="#none" class="table-title">링크-가나다라마바사아자차키타파하</a> | |
| 2138 | + <span class="table-info"><i class="ico-comment sm">댓글</i>4</span> | |
| 2139 | + </td> | |
| 2140 | + <td><i class="ico-attach"><span class="txt-hide">첨부파일</span></i></td> | |
| 2141 | + <td><span class="label-state blue">진행중</span></td> | |
| 2142 | + <td>123,132</td> | |
| 2143 | + <td>관리자</td> | |
| 2144 | + <td>2020-07-23</td> | |
| 2145 | + <td> | |
| 2146 | + <div class="etc-fnc-area"> | |
| 2147 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 2148 | + <ul class="etc-fnc"> | |
| 2149 | + <li><a href="#none">수정</a></li> | |
| 2150 | + <li><button type="button">삭제</button></li> | |
| 2151 | + <li><button type="button">복사</button></li> | |
| 2152 | + </ul> | |
| 2153 | + </div> | |
| 2154 | + </td> | |
| 2155 | + </tr> | |
| 2156 | + <tr> | |
| 2157 | + <td> | |
| 2158 | + <label class="checkbox icon-only"><input type="checkbox"><span>선택</span></label> | |
| 2159 | + </td> | |
| 2160 | + <td>1</td> | |
| 2161 | + <td class="align-left"> | |
| 2162 | + <p class="table-title">링크-가나다라마바사아자차키타파하</p> | |
| 2163 | + </td> | |
| 2164 | + <td><i class="ico-attach"><span class="txt-hide">첨부파일</span></i></td> | |
| 2165 | + <td><span class="label-state red">반려</span></td> | |
| 2166 | + <td>123,132</td> | |
| 2167 | + <td>관리자</td> | |
| 2168 | + <td>2020-07-23</td> | |
| 2169 | + <td> | |
| 2170 | + <div class="etc-fnc-area"> | |
| 2171 | + <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button> | |
| 2172 | + <ul class="etc-fnc"> | |
| 2173 | + <li><a href="#none">수정</a></li> | |
| 2174 | + <li><button type="button">삭제</button></li> | |
| 2175 | + <li><button type="button">복사</button></li> | |
| 2176 | + </ul> | |
| 2177 | + </div> | |
| 2178 | + </td> | |
| 2179 | + </tr> | |
| 2180 | + </tbody> | |
| 2181 | + </table> | |
| 2182 | + </div> | |
| 2183 | + <ul class="pagenation"> | |
| 2184 | + <li class="ppv"> | |
| 2185 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 2186 | + </li> | |
| 2187 | + <li class="pv"> | |
| 2188 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 2189 | + </li> | |
| 2190 | + <li class="current"> | |
| 2191 | + <span title="현재 페이지">1</span> | |
| 2192 | + </li> | |
| 2193 | + <li> | |
| 2194 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 2195 | + </li> | |
| 2196 | + <li> | |
| 2197 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 2198 | + </li> | |
| 2199 | + <li> | |
| 2200 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 2201 | + </li> | |
| 2202 | + <li> | |
| 2203 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 2204 | + </li> | |
| 2205 | + <li class="fw"> | |
| 2206 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 2207 | + </li> | |
| 2208 | + <li class="ffw"> | |
| 2209 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 2210 | + </li> | |
| 2211 | + </ul> | |
| 2212 | + <div class="btn-flex-cont"> | |
| 2213 | + <div class="r-area"> | |
| 2214 | + <button class="btn danger">삭제</button> | |
| 2215 | + <button class="btn secondary">복제</button> | |
| 2216 | + <button class="btn">수정</button> | |
| 2217 | + <button class="btn primary">글쓰기</button> | |
| 2218 | + </div> | |
| 2219 | + </div> | |
| 2220 | + </article> | |
| 2221 | + <article> | |
| 2222 | + <h3>write-type</h3> | |
| 2223 | + <ol class="step"> | |
| 2224 | + <li class="is-active"> | |
| 2225 | + <span class="num">1</span> | |
| 2226 | + <p> | |
| 2227 | + <strong>진행완료</strong> | |
| 2228 | + </p> | |
| 2229 | + </li> | |
| 2230 | + <li class="is-active"> | |
| 2231 | + <span class="num">2</span> | |
| 2232 | + <p> | |
| 2233 | + <strong>진행중</strong> | |
| 2234 | + </p> | |
| 2235 | + </li> | |
| 2236 | + <li class="is-current"> | |
| 2237 | + <span class="num">3</span> | |
| 2238 | + <p> | |
| 2239 | + <strong>진행후</strong> | |
| 2240 | + </p> | |
| 2241 | + </li> | |
| 2242 | + <li> | |
| 2243 | + <span class="num">4</span> | |
| 2244 | + <p> | |
| 2245 | + <strong>진행완료</strong> | |
| 2246 | + </p> | |
| 2247 | + </li> | |
| 2248 | + </ol> | |
| 2249 | + <div class="write-type"> | |
| 2250 | + <table> | |
| 2251 | + <caption>write-type table</caption> | |
| 2252 | + <colgroup> | |
| 2253 | + <col style="width:240px"> | |
| 2254 | + <col> | |
| 2255 | + </colgroup> | |
| 2256 | + <tbody> | |
| 2257 | + <tr> | |
| 2258 | + <th scope="row">셀렉트 유형<i class="required">필수</i></th> | |
| 2259 | + <td> | |
| 2260 | + <select title="셀렉트 타이틀1 선택"> | |
| 2261 | + <option>선택1</option> | |
| 2262 | + </select> | |
| 2263 | + </td> | |
| 2264 | + </tr> | |
| 2265 | + <tr> | |
| 2266 | + <th>인풋 q0 <small class="txt-option">(선택)</small></th> | |
| 2267 | + <td> | |
| 2268 | + <input type="text" title="인풋박스" class="q0"> | |
| 2269 | + </td> | |
| 2270 | + </tr> | |
| 2271 | + <tr> | |
| 2272 | + <th scope="row">인풋 q1</th> | |
| 2273 | + <td> | |
| 2274 | + <input type="text" title="인풋박스" class="q1"> | |
| 2275 | + <input type="text" title="인풋박스" class="q1"> | |
| 2276 | + <input type="text" title="인풋박스" class="q1"> | |
| 2277 | + <input type="text" title="인풋박스" class="q1"> | |
| 2278 | + </td> | |
| 2279 | + </tr> | |
| 2280 | + <tr> | |
| 2281 | + <th scope="row">인풋 q2</th> | |
| 2282 | + <td> | |
| 2283 | + <input type="text" title="인풋박스" class="q2"> | |
| 2284 | + <input type="text" title="인풋박스" class="q2"> | |
| 2285 | + </td> | |
| 2286 | + </tr> | |
| 2287 | + <tr> | |
| 2288 | + <th scope="row">인풋 q3</th> | |
| 2289 | + <td> | |
| 2290 | + <input type="text" title="인풋박스" class="q3"> | |
| 2291 | + </td> | |
| 2292 | + </tr> | |
| 2293 | + <tr> | |
| 2294 | + <th scope="row">인풋 q4</th> | |
| 2295 | + <td> | |
| 2296 | + <input type="text" title="인풋박스" class="q4"> | |
| 2297 | + </td> | |
| 2298 | + </tr> | |
| 2299 | + <tr> | |
| 2300 | + <th scope="row">인풋 체크박스<i class="required">필수</i></th> | |
| 2301 | + <td> | |
| 2302 | + <fieldset> | |
| 2303 | + <legend>인풋라디오</legend> | |
| 2304 | + <label class="checkbox"><input type="checkbox" name="tblCheckbox" | |
| 2305 | + checked><span>Default</span></label> | |
| 2306 | + <label class="checkbox"><input type="checkbox" | |
| 2307 | + name="tblCheckbox"><span>Default</span></label> | |
| 2308 | + </fieldset> | |
| 2309 | + </td> | |
| 2310 | + </tr> | |
| 2311 | + <tr> | |
| 2312 | + <th scope="row">인풋 라디오<i class="required">필수</i></th> | |
| 2313 | + <td> | |
| 2314 | + <fieldset> | |
| 2315 | + <legend>인풋라디오</legend> | |
| 2316 | + <label class="radio"><input type="radio" name="tblRadio" | |
| 2317 | + checked><span>Default</span></label> | |
| 2318 | + <label class="radio"><input type="radio" | |
| 2319 | + name="tblRadio"><span>Default</span></label> | |
| 2320 | + </fieldset> | |
| 2321 | + </td> | |
| 2322 | + </tr> | |
| 2323 | + <tr> | |
| 2324 | + <th scope="row">보조텍스트<i class="required">필수</i></th> | |
| 2325 | + <td> | |
| 2326 | + <input type="text" title="인풋박스" class="q2"> | |
| 2327 | + <p class="message"><em>보조</em>텍스트</p> | |
| 2328 | + </td> | |
| 2329 | + </tr> | |
| 2330 | + <tr> | |
| 2331 | + <th scope="row">주소<i class="required">필수</i></th> | |
| 2332 | + <td> | |
| 2333 | + <input type="text" title="우편번호 입력" class="q0"> | |
| 2334 | + <button type="button" class="btn secondary">우편번호</button> | |
| 2335 | + <input type="text" title="주소 입력" class="q4"> | |
| 2336 | + <input type="text" title="상세주소 입력" class="q4"> | |
| 2337 | + </td> | |
| 2338 | + </tr> | |
| 2339 | + <tr> | |
| 2340 | + <th>전화번호</th> | |
| 2341 | + <td> | |
| 2342 | + <select title="전화번호 앞자리 선택"> | |
| 2343 | + <option>010</option> | |
| 2344 | + <option>011</option> | |
| 2345 | + </select> | |
| 2346 | + <input type="text" title="전화번호 입력" placeholder="‘-‘없이 숫자만 입력하세요."> | |
| 2347 | + <button type="submit" class="btn secondary" disabled>인증번호</button> | |
| 2348 | + </td> | |
| 2349 | + </tr> | |
| 2350 | + <tr> | |
| 2351 | + <th>이메일</th> | |
| 2352 | + <td> | |
| 2353 | + <input type="text" title="이메일 입력"> | |
| 2354 | + <span>@</span> | |
| 2355 | + <input type="text" title="이메일 입력"> | |
| 2356 | + <select title="이메일 선택"> | |
| 2357 | + <option>naver.com</option> | |
| 2358 | + </select> | |
| 2359 | + <button class="btn secondary">중복확인</button> | |
| 2360 | + </td> | |
| 2361 | + </tr> | |
| 2362 | + </tbody> | |
| 2363 | + </table> | |
| 2364 | + </div> | |
| 2365 | + <div class="btn-cont"> | |
| 2366 | + <button type="submit" class="btn lg primary">확인</button> | |
| 2367 | + <button type="submit" class="btn lg">취소</button> | |
| 2368 | + </div> | |
| 2369 | + <div class="btn-flex-cont"> | |
| 2370 | + <div class="l-area"> | |
| 2371 | + <a href="#none" class="btn lg">이전</a> | |
| 2372 | + </div> | |
| 2373 | + <div class="r-area"> | |
| 2374 | + <button type="submit" class="btn lg">임시저장</button> | |
| 2375 | + <button type="submit" class="btn lg">취소</button> | |
| 2376 | + <button type="submit" class="btn lg primary">저장</button> | |
| 2377 | + </div> | |
| 2378 | + </div> | |
| 2379 | + </article> | |
| 2380 | + <article> | |
| 2381 | + <h3>info-type</h3> | |
| 2382 | + <div class="info-type"> | |
| 2383 | + <table> | |
| 2384 | + <caption>종합결과</caption> | |
| 2385 | + <thead> | |
| 2386 | + <tr> | |
| 2387 | + <!-- <th scope="col">이름</th> | |
| 2388 | + <th scope="col">아이디</th> --> | |
| 2389 | + <th scope="col">3R’s (읽기)</th> | |
| 2390 | + <th scope="col">3R’s (쓰기)</th> | |
| 2391 | + <th scope="col">3R’s (셈하기)</th> | |
| 2392 | + <th scope="col">국어</th> | |
| 2393 | + <th scope="col">수학</th> | |
| 2394 | + <th scope="col">전체 맞은 개수</th> | |
| 2395 | + </tr> | |
| 2396 | + </thead> | |
| 2397 | + <tbody> | |
| 2398 | + <tr> | |
| 2399 | + <!-- <td>초등학생1</td> | |
| 2400 | + <td>abc123@cbe.go.kr</td> --> | |
| 2401 | + <td>15</td> | |
| 2402 | + <td>15</td> | |
| 2403 | + <td>15</td> | |
| 2404 | + <td class="font-color-red">1(미도달)</td> | |
| 2405 | + <td class="font-color-red">1(미도달)</td> | |
| 2406 | + <td>49/100</td> | |
| 2407 | + </tr> | |
| 2408 | + </tbody> | |
| 2409 | + </table> | |
| 2410 | + </div> | |
| 2411 | + </article> | |
| 2412 | + </section> | |
| 2413 | + <section class="g-section"> | |
| 2414 | + <header> | |
| 2415 | + <h1>UI Style Guide</h1> | |
| 2416 | + <h2>Popup</h2> | |
| 2417 | + <em>온세종</em> | |
| 2418 | + </header> | |
| 2419 | + <article> | |
| 2420 | + <h3>Popup</h3> | |
| 2421 | + <div class="dim"></div> | |
| 2422 | + <div style="display: flex; gap:.8rem; flex-wrap: wrap;"> | |
| 2423 | + <button type="button" class="btn" onclick="popupOpenPub('popupmodal')">모달 팝업</button> | |
| 2424 | + <div class="popup-modal" data-popuppub="popupmodal"> | |
| 2425 | + <div class="pop-header"> | |
| 2426 | + <h1>팝업 타이틀</h1> | |
| 2427 | + </div> | |
| 2428 | + <div class="pop-body"> | |
| 2429 | + <button type="button" class="btn" onclick="popupOpenPub('popup')">모달 팝업2</button> | |
| 2430 | + </div> | |
| 2431 | + <div class="pop-footer"> | |
| 2432 | + <div class="pop-btn-cont"> | |
| 2433 | + <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> | |
| 2434 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button> | |
| 2435 | + </div> | |
| 2436 | + </div> | |
| 2437 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 2438 | + </div> | |
| 2439 | + <button type="button" class="btn" onclick="popupOpenPub('popup')">팝업</button> | |
| 2440 | + <div class="popup" data-popuppub="popup"> | |
| 2441 | + <div class="pop-header"> | |
| 2442 | + <h1>팝업 타이틀</h1> | |
| 2443 | + <p>Description</p> | |
| 2444 | + </div> | |
| 2445 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2446 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2447 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2448 | + </div> | |
| 2449 | + <div class="pop-footer"> | |
| 2450 | + <div class="pop-btn-cont"> | |
| 2451 | + <button type="button" class="btn" onclick="popupClosePub('popup')">취소</button> | |
| 2452 | + <button type="button" class="btn primary" onclick="popupOpenPub('popup-sm')">확인</button> | |
| 2453 | + </div> | |
| 2454 | + </div> | |
| 2455 | + <button type="button" class="pop-close">팝업닫기</button> | |
| 2456 | + </div> | |
| 2457 | + <button type="button" class="btn" onclick="popupOpenPub('popup-sm')">팝업 sm</button> | |
| 2458 | + <div class="popup sm" data-popuppub="popup-sm"> | |
| 2459 | + <div class="pop-header"> | |
| 2460 | + <h1>팝업 타이틀</h1> | |
| 2461 | + </div> | |
| 2462 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2463 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2464 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2465 | + </div> | |
| 2466 | + <div class="pop-footer"> | |
| 2467 | + <div class="pop-btn-cont"> | |
| 2468 | + <button type="button" class="btn" onclick="popupClosePub('popup-sm')">취소</button> | |
| 2469 | + <button type="button" class="btn primary" onclick="popupOpenPub('popup-lg')">확인</button> | |
| 2470 | + </div> | |
| 2471 | + </div> | |
| 2472 | + <button type="button" class="pop-close">팝업닫기</button> | |
| 2473 | + </div> | |
| 2474 | + <button type="button" class="btn" onclick="popupOpenPub('popup-lg')">팝업 lg</button> | |
| 2475 | + <div class="popup lg" data-popuppub="popup-lg"> | |
| 2476 | + <div class="pop-header"> | |
| 2477 | + <h1>팝업 타이틀</h1> | |
| 2478 | + </div> | |
| 2479 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2480 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2481 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2482 | + </div> | |
| 2483 | + <div class="pop-footer"> | |
| 2484 | + <div class="pop-btn-cont"> | |
| 2485 | + <button type="button" class="btn" onclick="popupClosePub('popup-lg')">취소</button> | |
| 2486 | + <button type="button" class="btn primary" onclick="popupOpenPub('popup-xlg')">확인</button> | |
| 2487 | + </div> | |
| 2488 | + </div> | |
| 2489 | + <button type="button" class="pop-close">팝업닫기</button> | |
| 2490 | + </div> | |
| 2491 | + <button type="button" class="btn" onclick="popupOpenPub('popup-xlg')">팝업 xlg</button> | |
| 2492 | + <div class="popup xlg" data-popuppub="popup-xlg"> | |
| 2493 | + <div class="pop-header"> | |
| 2494 | + <h1>팝업 타이틀</h1> | |
| 2495 | + </div> | |
| 2496 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2497 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2498 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2499 | + </div> | |
| 2500 | + <div class="pop-footer"> | |
| 2501 | + <div class="pop-btn-cont"> | |
| 2502 | + <button type="button" class="btn" onclick="popupClosePub('popup-xlg')">취소</button> | |
| 2503 | + <button type="button" class="btn primary" onclick="popupClosePub('popup-xlg')">확인</button> | |
| 2504 | + </div> | |
| 2505 | + </div> | |
| 2506 | + <button type="button" class="pop-close">팝업닫기</button> | |
| 2507 | + </div> | |
| 2508 | + <button type="button" class="btn" onclick="popupOpenPub('popup-xxlg')">팝업 xxlg</button> | |
| 2509 | + <div class="popup xxlg" data-popuppub="popup-xxlg"> | |
| 2510 | + <div class="pop-header"> | |
| 2511 | + <h1>팝업 타이틀</h1> | |
| 2512 | + </div> | |
| 2513 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2514 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2515 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2516 | + </div> | |
| 2517 | + <div class="pop-footer"> | |
| 2518 | + <div class="pop-btn-cont"> | |
| 2519 | + <button type="button" class="btn" onclick="popupClosePub('popup-xxlg')">취소</button> | |
| 2520 | + <button type="button" class="btn primary" onclick="popupClosePub('popup-xxlg')">확인</button> | |
| 2521 | + </div> | |
| 2522 | + </div> | |
| 2523 | + <button type="button" class="pop-close">팝업닫기</button> | |
| 2524 | + </div> | |
| 2525 | + <button type="button" class="btn" onclick="popupOpenPub('popup-full')">팝업 full</button> | |
| 2526 | + <div class="popup full" data-popuppub="popup-full"> | |
| 2527 | + <div class="pop-header"> | |
| 2528 | + <h1>팝업 타이틀</h1> | |
| 2529 | + </div> | |
| 2530 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2531 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2532 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2533 | + </div> | |
| 2534 | + <div class="pop-footer"> | |
| 2535 | + <div class="pop-btn-cont"> | |
| 2536 | + <button type="button" class="btn" onclick="popupClosePub('popup-full')">취소</button> | |
| 2537 | + <button type="button" class="btn primary" onclick="popupClosePub('popup-full')">확인</button> | |
| 2538 | + </div> | |
| 2539 | + </div> | |
| 2540 | + <button type="button" class="pop-close">팝업닫기</button> | |
| 2541 | + </div> | |
| 2542 | + <button type="button" class="btn" onclick="popupOpenPub('popup-double')">이중 팝업</button> | |
| 2543 | + <div class="popup" data-popuppub="popup-double"> | |
| 2544 | + <div class="pop-header"> | |
| 2545 | + <h1>팝업 타이틀</h1> | |
| 2546 | + </div> | |
| 2547 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2548 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2549 | + 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2550 | + </div> | |
| 2551 | + <div class="pop-footer"> | |
| 2552 | + <div class="pop-btn-cont"> | |
| 2553 | + <button type="button" class="btn primary pop-double-open" | |
| 2554 | + onclick="popupOpenPub('pop-double')">확인</button> | |
| 2555 | + </div> | |
| 2556 | + </div> | |
| 2557 | + <button type="button" class="pop-close">팝업닫기</button> | |
| 2558 | + </div> | |
| 2559 | + <div class="popup sm pop-double" data-popuppub="pop-double"> | |
| 2560 | + <div class="pop-header"> | |
| 2561 | + <h1>이중 팝업 타이틀</h1> | |
| 2562 | + </div> | |
| 2563 | + <div class="pop-body"> 내용내용<br> 내용내용<br> 내용내용<br> | |
| 2564 | + </div> | |
| 2565 | + <div class="pop-footer"> | |
| 2566 | + <div class="pop-btn-cont"> | |
| 2567 | + <button type="button" class="btn pop-double-close">취소</button> | |
| 2568 | + <button type="button" class="btn primary pop-double-close">확인</button> | |
| 2569 | + </div> | |
| 2570 | + </div> | |
| 2571 | + <button type="button" class="pop-close pop-double-close">팝업닫기</button> | |
| 2572 | + </div> | |
| 2573 | + <!-- <button type="button" class="btn" onclick="popupOpenPub('popupZoom')">팝업 이미지 zoom</button> | |
| 2574 | + <div class="popup-zoom" data-popuppub="popupZoom"> | |
| 2575 | + <div class="pop-body"> | |
| 2576 | + <figure> | |
| 2577 | + <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지 원본"> | |
| 2578 | + </figure> | |
| 2579 | + </div> | |
| 2580 | + <button type="button" class="pop-close white lg"> | |
| 2581 | + <span class="txt-hide">팝업닫기</span> | |
| 2582 | + </button> | |
| 2583 | + </div> --> | |
| 2584 | + </div> | |
| 2585 | + </article> | |
| 2586 | + <article> | |
| 2587 | + <h3>Popup Alert</h3> | |
| 2588 | + <div style="display: flex; gap:.8rem; flex-wrap: wrap;"> | |
| 2589 | + <button type="button" class="btn" onclick="popupOpenPub('alert-popup')">alert 팝업</button> | |
| 2590 | + <div class="popup-alert-area" data-popuppub="alert-popup"> | |
| 2591 | + <div class="popup-alert"> | |
| 2592 | + <div class="pop-header"> | |
| 2593 | + <h1>alert 팝업 타이틀</h1> | |
| 2594 | + </div> | |
| 2595 | + <div class="pop-body"> alert 메세지 alert 메세지<br> alert 메세지 alert 메세지 </div> | |
| 2596 | + <div class="pop-footer"> | |
| 2597 | + <button type="button" onclick="popupClosePub('alert-popup')">취소</button> | |
| 2598 | + <button type="button" class="primary" onclick="popupClosePub('alert-popup')">확인</button> | |
| 2599 | + </div> | |
| 2600 | + </div> | |
| 2601 | + </div> | |
| 2602 | + <button type="button" class="btn" onclick="popupOpenPub('alert-popup2')">alert 팝업(타이틀없음)</button> | |
| 2603 | + <div class="popup-alert-area" data-popuppub="alert-popup2"> | |
| 2604 | + <div class="popup-alert"> | |
| 2605 | + <div class="pop-body"> alert 메세지 alert 메세지<br> alert 메세지 alert 메세지 </div> | |
| 2606 | + <div class="pop-footer"> | |
| 2607 | + <button type="button" class="primary" onclick="popupClosePub('alert-popup2')">확인</button> | |
| 2608 | + </div> | |
| 2609 | + </div> | |
| 2610 | + </div> | |
| 2611 | + <button type="button" class="btn" onclick="popupOpenPub('alert-popup3')">alert 팝업(승인, 삭제)</button> | |
| 2612 | + <div class="popup-alert-area" data-popuppub="alert-popup3"> | |
| 2613 | + <div class="popup-alert"> | |
| 2614 | + <div class="pop-header"> | |
| 2615 | + <h1>alert 승인, 삭제</h1> | |
| 2616 | + </div> | |
| 2617 | + <div class="pop-body"> alert 메세지 alert 메세지<br> alert 메세지 alert 메세지 </div> | |
| 2618 | + <div class="pop-footer"> | |
| 2619 | + <button type="button" class="secondary" onclick="popupClosePub('alert-popup3')">승인</button> | |
| 2620 | + <button type="button" class="danger" onclick="popupClosePub('alert-popup3')">삭제</button> | |
| 2621 | + </div> | |
| 2622 | + </div> | |
| 2623 | + </div> | |
| 2624 | + </div> | |
| 2625 | + </article> | |
| 2626 | + <!-- <article> | |
| 2627 | + <h3>modal</h3> | |
| 2628 | + <div style="display: flex; gap:.8rem; flex-wrap: wrap;"> | |
| 2629 | + <button type="button" class="btn" onclick="modalOpenPub('modal')">모달 팝업</button> | |
| 2630 | + <div class="popup-modal-area" data-modalpub="modal"> | |
| 2631 | + <div class="popup-modal"> | |
| 2632 | + <div class="pop-header"> | |
| 2633 | + <h1>팝업 타이틀</h1> | |
| 2634 | + </div> | |
| 2635 | + <div class="pop-body"> | |
| 2636 | + <button type="button" class="btn" onclick="modalOpenPub('modal2')">모달 팝업2</button> | |
| 2637 | + </div> | |
| 2638 | + <div class="pop-footer"> | |
| 2639 | + <div class="pop-btn-cont"> | |
| 2640 | + <button type="button" class="btn" onclick="modalClosePub('modal')">취소</button> | |
| 2641 | + <button type="button" class="btn primary" onclick="modalOpenPub('modal2')">확인</button> | |
| 2642 | + </div> | |
| 2643 | + </div> | |
| 2644 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 2645 | + </div> | |
| 2646 | + <div class="dim-modal"></div> | |
| 2647 | + </div> | |
| 2648 | + <div class="popup-modal-area" data-modalpub="modal2"> | |
| 2649 | + <div class="popup-modal"> | |
| 2650 | + <div class="pop-header"> | |
| 2651 | + <h1>팝업 타이틀2</h1> | |
| 2652 | + </div> | |
| 2653 | + <div class="pop-body"> | |
| 2654 | + 111 | |
| 2655 | + </div> | |
| 2656 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 2657 | + </div> | |
| 2658 | + <div class="dim-modal"></div> | |
| 2659 | + </div> | |
| 2660 | + </div> | |
| 2661 | + <div class="toast"></div> | |
| 2662 | + </article> --> | |
| 2663 | + <article> | |
| 2664 | + <h3>Toast</h3> | |
| 2665 | + <div> | |
| 2666 | + <button type="button" class="btn" onclick="toastShow('토스트 메세지 입니다.')">toast</button> | |
| 2667 | + </div> | |
| 2668 | + <div class="toast"></div> | |
| 2669 | + </article> | |
| 2670 | + </section> | |
| 2671 | + <section class="g-section"> | |
| 2672 | + <header> | |
| 2673 | + <h1>UI Style Guide</h1> | |
| 2674 | + <h2>Etc</h2> | |
| 2675 | + <em>온세종</em> | |
| 2676 | + </header> | |
| 2677 | + <article> | |
| 2678 | + <h3>bullet</h3> | |
| 2679 | + <ul class="bullet"> | |
| 2680 | + <li>bullet</li> | |
| 2681 | + <li>bullet</li> | |
| 2682 | + <li>bullet</li> | |
| 2683 | + </ul> | |
| 2684 | + <ul class="bullet-none"> | |
| 2685 | + <li>bullet-none</li> | |
| 2686 | + <li>bullet-none</li> | |
| 2687 | + <li>bullet-none</li> | |
| 2688 | + </ul> | |
| 2689 | + <ul class="bullet-tit"> | |
| 2690 | + <li><strong class="tit">bullet-tit</strong> bullet-tit내용</li> | |
| 2691 | + <li><strong class="tit">제목입력</strong>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2692 | + <li><strong class="tit">제목입력</strong>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2693 | + </ul> | |
| 2694 | + <ul class="bullet-dash"> | |
| 2695 | + <li>bullet-dash</li> | |
| 2696 | + <li>bullet-dash</li> | |
| 2697 | + <li>bullet-dash</li> | |
| 2698 | + </ul> | |
| 2699 | + <ul class="bullet-hangul"> | |
| 2700 | + <li>bullet-hangul</li> | |
| 2701 | + <li>bullet-hangul</li> | |
| 2702 | + <li>bullet-hangul</li> | |
| 2703 | + </ul> | |
| 2704 | + </article> | |
| 2705 | + <article> | |
| 2706 | + <h3>box</h3> | |
| 2707 | + <div class="bg-box"> | |
| 2708 | + <h3 class="title-sm">box 타이틀</h3> | |
| 2709 | + <ul class="bullet"> | |
| 2710 | + <li>bullet</li> | |
| 2711 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2712 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2713 | + </ul> | |
| 2714 | + <ul class="bullet-tit"> | |
| 2715 | + <li><strong class="tit">bullet-tit</strong> bullet-tit내용</li> | |
| 2716 | + <li><strong class="tit">제목입력</strong>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2717 | + <li><strong class="tit">제목입력</strong>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2718 | + </ul> | |
| 2719 | + <ul class="bullet-dash"> | |
| 2720 | + <li>bullet-dash</li> | |
| 2721 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2722 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2723 | + </ul> | |
| 2724 | + </div> | |
| 2725 | + <div class="border-box"> | |
| 2726 | + <h3 class="title-sm">border-box</h3> | |
| 2727 | + <ul class="bullet"> | |
| 2728 | + <li>bullet</li> | |
| 2729 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2730 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2731 | + </ul> | |
| 2732 | + <ul class="bullet-tit"> | |
| 2733 | + <li><strong class="tit">bullet-tit</strong> bullet-tit내용</li> | |
| 2734 | + <li><strong class="tit">제목입력</strong>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2735 | + <li><strong class="tit">제목입력</strong>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2736 | + </ul> | |
| 2737 | + <ul class="bullet-dash"> | |
| 2738 | + <li>bullet-dash</li> | |
| 2739 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2740 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2741 | + </ul> | |
| 2742 | + </div> | |
| 2743 | + <div class="border-box bg sm"> | |
| 2744 | + <h3 class="title-sm">border-box bg sm</h3> | |
| 2745 | + <ul class="bullet"> | |
| 2746 | + <li>bullet</li> | |
| 2747 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2748 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2749 | + </ul> | |
| 2750 | + <ul class="bullet-tit"> | |
| 2751 | + <li><strong class="tit">bullet-tit</strong> bullet-tit내용</li> | |
| 2752 | + <li><strong class="tit">제목입력</strong>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2753 | + <li><strong class="tit">제목입력</strong>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2754 | + </ul> | |
| 2755 | + <ul class="bullet-dash"> | |
| 2756 | + <li>bullet-dash</li> | |
| 2757 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2758 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2759 | + </ul> | |
| 2760 | + </div> | |
| 2761 | + <div class="bg-box"> | |
| 2762 | + <h3 class="title-sm">box 타이틀</h3> | |
| 2763 | + <ul class="bullet"> | |
| 2764 | + <li>bullet</li> | |
| 2765 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2766 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2767 | + </ul> | |
| 2768 | + <ul class="bullet-tit"> | |
| 2769 | + <li><strong class="tit">bullet-tit</strong> bullet-tit내용</li> | |
| 2770 | + <li><strong class="tit">제목입력</strong>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2771 | + <li><strong class="tit">제목입력</strong>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2772 | + </ul> | |
| 2773 | + <ul class="bullet-dash"> | |
| 2774 | + <li>bullet-dash</li> | |
| 2775 | + <li>회원 종류에 따라 가입절차에 차이가 있으며 반드시 본인이 해당하는 경우를 선택해주셔야 합니다.</li> | |
| 2776 | + <li>기업회원으로 가입하시기 위해서는 사업자 등록번호 확인 절차를 반드시 거치셔야 합니다.</li> | |
| 2777 | + </ul> | |
| 2778 | + </div> | |
| 2779 | + <div class="flex-box border-box"> | |
| 2780 | + <div class="flex1"> | |
| 2781 | + <div class="label-area"> | |
| 2782 | + <span class="label">초등 1,2,3학년</span> | |
| 2783 | + <span class="label">말하고 읽기</span> | |
| 2784 | + <span class="label">순서배열형</span> | |
| 2785 | + <span class="label danger">어려움</span> | |
| 2786 | + <i class="ico-layer" title="세트문항"></i> | |
| 2787 | + <!-- <button class="label"><i class="ico-plus sm"></i>9과15-01 외 7건</button> --> | |
| 2788 | + </div> | |
| 2789 | + <div class="txt-area"> | |
| 2790 | + <div class="editor-cont"> ①의 경우 왜냐하면 이하를 먼저 해석하여 아이들이 TV영향을 쉽게 받는다를 유추할 수 있고 ②의 경우는 "말다툼"이 핵심 | |
| 2791 | + </div> | |
| 2792 | + </div> | |
| 2793 | + </div> | |
| 2794 | + <div class="box-fnc"> | |
| 2795 | + <button class="btn sm secondary">미리보기</button> | |
| 2796 | + <button class="btn sm ico-delete circle danger">삭제</button> | |
| 2797 | + </div> | |
| 2798 | + </div> | |
| 2799 | + </article> | |
| 2800 | + <article> | |
| 2801 | + <h3>hr</h3> | |
| 2802 | + <hr class="solid"> | |
| 2803 | + <hr class="dashed"> | |
| 2804 | + </article> | |
| 2805 | + <article> | |
| 2806 | + <h3>info</h3> | |
| 2807 | + <h4>info-block</h4> | |
| 2808 | + <dl class="info-block"> | |
| 2809 | + <dt>info-block 타이틀1</dt> | |
| 2810 | + <dd> | |
| 2811 | + <input type="text" class="percent-width10" title="텍스트 입력"> | |
| 2812 | + </dd> | |
| 2813 | + <dt>info-block 타이틀2</dt> | |
| 2814 | + <dd> | |
| 2815 | + <select class="percent-width10"> | |
| 2816 | + <option>클래스 선택</option> | |
| 2817 | + <option>클래스</option> | |
| 2818 | + </select> | |
| 2819 | + </dd> | |
| 2820 | + </dl> | |
| 2821 | + <h4>info-list</h4> | |
| 2822 | + <ul class="info-list"> | |
| 2823 | + <li> | |
| 2824 | + <strong class="info-tit">콘텐츠 명</strong> | |
| 2825 | + <div class="txt-area"> 조선시대 사람들도 연립방정식을 활용했을까? </div> | |
| 2826 | + </li> | |
| 2827 | + <li> | |
| 2828 | + <strong class="info-tit"> 내용 </strong> | |
| 2829 | + <div class="txt-area"> 미지수가 2개인 연립일차방정식을 활용하여 다양한 실생활 문제를 해결할 수 있다. </div> | |
| 2830 | + </li> | |
| 2831 | + <li> | |
| 2832 | + <strong class="info-tit">키워드</strong> | |
| 2833 | + <div class="txt-area"> | |
| 2834 | + <div class="tag-area"> | |
| 2835 | + <a href="#" class="tag">키워드</a> | |
| 2836 | + <a href="#" class="tag">키워드</a> | |
| 2837 | + <a href="#" class="tag">키워드</a> | |
| 2838 | + </div> | |
| 2839 | + </div> | |
| 2840 | + </li> | |
| 2841 | + <li> | |
| 2842 | + <strong class="info-tit">주제 차시</strong> | |
| 2843 | + <div class="txt-area"> | |
| 2844 | + <ul class="bullet-none"> | |
| 2845 | + <li>[중등 수학 (2-1)]일차부등식과 연립일차방정식(81~82)</li> | |
| 2846 | + <li>[중등 수학 (2-1)]일차부등식과 연립일차방정식(81~82)</li> | |
| 2847 | + <li>[중등 수학 (2-1)]일차부등식과 연립일차방정식(81~82)</li> | |
| 2848 | + </ul> | |
| 2849 | + </div> | |
| 2850 | + </li> | |
| 2851 | + <li> | |
| 2852 | + <strong class="info-tit">붙임자료</strong> | |
| 2853 | + <div class="txt-area"> | |
| 2854 | + <ul class="file-down-list"> | |
| 2855 | + <li><a href="#none">연립일차방정식 활용교재.pdf<small>46KB</small></a></li> | |
| 2856 | + <li><a href="#none">연립일차방정식 활용교재.pdf<small>46KB</small></a></li> | |
| 2857 | + </ul> | |
| 2858 | + </div> | |
| 2859 | + </li> | |
| 2860 | + <li> | |
| 2861 | + <strong class="info-tit">작성자</strong> | |
| 2862 | + <div class="txt-area">김톡톡 선생님</div> | |
| 2863 | + </li> | |
| 2864 | + </ul> | |
| 2865 | + <h4>info-block-list</h4> | |
| 2866 | + <ul class="info-block-list"> | |
| 2867 | + <li> | |
| 2868 | + <strong class="info-tit">학습과정</strong> | |
| 2869 | + <div class="txt-area"> 학습과정 내용 </div> | |
| 2870 | + </li> | |
| 2871 | + <li> | |
| 2872 | + <strong class="info-tit">활동명</strong> | |
| 2873 | + <div class="txt-area"> 활동명 내용 </div> | |
| 2874 | + </li> | |
| 2875 | + </ul> | |
| 2876 | + <h4>info-inline-list</h4> | |
| 2877 | + <ul class="info-inline-list"> | |
| 2878 | + <li> | |
| 2879 | + <strong class="info-tit">학습과정 u-block</strong> | |
| 2880 | + <div class="txt-area"> 학습과정 내용 </div> | |
| 2881 | + </li> | |
| 2882 | + <li> | |
| 2883 | + <i class="ico-calendar sm"></i> | |
| 2884 | + <strong class="info-tit">제목</strong> | |
| 2885 | + <div class="txt-area"> 내용 </div> | |
| 2886 | + </li> | |
| 2887 | + <li> | |
| 2888 | + <i class="ico-calendar sm"></i> | |
| 2889 | + <div class="txt-area"> 내용 </div> | |
| 2890 | + </li> | |
| 2891 | + </ul> | |
| 2892 | + <ul class="info-inline-list u-block"> | |
| 2893 | + <li> | |
| 2894 | + <strong class="info-tit">학습과정 u-block</strong> | |
| 2895 | + <div class="txt-area"> 학습과정 내용 </div> | |
| 2896 | + </li> | |
| 2897 | + <li> | |
| 2898 | + <i class="ico-calendar sm"></i> | |
| 2899 | + <strong class="info-tit">제목</strong> | |
| 2900 | + <div class="txt-area"> 내용 </div> | |
| 2901 | + </li> | |
| 2902 | + <li> | |
| 2903 | + <i class="ico-calendar sm"></i> | |
| 2904 | + <div class="txt-area"> 내용 </div> | |
| 2905 | + </li> | |
| 2906 | + </ul> | |
| 2907 | + <ul class="info-inline-list no-style"> | |
| 2908 | + <li> | |
| 2909 | + <strong class="info-tit">no-style</strong> | |
| 2910 | + <div class="txt-area"> 학습과정 내용 </div> | |
| 2911 | + </li> | |
| 2912 | + <li> | |
| 2913 | + <i class="ico-calendar sm"></i> | |
| 2914 | + <strong class="info-tit"> 제목</strong> | |
| 2915 | + <div class="txt-area"> 내용 </div> | |
| 2916 | + </li> | |
| 2917 | + <li> | |
| 2918 | + <i class="ico-calendar sm"></i> | |
| 2919 | + <div class="txt-area"> 내용 </div> | |
| 2920 | + </li> | |
| 2921 | + </ul> | |
| 2922 | + <h4>info-box-list</h4> | |
| 2923 | + <ul class="info-box-list"> | |
| 2924 | + <li> | |
| 2925 | + <strong><i class="ico-calendar"></i>제목</strong> | |
| 2926 | + <div class="txt-area"> | |
| 2927 | + <em>26</em> | |
| 2928 | + <small>/100점 만점</small> | |
| 2929 | + </div> | |
| 2930 | + </li> | |
| 2931 | + <li> | |
| 2932 | + <strong>최고 점수</strong> | |
| 2933 | + <div class="txt-area"> | |
| 2934 | + <em>26점</em> | |
| 2935 | + </div> | |
| 2936 | + </li> | |
| 2937 | + <li> | |
| 2938 | + <strong>최저 점수</strong> | |
| 2939 | + <div class="txt-area"> | |
| 2940 | + <em>26점</em> | |
| 2941 | + </div> | |
| 2942 | + </li> | |
| 2943 | + <li> | |
| 2944 | + <strong>평균응시시간</strong> | |
| 2945 | + <div class="txt-area"> | |
| 2946 | + <em>5분 24초</em> | |
| 2947 | + </div> | |
| 2948 | + </li> | |
| 2949 | + <li> | |
| 2950 | + <strong>참여인원</strong> | |
| 2951 | + <div class="txt-area"> | |
| 2952 | + <em>17</em> | |
| 2953 | + <small>/20명</small> | |
| 2954 | + </div> | |
| 2955 | + </li> | |
| 2956 | + </ul> | |
| 2957 | + <ul class="info-box-list col3"> | |
| 2958 | + <li> | |
| 2959 | + <strong>info-box-list</strong> | |
| 2960 | + <div class="txt-area"> | |
| 2961 | + <em>col3</em> | |
| 2962 | + </div> | |
| 2963 | + </li> | |
| 2964 | + <li> | |
| 2965 | + <strong>최고 점수</strong> | |
| 2966 | + <div class="txt-area"> | |
| 2967 | + <em>26점</em> | |
| 2968 | + </div> | |
| 2969 | + </li> | |
| 2970 | + <li> | |
| 2971 | + <strong>최저 점수</strong> | |
| 2972 | + <div class="txt-area"> | |
| 2973 | + <em>26점</em> | |
| 2974 | + </div> | |
| 2975 | + </li> | |
| 2976 | + <li> | |
| 2977 | + <strong>평균응시시간</strong> | |
| 2978 | + <div class="txt-area"> | |
| 2979 | + <em>5분 24초</em> | |
| 2980 | + </div> | |
| 2981 | + </li> | |
| 2982 | + <li> | |
| 2983 | + <strong>참여인원</strong> | |
| 2984 | + <div class="txt-area"> | |
| 2985 | + <em>17</em> | |
| 2986 | + <small>/20명</small> | |
| 2987 | + </div> | |
| 2988 | + </li> | |
| 2989 | + </ul> | |
| 2990 | + <h4>tag</h4> | |
| 2991 | + <div class="tag-area"> | |
| 2992 | + <a href="#" class="tag">키워드</a> | |
| 2993 | + <a href="#" class="tag">키워드</a> | |
| 2994 | + <a href="#" class="tag">키워드</a> | |
| 2995 | + </div> | |
| 2996 | + </article> | |
| 2997 | + <article> | |
| 2998 | + <h3>file</h3> | |
| 2999 | + <div class="url-add-area"> | |
| 3000 | + <label> | |
| 3001 | + <input type="text" placeholder="URL로 콘텐츠를 추가해주세요." title="텍스트 입력"> | |
| 3002 | + </label> | |
| 3003 | + <button class="btn">추가</button> | |
| 3004 | + </div> | |
| 3005 | + <div class="file-add-area"> | |
| 3006 | + <div class="file-custom"> | |
| 3007 | + <input type="file" class="input-file" title="파일찾기"> | |
| 3008 | + <button type="button" class="btn">파일 찾기</button> | |
| 3009 | + </div> | |
| 3010 | + <div class="item-area"> | |
| 3011 | + <div class="item"> | |
| 3012 | + <p class="txt">파일명.jpg</p> | |
| 3013 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3014 | + </div> | |
| 3015 | + </div> | |
| 3016 | + </div> | |
| 3017 | + <div class="file-add-txt-area"> | |
| 3018 | + <div class="file-custom"> | |
| 3019 | + <input type="file" class="input-file" title="파일찾기"> | |
| 3020 | + <button type="button" class="btn">파일 찾기</button> | |
| 3021 | + <input type="text" placeholder="파일로 콘텐츠를 추가해주세요." readonly title="파일추가"> | |
| 3022 | + </div> | |
| 3023 | + <button class="btn">추가</button> | |
| 3024 | + </div> | |
| 3025 | + <!-- <ul class="file-list"> | |
| 3026 | + <li><a href="#none"><i class="ico-file-hwp"></i><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li> | |
| 3027 | + <li><a href="#none"><i class="ico-file-pdf"></i><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li> | |
| 3028 | + <li><a href="#none"><i class="ico-file-img"></i><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li> | |
| 3029 | + <li><a href="#none"><i class="ico-file-ppt"></i><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li> | |
| 3030 | + <li><a href="#none"><i class="ico-file-excel"></i><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li> | |
| 3031 | + <li><a href="#none"><i class="ico-file-down"></i><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li> | |
| 3032 | + <li><a href="#none"><i class="ico-file-etc"></i><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li> | |
| 3033 | + </ul> --> | |
| 3034 | + <ul class="file-down-list"> | |
| 3035 | + <li><a href="#none">연립일차방정식 활용교재.pdf <small>124kb</small></a></li> | |
| 3036 | + <li><a href="#none">연립일차방정식 활용교재.pdf <small>124kb</small></a></li> | |
| 3037 | + </ul> | |
| 3038 | + <div class="item-list-box"> | |
| 3039 | + <div class="item"> | |
| 3040 | + <div class="txt-area"> | |
| 3041 | + <i class="ico-attach"></i> | |
| 3042 | + <p class="txt"> 첨부파일명.pdf </p> | |
| 3043 | + <small>124kb</small> | |
| 3044 | + </div> | |
| 3045 | + <div class="item-fnc-area"> | |
| 3046 | + <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a> | |
| 3047 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3048 | + </div> | |
| 3049 | + </div> | |
| 3050 | + <div class="item"> | |
| 3051 | + <div class="txt-area"> | |
| 3052 | + <i class="ico-attach"></i> | |
| 3053 | + <p class="txt">첨부파일명.pdf</p> | |
| 3054 | + <small>124kb</small> | |
| 3055 | + </div> | |
| 3056 | + <div class="item-fnc-area"> | |
| 3057 | + <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a> | |
| 3058 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3059 | + </div> | |
| 3060 | + </div> | |
| 3061 | + <div class="item"> | |
| 3062 | + <div class="txt-area"> | |
| 3063 | + <i class="ico-attach"></i> | |
| 3064 | + <p class="txt">첨부파일명.pdf</p> | |
| 3065 | + <small>124kb</small> | |
| 3066 | + </div> | |
| 3067 | + <div class="item-fnc-area"> | |
| 3068 | + <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a> | |
| 3069 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3070 | + </div> | |
| 3071 | + </div> | |
| 3072 | + </div> | |
| 3073 | + <div class="item-list-inline-box"> | |
| 3074 | + <div class="item"> | |
| 3075 | + <div class="txt-area"> | |
| 3076 | + <p class="txt"> 첨부파일명.pdf </p> | |
| 3077 | + <small>124kb</small> | |
| 3078 | + </div> | |
| 3079 | + <div class="item-fnc-area"> | |
| 3080 | + <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a> | |
| 3081 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3082 | + </div> | |
| 3083 | + </div> | |
| 3084 | + <div class="item"> | |
| 3085 | + <div class="txt-area"> | |
| 3086 | + <p class="txt">첨부파일명.pdf</p> | |
| 3087 | + <small>124kb</small> | |
| 3088 | + </div> | |
| 3089 | + <div class="item-fnc-area"> | |
| 3090 | + <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a> | |
| 3091 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3092 | + </div> | |
| 3093 | + </div> | |
| 3094 | + <div class="item"> | |
| 3095 | + <div class="txt-area"> | |
| 3096 | + <p class="txt">첨부파일명.pdf</p> | |
| 3097 | + <small>124kb</small> | |
| 3098 | + </div> | |
| 3099 | + <div class="item-fnc-area"> | |
| 3100 | + <a href="#none" class="btn-ico ico-download"><span class="txt-hide">다운로드</span></a> | |
| 3101 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3102 | + </div> | |
| 3103 | + </div> | |
| 3104 | + </div> | |
| 3105 | + <div class="file-add-area"> | |
| 3106 | + <div class="file-custom"> | |
| 3107 | + <div class="preview-area"> | |
| 3108 | + <!-- <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="미리보기"> --> | |
| 3109 | + </div> | |
| 3110 | + </div> | |
| 3111 | + <div class="item-area"> | |
| 3112 | + <div class="item"> | |
| 3113 | + <p class="txt"> | |
| 3114 | + 비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일비디오파일.mp4 | |
| 3115 | + </p> | |
| 3116 | + <button type="button" class="btn-ico ico-delete"><span class="txt-hide">삭제</span></button> | |
| 3117 | + </div> | |
| 3118 | + </div> | |
| 3119 | + </div> | |
| 3120 | + </article> | |
| 3121 | + <article> | |
| 3122 | + <h3>txt-none</h3> | |
| 3123 | + <div class="txt-none"> | |
| 3124 | + <p>검색어를 입력해주세요.</p> | |
| 3125 | + </div> | |
| 3126 | + <div class="txt-none"> | |
| 3127 | + <figure> | |
| 3128 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt-none.svg" alt="콘텐츠 없음"> | |
| 3129 | + </figure> | |
| 3130 | + <p>검색결과가 없습니다.</p> | |
| 3131 | + <div class="btn-area"> | |
| 3132 | + <a href="#none" class="btn sm ico-arrow-left">이전으로</a> | |
| 3133 | + <a href="#none" class="btn sm ico-arrow-left">목록으로</a> | |
| 3134 | + <a href="#none" class="btn sm ico-refresh">다시검색</a> | |
| 3135 | + <a href="#none" class="btn sm ico-home">메인으로</a> | |
| 3136 | + </div> | |
| 3137 | + </div> | |
| 3138 | + <div class="txt-none"> | |
| 3139 | + <figure> | |
| 3140 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt-none.svg" alt="콘텐츠 없음"> | |
| 3141 | + </figure> | |
| 3142 | + <p>콘텐츠가 없습니다.</p> | |
| 3143 | + <div class="btn-area"> | |
| 3144 | + <a href="#none" class="btn sm ico-arrow-left">이전으로</a> | |
| 3145 | + </div> | |
| 3146 | + </div> | |
| 3147 | + </article> | |
| 3148 | + </section> | |
| 3149 | +</body> | |
| 3150 | + | |
| 3151 | +</html> (파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/_guide/loading.html
... | ... | @@ -0,0 +1,57 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | + | |
| 36 | + <style type="text/css"> | |
| 37 | + .body { padding: 0 50px; } | |
| 38 | + .body h1 { margin: 80px 0 20px; font-size: 24px; font-weight: 500; } | |
| 39 | + .body .gtit { font-weight: 600; font-size: 40px; border-bottom: 1px solid #111; padding-bottom: 30px; } | |
| 40 | + </style> | |
| 41 | +</head> | |
| 42 | +<body> | |
| 43 | + <div class="body"> | |
| 44 | + <h1 class="gtit">Loading</h1> | |
| 45 | + <div class="loading"> | |
| 46 | + Loading | |
| 47 | + <strong><span>100</span> %</strong> | |
| 48 | + <p> | |
| 49 | + 현재 콘텐츠는 변화중 입니다.<br> | |
| 50 | + 변환 완료후 이용 가능합니다. | |
| 51 | + </p> | |
| 52 | + </div> | |
| 53 | + </div> | |
| 54 | + <!--popup--> | |
| 55 | + <div class="dim"></div> | |
| 56 | +</body> | |
| 57 | +</html> |
+++ html/cbe2025/common/empty/analyticsClass.html
... | ... | @@ -0,0 +1,424 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <ul class="tabs-nav-lg"> | |
| 52 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 53 | + <li><a href="#none">학생 오답노트</a></li> | |
| 54 | + <li><a href="#none" class="is-active">클래스별 학습분석</a></li> | |
| 55 | + </ul> | |
| 56 | + <div class="page-tit-area"> | |
| 57 | + <div class="l-area"> | |
| 58 | + <h2 class="title-xlg">클래스별 학습분석</h2> | |
| 59 | + </div> | |
| 60 | + </div> | |
| 61 | + <div class="sticky-area"> | |
| 62 | + <div class="fnc-extend-area sticky top0"> | |
| 63 | + <div class="extend-filter-area"> | |
| 64 | + <div class="l-area"> | |
| 65 | + <fieldset class="filter-group"> | |
| 66 | + <legend class="filter-title">기간 선택</legend> | |
| 67 | + <div class="checkradio"> | |
| 68 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 69 | + <label for="periodMonth">월별로 보기</label> | |
| 70 | + <div class="checkradio-option"> | |
| 71 | + <select title="월별 보기 선택"> | |
| 72 | + <option value="">2024년 12월</option> | |
| 73 | + </select> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + <div class="checkradio"> | |
| 77 | + <input type="radio" name="period" id="periodWeek"> | |
| 78 | + <label for="periodWeek">주별로 보기</label> | |
| 79 | + <div class="checkradio-option"> | |
| 80 | + <input type="date" > | |
| 81 | + <span>-</span> | |
| 82 | + <input type="date"> | |
| 83 | + <button type="button" class="btn primary">확인</button> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + </fieldset> | |
| 87 | + </div> | |
| 88 | + <div class="r-area"> | |
| 89 | + <select title="클래스 선택"> | |
| 90 | + <option>클래스명</option> | |
| 91 | + </select> | |
| 92 | + </div> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <section class="section-box"> | |
| 96 | + <header class="box-header"> | |
| 97 | + <div class="l-area"> | |
| 98 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 99 | + </div> | |
| 100 | + </header> | |
| 101 | + <div class="box-body"> | |
| 102 | + <div class="chart-section-area dir-row"> | |
| 103 | + <div class="chart-section"> | |
| 104 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 105 | + <div class="txt-none spacing-none"> | |
| 106 | + <figure> | |
| 107 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 108 | + </figure> | |
| 109 | + <em>수업 이수율</em> | |
| 110 | + <strong>수업 게시판을 이용해보세요.</strong> | |
| 111 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 112 | + </div> | |
| 113 | + </div> | |
| 114 | + <div class="chart-section"> | |
| 115 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 116 | + <div class="txt-area"> | |
| 117 | + <h4>과제 제출율</h4> | |
| 118 | + <p>0%</p> | |
| 119 | + </div> | |
| 120 | + <div class="chart-area"> | |
| 121 | + <div class="chart"> | |
| 122 | + <canvas id="chartActivity2"></canvas> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + </div> | |
| 126 | + <div class="chart-section"> | |
| 127 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 128 | + <div class="txt-area"> | |
| 129 | + <h4>평가 풀이율</h4> | |
| 130 | + <p>45%</p> | |
| 131 | + </div> | |
| 132 | + <div class="chart-area"> | |
| 133 | + <div class="chart"> | |
| 134 | + <canvas id="chartActivity3"></canvas> | |
| 135 | + </div> | |
| 136 | + </div> | |
| 137 | + </div> | |
| 138 | + </div> | |
| 139 | + </div> | |
| 140 | + <div class="loading-layer is-loading"> | |
| 141 | + Loading | |
| 142 | + </div> | |
| 143 | + </section> | |
| 144 | + <section class="section-box"> | |
| 145 | + <header class="box-header"> | |
| 146 | + <div class="l-area"> | |
| 147 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 148 | + </div> | |
| 149 | + </header> | |
| 150 | + <div class="box-body"> | |
| 151 | + <div class="chart-section-area dir-row"> | |
| 152 | + <div class="chart-section"> | |
| 153 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 154 | + <div class="txt-none spacing-none"> | |
| 155 | + <figure> | |
| 156 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 157 | + </figure> | |
| 158 | + <em>수업 이수율</em> | |
| 159 | + <strong>수업 게시판을 이용해보세요.</strong> | |
| 160 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 161 | + </div> | |
| 162 | + </div> | |
| 163 | + <div class="chart-section"> | |
| 164 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 165 | + <div class="txt-area"> | |
| 166 | + <h4>과제 제출율</h4> | |
| 167 | + <p>0%</p> | |
| 168 | + </div> | |
| 169 | + <div class="chart-area"> | |
| 170 | + <div class="chart"> | |
| 171 | + <canvas id="chartActivity2"></canvas> | |
| 172 | + </div> | |
| 173 | + </div> | |
| 174 | + </div> | |
| 175 | + <div class="chart-section"> | |
| 176 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 177 | + <div class="txt-area"> | |
| 178 | + <h4>평가 풀이율</h4> | |
| 179 | + <p>45%</p> | |
| 180 | + </div> | |
| 181 | + <div class="chart-area"> | |
| 182 | + <div class="chart"> | |
| 183 | + <canvas id="chartActivity3"></canvas> | |
| 184 | + </div> | |
| 185 | + </div> | |
| 186 | + </div> | |
| 187 | + </div> | |
| 188 | + </div> | |
| 189 | + <div class="loading-layer is-loading"> | |
| 190 | + Loading | |
| 191 | + <strong>100%</strong> | |
| 192 | + <p> | |
| 193 | + 데이터를 불러오는 중입니다. | |
| 194 | + </p> | |
| 195 | + </div> | |
| 196 | + </section> | |
| 197 | + <section class="section-box"> | |
| 198 | + <header class="box-header"> | |
| 199 | + <div class="l-area"> | |
| 200 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 201 | + </div> | |
| 202 | + </header> | |
| 203 | + <div class="box-body"> | |
| 204 | + <div class="chart-section-area dir-row"> | |
| 205 | + <div class="chart-section"> | |
| 206 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 207 | + <div class="txt-none spacing-none"> | |
| 208 | + <figure> | |
| 209 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 210 | + </figure> | |
| 211 | + <em>수업 이수율</em> | |
| 212 | + <strong>수업 게시판을 이용해보세요.</strong> | |
| 213 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 214 | + </div> | |
| 215 | + </div> | |
| 216 | + <div class="chart-section"> | |
| 217 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 218 | + <div class="txt-area"> | |
| 219 | + <h4>과제 제출율</h4> | |
| 220 | + <p>0%</p> | |
| 221 | + </div> | |
| 222 | + <div class="chart-area"> | |
| 223 | + <div class="chart"> | |
| 224 | + <canvas id="chartActivity2"></canvas> | |
| 225 | + </div> | |
| 226 | + </div> | |
| 227 | + </div> | |
| 228 | + <div class="chart-section"> | |
| 229 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 230 | + <div class="txt-area"> | |
| 231 | + <h4>평가 풀이율</h4> | |
| 232 | + <p>45%</p> | |
| 233 | + </div> | |
| 234 | + <div class="chart-area"> | |
| 235 | + <div class="chart"> | |
| 236 | + <canvas id="chartActivity3"></canvas> | |
| 237 | + </div> | |
| 238 | + </div> | |
| 239 | + </div> | |
| 240 | + </div> | |
| 241 | + </div> | |
| 242 | + </section> | |
| 243 | + <ul class="tabs-nav"> | |
| 244 | + <li><a href="#none" class="is-active">수업</a></li> | |
| 245 | + <li><a href="#none">과제</a></li> | |
| 246 | + <li><a href="#none">평가</a></li> | |
| 247 | + <li><a href="#none">커뮤니티</a></li> | |
| 248 | + </ul> | |
| 249 | + <section class="section-box"> | |
| 250 | + <header class="box-header"> | |
| 251 | + <div class="l-area"> | |
| 252 | + <h3 class="section-box-tit">수업 이수율</h3> | |
| 253 | + </div> | |
| 254 | + </header> | |
| 255 | + <div class="box-body"> | |
| 256 | + <div class="txt-none"> | |
| 257 | + <figure> | |
| 258 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 259 | + </figure> | |
| 260 | + <p>활동 및 분석 데이터가 없습니다.</p> | |
| 261 | + </div> | |
| 262 | + </div> | |
| 263 | + </section> | |
| 264 | + <div class="row"> | |
| 265 | + <section class="section-box"> | |
| 266 | + <header class="box-header"> | |
| 267 | + <div class="l-area"> | |
| 268 | + <h3 class="section-box-tit">수업 이해도</h3> | |
| 269 | + </div> | |
| 270 | + </header> | |
| 271 | + <div class="box-body"> | |
| 272 | + <div class="chart-legend"> | |
| 273 | + <div class="r-area"> | |
| 274 | + <div class="legend-area"> | |
| 275 | + <span class="legend"><i class="primary5"></i>매우쉬움</span> | |
| 276 | + <span class="legend"><i class="primary4"></i>쉬움</span> | |
| 277 | + <span class="legend"><i class="primary3"></i>보통</span> | |
| 278 | + <span class="legend"><i class="primary2"></i>어려움</span> | |
| 279 | + <span class="legend"><i class="primary1"></i>매우어려움</span> | |
| 280 | + <span class="legend"><i></i>미참여</span> | |
| 281 | + </div> | |
| 282 | + </div> | |
| 283 | + </div> | |
| 284 | + <div class="txt-none"> | |
| 285 | + <figure> | |
| 286 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 287 | + </figure> | |
| 288 | + <strong>활동 데이터가 없습니다.</strong> | |
| 289 | + <p>학생들의 수업에 대한 피드백이 필요합니다.</p> | |
| 290 | + </div> | |
| 291 | + </div> | |
| 292 | + </section> | |
| 293 | + <section class="section-box"> | |
| 294 | + <header class="box-header"> | |
| 295 | + <div class="l-area"> | |
| 296 | + <h3 class="section-box-tit">수업 집중도</h3> | |
| 297 | + </div> | |
| 298 | + </header> | |
| 299 | + <div class="box-body"> | |
| 300 | + <div class="chart-legend"> | |
| 301 | + <div class="r-area"> | |
| 302 | + <div class="legend-area"> | |
| 303 | + <span class="legend"><i class="primary5"></i>매우쉬움</span> | |
| 304 | + <span class="legend"><i class="primary4"></i>쉬움</span> | |
| 305 | + <span class="legend"><i class="primary3"></i>보통</span> | |
| 306 | + <span class="legend"><i class="primary2"></i>어려움</span> | |
| 307 | + <span class="legend"><i class="primary1"></i>매우어려움</span> | |
| 308 | + <span class="legend"><i></i>미참여</span> | |
| 309 | + </div> | |
| 310 | + </div> | |
| 311 | + </div> | |
| 312 | + <div class="txt-none"> | |
| 313 | + <figure> | |
| 314 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 315 | + </figure> | |
| 316 | + <strong>활동 데이터가 없습니다.</strong> | |
| 317 | + <p>학생들의 수업에 대한 피드백이 필요합니다.</p> | |
| 318 | + </div> | |
| 319 | + </div> | |
| 320 | + </section> | |
| 321 | + </div> | |
| 322 | + <section class="section-box bg"> | |
| 323 | + <header class="box-header"> | |
| 324 | + <div class="l-area"> | |
| 325 | + <h3 class="section-box-tit">학생들 현황</h3> | |
| 326 | + </div> | |
| 327 | + <div class="r-area"> | |
| 328 | + <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button> | |
| 329 | + </div> | |
| 330 | + </header> | |
| 331 | + <div class="box-body"> | |
| 332 | + <div class="box-row"> | |
| 333 | + <article class="article-box"> | |
| 334 | + <header class="box-header"> | |
| 335 | + <div class="l-area"> | |
| 336 | + <h4 class="article-tit">수업 이수율이 <em class="secondary">높은</em> 학생</h4> | |
| 337 | + </div> | |
| 338 | + </header> | |
| 339 | + <div class="box-body"> | |
| 340 | + <div class="txt-none spacing-sm"> | |
| 341 | + <figure> | |
| 342 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 343 | + </figure> | |
| 344 | + <strong>수업 게시판을 이용해보세요.</strong> | |
| 345 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 346 | + </div> | |
| 347 | + </div> | |
| 348 | + </article> | |
| 349 | + <article class="article-box"> | |
| 350 | + <header class="box-header"> | |
| 351 | + <div class="l-area"> | |
| 352 | + <h4 class="article-tit">수업 이수율이 <em class="accent">낮은</em> 학생</h4> | |
| 353 | + </div> | |
| 354 | + </header> | |
| 355 | + <div class="box-body"> | |
| 356 | + <div class="box-body"> | |
| 357 | + <div class="txt-none spacing-sm"> | |
| 358 | + <figure> | |
| 359 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 360 | + </figure> | |
| 361 | + <strong>수업 게시판을 이용해보세요.</strong> | |
| 362 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 363 | + </div> | |
| 364 | + </div> | |
| 365 | + </div> | |
| 366 | + </article> | |
| 367 | + </div> | |
| 368 | + </div> | |
| 369 | + </section> | |
| 370 | + </div> | |
| 371 | + </div> | |
| 372 | + </div> | |
| 373 | + </div> | |
| 374 | + <!-- toast --> | |
| 375 | + <div class="toast"></div> | |
| 376 | + | |
| 377 | + <!--popup--> | |
| 378 | + <div class="dim"></div> | |
| 379 | + | |
| 380 | + <script> | |
| 381 | + $(document).ready(function () { | |
| 382 | + //클래스 활동 분석 chart | |
| 383 | + // createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 384 | + createChartDoughnut('chartActivity2', 0, gradientColorSecondary); | |
| 385 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 386 | + | |
| 387 | + //수업이수율 | |
| 388 | + const classStudyData = { | |
| 389 | + labels: ['01-01(1)', '01-02(2)', '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 390 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 391 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 392 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 393 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 394 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 395 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 396 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 397 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 398 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 399 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-032', '01-031', | |
| 400 | + ], | |
| 401 | + data: [ | |
| 402 | + 10, 50, 87, 30, 100, 100, 50, 87, 30, 100, 20, 50, 87, 30, 100, | |
| 403 | + 0, 50, 87, 30, 100, 0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 404 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 405 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 406 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 407 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100 | |
| 408 | + ], | |
| 409 | + }; | |
| 410 | + createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40); | |
| 411 | + | |
| 412 | + function classStudyClick(event, elements, labels, data) { | |
| 413 | + const datasetIndex = elements[0].datasetIndex; | |
| 414 | + const dataIndex = elements[0].index; | |
| 415 | + const label = labels[dataIndex]; | |
| 416 | + const value = data[dataIndex]; | |
| 417 | + alert(`클릭한 항목: ${label}\n값: ${value}%`); | |
| 418 | + } | |
| 419 | + | |
| 420 | + window.classStudyClick = classStudyClick; | |
| 421 | + }); | |
| 422 | + </script> | |
| 423 | +</body> | |
| 424 | +</html> |
+++ html/cbe2025/common/empty/analyticsClass_loading.html
... | ... | @@ -0,0 +1,277 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <ul class="tabs-nav-lg"> | |
| 52 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 53 | + <li><a href="#none">학생 오답노트</a></li> | |
| 54 | + <li><a href="#none" class="is-active">클래스별 학습분석</a></li> | |
| 55 | + </ul> | |
| 56 | + <div class="page-tit-area"> | |
| 57 | + <div class="l-area"> | |
| 58 | + <h2 class="title-xlg">클래스별 학습분석</h2> | |
| 59 | + </div> | |
| 60 | + </div> | |
| 61 | + <div class="sticky-area"> | |
| 62 | + <div class="fnc-extend-area sticky top0"> | |
| 63 | + <div class="extend-filter-area"> | |
| 64 | + <div class="l-area"> | |
| 65 | + <fieldset class="filter-group"> | |
| 66 | + <legend class="filter-title">기간 선택</legend> | |
| 67 | + <div class="checkradio"> | |
| 68 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 69 | + <label for="periodMonth">월별로 보기</label> | |
| 70 | + <div class="checkradio-option"> | |
| 71 | + <select title="월별 보기 선택"> | |
| 72 | + <option value="">2024년 12월</option> | |
| 73 | + </select> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + <div class="checkradio"> | |
| 77 | + <input type="radio" name="period" id="periodWeek"> | |
| 78 | + <label for="periodWeek">주별로 보기</label> | |
| 79 | + <div class="checkradio-option"> | |
| 80 | + <input type="date" > | |
| 81 | + <span>-</span> | |
| 82 | + <input type="date"> | |
| 83 | + <button type="button" class="btn primary">확인</button> | |
| 84 | + </div> | |
| 85 | + </div> | |
| 86 | + </fieldset> | |
| 87 | + </div> | |
| 88 | + <div class="r-area"> | |
| 89 | + <select title="클래스 선택"> | |
| 90 | + <option>클래스명</option> | |
| 91 | + </select> | |
| 92 | + </div> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + | |
| 96 | + <ul class="tabs-nav"> | |
| 97 | + <li><a href="#none" class="is-active">수업</a></li> | |
| 98 | + <li><a href="#none">과제</a></li> | |
| 99 | + <li><a href="#none">평가</a></li> | |
| 100 | + <li><a href="#none">커뮤니티</a></li> | |
| 101 | + </ul> | |
| 102 | + <section class="section-box"> | |
| 103 | + <header class="box-header"> | |
| 104 | + <div class="l-area"> | |
| 105 | + <h3 class="section-box-tit">수업 이수율</h3> | |
| 106 | + </div> | |
| 107 | + </header> | |
| 108 | + <div class="box-body"> | |
| 109 | + <div class="txt-none"> | |
| 110 | + <figure> | |
| 111 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 112 | + </figure> | |
| 113 | + <p>활동 및 분석 데이터가 없습니다.</p> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + </section> | |
| 117 | + <div class="row"> | |
| 118 | + <section class="section-box"> | |
| 119 | + <header class="box-header"> | |
| 120 | + <div class="l-area"> | |
| 121 | + <h3 class="section-box-tit">수업 이해도</h3> | |
| 122 | + </div> | |
| 123 | + </header> | |
| 124 | + <div class="box-body"> | |
| 125 | + <div class="chart-legend"> | |
| 126 | + <div class="r-area"> | |
| 127 | + <div class="legend-area"> | |
| 128 | + <span class="legend"><i class="primary5"></i>매우쉬움</span> | |
| 129 | + <span class="legend"><i class="primary4"></i>쉬움</span> | |
| 130 | + <span class="legend"><i class="primary3"></i>보통</span> | |
| 131 | + <span class="legend"><i class="primary2"></i>어려움</span> | |
| 132 | + <span class="legend"><i class="primary1"></i>매우어려움</span> | |
| 133 | + <span class="legend"><i></i>미참여</span> | |
| 134 | + </div> | |
| 135 | + </div> | |
| 136 | + </div> | |
| 137 | + <div class="txt-none"> | |
| 138 | + <figure> | |
| 139 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 140 | + </figure> | |
| 141 | + <strong>활동 데이터가 없습니다.</strong> | |
| 142 | + <p>학생들의 수업에 대한 피드백이 필요합니다.</p> | |
| 143 | + </div> | |
| 144 | + </div> | |
| 145 | + </section> | |
| 146 | + <section class="section-box"> | |
| 147 | + <header class="box-header"> | |
| 148 | + <div class="l-area"> | |
| 149 | + <h3 class="section-box-tit">수업 집중도</h3> | |
| 150 | + </div> | |
| 151 | + </header> | |
| 152 | + <div class="box-body"> | |
| 153 | + <div class="chart-legend"> | |
| 154 | + <div class="r-area"> | |
| 155 | + <div class="legend-area"> | |
| 156 | + <span class="legend"><i class="primary5"></i>매우쉬움</span> | |
| 157 | + <span class="legend"><i class="primary4"></i>쉬움</span> | |
| 158 | + <span class="legend"><i class="primary3"></i>보통</span> | |
| 159 | + <span class="legend"><i class="primary2"></i>어려움</span> | |
| 160 | + <span class="legend"><i class="primary1"></i>매우어려움</span> | |
| 161 | + <span class="legend"><i></i>미참여</span> | |
| 162 | + </div> | |
| 163 | + </div> | |
| 164 | + </div> | |
| 165 | + <div class="txt-none"> | |
| 166 | + <figure> | |
| 167 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 168 | + </figure> | |
| 169 | + <strong>활동 데이터가 없습니다.</strong> | |
| 170 | + <p>학생들의 수업에 대한 피드백이 필요합니다.</p> | |
| 171 | + </div> | |
| 172 | + </div> | |
| 173 | + </section> | |
| 174 | + </div> | |
| 175 | + <section class="section-box bg"> | |
| 176 | + <header class="box-header"> | |
| 177 | + <div class="l-area"> | |
| 178 | + <h3 class="section-box-tit">학생들 현황</h3> | |
| 179 | + </div> | |
| 180 | + <div class="r-area"> | |
| 181 | + <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button> | |
| 182 | + </div> | |
| 183 | + </header> | |
| 184 | + <div class="box-body"> | |
| 185 | + <div class="box-row"> | |
| 186 | + <article class="article-box"> | |
| 187 | + <header class="box-header"> | |
| 188 | + <div class="l-area"> | |
| 189 | + <h4 class="article-tit">수업 이수율이 <em class="secondary">높은</em> 학생</h4> | |
| 190 | + </div> | |
| 191 | + </header> | |
| 192 | + <div class="box-body"> | |
| 193 | + <div class="txt-none spacing-sm"> | |
| 194 | + <figure> | |
| 195 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 196 | + </figure> | |
| 197 | + <strong>수업 게시판을 이용해보세요.</strong> | |
| 198 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 199 | + </div> | |
| 200 | + </div> | |
| 201 | + </article> | |
| 202 | + <article class="article-box"> | |
| 203 | + <header class="box-header"> | |
| 204 | + <div class="l-area"> | |
| 205 | + <h4 class="article-tit">수업 이수율이 <em class="accent">낮은</em> 학생</h4> | |
| 206 | + </div> | |
| 207 | + </header> | |
| 208 | + <div class="box-body"> | |
| 209 | + <div class="box-body"> | |
| 210 | + <div class="txt-none spacing-sm"> | |
| 211 | + <figure> | |
| 212 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 213 | + </figure> | |
| 214 | + <strong>수업 게시판을 이용해보세요.</strong> | |
| 215 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 216 | + </div> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + </article> | |
| 220 | + </div> | |
| 221 | + </div> | |
| 222 | + </section> | |
| 223 | + </div> | |
| 224 | + </div> | |
| 225 | + </div> | |
| 226 | + </div> | |
| 227 | + <!-- toast --> | |
| 228 | + <div class="toast"></div> | |
| 229 | + | |
| 230 | + <!--popup--> | |
| 231 | + <div class="dim"></div> | |
| 232 | + | |
| 233 | + <script> | |
| 234 | + $(document).ready(function () { | |
| 235 | + //클래스 활동 분석 chart | |
| 236 | + // createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 237 | + createChartDoughnut('chartActivity2', 0, gradientColorSecondary); | |
| 238 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 239 | + | |
| 240 | + //수업이수율 | |
| 241 | + const classStudyData = { | |
| 242 | + labels: ['01-01(1)', '01-02(2)', '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 243 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 244 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 245 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 246 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 247 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 248 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 249 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 250 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 251 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 252 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-032', '01-031', | |
| 253 | + ], | |
| 254 | + data: [ | |
| 255 | + 10, 50, 87, 30, 100, 100, 50, 87, 30, 100, 20, 50, 87, 30, 100, | |
| 256 | + 0, 50, 87, 30, 100, 0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 257 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 258 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 259 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 260 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100 | |
| 261 | + ], | |
| 262 | + }; | |
| 263 | + createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40); | |
| 264 | + | |
| 265 | + function classStudyClick(event, elements, labels, data) { | |
| 266 | + const datasetIndex = elements[0].datasetIndex; | |
| 267 | + const dataIndex = elements[0].index; | |
| 268 | + const label = labels[dataIndex]; | |
| 269 | + const value = data[dataIndex]; | |
| 270 | + alert(`클릭한 항목: ${label}\n값: ${value}%`); | |
| 271 | + } | |
| 272 | + | |
| 273 | + window.classStudyClick = classStudyClick; | |
| 274 | + }); | |
| 275 | + </script> | |
| 276 | +</body> | |
| 277 | +</html> |
+++ html/cbe2025/common/empty/classHome.html
... | ... | @@ -0,0 +1,185 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- chart --> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + | |
| 28 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 29 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 30 | + <!--//퍼블 layout--> | |
| 31 | + | |
| 32 | + <!-- 공통 메뉴 js--> | |
| 33 | + <!-- //공통 메뉴 js --> | |
| 34 | + | |
| 35 | + <!--공통 퍼블 js--> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 38 | + <!--//공통 퍼블 js--> | |
| 39 | +</head> | |
| 40 | + | |
| 41 | +<body> | |
| 42 | + <div class="accessibility"> | |
| 43 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 44 | + </div> | |
| 45 | + <!-- for-teacher / for-student --> | |
| 46 | + <div class="container"> | |
| 47 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 48 | + <header class="site-header"></header> | |
| 49 | + | |
| 50 | + <div class="site-body" id="skipToContents"> | |
| 51 | + <div class="class-top"> | |
| 52 | + <div class="wrap"> | |
| 53 | + <div class="class-tit-area"> | |
| 54 | + <select title="선택"> | |
| 55 | + <option value="">클래스명</option> | |
| 56 | + <option value="">클래스명1</option> | |
| 57 | + <option value="">클래스명2</option> | |
| 58 | + </select> | |
| 59 | + </div> | |
| 60 | + <nav class="class-nav"> | |
| 61 | + <ul> | |
| 62 | + <li><a href="#noe">수업</a></li> | |
| 63 | + <li><a href="#noe" class="is-active" title="선택됨">과제</a></li> | |
| 64 | + <li><a href="#noe">평가</a></li> | |
| 65 | + <li><a href="#noe">알림장</a></li> | |
| 66 | + <li><a href="#noe">자유게시판</a></li> | |
| 67 | + <li><a href="#noe">감정출석부</a></li> | |
| 68 | + <li><a href="#noe">설문</a></li> | |
| 69 | + </ul> | |
| 70 | + </nav> | |
| 71 | + </div> | |
| 72 | + </div> | |
| 73 | + <div class="wrap"> | |
| 74 | + <h2 class="txt-hide">홈</h2> | |
| 75 | + <div class="class-home"> | |
| 76 | + <section class="mn-section class-home-top"> | |
| 77 | + <div class="txt-area"> | |
| 78 | + <h3 class="title-lg">클래스명</h3> | |
| 79 | + <div class="label-area"> | |
| 80 | + <span class="label lg">개설자: 홍길동</span> | |
| 81 | + <span class="label lg">멤버: 60명</span> | |
| 82 | + </div> | |
| 83 | + <div class="txt">클래스 설명이 표시되는 영역, 설명을 입력하지 않은 경우 해당 영역 비노출</div> | |
| 84 | + </div> | |
| 85 | + <div class="fnc"> | |
| 86 | + <div class="btn-group"> | |
| 87 | + <button type="button" class="btn ico-setting">클래스 설정</button> | |
| 88 | + <button type="button" class="btn ico-code-scan">QR코드</button> | |
| 89 | + <button type="button" class="btn ico-people">멤버관리</button> | |
| 90 | + </div> | |
| 91 | + </div> | |
| 92 | + </section> | |
| 93 | + <section class="mn-section class-home-currentactivity"> | |
| 94 | + <header class="tit-area"> | |
| 95 | + <div class="l-area dir-col"> | |
| 96 | + <h3 class="title-lg">최근 활동 분석</h3> | |
| 97 | + <p>1/13(월) ~1/19 (일)</p> | |
| 98 | + </div> | |
| 99 | + </header> | |
| 100 | + <div class="txt-none custom spacing-sm"> | |
| 101 | + <figure> | |
| 102 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 103 | + </figure> | |
| 104 | + <strong>수업/과제/평가 게시판을 이용해보세요.</strong> | |
| 105 | + <p>클래스의 최근활동을 분석해드려요.</p> | |
| 106 | + </div> | |
| 107 | + </section> | |
| 108 | + <section class="mn-section class-home-quick"> | |
| 109 | + <h3 class="txt-hide">바로가기</h3> | |
| 110 | + <ul> | |
| 111 | + <li> | |
| 112 | + <a href="#none"> | |
| 113 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-blackboard.svg" alt="" aria-hidden="true"> | |
| 114 | + <strong>수업만들기</strong> | |
| 115 | + </a> | |
| 116 | + </li> | |
| 117 | + <li> | |
| 118 | + <a href="#none"> | |
| 119 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="" aria-hidden="true"> | |
| 120 | + <strong>과제만들기</strong> | |
| 121 | + </a> | |
| 122 | + </li> | |
| 123 | + <li> | |
| 124 | + <a href="#none"> | |
| 125 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg" alt="" aria-hidden="true"> | |
| 126 | + <strong>평가만들기</strong> | |
| 127 | + </a> | |
| 128 | + </li> | |
| 129 | + <li> | |
| 130 | + <a href="#none"> | |
| 131 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-megaphone.svg" alt="" aria-hidden="true"> | |
| 132 | + <strong>알림장쓰기</strong> | |
| 133 | + </a> | |
| 134 | + </li> | |
| 135 | + </ul> | |
| 136 | + </section> | |
| 137 | + <div class="row"> | |
| 138 | + <section class="mn-section box class-home-today"> | |
| 139 | + <header class="tit-area"> | |
| 140 | + <div class="l-area"> | |
| 141 | + <h3 class="title-lg">오늘의 일정</h3> | |
| 142 | + </div> | |
| 143 | + </header> | |
| 144 | + <div class="txt-none"> | |
| 145 | + <figure> | |
| 146 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 147 | + </figure> | |
| 148 | + <p>등록된 수업/과제/평가/알림장/설문의 일정이 없습니다.</p> | |
| 149 | + </div> | |
| 150 | + </section> | |
| 151 | + <section class="mn-section box class-home-activity"> | |
| 152 | + <header class="tit-area"> | |
| 153 | + <div class="l-area"> | |
| 154 | + <h3 class="title-lg">클래스 활동 분석</h3> | |
| 155 | + </div> | |
| 156 | + </header> | |
| 157 | + <div class="txt-none custom"> | |
| 158 | + <figure> | |
| 159 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 160 | + </figure> | |
| 161 | + <strong>수업/과제/평가 게시판을 이용해보세요.</strong> | |
| 162 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 163 | + </div> | |
| 164 | + </section> | |
| 165 | + </div> | |
| 166 | + </div> | |
| 167 | + </div> | |
| 168 | + </div> | |
| 169 | + </div> | |
| 170 | + <!-- toast --> | |
| 171 | + <div class="toast"></div> | |
| 172 | + | |
| 173 | + <!--popup--> | |
| 174 | + <div class="dim"></div> | |
| 175 | + <script> | |
| 176 | + $(document).ready(function () { | |
| 177 | + //클래스 활동 분석 chart | |
| 178 | + createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 179 | + createChartDoughnut('chartActivity2', 50, gradientColorSecondary); | |
| 180 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 181 | + }); | |
| 182 | + </script> | |
| 183 | +</body> | |
| 184 | + | |
| 185 | +</html> (파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/empty/classHome_member.html
... | ... | @@ -0,0 +1,197 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- chart --> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + | |
| 28 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 29 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 30 | + <!--//퍼블 layout--> | |
| 31 | + | |
| 32 | + <!-- 공통 메뉴 js--> | |
| 33 | + <!-- //공통 메뉴 js --> | |
| 34 | + | |
| 35 | + <!--공통 퍼블 js--> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 38 | + <!--//공통 퍼블 js--> | |
| 39 | +</head> | |
| 40 | + | |
| 41 | +<body> | |
| 42 | + <div class="accessibility"> | |
| 43 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 44 | + </div> | |
| 45 | + <!-- for-teacher / for-student --> | |
| 46 | + <div class="container"> | |
| 47 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 48 | + <header class="site-header"></header> | |
| 49 | + | |
| 50 | + <div class="site-body" id="skipToContents"> | |
| 51 | + <div class="class-top"> | |
| 52 | + <div class="wrap"> | |
| 53 | + <div class="class-tit-area"> | |
| 54 | + <select title="선택"> | |
| 55 | + <option value="">클래스명</option> | |
| 56 | + <option value="">클래스명1</option> | |
| 57 | + <option value="">클래스명2</option> | |
| 58 | + </select> | |
| 59 | + </div> | |
| 60 | + <nav class="class-nav"> | |
| 61 | + <ul> | |
| 62 | + <li><a href="#noe">수업</a></li> | |
| 63 | + <li><a href="#noe" class="is-active" title="선택됨">과제</a></li> | |
| 64 | + <li><a href="#noe">평가</a></li> | |
| 65 | + <li><a href="#noe">알림장</a></li> | |
| 66 | + <li><a href="#noe">자유게시판</a></li> | |
| 67 | + <li><a href="#noe">감정출석부</a></li> | |
| 68 | + <li><a href="#noe">설문</a></li> | |
| 69 | + </ul> | |
| 70 | + </nav> | |
| 71 | + </div> | |
| 72 | + </div> | |
| 73 | + <div class="wrap"> | |
| 74 | + <h2 class="txt-hide">홈</h2> | |
| 75 | + <div class="class-home"> | |
| 76 | + <section class="mn-section class-home-top"> | |
| 77 | + <div class="txt-area"> | |
| 78 | + <h3 class="title-lg">클래스명</h3> | |
| 79 | + <div class="label-area"> | |
| 80 | + <span class="label lg">개설자: 홍길동</span> | |
| 81 | + <span class="label lg">멤버: 60명</span> | |
| 82 | + </div> | |
| 83 | + <div class="txt">클래스 설명이 표시되는 영역, 설명을 입력하지 않은 경우 해당 영역 비노출</div> | |
| 84 | + </div> | |
| 85 | + <div class="fnc"> | |
| 86 | + <div class="btn-group"> | |
| 87 | + <button type="button" class="btn ico-setting">클래스 설정</button> | |
| 88 | + <button type="button" class="btn ico-code-scan">QR코드</button> | |
| 89 | + <button type="button" class="btn ico-people">멤버관리</button> | |
| 90 | + </div> | |
| 91 | + </div> | |
| 92 | + </section> | |
| 93 | + <div class="mn-name mn-section box"> | |
| 94 | + <p>활기찬 하루가 되길 바래요~ <strong>김채움</strong>님</p> | |
| 95 | + </div> | |
| 96 | + <section class="mn-section class-home-currentactivity"> | |
| 97 | + <header class="tit-area"> | |
| 98 | + <div class="l-area dir-col"> | |
| 99 | + <h3 class="title-lg">최근 활동 분석</h3> | |
| 100 | + <p>1/13(월) ~1/19 (일)</p> | |
| 101 | + </div> | |
| 102 | + </header> | |
| 103 | + <div class="txt-none custom"> | |
| 104 | + <figure> | |
| 105 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 106 | + </figure> | |
| 107 | + <strong>수업/과제/평가 게시판을 이용해보세요.</strong> | |
| 108 | + <p>클래스의 최근활동을 분석해드려요.</p> | |
| 109 | + </div> | |
| 110 | + </section> | |
| 111 | + <div class="row"> | |
| 112 | + <div class="col-group"> | |
| 113 | + <section class="mn-section box class-home-emotion"> | |
| 114 | + <h3 class="txt-hide">감정체크</h3> | |
| 115 | + <div class="txt-area"> | |
| 116 | + <p class="font-color-default-secondary">선택한 감정이 없어요.</p> | |
| 117 | + <div class="fnc"> | |
| 118 | + <a href="#none" class="btn sm primary">감정 선택하기</a> | |
| 119 | + </div> | |
| 120 | + </div> | |
| 121 | + </section> | |
| 122 | + <section class="mn-section box bg class-home-survey"> | |
| 123 | + <h3 class="txt-hide">설문</h3> | |
| 124 | + <img src="/resources/front/site/SITE_00000//images/common/ico-img/ico-img-vote.svg" alt="" aria-hidden="true" class="is-disabled"> | |
| 125 | + <p class="font-color-default-tertiary">참여할 설문이 없어요.</p> | |
| 126 | + </section> | |
| 127 | + </div> | |
| 128 | + <section class="mn-section box col2"> | |
| 129 | + <header class="tit-area"> | |
| 130 | + <div class="l-area"> | |
| 131 | + <h3 class="title-lg">최근 게시물</h3> | |
| 132 | + </div> | |
| 133 | + <div class="r-area"> | |
| 134 | + <div class="legend-area"> | |
| 135 | + <span class="legend"><i class="ico-document"></i> 게시물</span> | |
| 136 | + <span class="legend"><i class="ico-comment"></i> 댓글</span> | |
| 137 | + <span class="legend"><i class="ico-chat"></i> 답글</span> | |
| 138 | + </div> | |
| 139 | + </div> | |
| 140 | + </header> | |
| 141 | + <div class="txt-none"> | |
| 142 | + <figure> | |
| 143 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 144 | + </figure> | |
| 145 | + <p>최근 게시물이 없어요.</p> | |
| 146 | + </div> | |
| 147 | + </section> | |
| 148 | + </div> | |
| 149 | + <div class="row"> | |
| 150 | + <section class="mn-section box class-home-today"> | |
| 151 | + <header class="tit-area"> | |
| 152 | + <div class="l-area"> | |
| 153 | + <h3 class="title-lg">오늘의 일정</h3> | |
| 154 | + </div> | |
| 155 | + </header> | |
| 156 | + <div class="txt-none"> | |
| 157 | + <figure> | |
| 158 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg"" alt="콘텐츠 없음" aria-hidden="true"> | |
| 159 | + </figure> | |
| 160 | + <p>등록된 수업/과제/평가/알림장/설문의 일정이 없습니다.</p> | |
| 161 | + </div> | |
| 162 | + </section> | |
| 163 | + <section class="mn-section box class-home-activity"> | |
| 164 | + <header class="tit-area"> | |
| 165 | + <div class="l-area"> | |
| 166 | + <h3 class="title-lg">클래스 활동 분석</h3> | |
| 167 | + </div> | |
| 168 | + </header> | |
| 169 | + <div class="txt-none custom"> | |
| 170 | + <figure> | |
| 171 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 172 | + </figure> | |
| 173 | + <strong>수업/과제/평가 게시판을 이용해보세요.</strong> | |
| 174 | + <p>클래스의 활동을 분석해드려요.</p> | |
| 175 | + </div> | |
| 176 | + </section> | |
| 177 | + </div> | |
| 178 | + </div> | |
| 179 | + </div> | |
| 180 | + </div> | |
| 181 | + </div> | |
| 182 | + <!-- toast --> | |
| 183 | + <div class="toast"></div> | |
| 184 | + | |
| 185 | + <!--popup--> | |
| 186 | + <div class="dim"></div> | |
| 187 | + <script> | |
| 188 | + $(document).ready(function () { | |
| 189 | + //클래스 활동 분석 chart | |
| 190 | + createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 191 | + createChartDoughnut('chartActivity2', 50, gradientColorSecondary); | |
| 192 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 193 | + }); | |
| 194 | + </script> | |
| 195 | +</body> | |
| 196 | + | |
| 197 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/empty/classMain.html
... | ... | @@ -0,0 +1,703 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | +</head> | |
| 36 | + | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <!-- for-teacher / for-student --> | |
| 42 | + <div class="container"> | |
| 43 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 44 | + <header class="site-header"></header> | |
| 45 | + | |
| 46 | + <div class="site-body" id="skipToContents"> | |
| 47 | + <div class="wrap"> | |
| 48 | + <div class="page-tit-area"> | |
| 49 | + <div class="l-area"> | |
| 50 | + <h2 class="title-xlg">나의 클래스</h2> | |
| 51 | + </div> | |
| 52 | + </div> | |
| 53 | + <div class="class-mn"> | |
| 54 | + <div class="row class-mn-top"> | |
| 55 | + <section class="mn-section box"> | |
| 56 | + <h3 class="txt-hide">클래스 일정</h3> | |
| 57 | + <article class="calendar-area"> | |
| 58 | + <header class="calendar-header"> | |
| 59 | + <button type="button" class="btn sm circle | |
| 60 | + ico-pv">이전</button> | |
| 61 | + <h4 class="calendar-tit">2024년 9월</h4> | |
| 62 | + <button type="button" class="btn sm circle | |
| 63 | + ico-fw">다음</button> | |
| 64 | + </header> | |
| 65 | + <table class="calendar-tbl"> | |
| 66 | + <caption>캘린더</caption> | |
| 67 | + <thead> | |
| 68 | + <tr> | |
| 69 | + <th scope="col">일</th> | |
| 70 | + <th scope="col">월</th> | |
| 71 | + <th scope="col">화</th> | |
| 72 | + <th scope="col">수</th> | |
| 73 | + <th scope="col">목</th> | |
| 74 | + <th scope="col">금</th> | |
| 75 | + <th scope="col">토</th> | |
| 76 | + </tr> | |
| 77 | + </thead> | |
| 78 | + <tbody> | |
| 79 | + <tr> | |
| 80 | + <td> | |
| 81 | + <button type="button" class="lnk-full">선택</button> | |
| 82 | + <strong class="date">1</strong> | |
| 83 | + <div class="txt-area"> | |
| 84 | + <div class="label-area"> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </td> | |
| 88 | + <td> | |
| 89 | + <button type="button" class="lnk-full">선택</button> | |
| 90 | + <strong class="date">2</strong> | |
| 91 | + <div class="txt-area"> | |
| 92 | + <div class="label-area"> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + </td> | |
| 96 | + <td class="is-today"> | |
| 97 | + <button type="button" class="lnk-full">선택</button> | |
| 98 | + <strong class="date" aria-label="오늘">3</strong> | |
| 99 | + <div class="txt-area"> | |
| 100 | + <div class="label-area"> | |
| 101 | + </div> | |
| 102 | + </div> | |
| 103 | + </td> | |
| 104 | + <td> | |
| 105 | + <button type="button" class="lnk-full">선택</button> | |
| 106 | + <strong class="date">4</strong> | |
| 107 | + <div class="txt-area"> | |
| 108 | + <div class="label-area"> | |
| 109 | + </div> | |
| 110 | + </div> | |
| 111 | + </td> | |
| 112 | + <td> | |
| 113 | + <button type="button" class="lnk-full">선택</button> | |
| 114 | + <strong class="date">5</strong> | |
| 115 | + <div class="txt-area"> | |
| 116 | + <div class="label-area"> | |
| 117 | + </div> | |
| 118 | + </div> | |
| 119 | + </td> | |
| 120 | + <td> | |
| 121 | + <button type="button" class="lnk-full">선택</button> | |
| 122 | + <strong class="date">6</strong> | |
| 123 | + <div class="txt-area"> | |
| 124 | + <div class="label-area"> | |
| 125 | + </div> | |
| 126 | + </div> | |
| 127 | + </td> | |
| 128 | + <td> | |
| 129 | + <button type="button" class="lnk-full">선택</button> | |
| 130 | + <strong class="date">7</strong> | |
| 131 | + <div class="txt-area"> | |
| 132 | + <div class="label-area"> | |
| 133 | + </div> | |
| 134 | + </div> | |
| 135 | + </td> | |
| 136 | + </tr> | |
| 137 | + <tr> | |
| 138 | + <td> | |
| 139 | + <button type="button" class="lnk-full">선택</button> | |
| 140 | + <strong class="date">8</strong> | |
| 141 | + <div class="txt-area"> | |
| 142 | + <div class="label-area"> | |
| 143 | + </div> | |
| 144 | + </div> | |
| 145 | + </td> | |
| 146 | + <td> | |
| 147 | + <button type="button" class="lnk-full">선택</button> | |
| 148 | + <strong class="date">9</strong> | |
| 149 | + <div class="txt-area"> | |
| 150 | + <div class="label-area"> | |
| 151 | + </div> | |
| 152 | + </div> | |
| 153 | + </td> | |
| 154 | + <td> | |
| 155 | + <button type="button" class="lnk-full">선택</button> | |
| 156 | + <strong class="date">10</strong> | |
| 157 | + <div class="txt-area"> | |
| 158 | + <div class="label-area"> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + </td> | |
| 162 | + <td> | |
| 163 | + <button type="button" class="lnk-full">선택</button> | |
| 164 | + <strong class="date">11</strong> | |
| 165 | + <div class="txt-area"> | |
| 166 | + <div class="label-area"> | |
| 167 | + </div> | |
| 168 | + </div> | |
| 169 | + </td> | |
| 170 | + <td> | |
| 171 | + <button type="button" class="lnk-full">선택</button> | |
| 172 | + <strong class="date">12</strong> | |
| 173 | + <div class="txt-area"> | |
| 174 | + <div class="label-area"> | |
| 175 | + </div> | |
| 176 | + </div> | |
| 177 | + </td> | |
| 178 | + <td> | |
| 179 | + <button type="button" class="lnk-full">선택</button> | |
| 180 | + <strong class="date">13</strong> | |
| 181 | + <div class="txt-area"> | |
| 182 | + <div class="label-area"> | |
| 183 | + </div> | |
| 184 | + </div> | |
| 185 | + </td> | |
| 186 | + <td> | |
| 187 | + <button type="button" class="lnk-full">선택</button> | |
| 188 | + <strong class="date">14</strong> | |
| 189 | + <div class="txt-area"> | |
| 190 | + <div class="label-area"> | |
| 191 | + </div> | |
| 192 | + </div> | |
| 193 | + </td> | |
| 194 | + </tr> | |
| 195 | + <tr> | |
| 196 | + <td> | |
| 197 | + <button type="button" class="lnk-full">선택</button> | |
| 198 | + <strong class="date">15</strong> | |
| 199 | + <div class="txt-area"> | |
| 200 | + <div class="label-area"> | |
| 201 | + </div> | |
| 202 | + </div> | |
| 203 | + </td> | |
| 204 | + <td> | |
| 205 | + <button type="button" class="lnk-full">선택</button> | |
| 206 | + <strong class="date">16</strong> | |
| 207 | + <div class="txt-area"> | |
| 208 | + <div class="label-area"> | |
| 209 | + </div> | |
| 210 | + </div> | |
| 211 | + </td> | |
| 212 | + <td> | |
| 213 | + <button type="button" class="lnk-full">선택</button> | |
| 214 | + <strong class="date">17</strong> | |
| 215 | + <div class="txt-area"> | |
| 216 | + <div class="label-area"> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + </td> | |
| 220 | + <td> | |
| 221 | + <button type="button" class="lnk-full">선택</button> | |
| 222 | + <strong class="date">18</strong> | |
| 223 | + <div class="txt-area"> | |
| 224 | + <div class="label-area"> | |
| 225 | + </div> | |
| 226 | + </div> | |
| 227 | + </td> | |
| 228 | + <td> | |
| 229 | + <button type="button" class="lnk-full">선택</button> | |
| 230 | + <strong class="date">19</strong> | |
| 231 | + <div class="txt-area"> | |
| 232 | + <div class="label-area"> | |
| 233 | + </div> | |
| 234 | + </div> | |
| 235 | + </td> | |
| 236 | + <td> | |
| 237 | + <button type="button" class="lnk-full">선택</button> | |
| 238 | + <strong class="date">20</strong> | |
| 239 | + <div class="txt-area"> | |
| 240 | + <div class="label-area"> | |
| 241 | + </div> | |
| 242 | + </div> | |
| 243 | + </td> | |
| 244 | + <td> | |
| 245 | + <button type="button" class="lnk-full">선택</button> | |
| 246 | + <strong class="date">21</strong> | |
| 247 | + <div class="txt-area"> | |
| 248 | + <div class="label-area"> | |
| 249 | + </div> | |
| 250 | + </div> | |
| 251 | + </td> | |
| 252 | + </tr> | |
| 253 | + <tr> | |
| 254 | + <td> | |
| 255 | + <button type="button" class="lnk-full">선택</button> | |
| 256 | + <strong class="date">22</strong> | |
| 257 | + <div class="txt-area"> | |
| 258 | + <div class="label-area"> | |
| 259 | + </div> | |
| 260 | + </div> | |
| 261 | + </td> | |
| 262 | + <td> | |
| 263 | + <button type="button" class="lnk-full">선택</button> | |
| 264 | + <strong class="date">23</strong> | |
| 265 | + <div class="txt-area"> | |
| 266 | + <div class="label-area"> | |
| 267 | + </div> | |
| 268 | + </div> | |
| 269 | + </td> | |
| 270 | + <td> | |
| 271 | + <button type="button" class="lnk-full">선택</button> | |
| 272 | + <strong class="date">24</strong> | |
| 273 | + <div class="txt-area"> | |
| 274 | + <div class="label-area"> | |
| 275 | + </div> | |
| 276 | + </div> | |
| 277 | + </td> | |
| 278 | + <td> | |
| 279 | + <button type="button" class="lnk-full">선택</button> | |
| 280 | + <strong class="date">25</strong> | |
| 281 | + <div class="txt-area"> | |
| 282 | + <div class="label-area"> | |
| 283 | + </div> | |
| 284 | + </div> | |
| 285 | + </td> | |
| 286 | + <td> | |
| 287 | + <button type="button" class="lnk-full">선택</button> | |
| 288 | + <strong class="date">26</strong> | |
| 289 | + <div class="txt-area"> | |
| 290 | + <div class="label-area"> | |
| 291 | + </div> | |
| 292 | + </div> | |
| 293 | + </td> | |
| 294 | + <td> | |
| 295 | + <button type="button" class="lnk-full">선택</button> | |
| 296 | + <strong class="date">27</strong> | |
| 297 | + <div class="txt-area"> | |
| 298 | + <div class="label-area"> | |
| 299 | + </div> | |
| 300 | + </div> | |
| 301 | + </td> | |
| 302 | + <td> | |
| 303 | + <button type="button" class="lnk-full">선택</button> | |
| 304 | + <strong class="date">28</strong> | |
| 305 | + <div class="txt-area"> | |
| 306 | + <div class="label-area"> | |
| 307 | + </div> | |
| 308 | + </div> | |
| 309 | + </td> | |
| 310 | + </tr> | |
| 311 | + <tr> | |
| 312 | + <td> | |
| 313 | + <button type="button" class="lnk-full">선택</button> | |
| 314 | + <strong class="date">29</strong> | |
| 315 | + <div class="txt-area"> | |
| 316 | + <div class="label-area"> | |
| 317 | + </div> | |
| 318 | + </div> | |
| 319 | + </td> | |
| 320 | + <td> | |
| 321 | + <button type="button" class="lnk-full">선택</button> | |
| 322 | + <strong class="date">30</strong> | |
| 323 | + <div class="txt-area"> | |
| 324 | + <div class="label-area"> | |
| 325 | + </div> | |
| 326 | + </div> | |
| 327 | + </td> | |
| 328 | + <td> | |
| 329 | + <button type="button" class="lnk-full">선택</button> | |
| 330 | + <strong class="date">31</strong> | |
| 331 | + <div class="txt-area"> | |
| 332 | + <div class="label-area"> | |
| 333 | + </div> | |
| 334 | + </div> | |
| 335 | + </td> | |
| 336 | + <td> | |
| 337 | + <button type="button" class="lnk-full">선택</button> | |
| 338 | + <strong class="date">1</strong> | |
| 339 | + <div class="txt-area"> | |
| 340 | + <div class="label-area"> | |
| 341 | + </div> | |
| 342 | + </div> | |
| 343 | + </td> | |
| 344 | + <td> | |
| 345 | + <button type="button" class="lnk-full">선택</button> | |
| 346 | + <strong class="date">2</strong> | |
| 347 | + <div class="txt-area"> | |
| 348 | + <div class="label-area"> | |
| 349 | + </div> | |
| 350 | + </div> | |
| 351 | + </td> | |
| 352 | + <td> | |
| 353 | + <button type="button" class="lnk-full">선택</button> | |
| 354 | + <strong class="date">3</strong> | |
| 355 | + <div class="txt-area"> | |
| 356 | + <div class="label-area"> | |
| 357 | + </div> | |
| 358 | + </div> | |
| 359 | + </td> | |
| 360 | + <td> | |
| 361 | + <button type="button" class="lnk-full">선택</button> | |
| 362 | + <strong class="date">4</strong> | |
| 363 | + <div class="txt-area"> | |
| 364 | + <div class="label-area"> | |
| 365 | + </div> | |
| 366 | + </div> | |
| 367 | + </td> | |
| 368 | + </tr> | |
| 369 | + </tbody> | |
| 370 | + </table> | |
| 371 | + </article> | |
| 372 | + </section> | |
| 373 | + <section class="mn-section box bg class-mn-shortcut"> | |
| 374 | + <header class="tit-area"> | |
| 375 | + <div class="l-area"> | |
| 376 | + <h3 class="title-lg">클래스 바로가기</h3> | |
| 377 | + </div> | |
| 378 | + <div class="r-area"> | |
| 379 | + <select class="border-none sm" title="클래스 상태 선택"> | |
| 380 | + <option>전체보기</option> | |
| 381 | + <option>활성 클래스</option> | |
| 382 | + <option>보관 클래스</option> | |
| 383 | + </select> | |
| 384 | + </div> | |
| 385 | + </header> | |
| 386 | + <div class="txt-none custom"> | |
| 387 | + <figure> | |
| 388 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-class.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 389 | + </figure> | |
| 390 | + <strong>개설하거나 가입한 클래스가 없어요.</strong> | |
| 391 | + <p>클래스 찾기로 원하는 클래스를 찾아보세요.<br>원하는 클래스가 없다면 클래스 만들기로 클래스를 개설해보세요.<br>클래스를 개설하면 클래스 현황 및 멤버들의 활동내역을 볼 수 있어요.</p> | |
| 392 | + </div> | |
| 393 | + <div class="shortcut-fnc"> | |
| 394 | + <div class="l-area"> | |
| 395 | + <button type="button" class="btn-txt">클래스 관리 <i class="ico-setting" aria-hidden="true"></i></button> | |
| 396 | + </div> | |
| 397 | + <div class="r-area"> | |
| 398 | + <div class="btn-group"> | |
| 399 | + <button type="button" class="btn sm">클래스 찾기</button> | |
| 400 | + <button type="button" class="btn sm ico-plus primary">클래스 만들기</button> | |
| 401 | + </div> | |
| 402 | + </div> | |
| 403 | + </div> | |
| 404 | + </section> | |
| 405 | + </div> | |
| 406 | + <section class="mn-section class-mn-emotion"> | |
| 407 | + <header class="tit-area"> | |
| 408 | + <div class="l-area"> | |
| 409 | + <h3 class="title-lg">클래스 현황</h3> | |
| 410 | + </div> | |
| 411 | + <div class="r-area"> | |
| 412 | + <select title="날짜 선택"> | |
| 413 | + <option>2024년 9월</option> | |
| 414 | + </select> | |
| 415 | + <select title="클래스 상태 선택"> | |
| 416 | + <option>내가 개설한 전체 클래스</option> | |
| 417 | + </select> | |
| 418 | + </div> | |
| 419 | + </header> | |
| 420 | + <div class="emotion-area"> | |
| 421 | + <article class="emotion-attendance"> | |
| 422 | + <header> | |
| 423 | + <h4>TODAY 감정출석부</h4> | |
| 424 | + <p>6명 중 <em class="accent">3명</em> 체크완료</p> | |
| 425 | + </header> | |
| 426 | + <div class="attendance-chart-area"> | |
| 427 | + <div class="legend-area"> | |
| 428 | + <div><img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-grinningface.svg" alt="" aria-hidden="true"> 긍정감정 <strong class="font-color-success">0명</strong></div> | |
| 429 | + <div><img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-pensiveface.svg" alt="" aria-hidden="true"> 부정감정 <strong class="font-color-danger">0명</strong></div> | |
| 430 | + </div> | |
| 431 | + <div class="chart-bar-stack"> | |
| 432 | + <span class="bar positive" style="width:0%;">긍정감정 0%</span> | |
| 433 | + <span class="bar negative" style="width:0%;">부정감정 0%</span> | |
| 434 | + </div> | |
| 435 | + </div> | |
| 436 | + </article> | |
| 437 | + <article> | |
| 438 | + <header> | |
| 439 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-blackboard.svg" alt="" aria-hidden="true"> | |
| 440 | + <h4>수업이수율</h4> | |
| 441 | + <p><strong>3개</strong> 수업게시물 중<em class="accent"> 0%</em></p> | |
| 442 | + </header> | |
| 443 | + <div class="chart-bar-stack"> | |
| 444 | + <span class="bar primary" style="width:5%;">수업이수율 0%</span> | |
| 445 | + </div> | |
| 446 | + </article> | |
| 447 | + <article> | |
| 448 | + <header> | |
| 449 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="" aria-hidden="true"> | |
| 450 | + <h4>과제제출률</h4> | |
| 451 | + <p><strong>5개</strong> 과제게시물 중<em class="accent"> 0%</em></p> | |
| 452 | + </header> | |
| 453 | + <div class="chart-bar-stack"> | |
| 454 | + <span class="bar accent" style="width:5%;">과제제출률 0%</span> | |
| 455 | + </div> | |
| 456 | + </article> | |
| 457 | + <article> | |
| 458 | + <header> | |
| 459 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg" alt="" aria-hidden="true"> | |
| 460 | + <h4>평가진행률</h4> | |
| 461 | + <p><strong>10개</strong> 평가게시물 중<em class="accent"> 0%</em></p> | |
| 462 | + </header> | |
| 463 | + <div class="chart-bar-stack"> | |
| 464 | + <span class="bar secondary" style="width:5%;">평가진행률 0%</span> | |
| 465 | + </div> | |
| 466 | + </article> | |
| 467 | + </div> | |
| 468 | + </section> | |
| 469 | + <section class="mn-section class-mn-activity"> | |
| 470 | + <header class="tit-area"> | |
| 471 | + <div class="l-area"> | |
| 472 | + <h3 class="title-lg">활동 내역</h3> | |
| 473 | + </div> | |
| 474 | + <div class="r-area"> | |
| 475 | + <select title="클래스 상태 선택"> | |
| 476 | + <option>내가 개설한 전체 클래스</option> | |
| 477 | + </select> | |
| 478 | + </div> | |
| 479 | + </header> | |
| 480 | + <div class="tabs-area tabs-normal"> | |
| 481 | + <ul class="tabs-nav-lg"> | |
| 482 | + <li><a href="#activityAll" class="is-active" title="선택됨">전체보기</a></li> | |
| 483 | + <li><a href="#activityStudent">학생별보기</a></li> | |
| 484 | + </ul> | |
| 485 | + <div class="tabs-cont" id="activityAll"> | |
| 486 | + <h4 class="txt-hide">전체보기</h4> | |
| 487 | + <div class="fnc-area"> | |
| 488 | + <div class="l-area"> | |
| 489 | + <select title="분류 선택"> | |
| 490 | + <option value="">전체 분류</option> | |
| 491 | + </select> | |
| 492 | + <fieldset class="filter-group"> | |
| 493 | + <legend>기간 선택</legend> | |
| 494 | + <input type="date" title="시작일자 선택"> | |
| 495 | + <span>~</span> | |
| 496 | + <input type="date" title="종료일자 선택"> | |
| 497 | + </fieldset> | |
| 498 | + </div> | |
| 499 | + </div> | |
| 500 | + <div class="txt-none"> | |
| 501 | + <figure> | |
| 502 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 503 | + </figure> | |
| 504 | + <strong>활동 데이터가 없습니다.</strong> | |
| 505 | + <p>클래스에서 게시물을 작성해보세요.</p> | |
| 506 | + </div> | |
| 507 | + </div> | |
| 508 | + <div class="tabs-cont" id="activityStudent"> | |
| 509 | + <h4 class="txt-hide">전체보기</h4> | |
| 510 | + <div class="fnc-area"> | |
| 511 | + <div class="l-area"> | |
| 512 | + <select title="학생 선택"> | |
| 513 | + <option value="">홍길동</option> | |
| 514 | + </select> | |
| 515 | + <fieldset class="filter-group"> | |
| 516 | + <legend>기간 선택</legend> | |
| 517 | + <input type="date" title="시작일자 선택"> | |
| 518 | + <span>~</span> | |
| 519 | + <input type="date" title="종료일자 선택"> | |
| 520 | + </fieldset> | |
| 521 | + </div> | |
| 522 | + </div> | |
| 523 | + <div class="list-type"> | |
| 524 | + <table> | |
| 525 | + <caption>활동 내역 목록으로 분류, 클래스명, 제목, 기간(날짜), 현황(전체인원/완료인원)으로 구성되어 있습니다.</caption> | |
| 526 | + <colgroup> | |
| 527 | + <col style="width:12%"> | |
| 528 | + <col> | |
| 529 | + <col> | |
| 530 | + <col> | |
| 531 | + <col style="width:16%"> | |
| 532 | + </colgroup> | |
| 533 | + <thead> | |
| 534 | + <tr> | |
| 535 | + <th scope="col">분류</th> | |
| 536 | + <th scope="col">클래스명</th> | |
| 537 | + <th scope="col">제목</th> | |
| 538 | + <th scope="col">기간(날짜)</th> | |
| 539 | + <th scope="col">현황(전체인원/완료인원)</th> | |
| 540 | + </tr> | |
| 541 | + </thead> | |
| 542 | + <tbody> | |
| 543 | + <tr> | |
| 544 | + <td data-tit="분류">수업</td> | |
| 545 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 546 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 547 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 548 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 549 | + </tr> | |
| 550 | + <tr> | |
| 551 | + <td data-tit="분류">수업</td> | |
| 552 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 553 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 554 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 555 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 556 | + </tr> | |
| 557 | + <tr> | |
| 558 | + <td data-tit="분류">수업</td> | |
| 559 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 560 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 561 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 562 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 563 | + </tr> | |
| 564 | + <tr> | |
| 565 | + <td data-tit="분류">수업</td> | |
| 566 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 567 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 568 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 569 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 570 | + </tr> | |
| 571 | + <tr> | |
| 572 | + <td data-tit="분류">수업</td> | |
| 573 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 574 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 575 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 576 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 577 | + </tr> | |
| 578 | + <tr> | |
| 579 | + <td data-tit="분류">수업</td> | |
| 580 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 581 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 582 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 583 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 584 | + </tr> | |
| 585 | + <tr> | |
| 586 | + <td data-tit="분류">수업</td> | |
| 587 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 588 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 589 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 590 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 591 | + </tr> | |
| 592 | + <tr> | |
| 593 | + <td data-tit="분류">수업</td> | |
| 594 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 595 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 596 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 597 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 598 | + </tr> | |
| 599 | + <tr> | |
| 600 | + <td data-tit="분류">수업</td> | |
| 601 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 602 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 603 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 604 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 605 | + </tr> | |
| 606 | + <tr> | |
| 607 | + <td data-tit="분류">수업</td> | |
| 608 | + <td data-tit="클래스명">24년 1학년 수학보충_수요일</td> | |
| 609 | + <td data-tit="제목">일상속에서 생활속의 분수 찾기</td> | |
| 610 | + <td data-tit="기간(날짜)">2024. 10. 01 ~ 2024. 10. 21</td> | |
| 611 | + <td data-tit="현황(전체인원/완료인원)">12명/00명</td> | |
| 612 | + </tr> | |
| 613 | + </tbody> | |
| 614 | + </table> | |
| 615 | + </div> | |
| 616 | + <ul class="pagenation"> | |
| 617 | + <li class="ppv"> | |
| 618 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 619 | + </li> | |
| 620 | + <li class="pv"> | |
| 621 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 622 | + </li> | |
| 623 | + <li class="current"> | |
| 624 | + <span title="현재 페이지">1</span> | |
| 625 | + </li> | |
| 626 | + <li> | |
| 627 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 628 | + </li> | |
| 629 | + <li> | |
| 630 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 631 | + </li> | |
| 632 | + <li> | |
| 633 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 634 | + </li> | |
| 635 | + <li> | |
| 636 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 637 | + </li> | |
| 638 | + <li class="fw"> | |
| 639 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 640 | + </li> | |
| 641 | + <li class="ffw"> | |
| 642 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 643 | + </li> | |
| 644 | + </ul> | |
| 645 | + </div> | |
| 646 | + </div> | |
| 647 | + </section> | |
| 648 | + <div class="row"> | |
| 649 | + <section class="mn-section box class-mn-board"> | |
| 650 | + <header class="tit-area"> | |
| 651 | + <div class="l-area"> | |
| 652 | + <h3 class="title-lg">새로 올라온 글</h3> | |
| 653 | + </div> | |
| 654 | + </header> | |
| 655 | + <div class="txt-none"> | |
| 656 | + <figure> | |
| 657 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 658 | + </figure> | |
| 659 | + <strong>개설하거나 가입한 클래스가 없어요.</strong> | |
| 660 | + <p>내가 개설하거나 가입한 클래스의 새로 올라온 글을 확인할 수 있어요.</p> | |
| 661 | + </div> | |
| 662 | + </section> | |
| 663 | + <section class="mn-section box class-mn-board"> | |
| 664 | + <header class="tit-area"> | |
| 665 | + <div class="l-area"> | |
| 666 | + <h3 class="title-lg">인기글</h3> | |
| 667 | + </div> | |
| 668 | + </header> | |
| 669 | + <div class="txt-none"> | |
| 670 | + <figure> | |
| 671 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 672 | + </figure> | |
| 673 | + <strong>개설하거나 가입한 클래스가 없어요.</strong> | |
| 674 | + <p>내가 개설하거나 가입한 클래스의 인기글 을 확인할 수 있어요.</p> | |
| 675 | + </div> | |
| 676 | + </section> | |
| 677 | + <section class="mn-section box bg class-mn-board"> | |
| 678 | + <header class="tit-area"> | |
| 679 | + <div class="l-area"> | |
| 680 | + <h3 class="title-lg">설문</h3> | |
| 681 | + </div> | |
| 682 | + </header> | |
| 683 | + <div class="txt-none custom"> | |
| 684 | + <figure> | |
| 685 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-vote.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 686 | + </figure> | |
| 687 | + <strong>개설하거나 가입한 클래스가 없어요.</strong> | |
| 688 | + <p>내가 개설하거나 가입한 클래스의 설문을 확인할 수 있어요.</p> | |
| 689 | + </div> | |
| 690 | + </section> | |
| 691 | + </div> | |
| 692 | + </div> | |
| 693 | + </div> | |
| 694 | + </div> | |
| 695 | + </div> | |
| 696 | + <!-- toast --> | |
| 697 | + <div class="toast"></div> | |
| 698 | + | |
| 699 | + <!--popup--> | |
| 700 | + <div class="dim"></div> | |
| 701 | +</body> | |
| 702 | + | |
| 703 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/empty/guidance.html
... | ... | @@ -0,0 +1,82 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script> | |
| 25 | + <!-- chart --> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 28 | + <!-- //chart --> | |
| 29 | + <!-- painter --> | |
| 30 | + <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> | |
| 31 | + <!-- //painter --> | |
| 32 | + <!-- //페이지 plugin--> | |
| 33 | + | |
| 34 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 36 | + <!--//퍼블 layout--> | |
| 37 | + | |
| 38 | + <!-- 공통 메뉴 js--> | |
| 39 | + <!-- //공통 메뉴 js --> | |
| 40 | + | |
| 41 | + <!--공통 퍼블 js--> | |
| 42 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 43 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 44 | + <!--//공통 퍼블 js--> | |
| 45 | +</head> | |
| 46 | + | |
| 47 | +<body> | |
| 48 | + <div class="accessibility"> | |
| 49 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 50 | + </div> | |
| 51 | + <!-- for-teacher / for-student --> | |
| 52 | + <div class="container"> | |
| 53 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 54 | + <header class="site-header"></header> | |
| 55 | + | |
| 56 | + <div class="site-body" id="skipToContents"> | |
| 57 | + <div class="wrap-sm"> | |
| 58 | + <div class="txt-none custom"> | |
| 59 | + <figure> | |
| 60 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-page.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 61 | + </figure> | |
| 62 | + <em>접근 안내</em> | |
| 63 | + <strong>우리반 성장기록은 담임 선생님만 접근이 가능한 페이지입니다.</strong> | |
| 64 | + </div> | |
| 65 | + <div class="summary"> | |
| 66 | + <i class="ico-help"></i> | |
| 67 | + <div class="txt-area"> | |
| 68 | + <strong class="summary-tit">담임선생님이시라면?</strong> | |
| 69 | + <p>프로필에서 담임선생님으로 설정한 후 시스템 관리자가 승인하면 담임선생님으로 설정이 완료됩니다.</p> | |
| 70 | + </div> | |
| 71 | + </div> | |
| 72 | + </div> | |
| 73 | + </div> | |
| 74 | + </div> | |
| 75 | + <!-- toast --> | |
| 76 | + <div class="toast"></div> | |
| 77 | + | |
| 78 | + <!--popup--> | |
| 79 | + <div class="dim"></div> | |
| 80 | +</body> | |
| 81 | + | |
| 82 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/empty/main_student.html
... | ... | @@ -0,0 +1,429 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 24 | + <!-- //페이지 plugin--> | |
| 25 | + | |
| 26 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 28 | + <!--//퍼블 layout--> | |
| 29 | + | |
| 30 | + <!-- 공통 메뉴 js--> | |
| 31 | + <!-- //공통 메뉴 js --> | |
| 32 | + | |
| 33 | + <!--공통 퍼블 js--> | |
| 34 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 36 | + <!--//공통 퍼블 js--> | |
| 37 | +</head> | |
| 38 | + | |
| 39 | +<body> | |
| 40 | + <div class="accessibility"> | |
| 41 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 42 | + </div> | |
| 43 | + <!-- for-teacher / for-student --> | |
| 44 | + <div class="container"> | |
| 45 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 46 | + <header class="site-header"></header> | |
| 47 | + <div class="site-body" id="skipToContents"> | |
| 48 | + <div class="student-mn"> | |
| 49 | + <div class="student-mn-cont"> | |
| 50 | + <div class="student-mn-cont-banner"> | |
| 51 | + <div class="wrap"> | |
| 52 | + <div class="swiper-fnc-static"> | |
| 53 | + <button type="button" class="swiper-button-prev">이전</button> | |
| 54 | + <button type="button" class="swiper-button-next">다음</button> | |
| 55 | + <button type="button" class="swiper-btn-playstop-toggle">중지</button> | |
| 56 | + </div> | |
| 57 | + <div class="swiper"> | |
| 58 | + <div class="swiper-wrapper"> | |
| 59 | + <div class="swiper-slide"> | |
| 60 | + <div class="txt">텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력텍스트만 입력</div> | |
| 61 | + </div> | |
| 62 | + <div class="swiper-slide"> | |
| 63 | + <div class="txt">2번입니다.</div> | |
| 64 | + </div> | |
| 65 | + </div> | |
| 66 | + </div> | |
| 67 | + <button type="button" class="ico-close">닫기</button> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="student-mn-cont-body"> | |
| 71 | + <section class="wrap student-mn-today"> | |
| 72 | + <header class="tit-area"> | |
| 73 | + <div class="l-area"> | |
| 74 | + <h2 class="title-lg">오늘의 학습</h2> | |
| 75 | + </div> | |
| 76 | + <div class="r-area"> | |
| 77 | + <div class="legend-area"> | |
| 78 | + <span class="legend"><i class="primary" aria-label="학교공부 범례"></i> 학교공부</span> | |
| 79 | + <span class="legend"><i class="secondary" aria-label="핵심개념 범례"></i> 핵심개념</span> | |
| 80 | + <span class="legend"><i class="accent" aria-label="오답노트 범례"></i> 오답노트</span> | |
| 81 | + </div> | |
| 82 | + <button type="button" class="btn sm ico-setting">학습목표설정</button> | |
| 83 | + </div> | |
| 84 | + </header> | |
| 85 | + <div class="today-date-area"> | |
| 86 | + <div class="fnc"> | |
| 87 | + <button type="button" class="btn circle ico-pv">이전</button> | |
| 88 | + <button type="button" class="btn circle ico-fw" disabled>다음</button> | |
| 89 | + </div> | |
| 90 | + <ul> | |
| 91 | + <li> | |
| 92 | + <button type="button" class="lnk-full">선택</button> | |
| 93 | + <div class="item"> | |
| 94 | + <div class="txt-area"> | |
| 95 | + <span>오늘</span> | |
| 96 | + <strong>월</strong> | |
| 97 | + <small>11월 25일</small> | |
| 98 | + </div> | |
| 99 | + <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> | |
| 100 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use> | |
| 101 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use> | |
| 102 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use> | |
| 103 | + </svg> | |
| 104 | + </div> | |
| 105 | + </li> | |
| 106 | + <li class="is-active" aria-current="true"> | |
| 107 | + <button type="button" class="lnk-full" aria-label="선택됨">선택</button> | |
| 108 | + <div class="item"> | |
| 109 | + <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> | |
| 110 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study-active" role="img" aria-label="학교공부 활성"></use> | |
| 111 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core-active" role="img" aria-label="핵심개념 활성"></use> | |
| 112 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note-active-gold" role="img" aria-label="오답노트 활성(오답 없음)"></use> | |
| 113 | + </svg> | |
| 114 | + <div class="txt-area"> | |
| 115 | + <strong>화</strong> | |
| 116 | + <small>11월 25일</small> | |
| 117 | + </div> | |
| 118 | + </div> | |
| 119 | + </li> | |
| 120 | + <li> | |
| 121 | + <button class="lnk-full">선택</button> | |
| 122 | + <div class="item"> | |
| 123 | + <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> | |
| 124 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study-active" role="img" aria-label="학교공부 활성"></use> | |
| 125 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core-active" role="img" aria-label="핵심개념 활성"></use> | |
| 126 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note-active" role="img" aria-label="오답노트 활성"></use> | |
| 127 | + </svg> | |
| 128 | + <div class="txt-area"> | |
| 129 | + <strong>수</strong> | |
| 130 | + <small>11월 25일</small> | |
| 131 | + </div> | |
| 132 | + </div> | |
| 133 | + </li> | |
| 134 | + <li> | |
| 135 | + <button class="lnk-full">선택</button> | |
| 136 | + <div class="item"> | |
| 137 | + <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> | |
| 138 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use> | |
| 139 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use> | |
| 140 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use> | |
| 141 | + </svg> | |
| 142 | + <div class="txt-area"> | |
| 143 | + <strong>목</strong> | |
| 144 | + <small>11월 25일</small> | |
| 145 | + </div> | |
| 146 | + </div> | |
| 147 | + </li> | |
| 148 | + <li> | |
| 149 | + <button class="lnk-full">선택</button> | |
| 150 | + <div class="item"> | |
| 151 | + <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> | |
| 152 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use> | |
| 153 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use> | |
| 154 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use> | |
| 155 | + </svg> | |
| 156 | + <div class="txt-area"> | |
| 157 | + <strong>금</strong> | |
| 158 | + <small>11월 25일</small> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + </li> | |
| 162 | + <li> | |
| 163 | + <button class="lnk-full">선택</button> | |
| 164 | + <div class="item"> | |
| 165 | + <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> | |
| 166 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use> | |
| 167 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use> | |
| 168 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use> | |
| 169 | + </svg> | |
| 170 | + <div class="txt-area"> | |
| 171 | + <strong>토</strong> | |
| 172 | + <small>11월 25일</small> | |
| 173 | + </div> | |
| 174 | + </div> | |
| 175 | + </li> | |
| 176 | + <li> | |
| 177 | + <button class="lnk-full">선택</button> | |
| 178 | + <div class="item"> | |
| 179 | + <svg width="96" height="96" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"> | |
| 180 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#study" role="img" aria-label="학교공부 비활성"></use> | |
| 181 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#core" role="img" aria-label="핵심개념 비활성"></use> | |
| 182 | + <use xlink:href="/resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg#note" role="img" aria-label="오답노트 비활성"></use> | |
| 183 | + </svg> | |
| 184 | + <div class="txt-area"> | |
| 185 | + <strong>일</strong> | |
| 186 | + <small>11월 25일</small> | |
| 187 | + </div> | |
| 188 | + </div> | |
| 189 | + </li> | |
| 190 | + </ul> | |
| 191 | + </div> | |
| 192 | + <div class="today-area"> | |
| 193 | + <h3 class="txt-hide">11월 15일(월)</h3> | |
| 194 | + <div class="col-group"> | |
| 195 | + <div class="sticky"> | |
| 196 | + <article class="box accent"> | |
| 197 | + <header class="box-header accent"> | |
| 198 | + <div class="l-area"> | |
| 199 | + <h3> | |
| 200 | + <i class="ico-mortarboard" aria-hidden="true"></i> | |
| 201 | + AI 맞춤학습(수학) | |
| 202 | + </h3> | |
| 203 | + </div> | |
| 204 | + <div class="r-area"> | |
| 205 | + <div class="point-area"> | |
| 206 | + <i class="ico-img-point sm">땅콩 포인트</i> | |
| 207 | + <strong class="point">80</strong> | |
| 208 | + </div> | |
| 209 | + </div> | |
| 210 | + </header> | |
| 211 | + <div class="box-body"> | |
| 212 | + <div class="txt-none sm spacing-none"> | |
| 213 | + <figure> | |
| 214 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 215 | + </figure> | |
| 216 | + <p>점검 및 학습할 내용이 없습니다.</p> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + </article> | |
| 220 | + <article class="box secondary"> | |
| 221 | + <header class="box-header"> | |
| 222 | + <div class="l-area"> | |
| 223 | + <h3> | |
| 224 | + <i class="ico-book" aria-hidden="true"></i> | |
| 225 | + 오답노트 | |
| 226 | + </h3> | |
| 227 | + </div> | |
| 228 | + <div class="r-area"> | |
| 229 | + <div class="point-area"> | |
| 230 | + <i class="ico-img-point sm">땅콩 포인트</i> | |
| 231 | + <strong class="point">80</strong> | |
| 232 | + </div> | |
| 233 | + </div> | |
| 234 | + </header> | |
| 235 | + <div class="box-body"> | |
| 236 | + <div class="txt-none sm spacing-none"> | |
| 237 | + <figure> | |
| 238 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 239 | + </figure> | |
| 240 | + <p>학습할 내용이 없습니다.</p> | |
| 241 | + </div> | |
| 242 | + </div> | |
| 243 | + </article> | |
| 244 | + </div> | |
| 245 | + </div> | |
| 246 | + <article class="col"> | |
| 247 | + <h3 class="txt-hide">학습 콘텐츠</h3> | |
| 248 | + <div class="txt-none custom"> | |
| 249 | + <figure> | |
| 250 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 251 | + </figure> | |
| 252 | + <strong>오늘은 학습할 내용이 없습니다.</strong> | |
| 253 | + </div> | |
| 254 | + <div class="txt-none custom"> | |
| 255 | + <figure> | |
| 256 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 257 | + </figure> | |
| 258 | + <strong>학습목표설정 후 이용해 주세요.</strong> | |
| 259 | + <div class="btn-area"> | |
| 260 | + <button type="button" class="btn sm ico-setting cta">학습목표설정</button> | |
| 261 | + </div> | |
| 262 | + </div> | |
| 263 | + </article> | |
| 264 | + </div> | |
| 265 | + </section> | |
| 266 | + </div> | |
| 267 | + <div class="student-mn-quick wrap"> | |
| 268 | + <button type="button" class="btn-quick-toggle">민간/공공 에듀테크 서비스</button> | |
| 269 | + <menu class="quick-area"> | |
| 270 | + <a href="#none"> | |
| 271 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-book.svg" alt="" aria-hidden="true"> | |
| 272 | + <strong>AI디지털 교과서</strong> | |
| 273 | + </a> | |
| 274 | + <a href="#none"> | |
| 275 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-calculation.svg" alt="" aria-hidden="true"> | |
| 276 | + <strong>수학</strong> | |
| 277 | + </a> | |
| 278 | + <a href="#none"> | |
| 279 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-coding.svg" alt="" aria-hidden="true"> | |
| 280 | + <strong>코딩</strong> | |
| 281 | + </a> | |
| 282 | + <a href="#none"> | |
| 283 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-crescentmoon.svg" alt="" aria-hidden="true"> | |
| 284 | + <strong>ZZZ</strong> | |
| 285 | + </a> | |
| 286 | + <a href="#none"> | |
| 287 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg" alt="" aria-hidden="true"> | |
| 288 | + <strong>채움책방</strong> | |
| 289 | + </a> | |
| 290 | + <a href="#none"> | |
| 291 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-class.svg" alt="" aria-hidden="true"> | |
| 292 | + <strong>수업</strong> | |
| 293 | + </a> | |
| 294 | + <a href="#none"> | |
| 295 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg" alt="" aria-hidden="true"> | |
| 296 | + <strong>학습심리검사</strong> | |
| 297 | + </a> | |
| 298 | + <a href="#none"> | |
| 299 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-lightBulb.svg" alt="" aria-hidden="true"> | |
| 300 | + <strong>충북정보올림피아드 (COI)</strong> | |
| 301 | + </a> | |
| 302 | + </menu> | |
| 303 | + </div> | |
| 304 | + </div> | |
| 305 | + <aside class="student-mn-aside"> | |
| 306 | + <div class="cont"> | |
| 307 | + <div class="aside-header"> | |
| 308 | + <h2 class="txt-hide">학생정보</h2> | |
| 309 | + <div class="profile"> | |
| 310 | + <div class="img-area"> | |
| 311 | + <figure> | |
| 312 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 313 | + </figure> | |
| 314 | + </div> | |
| 315 | + <div class="txt-area"> | |
| 316 | + <strong class="profile-tit">학생명 <small>(idididididid)</small></strong> | |
| 317 | + <span>충북초등학교 3-4</span> | |
| 318 | + </div> | |
| 319 | + </div> | |
| 320 | + </div> | |
| 321 | + | |
| 322 | + <div class="aside-body"> | |
| 323 | + <div class="aside-section aside-learn"> | |
| 324 | + <h3 class="aside-tit">이번주 진행현황</h3> | |
| 325 | + <ul class="learn-list"> | |
| 326 | + <li> | |
| 327 | + <button type="button" class="btn-learn-toggle"><strong>완료한 학교공부</strong> <span class="label primary">5회</span></button> | |
| 328 | + <div class="learn-cont"> | |
| 329 | + <ul> | |
| 330 | + <li> | |
| 331 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 332 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 333 | + </li> | |
| 334 | + <li> | |
| 335 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 336 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 337 | + </li> | |
| 338 | + <li> | |
| 339 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 340 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 341 | + </li> | |
| 342 | + <li> | |
| 343 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 344 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 345 | + </li> | |
| 346 | + <li> | |
| 347 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 348 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 349 | + </li> | |
| 350 | + <li> | |
| 351 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 352 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 353 | + </li> | |
| 354 | + </ul> | |
| 355 | + </div> | |
| 356 | + </li> | |
| 357 | + <li> | |
| 358 | + <button type="button" class="btn-learn-toggle"><strong>학습한 핵심개념</strong> <span class="label primary">5회</span></button> | |
| 359 | + <div class="learn-cont"> | |
| 360 | + <ul> | |
| 361 | + <li> | |
| 362 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 363 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 364 | + </li> | |
| 365 | + <li> | |
| 366 | + <strong><span>국어</span> 1단원 1차시</strong> | |
| 367 | + <p>작품을 읽고 추구하는 파악하기</p> | |
| 368 | + </li> | |
| 369 | + </ul> | |
| 370 | + </div> | |
| 371 | + </li> | |
| 372 | + </ul> | |
| 373 | + </div> | |
| 374 | + <div class="aside-section aside-point"> | |
| 375 | + <div class="txt-area"> | |
| 376 | + <strong>내가 모은 땅콩</strong> | |
| 377 | + <em class="accent">123개</em> | |
| 378 | + </div> | |
| 379 | + </div> | |
| 380 | + <menu class="aside-section aside-menu"> | |
| 381 | + <a href="#none"> | |
| 382 | + <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-emotion.svg" alt="" aria-hidden="true"> | |
| 383 | + <strong>감정체크</strong> | |
| 384 | + </a> | |
| 385 | + <a href="#none"> | |
| 386 | + <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-class.svg" alt="" aria-hidden="true"> | |
| 387 | + <strong>나의클래스</strong> | |
| 388 | + </a> | |
| 389 | + <a href="#none"> | |
| 390 | + <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-analysis.svg" alt="" aria-hidden="true"> | |
| 391 | + <strong>나의성장기록</strong> | |
| 392 | + </a> | |
| 393 | + <a href="#none"> | |
| 394 | + <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-book.svg" alt="" aria-hidden="true"> | |
| 395 | + <strong>채움책방</strong> | |
| 396 | + </a> | |
| 397 | + <a href="#none"> | |
| 398 | + <img src="/resources/front/site/SITE_00000/images/custom/menu/menu-test.svg" alt="" aria-hidden="true"> | |
| 399 | + <strong>기초학력 진단·보정</strong> | |
| 400 | + </a> | |
| 401 | + </menu> | |
| 402 | + </div> | |
| 403 | + </div> | |
| 404 | + </aside> | |
| 405 | + </div> | |
| 406 | + </div> | |
| 407 | + </div> | |
| 408 | + <!-- toast --> | |
| 409 | + <div class="toast"></div> | |
| 410 | + | |
| 411 | + <!--popup--> | |
| 412 | + <div class="dim"></div> | |
| 413 | + <script> | |
| 414 | + $(document).on('click', '.btn-learn-toggle',function() { | |
| 415 | + // $('.learn-cont').removeClass('is-active'); | |
| 416 | + $(this).next('.learn-cont').toggleClass('is-active'); | |
| 417 | + }); | |
| 418 | + | |
| 419 | + $(document).on('click', '.student-mn-cont-banner .ico-close',function() { | |
| 420 | + $('.student-mn-cont-banner').toggleClass('is-inactive'); | |
| 421 | + }); | |
| 422 | + | |
| 423 | + $(document).on('click', '.btn-quick-toggle',function() { | |
| 424 | + $('.student-mn-quick').toggleClass('is-inactive'); | |
| 425 | + }); | |
| 426 | + </script> | |
| 427 | +</body> | |
| 428 | + | |
| 429 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/empty/myStorage.html
... | ... | @@ -0,0 +1,407 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- chart --> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">나의 보관함</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="snb"> | |
| 57 | + <li><a href="#none">내 자료</a></li> | |
| 58 | + <li><a href="#none">담은자료</a></li> | |
| 59 | + <li><a href="#none">내 교과서</a></li> | |
| 60 | + </ul> | |
| 61 | + <div class="mystorage"> | |
| 62 | + <div class="mystorage-header"> | |
| 63 | + <div class="my-info"> | |
| 64 | + <div class="profile xlg"> | |
| 65 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 66 | + <div class="img-area"> | |
| 67 | + <figure> | |
| 68 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 69 | + </figure> | |
| 70 | + </div> | |
| 71 | + <div class="txt-area"> | |
| 72 | + <strong class="profile-tit">홍길동</strong> | |
| 73 | + </div> | |
| 74 | + </div> | |
| 75 | + <div class="btn-group dir-col"> | |
| 76 | + <a href="#none" class="btn sm">나의 구독리스트 <strong>0</strong></a> | |
| 77 | + <a href="#none" class="btn sm">구독자 <em class="accent">123</em></a> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <ul class="contents-info"> | |
| 81 | + <li> | |
| 82 | + <strong>수업재료</strong> | |
| 83 | + <ul> | |
| 84 | + <li class="item"> | |
| 85 | + <figure class="img-area"> | |
| 86 | + <figcaption>영상, 이미지, 문서</figcaption> | |
| 87 | + <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-contents.svg" alt="" aria-hidden="true"> | |
| 88 | + </figure> | |
| 89 | + <div class="txt-area"> | |
| 90 | + <ul class="txt-list"> | |
| 91 | + <li> | |
| 92 | + <strong>등록자료</strong> | |
| 93 | + <em>9,994</em> | |
| 94 | + </li> | |
| 95 | + <li> | |
| 96 | + <strong>담은자료</strong> | |
| 97 | + <em>9,994</em> | |
| 98 | + </li> | |
| 99 | + </ul> | |
| 100 | + </div> | |
| 101 | + </li> | |
| 102 | + <li class="item"> | |
| 103 | + <figure class="img-area"> | |
| 104 | + <figcaption>문항</figcaption> | |
| 105 | + <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-quiz.svg" alt="" aria-hidden="true"> | |
| 106 | + </figure> | |
| 107 | + <div class="txt-area"> | |
| 108 | + <ul class="txt-list"> | |
| 109 | + <li> | |
| 110 | + <strong>등록자료</strong> | |
| 111 | + <em>9,994</em> | |
| 112 | + </li> | |
| 113 | + <li> | |
| 114 | + <strong>담은자료</strong> | |
| 115 | + <em>9,994</em> | |
| 116 | + </li> | |
| 117 | + </ul> | |
| 118 | + </div> | |
| 119 | + </li> | |
| 120 | + <li class="item"> | |
| 121 | + <figure class="img-area"> | |
| 122 | + <figcaption>평가지</figcaption> | |
| 123 | + <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-test.svg" alt="" aria-hidden="true"> | |
| 124 | + </figure> | |
| 125 | + <div class="txt-area"> | |
| 126 | + <ul class="txt-list"> | |
| 127 | + <li> | |
| 128 | + <strong>등록자료</strong> | |
| 129 | + <em>9,994</em> | |
| 130 | + </li> | |
| 131 | + <li> | |
| 132 | + <strong>담은자료</strong> | |
| 133 | + <em>9,994</em> | |
| 134 | + </li> | |
| 135 | + </ul> | |
| 136 | + </div> | |
| 137 | + </li> | |
| 138 | + </ul> | |
| 139 | + </li> | |
| 140 | + <li class="item"> | |
| 141 | + <figure class="img-area"> | |
| 142 | + <figcaption>수업꾸러미</figcaption> | |
| 143 | + <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-package.svg" alt="" aria-hidden="true"> | |
| 144 | + </figure> | |
| 145 | + <div class="txt-area"> | |
| 146 | + <ul class="txt-list"> | |
| 147 | + <li> | |
| 148 | + <strong>등록자료</strong> | |
| 149 | + <em>9,994</em> | |
| 150 | + </li> | |
| 151 | + <li> | |
| 152 | + <strong>담은자료</strong> | |
| 153 | + <em>9,994</em> | |
| 154 | + </li> | |
| 155 | + </ul> | |
| 156 | + </div> | |
| 157 | + </li> | |
| 158 | + <li class="item"> | |
| 159 | + <figure class="img-area"> | |
| 160 | + <figcaption>수업레시피</figcaption> | |
| 161 | + <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-recipe.svg" alt="" aria-hidden="true"> | |
| 162 | + </figure> | |
| 163 | + <div class="txt-area"> | |
| 164 | + <ul class="txt-list"> | |
| 165 | + <li> | |
| 166 | + <strong>등록자료</strong> | |
| 167 | + <em>9,994</em> | |
| 168 | + </li> | |
| 169 | + <li> | |
| 170 | + <strong>담은자료</strong> | |
| 171 | + <em>9,994</em> | |
| 172 | + </li> | |
| 173 | + </ul> | |
| 174 | + </div> | |
| 175 | + </li> | |
| 176 | + </ul> | |
| 177 | + </div> | |
| 178 | + <div class="row"> | |
| 179 | + <section class="section border-box"> | |
| 180 | + <header class="tit-area"> | |
| 181 | + <div class="l-area"> | |
| 182 | + <h3 class="title-lg">내가 많이 담은 자료의 선생님</h3> | |
| 183 | + </div> | |
| 184 | + </header> | |
| 185 | + <div class="txt-none"> | |
| 186 | + <figure> | |
| 187 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 188 | + </figure> | |
| 189 | + <p>아직 담은 자료가 없어요.</p> | |
| 190 | + </div> | |
| 191 | + </section> | |
| 192 | + <section class="section col2 border-box"> | |
| 193 | + <header class="tit-area"> | |
| 194 | + <div class="l-area dir-col"> | |
| 195 | + <h3 class="title-lg">나의 콘텐츠 활동</h3> | |
| 196 | + <p>집계기간 : 2024-10-01~2024-10-31</p> | |
| 197 | + </div> | |
| 198 | + </header> | |
| 199 | + <div class="chart-area h-auto"> | |
| 200 | + <div class="chart-legend"> | |
| 201 | + <div class="l-area"> | |
| 202 | + <small>횟수(건)</small> | |
| 203 | + </div> | |
| 204 | + <div class="r-area"> | |
| 205 | + <div class="legend-area"> | |
| 206 | + <span class="legend"><i class="primary"></i> 수업재료</span> | |
| 207 | + <span class="legend"><i class="secondary"></i>수업꾸러미</span> | |
| 208 | + <span class="legend"><i class="accent"></i> 수업레시피</span> | |
| 209 | + </div> | |
| 210 | + </div> | |
| 211 | + </div> | |
| 212 | + <div class="txt-none"> | |
| 213 | + <figure> | |
| 214 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 215 | + </figure> | |
| 216 | + <p>아직 활동이 없어요.</p> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + </section> | |
| 220 | + </div> | |
| 221 | + <section class="section mystorage-best"> | |
| 222 | + <header class="tit-area"> | |
| 223 | + <div class="l-area dir-col"> | |
| 224 | + <h3 class="title-lg">인기 채널 Best</h3> | |
| 225 | + <p>집계기간 : 2024-10-01~2024-10-31</p> | |
| 226 | + </div> | |
| 227 | + </header> | |
| 228 | + <ul> | |
| 229 | + <li> | |
| 230 | + <span class="label-img"> | |
| 231 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank1.svg" alt="1"> | |
| 232 | + </span> | |
| 233 | + <div class="profile xlg"> | |
| 234 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 235 | + <div class="img-area"> | |
| 236 | + <figure> | |
| 237 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 238 | + </figure> | |
| 239 | + </div> | |
| 240 | + <div class="txt-area"> | |
| 241 | + <strong class="profile-tit">홍길동</strong> | |
| 242 | + <span>구독자료 <strong>100</strong>건</span> | |
| 243 | + </div> | |
| 244 | + </div> | |
| 245 | + <div class="fnc"> | |
| 246 | + <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button> | |
| 247 | + </div> | |
| 248 | + </li> | |
| 249 | + <li> | |
| 250 | + <span class="label-img"> | |
| 251 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank2.svg" alt="2"> | |
| 252 | + </span> | |
| 253 | + <div class="profile xlg"> | |
| 254 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 255 | + <div class="img-area"> | |
| 256 | + <figure> | |
| 257 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 258 | + </figure> | |
| 259 | + </div> | |
| 260 | + <div class="txt-area"> | |
| 261 | + <strong class="profile-tit">홍길동</strong> | |
| 262 | + <span>구독자료 <strong>100</strong>건</span> | |
| 263 | + </div> | |
| 264 | + </div> | |
| 265 | + <div class="fnc"> | |
| 266 | + <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button> | |
| 267 | + </div> | |
| 268 | + </li> | |
| 269 | + <li> | |
| 270 | + <span class="label-img"> | |
| 271 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank3.svg" alt="3"> | |
| 272 | + </span> | |
| 273 | + <div class="profile xlg"> | |
| 274 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 275 | + <div class="img-area"> | |
| 276 | + <div class="img-area"> | |
| 277 | + <figure> | |
| 278 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 279 | + </figure> | |
| 280 | + </div> | |
| 281 | + </div> | |
| 282 | + <div class="txt-area"> | |
| 283 | + <strong class="profile-tit">홍길동</strong> | |
| 284 | + <span>구독자료 <strong>100</strong>건</span> | |
| 285 | + </div> | |
| 286 | + </div> | |
| 287 | + <div class="fnc"> | |
| 288 | + <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button> | |
| 289 | + </div> | |
| 290 | + </li> | |
| 291 | + <li> | |
| 292 | + <span class="label num lg">4</span> | |
| 293 | + <div class="profile xlg"> | |
| 294 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 295 | + <div class="img-area"> | |
| 296 | + <figure> | |
| 297 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 298 | + </figure> | |
| 299 | + </div> | |
| 300 | + <div class="txt-area"> | |
| 301 | + <strong class="profile-tit">홍길동</strong> | |
| 302 | + <span>구독자료 <strong>100</strong>건</span> | |
| 303 | + </div> | |
| 304 | + </div> | |
| 305 | + <div class="fnc"> | |
| 306 | + <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button> | |
| 307 | + </div> | |
| 308 | + </li> | |
| 309 | + <li> | |
| 310 | + <span class="label num lg">5</span> | |
| 311 | + <div class="profile xlg"> | |
| 312 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 313 | + <div class="img-area"> | |
| 314 | + <figure> | |
| 315 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 316 | + </figure> | |
| 317 | + </div> | |
| 318 | + <div class="txt-area"> | |
| 319 | + <strong class="profile-tit">홍길동</strong> | |
| 320 | + <span>구독자료 <strong>100</strong>건</span> | |
| 321 | + </div> | |
| 322 | + </div> | |
| 323 | + <div class="fnc"> | |
| 324 | + <button class="btn sm ico-favorite toggle is-active" data-txt="구독중" data-txt-inactive="구독하기">구독</button> | |
| 325 | + </div> | |
| 326 | + </li> | |
| 327 | + </ul> | |
| 328 | + </section> | |
| 329 | + <div class="row"> | |
| 330 | + <section class="section"> | |
| 331 | + <header class="tit-area"> | |
| 332 | + <div class="l-area"> | |
| 333 | + <h3 class="title-lg">나의 인기자료</h3> | |
| 334 | + </div> | |
| 335 | + <div class="r-area"> | |
| 336 | + <a href="#none" class="btn-link">내자료 바로가기</a> | |
| 337 | + </div> | |
| 338 | + </header> | |
| 339 | + <div class="tabs-normal tabs-area"> | |
| 340 | + <ul class="tabs-nav-lg"> | |
| 341 | + <li><a href="#tabs1-1" class="is-active" title="선택됨">수업자료</a></li> | |
| 342 | + <li><a href="#tabs1-2">수업꾸러미&수업레시피</a></li> | |
| 343 | + </ul> | |
| 344 | + <h4 class="txt-hide">수업자료</h4> | |
| 345 | + <div class="tabs-cont" id="tabs1-1"> | |
| 346 | + <div class="txt-none"> | |
| 347 | + <figure> | |
| 348 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 349 | + </figure> | |
| 350 | + <p>아직 업로드한 자료가 없어요.</p> | |
| 351 | + </div> | |
| 352 | + </div> | |
| 353 | + <div class="tabs-cont" id="tabs1-2">2</div> | |
| 354 | + </div> | |
| 355 | + </section> | |
| 356 | + <section class="section"> | |
| 357 | + <header class="tit-area"> | |
| 358 | + <div class="l-area"> | |
| 359 | + <h3 class="title-lg">최신 담은자료</h3> | |
| 360 | + </div> | |
| 361 | + <div class="r-area"> | |
| 362 | + <a href="#none" class="btn-link">담은자료 바로가기</a> | |
| 363 | + </div> | |
| 364 | + </header> | |
| 365 | + <div class="tabs-normal tabs-area"> | |
| 366 | + <ul class="tabs-nav-lg"> | |
| 367 | + <li><a href="#tabs2-1" class="is-active" title="선택됨">수업자료</a></li> | |
| 368 | + <li><a href="#tabs2-2">수업꾸러미&수업레시피</a></li> | |
| 369 | + </ul> | |
| 370 | + <h4 class="txt-hide">수업자료</h4> | |
| 371 | + <div class="tabs-cont" id="tabs2-1"> | |
| 372 | + <div class="txt-none"> | |
| 373 | + <figure> | |
| 374 | + <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true"> | |
| 375 | + </figure> | |
| 376 | + <p>아직 담은 자료가 없어요.</p> | |
| 377 | + </div> | |
| 378 | + </div> | |
| 379 | + <div class="tabs-cont" id="tabs2-2">2</div> | |
| 380 | + </div> | |
| 381 | + </section> | |
| 382 | + </div> | |
| 383 | + </div> | |
| 384 | + </div> | |
| 385 | + </div> | |
| 386 | + </div> | |
| 387 | + <!-- toast --> | |
| 388 | + <div class="toast"></div> | |
| 389 | + | |
| 390 | + <!--popup--> | |
| 391 | + <div class="dim"></div> | |
| 392 | + <script> | |
| 393 | + $(document).ready(function () { | |
| 394 | + //나의콘텐츠 활동 | |
| 395 | + createChartContActivity('chartContActivity', | |
| 396 | + ['조회수', '공유수', '담은수', '댓글'], | |
| 397 | + [ | |
| 398 | + ['수업재료', [100, 20, 30, 40], gradientColorPrimary], | |
| 399 | + ['수업꾸러미', [20, 30, 40, 50], gradientColorSecondary], | |
| 400 | + ['수업레시피', [100, 100, 100, 150], gradientColorAccent] | |
| 401 | + ] | |
| 402 | + ); | |
| 403 | + }); | |
| 404 | + </script> | |
| 405 | +</body> | |
| 406 | + | |
| 407 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/empty/searchResult.html
... | ... | @@ -0,0 +1,221 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | +</head> | |
| 36 | + | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <!-- for-teacher / for-student --> | |
| 42 | + <div class="container"> | |
| 43 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 44 | + <header class="site-header"></header> | |
| 45 | + | |
| 46 | + <div class="site-body" id="skipToContents"> | |
| 47 | + <div class="wrap"> | |
| 48 | + <div class="total-search-area"> | |
| 49 | + <fieldset class="search-area"> | |
| 50 | + <legend>검색</legend> | |
| 51 | + <div class="search"> | |
| 52 | + <input type="text" placeholder="저작자명, 콘텐츠 키워드로 검색하세요." title="검색어 입력"> | |
| 53 | + <button class="btn ico-search">검색</button> | |
| 54 | + </div> | |
| 55 | + </fieldset> | |
| 56 | + <div class="btn-group"> | |
| 57 | + <a href="none" class="btn">조건검색</a> | |
| 58 | + </div> | |
| 59 | + </div> | |
| 60 | + <div class="page-tit-area"> | |
| 61 | + <div class="l-area"> | |
| 62 | + <h2 class="title-xlg">"<em class="accent">키워드</em>" 검색결과</h2> | |
| 63 | + </div> | |
| 64 | + <div class="r-area"> | |
| 65 | + <fieldset class="search-area"> | |
| 66 | + <legend>검색</legend> | |
| 67 | + <div class="search"> | |
| 68 | + <input type="text" placeholder="결과내 검색" title="결과내 검색"> | |
| 69 | + <button class="btn ico-search">검색</button> | |
| 70 | + </div> | |
| 71 | + </fieldset> | |
| 72 | + </div> | |
| 73 | + </div> | |
| 74 | + <section class="section"> | |
| 75 | + <div class="tit-area"> | |
| 76 | + <div class="l-area"> | |
| 77 | + <h2 class="title">검색 조건</h2> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="chip-area"> | |
| 81 | + <span class="chip-tag primary"> | |
| 82 | + 평가지 | |
| 83 | + <button type="button" class="ico-delete">삭제</button> | |
| 84 | + </span> | |
| 85 | + <span class="chip-tag primary"> | |
| 86 | + 이미지 | |
| 87 | + <button type="button" class="ico-delete">삭제</button> | |
| 88 | + </span> | |
| 89 | + <span class="chip-tag primary"> | |
| 90 | + 문서 | |
| 91 | + <button type="button" class="ico-delete">삭제</button> | |
| 92 | + </span> | |
| 93 | + </div> | |
| 94 | + <div class="item-list-box drag-file-list"> | |
| 95 | + <div class="item"> | |
| 96 | + <div class="txt-area"> | |
| 97 | + <strong>6수01-01</strong> | |
| 98 | + <ul class="info-inline-list"> | |
| 99 | + <li> | |
| 100 | + <strong class="info-tit">영역</strong> | |
| 101 | + <div class="txt-area"> | |
| 102 | + 수와연산 | |
| 103 | + </div> | |
| 104 | + </li> | |
| 105 | + <li> | |
| 106 | + <strong class="info-tit">성취기준</strong> | |
| 107 | + <div class="txt-area"> | |
| 108 | + 소인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다. | |
| 109 | + </div> | |
| 110 | + </li> | |
| 111 | + <li> | |
| 112 | + <strong class="info-tit">내용요소1</strong> | |
| 113 | + <div class="txt-area"> | |
| 114 | + 소인수분해 | |
| 115 | + </div> | |
| 116 | + </li> | |
| 117 | + <li> | |
| 118 | + <strong class="info-tit">내용요소2</strong> | |
| 119 | + <div class="txt-area"> | |
| 120 | + 소인수분해의 뜻 | |
| 121 | + </div> | |
| 122 | + </li> | |
| 123 | + </ul> | |
| 124 | + </div> | |
| 125 | + <div class="item-fnc-area"> | |
| 126 | + <button type="button" class="ico-delete">삭제</button> | |
| 127 | + </div> | |
| 128 | + </div> | |
| 129 | + <div class="item"> | |
| 130 | + <div class="txt-area"> | |
| 131 | + <strong>6수01-01</strong> | |
| 132 | + <ul class="info-inline-list"> | |
| 133 | + <li> | |
| 134 | + <strong class="info-tit">영역</strong> | |
| 135 | + <div class="txt-area"> | |
| 136 | + 수와연산 | |
| 137 | + </div> | |
| 138 | + </li> | |
| 139 | + <li> | |
| 140 | + <strong class="info-tit">성취기준</strong> | |
| 141 | + <div class="txt-area"> | |
| 142 | + 소인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다. | |
| 143 | + </div> | |
| 144 | + </li> | |
| 145 | + <li> | |
| 146 | + <strong class="info-tit">내용요소1</strong> | |
| 147 | + <div class="txt-area"> | |
| 148 | + 소인수분해 | |
| 149 | + </div> | |
| 150 | + </li> | |
| 151 | + <li> | |
| 152 | + <strong class="info-tit">내용요소2</strong> | |
| 153 | + <div class="txt-area"> | |
| 154 | + 소인수분해의 뜻 | |
| 155 | + </div> | |
| 156 | + </li> | |
| 157 | + </ul> | |
| 158 | + </div> | |
| 159 | + <div class="item-fnc-area"> | |
| 160 | + <button type="button" class="ico-delete">삭제</button> | |
| 161 | + </div> | |
| 162 | + </div> | |
| 163 | + <div class="item"> | |
| 164 | + <div class="txt-area"> | |
| 165 | + <strong>6수01-01</strong> | |
| 166 | + <ul class="info-inline-list"> | |
| 167 | + <li> | |
| 168 | + <strong class="info-tit">영역</strong> | |
| 169 | + <div class="txt-area"> | |
| 170 | + 수와연산 | |
| 171 | + </div> | |
| 172 | + </li> | |
| 173 | + <li> | |
| 174 | + <strong class="info-tit">성취기준</strong> | |
| 175 | + <div class="txt-area"> | |
| 176 | + 소인수분해의 뜻을 알고, 자연수를 소인수분해 할 수 있다. | |
| 177 | + </div> | |
| 178 | + </li> | |
| 179 | + <li> | |
| 180 | + <strong class="info-tit">내용요소1</strong> | |
| 181 | + <div class="txt-area"> | |
| 182 | + 소인수분해 | |
| 183 | + </div> | |
| 184 | + </li> | |
| 185 | + <li> | |
| 186 | + <strong class="info-tit">내용요소2</strong> | |
| 187 | + <div class="txt-area"> | |
| 188 | + 소인수분해의 뜻 | |
| 189 | + </div> | |
| 190 | + </li> | |
| 191 | + </ul> | |
| 192 | + </div> | |
| 193 | + <div class="item-fnc-area"> | |
| 194 | + <button type="button" class="ico-delete">삭제</button> | |
| 195 | + </div> | |
| 196 | + </div> | |
| 197 | + </div> | |
| 198 | + </section> | |
| 199 | + <div class="txt-none custom"> | |
| 200 | + <figure> | |
| 201 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg" alt="콘텐츠 없음"> | |
| 202 | + </figure> | |
| 203 | + <strong>검색결과가 없습니다.</strong> | |
| 204 | + <ul class="bullet align-left"> | |
| 205 | + <li>검색어의 단어 수를 줄이거나, 보다 일반적인 단어로 검색해 보세요.</li> | |
| 206 | + <li>두 단어 이상의 키워드로 검색 하신 경우, 정확하게 띄어쓰기를 한 후 검색해 보세요.</li> | |
| 207 | + <li>키워드에 있는 특수문자를 뺀 후에 검색해 보세요.</li> | |
| 208 | + <li>검색 조건을 재설정해보세요.</li> | |
| 209 | + </ul> | |
| 210 | + </div> | |
| 211 | + </div> | |
| 212 | + </div> | |
| 213 | + </div> | |
| 214 | + <!-- toast --> | |
| 215 | + <div class="toast"></div> | |
| 216 | + | |
| 217 | + <!--popup--> | |
| 218 | + <div class="dim"></div> | |
| 219 | +</body> | |
| 220 | + | |
| 221 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/sub/sub.html
... | ... | @@ -0,0 +1,240 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> --> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | +</head> | |
| 36 | + | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <!-- for-teacher / for-student --> | |
| 42 | + <div class="container"> | |
| 43 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 44 | + <header class="site-header"> | |
| 45 | + <div class="header-top"> | |
| 46 | + <div class="wrap"> | |
| 47 | + <div class="l-area"> | |
| 48 | + <h1 class="logo"><a href="#none">다채움</a><a href="#none" class="txt">채움클래스</a></h1> | |
| 49 | + </div> | |
| 50 | + <div class="r-area pc-flex"> | |
| 51 | + <ul class="util"> | |
| 52 | + <li> | |
| 53 | + <a href="#none" title="알림" class="util-noti"> | |
| 54 | + <span>알림</span> | |
| 55 | + <span class="badge min">새 알림</span> | |
| 56 | + </a> | |
| 57 | + </li> | |
| 58 | + <li> | |
| 59 | + <a href="#none" title="쪽지" class="util-note"> | |
| 60 | + <span>쪽지</span> | |
| 61 | + </a> | |
| 62 | + </li> | |
| 63 | + <li> | |
| 64 | + <a href="#none" title="바로가기" class="util-shortcut"> | |
| 65 | + <span>바로가기</span> | |
| 66 | + </a> | |
| 67 | + </li> | |
| 68 | + </ul> | |
| 69 | + <div class="user-area"> | |
| 70 | + <div class="profile"> | |
| 71 | + <div class="img-area"> | |
| 72 | + <figure> | |
| 73 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 74 | + </figure> | |
| 75 | + </div> | |
| 76 | + <div class="txt-area"> | |
| 77 | + <strong class="profile-tit"><em>학생명</em> 학생</strong> | |
| 78 | + <span>닉네임</span> | |
| 79 | + </div> | |
| 80 | + <div class="fnc"> | |
| 81 | + <button type="button" class="btn-user-fnc-toggle">열기</button> | |
| 82 | + </div> | |
| 83 | + </div> | |
| 84 | + <ul class="user-fnc-list"> | |
| 85 | + <li> | |
| 86 | + <a href="#none"><i class="ico-profile" aria-hidden="true"></i>프로필</a> | |
| 87 | + </li> | |
| 88 | + <li> | |
| 89 | + <button type="button"><i class="ico-logout" aria-hidden="true"></i>로그아웃</button> | |
| 90 | + </li> | |
| 91 | + </ul> | |
| 92 | + </div> | |
| 93 | + </div> | |
| 94 | + <div class="r-area tamo-flex"> | |
| 95 | + <button type="button" class="btn-site-menu-open"> 메뉴 </button> | |
| 96 | + <div class="site-menu-area"> | |
| 97 | + <nav class="site-menu"> | |
| 98 | + <!--로그인 전--> | |
| 99 | + <div class="menu-header"> | |
| 100 | + <div class="menu-info"> | |
| 101 | + <div class="l-area"> | |
| 102 | + <a href="#none" class="btn-login">로그인을 해주세요.</a> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + <!-- 로그인 후 --> | |
| 106 | + <div class="menu-info"> | |
| 107 | + <div class="l-area"> | |
| 108 | + <div class="profile lg"> | |
| 109 | + <div class="img-area"> | |
| 110 | + <figure> | |
| 111 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 112 | + </figure> | |
| 113 | + </div> | |
| 114 | + <div class="txt-area"> | |
| 115 | + <strong class="profile-tit"><em>학생명</em> 학생</strong> | |
| 116 | + <span>닉네임</span> | |
| 117 | + </div> | |
| 118 | + </div> | |
| 119 | + </div> | |
| 120 | + <div class="r-area"> | |
| 121 | + <a href="#none" class="ico-profile">마이페이지</a> | |
| 122 | + <a href="#none" class="ico-logout">로그아웃</a> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + <div class="menu-util"> | |
| 126 | + <ul class="util"> | |
| 127 | + <li> | |
| 128 | + <a href="#none" title="알림" class="util-noti" onclick=" popupOpenPub('popupmodal');"> | |
| 129 | + <span>알림</span> | |
| 130 | + <span class="badge min">새 알림</span> | |
| 131 | + </a> | |
| 132 | + </li> | |
| 133 | + <li> | |
| 134 | + <a href="#none" title="쪽지" class="util-note"> | |
| 135 | + <span>쪽지</span> | |
| 136 | + </a> | |
| 137 | + </li> | |
| 138 | + <li> | |
| 139 | + <a href="#none" title="바로가기" class="util-shortcut"> | |
| 140 | + <span>바로가기</span> | |
| 141 | + </a> | |
| 142 | + </li> | |
| 143 | + </ul> | |
| 144 | + </div> | |
| 145 | + </div> | |
| 146 | + <div class="menu-body"> | |
| 147 | + <ul class="menu"> | |
| 148 | + <li> | |
| 149 | + <a href="#none">1depth</a> | |
| 150 | + <ul> | |
| 151 | + <li class="is-active"> | |
| 152 | + <a href="#none">2depth</a> | |
| 153 | + <ul> | |
| 154 | + <li><a href="#none">3depth</a></li> | |
| 155 | + <li><a href="#none">3depth</a></li> | |
| 156 | + <li><a href="#none">3depth</a></li> | |
| 157 | + </ul> | |
| 158 | + </li> | |
| 159 | + <li> | |
| 160 | + <a href="#none">2depth</a> | |
| 161 | + <ul> | |
| 162 | + <li><a href="#none">3depth</a></li> | |
| 163 | + <li><a href="#none">3depth</a></li> | |
| 164 | + <li><a href="#none">3depth</a></li> | |
| 165 | + </ul> | |
| 166 | + </li> | |
| 167 | + <li><a href="#none">2depth</a></li> | |
| 168 | + </ul> | |
| 169 | + </li> | |
| 170 | + <li> | |
| 171 | + <a href="#none">1depth</a> | |
| 172 | + <ul> | |
| 173 | + <li> | |
| 174 | + <a href="#none">2depth</a> | |
| 175 | + <ul> | |
| 176 | + <li><a href="#none">3depth</a></li> | |
| 177 | + <li><a href="#none">3depth</a></li> | |
| 178 | + <li><a href="#none">3depth</a></li> | |
| 179 | + </ul> | |
| 180 | + </li> | |
| 181 | + <li><a href="#none">2depth</a></li> | |
| 182 | + <li><a href="#none">2depth</a></li> | |
| 183 | + </ul> | |
| 184 | + </li> | |
| 185 | + </ul> | |
| 186 | + </div> | |
| 187 | + <button type="button" class="btn-site-menu-close">메뉴 닫기</button> | |
| 188 | + </nav> | |
| 189 | + </div> | |
| 190 | + </div> | |
| 191 | + </div> | |
| 192 | + </div> | |
| 193 | + <div class="header-etc"> | |
| 194 | + <div class="wrap"> | |
| 195 | + <div class="l-area"> | |
| 196 | + <nav class="gnb"> | |
| 197 | + <ul> | |
| 198 | + <li> | |
| 199 | + <button type="button">나의 클래스</button> | |
| 200 | + <ul> | |
| 201 | + <li><a href="#none">클래스 모아보기</a></li> | |
| 202 | + <li><a href="#none">내가 개설한 클래스 학습분석</a></li> | |
| 203 | + </ul> | |
| 204 | + </li> | |
| 205 | + <li><a href="#none">우리반 성장기록</a></li> | |
| 206 | + <li> | |
| 207 | + <button type="button">채움 콘텐츠</button> | |
| 208 | + <ul> | |
| 209 | + <li><a href="#none">추천 콘텐츠</a></li> | |
| 210 | + <li><a href="#none">공개 콘텐츠</a></li> | |
| 211 | + <li><a href="#none">수업레시피</a></li> | |
| 212 | + <li><a href="#none">나의 보관함</a></li> | |
| 213 | + </ul> | |
| 214 | + </li> | |
| 215 | + </ul> | |
| 216 | + </nav> | |
| 217 | + </div> | |
| 218 | + </div> | |
| 219 | + </div> | |
| 220 | + <script> | |
| 221 | + $(document).ready(function () { | |
| 222 | + $(document).on("click", ".util a", function (e) { | |
| 223 | + $(".btn-site-menu-close").trigger("click"); | |
| 224 | + }); | |
| 225 | + }); | |
| 226 | + </script> | |
| 227 | + </header> | |
| 228 | + | |
| 229 | + <div class="site-body" id="skipToContents"> | |
| 230 | + | |
| 231 | + </div> | |
| 232 | + </div> | |
| 233 | + <!-- toast --> | |
| 234 | + <div class="toast"></div> | |
| 235 | + | |
| 236 | + <!--popup--> | |
| 237 | + <div class="dim"></div> | |
| 238 | +</body> | |
| 239 | + | |
| 240 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/common/sub/subGnbNone.html
... | ... | @@ -0,0 +1,213 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <!-- //페이지 plugin--> | |
| 24 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 25 | + <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> --> | |
| 26 | + <!--//퍼블 layout--> | |
| 27 | + | |
| 28 | + <!-- 공통 메뉴 js--> | |
| 29 | + <!-- //공통 메뉴 js --> | |
| 30 | + | |
| 31 | + <!--공통 퍼블 js--> | |
| 32 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 33 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 34 | + <!--//공통 퍼블 js--> | |
| 35 | +</head> | |
| 36 | + | |
| 37 | +<body> | |
| 38 | + <div class="accessibility"> | |
| 39 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 40 | + </div> | |
| 41 | + <!-- for-teacher / for-student --> | |
| 42 | + <div class="container"> | |
| 43 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 44 | + <header class="site-header"> | |
| 45 | + <div class="header-top"> | |
| 46 | + <div class="wrap"> | |
| 47 | + <div class="l-area"> | |
| 48 | + <h1 class="logo"><a href="#none">다채움</a><a href="#none" class="txt">채움클래스</a></h1> | |
| 49 | + </div> | |
| 50 | + <div class="r-area pc-flex"> | |
| 51 | + <ul class="util"> | |
| 52 | + <li> | |
| 53 | + <a href="#none" title="알림" class="util-noti"> | |
| 54 | + <span>알림</span> | |
| 55 | + <span class="badge min">새 알림</span> | |
| 56 | + </a> | |
| 57 | + </li> | |
| 58 | + <li> | |
| 59 | + <a href="#none" title="쪽지" class="util-note"> | |
| 60 | + <span>쪽지</span> | |
| 61 | + </a> | |
| 62 | + </li> | |
| 63 | + <li> | |
| 64 | + <a href="#none" title="바로가기" class="util-shortcut"> | |
| 65 | + <span>바로가기</span> | |
| 66 | + </a> | |
| 67 | + </li> | |
| 68 | + </ul> | |
| 69 | + <div class="user-area"> | |
| 70 | + <div class="profile"> | |
| 71 | + <div class="img-area"> | |
| 72 | + <figure> | |
| 73 | + <img src="/resources/front/site/SITE_00000/images/common/profile/e/profile.svg" alt="프로필 썸네일"> | |
| 74 | + </figure> | |
| 75 | + </div> | |
| 76 | + <div class="txt-area"> | |
| 77 | + <strong class="profile-tit"><em>학생명</em> 학생</strong> | |
| 78 | + <span>닉네임</span> | |
| 79 | + </div> | |
| 80 | + <div class="fnc"> | |
| 81 | + <button type="button" class="btn-user-fnc-toggle">열기</button> | |
| 82 | + </div> | |
| 83 | + </div> | |
| 84 | + <ul class="user-fnc-list"> | |
| 85 | + <li> | |
| 86 | + <a href="#none"><i class="ico-profile" aria-hidden="true"></i>프로필</a> | |
| 87 | + </li> | |
| 88 | + <li> | |
| 89 | + <button type="button"><i class="ico-logout" aria-hidden="true"></i>로그아웃</button> | |
| 90 | + </li> | |
| 91 | + </ul> | |
| 92 | + </div> | |
| 93 | + </div> | |
| 94 | + <div class="r-area tamo-flex"> | |
| 95 | + <button type="button" class="btn-site-menu-open"> 메뉴 </button> | |
| 96 | + <div class="site-menu-area"> | |
| 97 | + <nav class="site-menu"> | |
| 98 | + <!--로그인 전--> | |
| 99 | + <div class="menu-header"> | |
| 100 | + <div class="menu-info"> | |
| 101 | + <div class="l-area"> | |
| 102 | + <a href="#none" class="btn-login">로그인을 해주세요.</a> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + <!-- 로그인 후 --> | |
| 106 | + <div class="menu-info"> | |
| 107 | + <div class="l-area"> | |
| 108 | + <div class="profile lg"> | |
| 109 | + <div class="img-area"> | |
| 110 | + <figure> | |
| 111 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 112 | + </figure> | |
| 113 | + </div> | |
| 114 | + <div class="txt-area"> | |
| 115 | + <strong class="profile-tit"><em>학생명</em> 학생</strong> | |
| 116 | + <span>닉네임</span> | |
| 117 | + </div> | |
| 118 | + </div> | |
| 119 | + </div> | |
| 120 | + <div class="r-area"> | |
| 121 | + <a href="#none" class="ico-profile">마이페이지</a> | |
| 122 | + <a href="#none" class="ico-logout">로그아웃</a> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + <div class="menu-util"> | |
| 126 | + <ul class="util"> | |
| 127 | + <li> | |
| 128 | + <a href="#none" title="알림" class="util-noti" onclick=" popupOpenPub('popupmodal');"> | |
| 129 | + <span>알림</span> | |
| 130 | + <span class="badge min">새 알림</span> | |
| 131 | + </a> | |
| 132 | + </li> | |
| 133 | + <li> | |
| 134 | + <a href="#none" title="쪽지" class="util-note"> | |
| 135 | + <span>쪽지</span> | |
| 136 | + </a> | |
| 137 | + </li> | |
| 138 | + <li> | |
| 139 | + <a href="#none" title="바로가기" class="util-shortcut"> | |
| 140 | + <span>바로가기</span> | |
| 141 | + </a> | |
| 142 | + </li> | |
| 143 | + </ul> | |
| 144 | + </div> | |
| 145 | + </div> | |
| 146 | + <div class="menu-body"> | |
| 147 | + <ul class="menu"> | |
| 148 | + <li> | |
| 149 | + <a href="#none">1depth</a> | |
| 150 | + <ul> | |
| 151 | + <li class="is-active"> | |
| 152 | + <a href="#none">2depth</a> | |
| 153 | + <ul> | |
| 154 | + <li><a href="#none">3depth</a></li> | |
| 155 | + <li><a href="#none">3depth</a></li> | |
| 156 | + <li><a href="#none">3depth</a></li> | |
| 157 | + </ul> | |
| 158 | + </li> | |
| 159 | + <li> | |
| 160 | + <a href="#none">2depth</a> | |
| 161 | + <ul> | |
| 162 | + <li><a href="#none">3depth</a></li> | |
| 163 | + <li><a href="#none">3depth</a></li> | |
| 164 | + <li><a href="#none">3depth</a></li> | |
| 165 | + </ul> | |
| 166 | + </li> | |
| 167 | + <li><a href="#none">2depth</a></li> | |
| 168 | + </ul> | |
| 169 | + </li> | |
| 170 | + <li> | |
| 171 | + <a href="#none">1depth</a> | |
| 172 | + <ul> | |
| 173 | + <li> | |
| 174 | + <a href="#none">2depth</a> | |
| 175 | + <ul> | |
| 176 | + <li><a href="#none">3depth</a></li> | |
| 177 | + <li><a href="#none">3depth</a></li> | |
| 178 | + <li><a href="#none">3depth</a></li> | |
| 179 | + </ul> | |
| 180 | + </li> | |
| 181 | + <li><a href="#none">2depth</a></li> | |
| 182 | + <li><a href="#none">2depth</a></li> | |
| 183 | + </ul> | |
| 184 | + </li> | |
| 185 | + </ul> | |
| 186 | + </div> | |
| 187 | + <button type="button" class="btn-site-menu-close">메뉴 닫기</button> | |
| 188 | + </nav> | |
| 189 | + </div> | |
| 190 | + </div> | |
| 191 | + </div> | |
| 192 | + </div> | |
| 193 | + <script> | |
| 194 | + $(document).ready(function () { | |
| 195 | + $(document).on("click", ".util a", function (e) { | |
| 196 | + $(".btn-site-menu-close").trigger("click"); | |
| 197 | + }); | |
| 198 | + }); | |
| 199 | + </script> | |
| 200 | + </header> | |
| 201 | + | |
| 202 | + <div class="site-body" id="skipToContents"> | |
| 203 | + | |
| 204 | + </div> | |
| 205 | + </div> | |
| 206 | + <!-- toast --> | |
| 207 | + <div class="toast"></div> | |
| 208 | + | |
| 209 | + <!--popup--> | |
| 210 | + <div class="dim"></div> | |
| 211 | +</body> | |
| 212 | + | |
| 213 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/index.html
... | ... | @@ -0,0 +1,869 @@ |
| 1 | +<html> | |
| 2 | +<head> | |
| 3 | + <title>publish list</title> | |
| 4 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 6 | + <style> | |
| 7 | + body { | |
| 8 | + padding: 0; | |
| 9 | + margin: 0; | |
| 10 | + overflow-y: scroll; | |
| 11 | + font: 11px/1.2em "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", Apple Gothic, "돋움", Dotum, "굴림", Gulim, sans-serif; | |
| 12 | + } | |
| 13 | + h1, h2 { | |
| 14 | + margin: 5px; | |
| 15 | + font-family: tahoma, sans-serif; | |
| 16 | + font-size: 16px; | |
| 17 | + font-weight: bold; | |
| 18 | + text-transform: capitalize; /*capitalize | uppercase | lowercase | none*/ | |
| 19 | + } | |
| 20 | + h2 { | |
| 21 | + font-size: 12px; | |
| 22 | + } | |
| 23 | + a { | |
| 24 | + text-decoration: none; | |
| 25 | + color: #aaa; | |
| 26 | + } | |
| 27 | + a.newWin { | |
| 28 | + width: 6px; | |
| 29 | + height: 6px; | |
| 30 | + display: inline-block; | |
| 31 | + text-indent: -9999px; | |
| 32 | + border: 1px solid #777; | |
| 33 | + margin: 0 5px; | |
| 34 | + vertical-align: middle; | |
| 35 | + position: relative; | |
| 36 | + } | |
| 37 | + a.newWin:before { | |
| 38 | + content: ''; | |
| 39 | + width: 6px; | |
| 40 | + height: 6px; | |
| 41 | + position: absolute; | |
| 42 | + left: 1px; | |
| 43 | + bottom: 1px; | |
| 44 | + border: 1px solid #777; | |
| 45 | + background: #fff; | |
| 46 | + } | |
| 47 | + h1 a { | |
| 48 | + color: #000; | |
| 49 | + } | |
| 50 | + ul, li { | |
| 51 | + margin: 0; | |
| 52 | + padding: 0; | |
| 53 | + list-style: none; | |
| 54 | + } | |
| 55 | + body > ul { | |
| 56 | + border-bottom: 1px #555 solid; | |
| 57 | + display: none; | |
| 58 | + } | |
| 59 | + li { | |
| 60 | + display: block; | |
| 61 | + padding: 8px 0 0 0; | |
| 62 | + background-repeat: no-repeat; | |
| 63 | + position: relative; | |
| 64 | + } | |
| 65 | + li a:hover { text-decoration:underline; } | |
| 66 | + li:before { | |
| 67 | + content: ''; | |
| 68 | + position: absolute; | |
| 69 | + width: 2px; | |
| 70 | + height: 2px; | |
| 71 | + background: #555; | |
| 72 | + top: 13px; | |
| 73 | + } | |
| 74 | + li span { | |
| 75 | + display: block; | |
| 76 | + color: #888; | |
| 77 | + margin-top: -5px; | |
| 78 | + padding-bottom: 8px; | |
| 79 | + font-size:10px; | |
| 80 | + } | |
| 81 | + li { | |
| 82 | + background-color: #aaa; | |
| 83 | + border-top: 1px #555 solid; | |
| 84 | + } | |
| 85 | + li li { | |
| 86 | + background-color: #ddd; | |
| 87 | + border-top: 1px #777 dotted; | |
| 88 | + } | |
| 89 | + li li li { | |
| 90 | + background-color: #e9e9e9; | |
| 91 | + border-top: 1px #999 dotted; | |
| 92 | + } | |
| 93 | + li li li li { | |
| 94 | + background-color: #eee; | |
| 95 | + border-top: 1px #bbb dotted; | |
| 96 | + } | |
| 97 | + li li li li li { | |
| 98 | + background-color: #f3f3f3; | |
| 99 | + border-top: 1px #ddd dotted; | |
| 100 | + } | |
| 101 | + li li li li li li { | |
| 102 | + background-color: #fff; | |
| 103 | + border-top: 1px #eee dotted; | |
| 104 | + } | |
| 105 | + li:before { | |
| 106 | + left: 10px; | |
| 107 | + } | |
| 108 | + li li:before { | |
| 109 | + left: 20px; | |
| 110 | + } | |
| 111 | + li li li:before { | |
| 112 | + left: 30px; | |
| 113 | + } | |
| 114 | + li li li li:before { | |
| 115 | + left: 40px; | |
| 116 | + } | |
| 117 | + li li li li li:before { | |
| 118 | + left: 50px; | |
| 119 | + } | |
| 120 | + li li li li li li:before { | |
| 121 | + left: 60px; | |
| 122 | + } | |
| 123 | + li a { | |
| 124 | + margin-bottom: 8px; | |
| 125 | + display: inline-block; | |
| 126 | + } | |
| 127 | + li span, | |
| 128 | + li a { | |
| 129 | + margin-left: 15px; | |
| 130 | + } | |
| 131 | + li li span, | |
| 132 | + li li a { | |
| 133 | + margin-left: 25px; | |
| 134 | + } | |
| 135 | + li li li span, | |
| 136 | + li li li a { | |
| 137 | + margin-left: 35px; | |
| 138 | + } | |
| 139 | + li li li li span, | |
| 140 | + li li li li a { | |
| 141 | + margin-left: 45px; | |
| 142 | + } | |
| 143 | + li li li li li span, | |
| 144 | + li li li li li a { | |
| 145 | + margin-left: 55px; | |
| 146 | + } | |
| 147 | + li li li li li li span, | |
| 148 | + li li li li li li a { | |
| 149 | + margin-left: 65px; | |
| 150 | + } | |
| 151 | + li.on:after, | |
| 152 | + li.off:after { | |
| 153 | + content: ''; | |
| 154 | + position: absolute; | |
| 155 | + right: 10px; | |
| 156 | + top: 8px; | |
| 157 | + font-size:14px; | |
| 158 | + width:10px; | |
| 159 | + text-align:center; | |
| 160 | + } | |
| 161 | + li.on:after { | |
| 162 | + content: '+' | |
| 163 | + } | |
| 164 | + li.off:after { | |
| 165 | + content: '-' | |
| 166 | + } | |
| 167 | + li.off ul { | |
| 168 | + display: none; | |
| 169 | + } | |
| 170 | + | |
| 171 | + .ready, .ready a { color: #000; } | |
| 172 | + .mod, .mod a { color: red; } | |
| 173 | + .design, .design a { color: pink; } | |
| 174 | + .working, .working a { color: blue; } | |
| 175 | + .add, .add a { color: green; } | |
| 176 | + .temp, li.temp a { color: #ff6600; } | |
| 177 | + .before, .before a { color: #aaa; } | |
| 178 | + .x, .x a { | |
| 179 | + color: #aaa; | |
| 180 | + cursor: default; | |
| 181 | + text-decoration: line-through; | |
| 182 | + } | |
| 183 | + | |
| 184 | + .guide { | |
| 185 | + display: block; | |
| 186 | + margin: 10px; | |
| 187 | + font-size: 11px; | |
| 188 | + } | |
| 189 | + .guide span { | |
| 190 | + line-height: 1.5em; | |
| 191 | + } | |
| 192 | + | |
| 193 | + li time { | |
| 194 | + color: #555; | |
| 195 | + } | |
| 196 | + li.highlight { | |
| 197 | + background-color: #ffffaa | |
| 198 | + } | |
| 199 | + li.highlight li { | |
| 200 | + /* background-color: #ffffee */ | |
| 201 | + } | |
| 202 | + | |
| 203 | + .pubList { | |
| 204 | + float: left; | |
| 205 | + width: 320px; | |
| 206 | + height: 100vh; | |
| 207 | + overflow-y: scroll; | |
| 208 | + } | |
| 209 | + .iframe-wrap { | |
| 210 | + float: right; | |
| 211 | + width: calc(100% - 320px); | |
| 212 | + padding: 0; | |
| 213 | + } | |
| 214 | + .iframe-wrap iframe { | |
| 215 | + width: 100%; | |
| 216 | + border: 0; | |
| 217 | + margin: 0; | |
| 218 | + padding: 0; | |
| 219 | + height: 100vh; | |
| 220 | + overflow: auto; | |
| 221 | + } | |
| 222 | + .cb { | |
| 223 | + clear: both; | |
| 224 | + } | |
| 225 | + | |
| 226 | + /********design : 디자인 요청, mod : 변경, ready : 작업완료, temp : 임시파일, x : 삭제대상 ********/ | |
| 227 | + </style> | |
| 228 | + <script> | |
| 229 | + window.onload = function () { | |
| 230 | + var body = document.body; | |
| 231 | + var obj = body.getElementsByTagName("ul")[0]; | |
| 232 | + obj.style.display = "block"; | |
| 233 | + writeLink(obj.getElementsByTagName("li")); | |
| 234 | + } | |
| 235 | + | |
| 236 | + function writeLink(obj) { | |
| 237 | + for (var i = 0; i < obj.length; i++) { | |
| 238 | + var nm, lk, sp, date, dateArr; | |
| 239 | + if (obj[i].innerHTML.split("<")[0].search(",") != -1) { | |
| 240 | + nm = obj[i].innerHTML.split(",")[0]; | |
| 241 | + lk = obj[i].innerHTML.split(",")[1].split("<")[0]; | |
| 242 | + if (obj[i].innerHTML.split(",").length > 2) { | |
| 243 | + date = obj[i].innerHTML.split(",").slice(obj[i].innerHTML.split(",").length - 1, obj[i].innerHTML.split(",").length).join(); | |
| 244 | + dateArr = obj[i].innerHTML.split(",").slice(2, obj[i].innerHTML.split(",").length).join(); | |
| 245 | + sp = nm + "," + lk + "," + obj[i].innerHTML.split(",").slice(2, obj[i].innerHTML.split(",").length).join(); | |
| 246 | + } else { | |
| 247 | + date = ""; | |
| 248 | + sp = nm + "," + lk; | |
| 249 | + } | |
| 250 | + lk = lk; | |
| 251 | + } else { | |
| 252 | + nm = obj[i].innerHTML.split("<")[0]; | |
| 253 | + lk = "#none" | |
| 254 | + sp = nm; | |
| 255 | + } | |
| 256 | + var child = obj[i].innerHTML.split(sp)[1]; | |
| 257 | + | |
| 258 | + if (lk == "javascript:;" || lk == "#none") { | |
| 259 | + obj[i].innerHTML = "<a href='" + lk + "' onclick='fncHighlight(this);'>" + nm + "</a>" + child; | |
| 260 | + } else { | |
| 261 | + obj[i].innerHTML = "<a href='" + lk + "' target='pubView' onclick='fncHighlight(this);'>" + nm + "</a>" + "<a href='" + lk + "' class='newWin' target='preview' title='open new window' onclick='fncHighlight(this);'>new window</a>" + "<time title='" + dateArr + "'>" + date + "</time>" + "<span>" + lk + "</span>" + child; | |
| 262 | + } | |
| 263 | + | |
| 264 | + if (child !== "") { | |
| 265 | + var link = obj[i].getElementsByTagName("a")[0]; | |
| 266 | + link.addEventListener('click', switchOnOff, false); | |
| 267 | + | |
| 268 | + var li = obj[i]; | |
| 269 | + if (!li.classList.contains('off')) { | |
| 270 | + li.classList.add('on'); | |
| 271 | + } | |
| 272 | + } | |
| 273 | + } | |
| 274 | + } | |
| 275 | + | |
| 276 | + function switchOnOff(event) { | |
| 277 | + var target = event.target; | |
| 278 | + var parent = target.closest('li'); | |
| 279 | + if (parent.classList.contains('on')) { | |
| 280 | + parent.classList.add('off'); | |
| 281 | + parent.classList.remove('on'); | |
| 282 | + } else { | |
| 283 | + parent.classList.add('on'); | |
| 284 | + parent.classList.remove('off'); | |
| 285 | + } | |
| 286 | + } | |
| 287 | + | |
| 288 | + function switchOnOffAll(event) { | |
| 289 | + var target = event.target; | |
| 290 | + if (target.innerHTML.indexOf("펼치기") !== -1) { | |
| 291 | + target.innerHTML = target.innerHTML.replace("펼치기", "닫기"); | |
| 292 | + var offItems = document.querySelectorAll('.off'); | |
| 293 | + offItems.forEach(function(item) { | |
| 294 | + item.classList.remove('off'); | |
| 295 | + item.classList.add('on'); | |
| 296 | + }); | |
| 297 | + } else { | |
| 298 | + target.innerHTML = target.innerHTML.replace("닫기", "펼치기"); | |
| 299 | + var onItems = document.querySelectorAll('.on'); | |
| 300 | + onItems.forEach(function(item) { | |
| 301 | + item.classList.remove('on'); | |
| 302 | + item.classList.add('off'); | |
| 303 | + }); | |
| 304 | + } | |
| 305 | + } | |
| 306 | + | |
| 307 | + function fncHighlight(obj) { | |
| 308 | + var highlighted = document.querySelectorAll('.highlight'); | |
| 309 | + highlighted.forEach(function(item) { | |
| 310 | + item.classList.remove('highlight'); | |
| 311 | + }); | |
| 312 | + var closestLi = obj.closest('li'); | |
| 313 | + closestLi.classList.add('highlight'); | |
| 314 | + } | |
| 315 | + </script> | |
| 316 | +</head> | |
| 317 | + | |
| 318 | +<body> | |
| 319 | + <div class="pubList"> | |
| 320 | + <h1><a href="index.html" target="_parent">publish list</a></h1> | |
| 321 | + <h2>publish</h2> | |
| 322 | + | |
| 323 | + <div class="guide"> | |
| 324 | + <span class="ready">■ 검은색 - 퍼블리싱 완료</span><br> | |
| 325 | + <span class="before">■ 회색 - 작업전</span><br> | |
| 326 | + <span class="working">■ 파란색 - 작업중</span><br> | |
| 327 | + <span class="design">■ 분홍색 - 기획 확인 필요</span><br> | |
| 328 | + <span class="mod">■ 빨간색 - 수정됨</span><br> | |
| 329 | + <span class="add">■ 초록색 - 추가</span><br><br> | |
| 330 | + <span class="x">■ 작업안함</span><br><br> | |
| 331 | + <a href="#none" title="전체 목록 토글" onclick="switchOnOffAll(event);">전체 펼치기</a> | |
| 332 | + </div> | |
| 333 | + <ul class="ready"> | |
| 334 | + <li> | |
| 335 | + Guide | |
| 336 | + <ul> | |
| 337 | + <li>Guide,common/_guide/guide.html</li> | |
| 338 | + <li>sub_layout 선생님,manager/sub/layout.html</li> | |
| 339 | + <li>list,manager/sub/list.html</li> | |
| 340 | + <li>성취기준 검색,manager/sub/achievecode.html</li> | |
| 341 | + <li>Error,common/_guide/error.html</li> | |
| 342 | + <li>loading,common/_guide/loading.html</li> | |
| 343 | + <li>sub,common/sub/sub.html</li> | |
| 344 | + <li>sub_gnb_none,common/sub/subGnbNone.html</li> | |
| 345 | + </ul> | |
| 346 | + </li> | |
| 347 | + <li class="off"> | |
| 348 | + 데이터 없음 | |
| 349 | + <ul> | |
| 350 | + <li>선생님 | |
| 351 | + <ul> | |
| 352 | + <li>클래스메인,common/empty/classMain.html</li> | |
| 353 | + <li>클래스홈,common/empty/classHome.html</li> | |
| 354 | + <li>클래스별 학습분석,common/empty/analyticsClass.html</li> | |
| 355 | + <li>접근안내,common/empty/guidance.html</li> | |
| 356 | + <li>검색결과,common/empty/searchResult.html</li> | |
| 357 | + <li>나의보관함,common/empty/myStorage.html</li> | |
| 358 | + </ul> | |
| 359 | + </li> | |
| 360 | + <li> | |
| 361 | + 멤버 | |
| 362 | + <ul> | |
| 363 | + <li>클래스홈,common/empty/classHome_member.html</li> | |
| 364 | + </ul> | |
| 365 | + </li> | |
| 366 | + <li> | |
| 367 | + 학생 | |
| 368 | + <ul> | |
| 369 | + <li>메인,common/empty/main_student.html</li> | |
| 370 | + </ul> | |
| 371 | + </li> | |
| 372 | + </ul> | |
| 373 | + </li> | |
| 374 | + <!-- <l i>메인,main/main.html</l> --> | |
| 375 | + <li> | |
| 376 | + 선생님 | |
| 377 | + <ul> | |
| 378 | + <li> | |
| 379 | + 유틸 | |
| 380 | + <ul> | |
| 381 | + <li> | |
| 382 | + 알림 | |
| 383 | + <ul> | |
| 384 | + <li>[팝업]알림,manager/util/pop_notification.html</li> | |
| 385 | + <li>[팝업]알림설정,manager/util/pop_notification_setting.html</li> | |
| 386 | + </ul> | |
| 387 | + </li> | |
| 388 | + <li>쪽지,manager/util/message.html</li> | |
| 389 | + <li>바로가기 | |
| 390 | + <ul> | |
| 391 | + <li>바로가기,manager/util/pop_bookmark.html</li> | |
| 392 | + <li>바로가기 추가,manager/util/pop_bookmarkAdd.html</li> | |
| 393 | + <li>바로가기 수정,manager/util/pop_bookmarkEdit.html</li> | |
| 394 | + </ul> | |
| 395 | + </li> | |
| 396 | + <li>채움포인트 | |
| 397 | + <ul> | |
| 398 | + <li>배지 아이템,manager/util/pop_profileDeco.html</li> | |
| 399 | + <li>포인트 내역,manager/util/pop_pointHistory.html</li> | |
| 400 | + </ul> | |
| 401 | + </li> | |
| 402 | + </ul> | |
| 403 | + </li> | |
| 404 | + <li> | |
| 405 | + 클래스 | |
| 406 | + <ul> | |
| 407 | + <li> | |
| 408 | + 나의클래스 | |
| 409 | + <ul> | |
| 410 | + <li>클래스메인,manager/class/classMain.html</li> | |
| 411 | + <li>클래스홈,manager/class/classHome.html</li> | |
| 412 | + <li>[팝업]클래스 소개,manager/class/pop_classInfo.html</li> | |
| 413 | + <li>[팝업]일정보기,manager/class/pop_schedule.html</li> | |
| 414 | + <li>[팝업]클래스찾기,manager/class/pop_classFind.html</li> | |
| 415 | + <li>클래스 만들기,manager/class/classAdd.html</li> | |
| 416 | + <li>[팝업]게시판 추가하기(설정),manager/class/pop_boardSetting.html</li> | |
| 417 | + <li>[팝업]학생찾기/멤버 검색,manager/class/pop_memberFind.html</li> | |
| 418 | + <li>[팝업]학생찾기/멤버 검색(클래스),manager/class/pop_memberFind_class.html</li> | |
| 419 | + <li>클래스 관리,manager/class/classManage.html</li> | |
| 420 | + <li>[팝업]클래스 가입코드,manager/class/pop_classCode.html</li> | |
| 421 | + <li>클래스 수정,manager/class/classEdit.html</li> | |
| 422 | + | |
| 423 | + <li> | |
| 424 | + 멤버관리 | |
| 425 | + <ul> | |
| 426 | + <li>상태관리,manager/class/memberManage_state.html</li> | |
| 427 | + <li>[팝업]초대하기,manager/class/pop_invite.html</li> | |
| 428 | + <li>[새창]초대 수락,manager/class/popWin_invite.html</li> | |
| 429 | + <li>[팝업]내보내기이력,manager/class/pop_exportHistory.html</li> | |
| 430 | + <li>권한관리,manager/class/memberManage_auth.html</li> | |
| 431 | + <li> | |
| 432 | + 모둠관리 | |
| 433 | + <ul> | |
| 434 | + <li>모둠관리,manager/class/memberManage_group.html</li> | |
| 435 | + <li>모둠 만들기,manager/class/memberManage_groupWrite.html</li> | |
| 436 | + <li>[팝업]인원수 선택,manager/class/pop_groupNum.html</li> | |
| 437 | + </ul> | |
| 438 | + </li> | |
| 439 | + </ul> | |
| 440 | + </li> | |
| 441 | + <li> | |
| 442 | + 수업 | |
| 443 | + <ul> | |
| 444 | + <li>수업,manager/class/class.html</li> | |
| 445 | + <li>수업 상세보기,manager/class/classView.html</li> | |
| 446 | + <li>[팝업]학습완료 리스트,manager/class/pop_classSubmit.html</li> | |
| 447 | + <li> | |
| 448 | + 문제풀이 결과 | |
| 449 | + <ul> | |
| 450 | + <li>멤버별 보기,manager/class/solveResult.html</li> | |
| 451 | + <li>문항별 보기 | |
| 452 | + <ul> | |
| 453 | + <li>단순선택형,manager/class/solveResult_quiz.html</li> | |
| 454 | + <li>주관식,manager/class/solveResult_quiz_essay.html</li> | |
| 455 | + <li>세트문항,manager/class/solveResult_quiz_group.html</li> | |
| 456 | + <li>만료된 문항,manager/class/solveResult_quiz_expire.html</li> | |
| 457 | + </ul> | |
| 458 | + </li> | |
| 459 | + </ul> | |
| 460 | + </li> | |
| 461 | + <li> | |
| 462 | + [고도화]문제풀이 결과 | |
| 463 | + <ul> | |
| 464 | + <li>문제풀이결과,manager/class/solveResult_new.html</li> | |
| 465 | + <li>채점하기,manager/class/solveResult_quiz_essay_new.html</li> | |
| 466 | + <li>개별 문제풀이결과,manager/class/solveResult_each_new.html</li> | |
| 467 | + </ul> | |
| 468 | + </li> | |
| 469 | + <li> | |
| 470 | + 수업꾸러미 만들기 | |
| 471 | + <ul> | |
| 472 | + <li>수업꾸러미 만들기,manager/classViewer/classViewer.html</li> | |
| 473 | + <li>수업꾸러미 만들기_판서,manager/classViewer/classViewer_painter.html</li> | |
| 474 | + <li>수업꾸러미 만들기_문서,manager/classViewer/classViewer_painter_doc.html</li> | |
| 475 | + <li>수업꾸러미 만들기_퀴즈,manager/classViewer/classViewer_quiz.html</li> | |
| 476 | + <li>수업꾸러미 만들기_URL,manager/classViewer/classViewer_url.html</li> | |
| 477 | + <li class="add">수업꾸러미 만들기_웹오피스,manager/classViewer/classViewer_weboffice.html</li> | |
| 478 | + <li>수업꾸러미 만들기_제출완료,manager/classViewer/classViewer_test_done.html</li> | |
| 479 | + <li>[팝업]파일 업로드,manager/classViewer/pop_addFile.html</li> | |
| 480 | + <li>[팝업]링크추가,manager/classViewer/pop_addLink.html</li> | |
| 481 | + <li>[팝업]나의 보관함에서 추가,manager/classViewer/pop_addArchive.html</li> | |
| 482 | + <li>[팝업]콘텐츠에서 검색,manager/classViewer/pop_searchContents.html</li> | |
| 483 | + <li>[팝업]새로 만들기,manager/classViewer/pop_addNewWrite.html</li> | |
| 484 | + <li>[팝업]북마크,manager/classViewer/pop_bookmark.html</li> | |
| 485 | + <li>[팝업]저장,manager/classViewer/pop_savePackage.html</li> | |
| 486 | + <li>[고도화][팝업]저장,manager/classViewer/pop_savePa ckage_new.html</li> | |
| 487 | + <li>[팝업]채팅,manager/classViewer/pop_chat.html</li> | |
| 488 | + <!-- <li class="before"> | |
| 489 | + 콘텐츠 | |
| 490 | + <ul> | |
| 491 | + <li>영상</li> | |
| 492 | + <li>이미지</li> | |
| 493 | + <li>문서</li> | |
| 494 | + <li>문항 | |
| 495 | + <ul> | |
| 496 | + <li>수업용</li> | |
| 497 | + <li>cbt</li> | |
| 498 | + </ul> | |
| 499 | + </li> | |
| 500 | + <li>웹오피스</li> | |
| 501 | + <li>url</li> | |
| 502 | + <li>화이트보드</li> | |
| 503 | + </ul> | |
| 504 | + </li> --> | |
| 505 | + <li>[팝업]타이머,manager/classViewer/pop_timer.html</li> | |
| 506 | + </ul> | |
| 507 | + </li> | |
| 508 | + <li>수업꾸러미 튜토리얼,manager/tutorial/tutorial_classViewer1.html</li> | |
| 509 | + </ul> | |
| 510 | + </li> | |
| 511 | + <li class="add"> | |
| 512 | + 웹오피스 | |
| 513 | + <ul> | |
| 514 | + <li>[팝업]웹오피스에서 추가,manager/class/pop_weboffice.html</li> | |
| 515 | + <li>[팝업]웹오피스 추가,manager/class/pop_webofficeAdd.html</li> | |
| 516 | + </ul> | |
| 517 | + </li> | |
| 518 | + <li>과제 | |
| 519 | + <ul> | |
| 520 | + <li>과제,manager/class/homewrork.html</li> | |
| 521 | + <li class="mod">과제 상세,manager/class/homewrorkView.html</li> | |
| 522 | + <li>[팝업]제출 완료 리스트,manager/class/pop_homeworkSubmit.html</li> | |
| 523 | + <li>제출 과제보기,manager/class/homewrorkSubmit.html</li> | |
| 524 | + <li>[팝업]과제물 조회/평가,manager/class/pop_homewrorkSubmitView.html</li> | |
| 525 | + <li class="mod">[팝업]과제물 조회/평가_과제,manager/class/pop_homewrorkSubmitView_form.html</li> | |
| 526 | + <li>학생별 보기,manager/class/homewrorkSubmit_student.html</li> | |
| 527 | + <li class="mod">과제만들기,manager/class/homewrorkWrite.html</li> | |
| 528 | + <li>[인쇄]과제,manager/class/print_homework.html</li> | |
| 529 | + </ul> | |
| 530 | + </li> | |
| 531 | + <li> | |
| 532 | + 평가 | |
| 533 | + <ul> | |
| 534 | + <li>평가,manager/class/assessment.html</li> | |
| 535 | + <li>상세보기,manager/class/assessmentView.html</li> | |
| 536 | + <li>[팝업]풀이완료 리스트,manager/class/pop_assessmentSubmit.html</li> | |
| 537 | + <li>[뷰어]평가지 보기,manager/class/assessmentViewer.html</li> | |
| 538 | + <li>평가지 만들기,manager/class/assessmentWrite.html</li> | |
| 539 | + </ul> | |
| 540 | + </li> | |
| 541 | + <li> | |
| 542 | + 알림장 | |
| 543 | + <ul> | |
| 544 | + <li>알림장,manager/class/agendar.html</li> | |
| 545 | + <li class="mod">[새창]알림장 상세(슬라이드),manager/class/popWin_agendarView.html</li> | |
| 546 | + <li>[새창]알림장 상세,manager/class/popWin_agendarView2.html</li> | |
| 547 | + <li class="mod">알림장 글쓰기,manager/class/agendarWrite.html</li> | |
| 548 | + </ul> | |
| 549 | + </li> | |
| 550 | + <li> | |
| 551 | + 자유게시판 | |
| 552 | + <ul> | |
| 553 | + <li>자유게시판,manager/class/board.html</li> | |
| 554 | + <li class="mod">상세보기,manager/class/boardView.html</li> | |
| 555 | + <li class="mod">글쓰기,manager/class/boardWrite.html</li> | |
| 556 | + </ul> | |
| 557 | + </li> | |
| 558 | + <li>감정 출석부,manager/class/emotionCalendar.html</li> | |
| 559 | + <li> | |
| 560 | + 설문 | |
| 561 | + <ul> | |
| 562 | + <li>설문,manager/class/survey.html</li> | |
| 563 | + <li>설문 만들기,manager/class/surveyWrite.html</li> | |
| 564 | + <li>설문 결과,manager/class/surveyViewResult.html</li> | |
| 565 | + <li>설문 결과 개별응답,manager/class/surveyViewResult_each.html</li> | |
| 566 | + <li>[새창]설문상세,manager/class/surveyView_popWin.html</li> | |
| 567 | + <li class="before">[팝업]설문조사</li> | |
| 568 | + </ul> | |
| 569 | + </li> | |
| 570 | + <li>[고도화]채움 클래스 둘러보기,manager/class/classSearch.html</li> | |
| 571 | + <li>[고도화][팝업]클래스 소개,manager/class/pop_classInfo.html</li> | |
| 572 | + <li> | |
| 573 | + 활동내역 보기 | |
| 574 | + <ul> | |
| 575 | + <li>내가 개설한 클래스_클래스별,manager/class/activityHis.html</li> | |
| 576 | + <li>내가 개설한 클래스_학생별,manager/class/activityHis_student.html</li> | |
| 577 | + <li>내가 가입한 클래스,manager/class/activityHis_member.html</li> | |
| 578 | + </ul> | |
| 579 | + </li> | |
| 580 | + </ul> | |
| 581 | + </li> | |
| 582 | + </ul> | |
| 583 | + </li> | |
| 584 | + <li> | |
| 585 | + 우리반 성장 기록 | |
| 586 | + <ul> | |
| 587 | + <li>우리반 학습분석 | |
| 588 | + <ul> | |
| 589 | + <li> | |
| 590 | + 멀티클래스(담임) | |
| 591 | + <ul> | |
| 592 | + <li>우리반 요약,manager/analytics/analyticsMyClass_summary.html</li> | |
| 593 | + <li>교과목별 분석,manager/analytics/analyticsMyClass_subject.html</li> | |
| 594 | + <li>[팝업]성취기준별 성취율,manager/analytics/pop_achievecode.html</li> | |
| 595 | + <li> | |
| 596 | + 스스로채움 학습분석 | |
| 597 | + <ul> | |
| 598 | + <li>스스로채움 학습분석,manager/analytics/analyticsMyClass_dkStudy.html</li> | |
| 599 | + <li>[팝업]학습 상태별 학생 현황,manager/analytics/pop_studentHistory.html</li> | |
| 600 | + <li>[팝업]오늘의 학습 시간 상세,manager/analytics/pop_todayView_time.html</li> | |
| 601 | + <li>[팝업]오늘의 학습 완료율 상세,manager/analytics/pop_todayStudy.html</li> | |
| 602 | + </ul> | |
| 603 | + </li> | |
| 604 | + <li>채움책방·기초학력진단·진로진학,manager/analytics/analyticsMyClass_basictest.html</li > | |
| 605 | + <li>콘텐츠 활용 현황,manager/analytics/analyticsMyClass_contents.html</li> | |
| 606 | + </ul> | |
| 607 | + </li> | |
| 608 | + <li> | |
| 609 | + 멀티클래스(담임) 학생별 | |
| 610 | + <ul> | |
| 611 | + <li>학생별 보기,manager/analytics/analyticsMyClass_student.html</li> | |
| 612 | + <li>학생별 보기_교과목별 분석,manager/analytics/analyticsMyClass_student_subject.html</li> | |
| 613 | + <li>[팝업]학부모 표시 설정,manager/analytics/pop_parentViewSet.html</li> | |
| 614 | + <li>[팝업]인쇄설정,manager/analytics/pop_printSet.html</li> | |
| 615 | + <li>[팝업]성취기준별 성취율,manager/analytics/pop_achievecode.html</li> | |
| 616 | + <li>[인쇄]학생별 보기,manager/analytics/print_analyticsMyClass_student.html</li> | |
| 617 | + </ul> | |
| 618 | + </li> | |
| 619 | + <li> | |
| 620 | + 싱글클래스(클래스장) | |
| 621 | + <ul> | |
| 622 | + <li>[팝업]수업설문,manager/analytics/pop_lessonSurvey.html</li> | |
| 623 | + <li>수업 | |
| 624 | + <ul> | |
| 625 | + <li>수업,manager/analytics/analyticsClass.html</li> | |
| 626 | + <li>[팝업]수업이수율 상세 보기,manager/analytics/pop_lessonCompRate.html</li> | |
| 627 | + <li>[팝업]수업이해도 상세 보기,manager/analytics/pop_lessonUnderstand.html</li> | |
| 628 | + <li>[팝업]수업 학습 상태별 학생 현황,manager/analytics/pop_studentHistory_lesson.html</li> | |
| 629 | + </ul> | |
| 630 | + </li> | |
| 631 | + <li>과제 | |
| 632 | + <ul> | |
| 633 | + <li>과제,manager/analytics/analyticsClass_homework.html</li> | |
| 634 | + <li>[팝업]과제 평가 리포트 상세,manager/analytics/pop_homework.html</li> | |
| 635 | + <li>[팝업]과제 학습 상태별 학생 현황,manager/analytics/pop_studentHistory_homework.html</li> | |
| 636 | + </ul> | |
| 637 | + </li> | |
| 638 | + <li>평가 | |
| 639 | + <ul> | |
| 640 | + <li>평가,manager/analytics/analyticsClass_test.html</li> | |
| 641 | + <li>[팝업]교과목별 정답률 상세,manager/analytics/pop_subjectAnswer.html</li> | |
| 642 | + <li>[팝업]평가 학습 상태별 학생 현황,manager/analytics/pop_studentHistory_test.html</li> | |
| 643 | + </ul> | |
| 644 | + </li> | |
| 645 | + <li>커뮤니티,manager/analytics/analyticsClass_community.html</li> | |
| 646 | + </ul> | |
| 647 | + </li> | |
| 648 | + <li>학생 오답노트,manager/analytics/wrongNote.html</li> | |
| 649 | + </ul> | |
| 650 | + </li> | |
| 651 | + <li> | |
| 652 | + 학생 포인트 | |
| 653 | + <ul> | |
| 654 | + <li>포인트 지급회수,manager/analytics/point.html</li> | |
| 655 | + <li>포인트 지급회수 이력,manager/analytics/pointHistory.html</li> | |
| 656 | + </ul> | |
| 657 | + </li> | |
| 658 | + </ul> | |
| 659 | + </li> | |
| 660 | + <li> | |
| 661 | + 콘텐츠 | |
| 662 | + <ul> | |
| 663 | + <li> | |
| 664 | + 추천콘텐츠 | |
| 665 | + <ul> | |
| 666 | + <li>추천 콘텐츠,manager/contents/recommend.html</li> | |
| 667 | + <li>[팝업]맞춤설정,manager/contents/pop_contentsSet.html</li> | |
| 668 | + <li>[팝업]조건 검색,manager/contents/pop_conditionSearch.html</li> | |
| 669 | + <li>검색결과,manager/contents/searchResult.html</li> | |
| 670 | + </ul> | |
| 671 | + </li> | |
| 672 | + <li> | |
| 673 | + 공개콘텐츠 | |
| 674 | + <ul> | |
| 675 | + <li>공개 콘텐츠,manager/contents/contents.html</li> | |
| 676 | + <li>공개 콘텐츠-문항,manager/contents/contents_quiz.html</li> | |
| 677 | + <li>[팝업]새로 만들기,manager/contents/pop_newContents.html</li> | |
| 678 | + <li>유저별 콘텐츠,manager/contents/userContents.html</li> | |
| 679 | + <li>콘텐츠 상세,manager/contents/contentsView.html</li> | |
| 680 | + <li>콘텐츠 상세-문항,manager/contents/contentsView_quiz.html</li> | |
| 681 | + <li>콘텐츠 상세-평가지,manager/contents/contentsView_test.html</li> | |
| 682 | + <li>콘텐츠 만들기,manager/contents/contentsWrite.html</li> | |
| 683 | + <li>[고도화]콘텐츠 만들기,manager/contents/contentsWrite_new.html</li> | |
| 684 | + <li>[팝업]저작권 안내,manager/contents/pop_copyright.html</li> | |
| 685 | + <li>문항 만들기-단일,manager/contents/quizWrite.html</li> | |
| 686 | + <li>문항 만들기-세트,manager/contents/quizWrite_set.html</li> | |
| 687 | + <li> | |
| 688 | + [고도화]문항만들기 | |
| 689 | + <ul> | |
| 690 | + <li>문항만들기1,manager/contents/quizWrite1_new.html</li> | |
| 691 | + <li>문항만들기2,manager/contents/quizWrite2_new.html</li> | |
| 692 | + </ul> | |
| 693 | + </li> | |
| 694 | + <!-- <li>문항 만들기2,manager/contents/quizWrite2.html</li> --> | |
| 695 | + <li>평가지 만들기-직접구성,manager/contents/testWrite.html</li> | |
| 696 | + <li>평가지 만들기-자동구성,manager/contents/testWrite_auto.html</li> | |
| 697 | + <li> | |
| 698 | + [고도화]평가지만들기 | |
| 699 | + <ul> | |
| 700 | + <li>평가지 만들기-직접구성1,manager/contents/testWrite1_new.html</li> | |
| 701 | + <li>평가지 만들기-직접구성2,manager/contents/testWrite2_new.html</li> | |
| 702 | + <li>평가지 만들기-자동구성1,manager/contents/testWrite1_auto_new.html</li> | |
| 703 | + <li>뷰어 미리보기,manager/contents/testViewer_new.html</li> | |
| 704 | + </ul> | |
| 705 | + </li> | |
| 706 | + </ul> | |
| 707 | + </li> | |
| 708 | + <li> | |
| 709 | + 수업레시피 | |
| 710 | + <ul> | |
| 711 | + <li>수업레시피,manager/contents/recipe.html</li> | |
| 712 | + <li>수업레시피 상세,manager/contents/recipeView.html</li> | |
| 713 | + <li>수업레시피 만들기,manager/contents/recipeWrite.html</li> | |
| 714 | + <li>[고도화]수업레시피 만들기,manager/contents/recipeWrite_new.html</li> | |
| 715 | + </ul> | |
| 716 | + </li> | |
| 717 | + <li> | |
| 718 | + 나의 보관함 | |
| 719 | + <ul> | |
| 720 | + <li>나의 보관함,manager/contents/myStorage.html</li> | |
| 721 | + <li>[팝업]나의 구독 리스트,manager/contents/pop_mySubscription.html</li> | |
| 722 | + <li>[팝업]구독자 리스트,manager/contents/pop_subscriber.html</li> | |
| 723 | + <li>내 자료,manager/contents/myContents.html</li> | |
| 724 | + <li>[팝업]좋아요 리스트,manager/contents/pop_favoriteUser.html</li> | |
| 725 | + <li>[팝업]댓글,manager/contents/pop_comment.html</li> | |
| 726 | + <li>휴지통,manager/contents/trash.html</li> | |
| 727 | + <li>담은 자료,manager/contents/archiveContents.html</li> | |
| 728 | + <li>내 교과서,manager/contents/myTextbook.html</li> | |
| 729 | + <li>[팝업]교과서 찾기,manager/contents/pop_searchTextbook.html</li> | |
| 730 | + </ul> | |
| 731 | + </li> | |
| 732 | + <li> | |
| 733 | + [2024]뷰어 | |
| 734 | + <ul> | |
| 735 | + <li> | |
| 736 | + 사용 타입 | |
| 737 | + <ul> | |
| 738 | + <li>[2024]뷰어,manager/viewer/viewer.html</li> | |
| 739 | + <li>[2024]문항,manager/viewer/quizViewer.html</li> | |
| 740 | + <li>문항_검수단,manager/viewer/quizViewer_check.html,23-04-27</li> | |
| 741 | + <li>[2024]평가지,manager/viewer/testViewer.html</li> | |
| 742 | + </ul> | |
| 743 | + </li> | |
| 744 | + <li> | |
| 745 | + 콘텐츠 타입 | |
| 746 | + <ul> | |
| 747 | + <li>비디오,manager/viewer/viewer_video.html</li> | |
| 748 | + <li>pdf,manager/viewer/viewer_pdf.html</li> | |
| 749 | + <li>pdf custom,manager/viewer/viewer_pdfCus.html</li> | |
| 750 | + <li> | |
| 751 | + 문항 | |
| 752 | + <ul> | |
| 753 | + <li>단순선택형,manager/viewer/viewer_quiz.html</li> | |
| 754 | + <li>단순선택형 정답,manager/viewer/viewer_quizAnswer.html</li> | |
| 755 | + <li>단순선택형_세트,manager/viewer/viewer_quiz_group.html</li> | |
| 756 | + <li>단답형,manager/viewer/viewer_quizShort.html</li> | |
| 757 | + <li>단답형 정답,manager/viewer/viewer_quizShortAnswer.html</li> | |
| 758 | + </ul> | |
| 759 | + </li> | |
| 760 | + <li>텍스트,manager/viewer/viewer_msg.html</li> | |
| 761 | + <li>[2024]수업자료,manager/viewer/viewer_classdata.html</li> | |
| 762 | + </ul> | |
| 763 | + </li> | |
| 764 | + </ul> | |
| 765 | + </li> | |
| 766 | + </ul> | |
| 767 | + </li> | |
| 768 | + <li>[교과서뷰어],manager/textbookViewer/textbookViewer.html</li> | |
| 769 | + </ul> | |
| 770 | + </li> | |
| 771 | + <li> | |
| 772 | + 멤버 | |
| 773 | + <ul> | |
| 774 | + <li> | |
| 775 | + 나의클래스 | |
| 776 | + <ul> | |
| 777 | + <li>홈,member/class/classHome.html</li> | |
| 778 | + <li>수업 | |
| 779 | + <ul> | |
| 780 | + <li>수업,member/class/class.html</li> | |
| 781 | + </ul> | |
| 782 | + </li> | |
| 783 | + <li>과제 | |
| 784 | + <ul> | |
| 785 | + <li class="mod">과제 제출하기,member/class/homeworkWrite.html</li> | |
| 786 | + </ul> | |
| 787 | + </li> | |
| 788 | + <li>자유게시판 | |
| 789 | + <ul> | |
| 790 | + <li>상세보기,member/class/boardView.html</li> | |
| 791 | + </ul> | |
| 792 | + </li> | |
| 793 | + <li>감정출석부 | |
| 794 | + <ul> | |
| 795 | + <li>감정체크,member/class/emotionCheck.html</li> | |
| 796 | + <li>[팝업]감정출석부,member/class/pop_emotionCalendar.html</li> | |
| 797 | + </ul> | |
| 798 | + </li> | |
| 799 | + </ul> | |
| 800 | + </li> | |
| 801 | + </ul> | |
| 802 | + </li> | |
| 803 | + <li> | |
| 804 | + 학생 | |
| 805 | + <ul> | |
| 806 | + <li>스스로 채움 | |
| 807 | + <ul> | |
| 808 | + <li>오늘의 학습 | |
| 809 | + <ul> | |
| 810 | + <li>오늘의 학습,student/main/main.html</li> | |
| 811 | + <!-- <li> | |
| 812 | + AI 맞춤학습 | |
| 813 | + <ul> | |
| 814 | + <li>[팝업]스스로진단,student/main/pop_ai_self.html</li> | |
| 815 | + <li>[팝업]맞춤형 학습,student/main/pop_ai.html</li> | |
| 816 | + </ul> | |
| 817 | + </li> --> | |
| 818 | + <li>[팝업]학습 목표 설정,student/main/pop_todayStudyGoal.html</li> | |
| 819 | + </ul> | |
| 820 | + </li> | |
| 821 | + <li> | |
| 822 | + AI 맞춤학습 | |
| 823 | + <ul> | |
| 824 | + <li>AI 맞춤학습,student/study/aiGate.html</li> | |
| 825 | + <li> | |
| 826 | + 스스로 진단 | |
| 827 | + <ul> | |
| 828 | + <li>[팝업]스스로진단,student/study/pop_ai_self.html</li> | |
| 829 | + <li>스스로 진단 결과보서,student/study/aiResult.html</li> | |
| 830 | + <li>[팝업]스스로 학습 출발점 선택,student/study/pop_ai_self_start.html</li> | |
| 831 | + <li>[팝업]학습목록,student/study/pop_studyList.html</li> | |
| 832 | + <li>[팝업]스스로학습 결과,student/study/pop_ai_selfResult.html</li> | |
| 833 | + </ul> | |
| 834 | + </li> | |
| 835 | + <li>나만의 맞춤형 AI 학습 목록,student/study/ai.html</li> | |
| 836 | + </ul> | |
| 837 | + </li> | |
| 838 | + <li>오답노트 | |
| 839 | + <ul> | |
| 840 | + <li>오답노트_평가지,student/study/wrongNote.html</li> | |
| 841 | + <li>오답노트_문항,student/study/wrongNote_quiz.html</li> | |
| 842 | + <li>문제풀이 결과,student/study/solveResult.html</li> | |
| 843 | + </ul> | |
| 844 | + </li> | |
| 845 | + </ul> | |
| 846 | + </li> | |
| 847 | + </ul> | |
| 848 | + </li> | |
| 849 | + <li> | |
| 850 | + 학부모 | |
| 851 | + <ul> | |
| 852 | + <li> | |
| 853 | + 내 아이 성장기록 | |
| 854 | + <ul> | |
| 855 | + <li>내 아이 성장기록,parents/analytics/analytics.html</li> | |
| 856 | + <li>내 아이 성장기록 교과목별,parents/analytics/analytics_subject.html</li> | |
| 857 | + <li>[팝업]성취기준별 성취율,parents/analytics/pop_achievecode.html</li> | |
| 858 | + </ul> | |
| 859 | + </li> | |
| 860 | + </ul> | |
| 861 | + </li> | |
| 862 | + </ul> | |
| 863 | + </div> | |
| 864 | + <div class="iframe-wrap"> | |
| 865 | + <iframe id="pubView" name="pubView"></iframe> | |
| 866 | + </div> | |
| 867 | + <div class="cb"></div> | |
| 868 | +</body> | |
| 869 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/_layout/header.html
... | ... | @@ -0,0 +1,213 @@ |
| 1 | +<div class="header-common"> | |
| 2 | + <div class="wrap"> | |
| 3 | + <div class="l-area"> | |
| 4 | + <ul class="common-lnk"> | |
| 5 | + <li><a href="#none" class="is-active">온세종학교</a></li> | |
| 6 | + <li><a href="#none">캠퍼스공동교육과정</a></li> | |
| 7 | + </ul> | |
| 8 | + </div> | |
| 9 | + <div class="r-area"> | |
| 10 | + <ul class="common-util"> | |
| 11 | + <li> | |
| 12 | + <i class="ico-language sm"></i> | |
| 13 | + <select title="언어 선택" class="border-none sm caret"> | |
| 14 | + <option>한국어</option> | |
| 15 | + </select> | |
| 16 | + </li> | |
| 17 | + </ul> | |
| 18 | + </div> | |
| 19 | + </div> | |
| 20 | +</div> | |
| 21 | +<div class="header-top"> | |
| 22 | + <div class="wrap"> | |
| 23 | + <div class="l-area"> | |
| 24 | + <h1 class="logo"><a href="#none">온세종학교</a></h1> | |
| 25 | + </div> | |
| 26 | + <div class="r-area pc-flex"> | |
| 27 | + <ul class="util"> | |
| 28 | + <li> | |
| 29 | + <a href="#none" title="K-MOOC"> | |
| 30 | + <i class="ico-util-kmooc"></i> | |
| 31 | + <span>K-MOOC</span> | |
| 32 | + </a> | |
| 33 | + </li> | |
| 34 | + <li> | |
| 35 | + <a href="#none" title="바로가기"> | |
| 36 | + <i class="ico-util-contents"></i> | |
| 37 | + <span>콘텐츠은행</span> | |
| 38 | + </a> | |
| 39 | + </li> | |
| 40 | + <li> | |
| 41 | + <a href="#none" title="시설예약"> | |
| 42 | + <i class="ico-util-facility"></i> | |
| 43 | + <span>시설예약</span> | |
| 44 | + </a> | |
| 45 | + </li> | |
| 46 | + <li> | |
| 47 | + <a href="#none" title="MY"> | |
| 48 | + <i class="ico-util-my"></i> | |
| 49 | + <span>MY</span> | |
| 50 | + </a> | |
| 51 | + </li> | |
| 52 | + <li> | |
| 53 | + <a href="#none" title="쪽지"> | |
| 54 | + <i class="ico-util-message"></i> | |
| 55 | + <span>쪽지</span> | |
| 56 | + </a> | |
| 57 | + </li> | |
| 58 | + <li> | |
| 59 | + <a href="#none" title="로그아웃"> | |
| 60 | + <i class="ico-util-logout"></i> | |
| 61 | + <span>로그아웃</span> | |
| 62 | + </a> | |
| 63 | + </li> | |
| 64 | + <li> | |
| 65 | + <a href="#none" title="로그인"> | |
| 66 | + <i class="ico-util-login"></i> | |
| 67 | + <span>로그인</span> | |
| 68 | + </a> | |
| 69 | + </li> | |
| 70 | + </ul> | |
| 71 | + </div> | |
| 72 | + <div class="r-area tamo-flex"> | |
| 73 | + <button type="button" class="btn-site-menu-open"> | |
| 74 | + 메뉴 | |
| 75 | + </button> | |
| 76 | + <div class="site-menu-area"> | |
| 77 | + <nav class="site-menu"> | |
| 78 | + <!--로그인 전--> | |
| 79 | + <div class="menu-header"> | |
| 80 | + <div class="menu-info"> | |
| 81 | + <div class="l-area"> | |
| 82 | + <a href="#none" class="btn-login">로그인을 해주세요.</a> | |
| 83 | + </div> | |
| 84 | + </div> | |
| 85 | + <!-- 로그인 후 --> | |
| 86 | + <div class="menu-info"> | |
| 87 | + <div class="l-area"> | |
| 88 | + <div class="profile lg"> | |
| 89 | + <div class="img-area"> | |
| 90 | + <figure> | |
| 91 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 92 | + </figure> | |
| 93 | + </div> | |
| 94 | + <div class="txt-area"> | |
| 95 | + <strong class="profile-tit"><em>학생명</em> 학생</strong> | |
| 96 | + <span>닉네임</span> | |
| 97 | + </div> | |
| 98 | + </div> | |
| 99 | + </div> | |
| 100 | + <div class="r-area"> | |
| 101 | + <a href="#none" class="ico-profile">마이페이지</a> | |
| 102 | + <a href="#none" class="ico-logout">로그아웃</a> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + <div class="menu-util"> | |
| 106 | + <ul class="util"> | |
| 107 | + <li> | |
| 108 | + <a href="#none" title="알림" class="util-noti" onclick=" popupOpenPub('popupmodal');"> | |
| 109 | + <span>알림</span> | |
| 110 | + <span class="badge min">새 알림</span> | |
| 111 | + </a> | |
| 112 | + </li> | |
| 113 | + <li> | |
| 114 | + <a href="#none" title="쪽지" class="util-note"> | |
| 115 | + <span>쪽지</span> | |
| 116 | + </a> | |
| 117 | + </li> | |
| 118 | + <li> | |
| 119 | + <a href="#none" title="바로가기" class="util-shortcut"> | |
| 120 | + <span>바로가기</span> | |
| 121 | + </a> | |
| 122 | + </li> | |
| 123 | + </ul> | |
| 124 | + </div> | |
| 125 | + </div> | |
| 126 | + <div class="menu-body"> | |
| 127 | + <ul class="menu"> | |
| 128 | + <li> | |
| 129 | + <a href="#none">1depth</a> | |
| 130 | + <ul> | |
| 131 | + <li class="is-active"> | |
| 132 | + <a href="https://www.naver.com">2depth</a> | |
| 133 | + <ul> | |
| 134 | + <li><a href="https://www.naver.com">3depth</a></li> | |
| 135 | + <li><a href="#none">3depth</a></li> | |
| 136 | + <li><a href="#none">3depth</a></li> | |
| 137 | + </ul> | |
| 138 | + </li> | |
| 139 | + <li> | |
| 140 | + <a href="#none">2depth</a> | |
| 141 | + <ul> | |
| 142 | + <li><a href="#none">3depth</a></li> | |
| 143 | + <li><a href="#none">3depth</a></li> | |
| 144 | + <li><a href="#none">3depth</a></li> | |
| 145 | + </ul> | |
| 146 | + </li> | |
| 147 | + <li><a href="https://www.naver.com">2depth</a></li> | |
| 148 | + </ul> | |
| 149 | + </li> | |
| 150 | + <li> | |
| 151 | + <a href="#none">1depth</a> | |
| 152 | + <ul> | |
| 153 | + <li> | |
| 154 | + <a href="#none">2depth</a> | |
| 155 | + <ul> | |
| 156 | + <li><a href="#none">3depth</a></li> | |
| 157 | + <li><a href="#none">3depth</a></li> | |
| 158 | + <li><a href="#none">3depth</a></li> | |
| 159 | + </ul> | |
| 160 | + </li> | |
| 161 | + <li><a href="#none">2depth</a></li> | |
| 162 | + <li><a href="#none">2depth</a></li> | |
| 163 | + </ul> | |
| 164 | + </li> | |
| 165 | + </ul> | |
| 166 | + </div> | |
| 167 | + <button type="button" class="btn-site-menu-close">메뉴 닫기</button> | |
| 168 | + </nav> | |
| 169 | + </div> | |
| 170 | + </div> | |
| 171 | + </div> | |
| 172 | +</div> | |
| 173 | +<div class="header-etc"> | |
| 174 | + <div class="wrap"> | |
| 175 | + <div class="l-area"> | |
| 176 | + <nav class="gnb"> | |
| 177 | + <ul> | |
| 178 | + <li> | |
| 179 | + <button type="button">학교안내</button> | |
| 180 | + <ul> | |
| 181 | + <li><a href="#none">인사말</a></li> | |
| 182 | + <li><a href="#none">교육목표</a></li> | |
| 183 | + <li><a href="#none">학교상징</a></li> | |
| 184 | + <li><a href="#none">학교현황</a></li> | |
| 185 | + <li><a href="#none">오시는길</a></li> | |
| 186 | + </ul> | |
| 187 | + </li> | |
| 188 | + <li> | |
| 189 | + <button type="button">알림마당</button> | |
| 190 | + <ul> | |
| 191 | + <li><a href="#none">공지사항</a></li> | |
| 192 | + <li><a href="#none">가정통신문</a></li> | |
| 193 | + <li><a href="#none">학사일정</a></li> | |
| 194 | + <li><a href="#none">채용공고</a></li> | |
| 195 | + <li><a href="#none">행사일정</a></li> | |
| 196 | + </ul> | |
| 197 | + </li> | |
| 198 | + <li><a href="#none">수강신청</a></li> | |
| 199 | + <li> | |
| 200 | + <button type="button">정보공개</button> | |
| 201 | + <ul> | |
| 202 | + <li><a href="#none">재정운영공개</a></li> | |
| 203 | + <li><a href="#none">정보목록공개</a></li> | |
| 204 | + <li><a href="#none">비공개대상세부목록공개</a></li> | |
| 205 | + </ul> | |
| 206 | + </li> | |
| 207 | + </ul> | |
| 208 | + </nav> | |
| 209 | + </div> | |
| 210 | + </div> | |
| 211 | +</div> | |
| 212 | + | |
| 213 | + |
+++ html/cbe2025/manager/analytics/analyticsClass.html
... | ... | @@ -0,0 +1,539 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none" class="is-active">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">클래스별 학습분석</h3> | |
| 62 | + <div class="sticky-area"> | |
| 63 | + <div class="fnc-extend-area sticky top0"> | |
| 64 | + <div class="extend-filter-area"> | |
| 65 | + <div class="l-area"> | |
| 66 | + <fieldset class="filter-group"> | |
| 67 | + <legend class="filter-title">기간 선택</legend> | |
| 68 | + <div class="checkradio"> | |
| 69 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 70 | + <label for="periodMonth">월별로 보기</label> | |
| 71 | + <div class="checkradio-option"> | |
| 72 | + <select title="월별 보기 선택"> | |
| 73 | + <option value="">2024년 12월</option> | |
| 74 | + </select> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + <div class="checkradio"> | |
| 78 | + <input type="radio" name="period" id="periodWeek"> | |
| 79 | + <label for="periodWeek">주별로 보기</label> | |
| 80 | + <div class="checkradio-option"> | |
| 81 | + <input type="date" > | |
| 82 | + <span>-</span> | |
| 83 | + <input type="date"> | |
| 84 | + <button type="button" class="btn primary">확인</button> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </fieldset> | |
| 88 | + </div> | |
| 89 | + <div class="r-area"> | |
| 90 | + <select title="클래스 선택"> | |
| 91 | + <option>클래스명</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + <section class="section-box"> | |
| 97 | + <header class="box-header"> | |
| 98 | + <div class="l-area"> | |
| 99 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 100 | + </div> | |
| 101 | + </header> | |
| 102 | + <div class="box-body"> | |
| 103 | + <div class="chart-section-area dir-row"> | |
| 104 | + <div class="chart-section"> | |
| 105 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 106 | + <div class="txt-area"> | |
| 107 | + <h4>수업 이수율</h4> | |
| 108 | + <p>45%</p> | |
| 109 | + </div> | |
| 110 | + <div class="chart-area"> | |
| 111 | + <div class="chart"> | |
| 112 | + <canvas id="chartActivity1"></canvas> | |
| 113 | + </div> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + <div class="chart-section"> | |
| 117 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 118 | + <div class="txt-area"> | |
| 119 | + <h4>과제 제출율</h4> | |
| 120 | + <p>45%</p> | |
| 121 | + </div> | |
| 122 | + <div class="chart-area"> | |
| 123 | + <div class="chart"> | |
| 124 | + <canvas id="chartActivity2"></canvas> | |
| 125 | + </div> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <div class="chart-section"> | |
| 129 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 130 | + <div class="txt-area"> | |
| 131 | + <h4>평가 풀이율</h4> | |
| 132 | + <p>45%</p> | |
| 133 | + </div> | |
| 134 | + <div class="chart-area"> | |
| 135 | + <div class="chart"> | |
| 136 | + <canvas id="chartActivity3"></canvas> | |
| 137 | + </div> | |
| 138 | + </div> | |
| 139 | + </div> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + </section> | |
| 143 | + <ul class="tabs-nav"> | |
| 144 | + <li><a href="#none" class="is-active">수업</a></li> | |
| 145 | + <li><a href="#none">과제</a></li> | |
| 146 | + <li><a href="#none">평가</a></li> | |
| 147 | + <li><a href="#none">커뮤니티</a></li> | |
| 148 | + </ul> | |
| 149 | + <section class="section-box"> | |
| 150 | + <header class="box-header"> | |
| 151 | + <div class="l-area"> | |
| 152 | + <h3 class="section-box-tit">수업 이수율</h3> | |
| 153 | + </div> | |
| 154 | + </header> | |
| 155 | + <div class="box-body"> | |
| 156 | + <div class="chart-area"> | |
| 157 | + <div class="chart"> | |
| 158 | + <canvas id="classStudy" style="max-height: 28rem;"></canvas> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + </div> | |
| 162 | + </section> | |
| 163 | + <div class="row"> | |
| 164 | + <section class="section-box"> | |
| 165 | + <header class="box-header"> | |
| 166 | + <div class="l-area"> | |
| 167 | + <h3 class="section-box-tit">수업 이해도</h3> | |
| 168 | + </div> | |
| 169 | + </header> | |
| 170 | + <div class="box-body"> | |
| 171 | + <div class="chart-legend"> | |
| 172 | + <div class="r-area"> | |
| 173 | + <div class="legend-area"> | |
| 174 | + <span class="legend"><i class="primary5"></i>매우쉬움</span> | |
| 175 | + <span class="legend"><i class="primary4"></i>쉬움</span> | |
| 176 | + <span class="legend"><i class="primary3"></i>보통</span> | |
| 177 | + <span class="legend"><i class="primary2"></i>어려움</span> | |
| 178 | + <span class="legend"><i class="primary1"></i>매우어려움</span> | |
| 179 | + <span class="legend"><i></i>미참여</span> | |
| 180 | + </div> | |
| 181 | + </div> | |
| 182 | + </div> | |
| 183 | + <ul class="chart-block-list scroll-y" style="height: 320px;"> | |
| 184 | + <li> | |
| 185 | + <button type="button" class="lnk-full">상세보기</button> | |
| 186 | + <strong>02-10(1)</strong> | |
| 187 | + <div class="chart-bar-stack"> | |
| 188 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 189 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 190 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 191 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 192 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 193 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 194 | + </div> | |
| 195 | + </li> | |
| 196 | + <li> | |
| 197 | + <button type="button" class="lnk-full">상세보기</button> | |
| 198 | + <strong>02-10(2)</strong> | |
| 199 | + <div class="chart-bar-stack"> | |
| 200 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 201 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 202 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 203 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 204 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 205 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 206 | + </div> | |
| 207 | + </li> | |
| 208 | + <li> | |
| 209 | + <button type="button" class="lnk-full">상세보기</button> | |
| 210 | + <strong>02-10(1)</strong> | |
| 211 | + <div class="chart-bar-stack"> | |
| 212 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 213 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 214 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 215 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 216 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 217 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 218 | + </div> | |
| 219 | + </li> | |
| 220 | + <li> | |
| 221 | + <button type="button" class="lnk-full">상세보기</button> | |
| 222 | + <strong>02-10(2)</strong> | |
| 223 | + <div class="chart-bar-stack"> | |
| 224 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 225 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 226 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 227 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 228 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 229 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 230 | + </div> | |
| 231 | + </li> | |
| 232 | + <li> | |
| 233 | + <button type="button" class="lnk-full">상세보기</button> | |
| 234 | + <strong>02-10(1)</strong> | |
| 235 | + <div class="chart-bar-stack"> | |
| 236 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 237 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 238 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 239 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 240 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 241 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 242 | + </div> | |
| 243 | + </li> | |
| 244 | + <li> | |
| 245 | + <button type="button" class="lnk-full">상세보기</button> | |
| 246 | + <strong>02-10(2)</strong> | |
| 247 | + <div class="chart-bar-stack"> | |
| 248 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 249 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 250 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 251 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 252 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 253 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 254 | + </div> | |
| 255 | + </li> | |
| 256 | + <li> | |
| 257 | + <button type="button" class="lnk-full">상세보기</button> | |
| 258 | + <strong>02-10(1)</strong> | |
| 259 | + <div class="chart-bar-stack"> | |
| 260 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 261 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 262 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 263 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 264 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 265 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 266 | + </div> | |
| 267 | + </li> | |
| 268 | + <li> | |
| 269 | + <button type="button" class="lnk-full">상세보기</button> | |
| 270 | + <strong>02-10(2)</strong> | |
| 271 | + <div class="chart-bar-stack"> | |
| 272 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 273 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 274 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 275 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 276 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 277 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 278 | + </div> | |
| 279 | + </li> | |
| 280 | + </ul> | |
| 281 | + </div> | |
| 282 | + </section> | |
| 283 | + <section class="section-box"> | |
| 284 | + <header class="box-header"> | |
| 285 | + <div class="l-area"> | |
| 286 | + <h3 class="section-box-tit">수업 집중도</h3> | |
| 287 | + </div> | |
| 288 | + </header> | |
| 289 | + <div class="box-body"> | |
| 290 | + <div class="chart-legend"> | |
| 291 | + <div class="r-area"> | |
| 292 | + <div class="legend-area"> | |
| 293 | + <span class="legend"><i class="primary5"></i>매우쉬움</span> | |
| 294 | + <span class="legend"><i class="primary4"></i>쉬움</span> | |
| 295 | + <span class="legend"><i class="primary3"></i>보통</span> | |
| 296 | + <span class="legend"><i class="primary2"></i>어려움</span> | |
| 297 | + <span class="legend"><i class="primary1"></i>매우어려움</span> | |
| 298 | + <span class="legend"><i></i>미참여</span> | |
| 299 | + </div> | |
| 300 | + </div> | |
| 301 | + </div> | |
| 302 | + <ul class="chart-block-list scroll-y" style="height: 320px;"> | |
| 303 | + <li> | |
| 304 | + <button type="button" class="lnk-full">상세보기</button> | |
| 305 | + <strong>02-10(1)</strong> | |
| 306 | + <div class="chart-bar-stack"> | |
| 307 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 308 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 309 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 310 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 311 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 312 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 313 | + </div> | |
| 314 | + </li> | |
| 315 | + <li> | |
| 316 | + <button type="button" class="lnk-full">상세보기</button> | |
| 317 | + <strong>02-10(2)</strong> | |
| 318 | + <div class="chart-bar-stack"> | |
| 319 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 320 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 321 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 322 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 323 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 324 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 325 | + </div> | |
| 326 | + </li> | |
| 327 | + <li> | |
| 328 | + <button type="button" class="lnk-full">상세보기</button> | |
| 329 | + <strong>02-10(1)</strong> | |
| 330 | + <div class="chart-bar-stack"> | |
| 331 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 332 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 333 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 334 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 335 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 336 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 337 | + </div> | |
| 338 | + </li> | |
| 339 | + <li> | |
| 340 | + <button type="button" class="lnk-full">상세보기</button> | |
| 341 | + <strong>02-10(2)</strong> | |
| 342 | + <div class="chart-bar-stack"> | |
| 343 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 344 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 345 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 346 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 347 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 348 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 349 | + </div> | |
| 350 | + </li> | |
| 351 | + <li> | |
| 352 | + <button type="button" class="lnk-full">상세보기</button> | |
| 353 | + <strong>02-10(1)</strong> | |
| 354 | + <div class="chart-bar-stack"> | |
| 355 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 356 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 357 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 358 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 359 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 360 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 361 | + </div> | |
| 362 | + </li> | |
| 363 | + <li> | |
| 364 | + <button type="button" class="lnk-full">상세보기</button> | |
| 365 | + <strong>02-10(2)</strong> | |
| 366 | + <div class="chart-bar-stack"> | |
| 367 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 368 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 369 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 370 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 371 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 372 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 373 | + </div> | |
| 374 | + </li> | |
| 375 | + <li> | |
| 376 | + <button type="button" class="lnk-full">상세보기</button> | |
| 377 | + <strong>02-10(1)</strong> | |
| 378 | + <div class="chart-bar-stack"> | |
| 379 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 380 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 381 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 382 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 383 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 384 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 385 | + </div> | |
| 386 | + </li> | |
| 387 | + <li> | |
| 388 | + <button type="button" class="lnk-full">상세보기</button> | |
| 389 | + <strong>02-10(2)</strong> | |
| 390 | + <div class="chart-bar-stack"> | |
| 391 | + <span class="bar primary5" style="width:30%;">매우쉬움 30%</span> | |
| 392 | + <span class="bar primary4" style="width:20%;">쉬움 20%</span> | |
| 393 | + <span class="bar primary3" style="width:30%;">보통 30%</span> | |
| 394 | + <span class="bar primary2" style="width:10%;">어려움 10%</span> | |
| 395 | + <span class="bar primary1" style="width:5%;">매우어려움 20%</span> | |
| 396 | + <span class="bar" style="width:5%;">과학 20%</span> | |
| 397 | + </div> | |
| 398 | + </li> | |
| 399 | + </ul> | |
| 400 | + </div> | |
| 401 | + </section> | |
| 402 | + </div> | |
| 403 | + <section class="section-box bg"> | |
| 404 | + <header class="box-header"> | |
| 405 | + <div class="l-area"> | |
| 406 | + <h3 class="section-box-tit">학생들 현황</h3> | |
| 407 | + </div> | |
| 408 | + <div class="r-area"> | |
| 409 | + <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button> | |
| 410 | + </div> | |
| 411 | + </header> | |
| 412 | + <div class="box-body"> | |
| 413 | + <div class="box-row"> | |
| 414 | + <article class="article-box"> | |
| 415 | + <header class="box-header"> | |
| 416 | + <div class="l-area"> | |
| 417 | + <h4 class="article-tit">수업 이수율이 <em class="secondary">높은</em> 학생</h4> | |
| 418 | + </div> | |
| 419 | + </header> | |
| 420 | + <div class="box-body"> | |
| 421 | + <ul class="item-num-list"> | |
| 422 | + <li> | |
| 423 | + <span class="label num success">1</span> | |
| 424 | + <div class="txt-area"> | |
| 425 | + <p>홍길동</p> | |
| 426 | + </div> | |
| 427 | + <div class="fnc"> | |
| 428 | + <strong>15개</strong> | |
| 429 | + </div> | |
| 430 | + </li> | |
| 431 | + <li> | |
| 432 | + <span class="label num success">2</span> | |
| 433 | + <div class="txt-area"> | |
| 434 | + <p>홍길동</p> | |
| 435 | + </div> | |
| 436 | + <div class="fnc"> | |
| 437 | + <strong>15개</strong> | |
| 438 | + </div> | |
| 439 | + </li> | |
| 440 | + <li> | |
| 441 | + <span class="label num success">3</span> | |
| 442 | + <div class="txt-area"> | |
| 443 | + <p>홍길동</p> | |
| 444 | + </div> | |
| 445 | + <div class="fnc"> | |
| 446 | + <strong>15개</strong> | |
| 447 | + </div> | |
| 448 | + </li> | |
| 449 | + </ul> | |
| 450 | + </div> | |
| 451 | + </article> | |
| 452 | + <article class="article-box"> | |
| 453 | + <header class="box-header"> | |
| 454 | + <div class="l-area"> | |
| 455 | + <h4 class="article-tit">수업 이수율이 <em class="accent">낮은</em> 학생</h4> | |
| 456 | + </div> | |
| 457 | + </header> | |
| 458 | + <div class="box-body"> | |
| 459 | + <ul class="item-num-list"> | |
| 460 | + <li> | |
| 461 | + <span class="label num danger">1</span> | |
| 462 | + <div class="txt-area"> | |
| 463 | + <p>홍길동</p> | |
| 464 | + </div> | |
| 465 | + <div class="fnc"> | |
| 466 | + <strong>15개</strong> | |
| 467 | + </div> | |
| 468 | + </li> | |
| 469 | + <li> | |
| 470 | + <span class="label num danger">2</span> | |
| 471 | + <div class="txt-area"> | |
| 472 | + <p>홍길동</p> | |
| 473 | + </div> | |
| 474 | + <div class="fnc"> | |
| 475 | + <strong>15개</strong> | |
| 476 | + </div> | |
| 477 | + </li> | |
| 478 | + <li> | |
| 479 | + <span class="label num danger">3</span> | |
| 480 | + <div class="txt-area"> | |
| 481 | + <p>홍길동</p> | |
| 482 | + </div> | |
| 483 | + <div class="fnc"> | |
| 484 | + <strong>15개</strong> | |
| 485 | + </div> | |
| 486 | + </li> | |
| 487 | + </ul> | |
| 488 | + </div> | |
| 489 | + </article> | |
| 490 | + </div> | |
| 491 | + </div> | |
| 492 | + </section> | |
| 493 | + </div> | |
| 494 | + </div> | |
| 495 | + </div> | |
| 496 | + </div> | |
| 497 | + <!-- toast --> | |
| 498 | + <div class="toast"></div> | |
| 499 | + | |
| 500 | + <!--popup--> | |
| 501 | + <div class="dim"></div> | |
| 502 | + | |
| 503 | + <script> | |
| 504 | + $(document).ready(function () { | |
| 505 | + //클래스 활동 분석 chart | |
| 506 | + createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 507 | + createChartDoughnut('chartActivity2', 50, gradientColorSecondary); | |
| 508 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 509 | + | |
| 510 | + //수업이수율 | |
| 511 | + const classStudyData = { | |
| 512 | + labels: [ | |
| 513 | + '01-01', '01-02', '01-03', '01-04', '01-05','01-06', '01-07', '01-08', '01-09', '01-10','01-11', '01-12', '01-13', '01-14', '01-15','01-16', '01-17', '01-18', '01-19', '01-20', '01-01', '01-02', '01-03', '01-04', '01-05','01-06', '01-07', '01-08', '01-09', '01-10','01-11', '01-12', '01-13', '01-14', '01-15','01-16', '01-17', '01-18', '01-19', '01-20' | |
| 514 | + ], | |
| 515 | + ids: [ | |
| 516 | + 'item-1', 'item-2', 'item-3', 'item-4', 'item-5', 'item-6', 'item-7', 'item-8', 'item-9', 'item-10', 'item-11', 'item-12', 'item-13', 'item-14', 'item-15', 'item-16', 'item-17', 'item-18', 'item-19', 'item-20','item-31', 'item-32', 'item-33', 'item-34', 'item-35', 'item-36', 'item-37', 'item-38', 'item-39', 'item-40', 'item-41', 'item-42', 'item-43', 'item-44', 'item-45', 'item-46', 'item-47', 'item-48', 'item-49', 'item-50' | |
| 517 | + ], | |
| 518 | + data: [ | |
| 519 | + 10, 50, 87, 30, 100, 60, 70, 80, 90, 100,10, 50, 87, 30, 100, 60, 70, 80, 90, 100, 10, 50, 87, 30, 100, 60, 70, 80, 90, 100,10, 50, 87, 30, 100, 60, 70, 80, 90, 100 | |
| 520 | + ], | |
| 521 | + }; | |
| 522 | + | |
| 523 | + createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40); | |
| 524 | + | |
| 525 | + function classStudyClick(event, elements, labels, data) { | |
| 526 | + if (elements.length === 0) return; | |
| 527 | + | |
| 528 | + const dataIndex = elements[0].index; | |
| 529 | + const label = labels[dataIndex]; | |
| 530 | + const value = data[dataIndex]; | |
| 531 | + const id = classStudyData.ids[dataIndex]; | |
| 532 | + alert(`클릭한 항목: ${label}\n값: ${value}%\nid: ${id}`); | |
| 533 | + } | |
| 534 | + | |
| 535 | + window.classStudyClick = classStudyClick; | |
| 536 | + }); | |
| 537 | + </script> | |
| 538 | +</body> | |
| 539 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsClass_community.html
... | ... | @@ -0,0 +1,382 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none" class="is-active">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">클래스별 학습분석</h3> | |
| 62 | + <div class="sticky-area"> | |
| 63 | + <div class="fnc-extend-area sticky top0"> | |
| 64 | + <div class="extend-filter-area"> | |
| 65 | + <div class="l-area"> | |
| 66 | + <fieldset class="filter-group"> | |
| 67 | + <legend class="filter-title">기간 선택</legend> | |
| 68 | + <div class="checkradio"> | |
| 69 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 70 | + <label for="periodMonth">월별로 보기</label> | |
| 71 | + <div class="checkradio-option"> | |
| 72 | + <select title="월별 보기 선택"> | |
| 73 | + <option value="">2024년 12월</option> | |
| 74 | + </select> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + <div class="checkradio"> | |
| 78 | + <input type="radio" name="period" id="periodWeek"> | |
| 79 | + <label for="periodWeek">주별로 보기</label> | |
| 80 | + <div class="checkradio-option"> | |
| 81 | + <input type="date" > | |
| 82 | + <span>-</span> | |
| 83 | + <input type="date"> | |
| 84 | + <button type="button" class="btn primary">확인</button> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </fieldset> | |
| 88 | + </div> | |
| 89 | + <div class="r-area"> | |
| 90 | + <select title="클래스 선택"> | |
| 91 | + <option>클래스명</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + <section class="section-box"> | |
| 97 | + <header class="box-header"> | |
| 98 | + <div class="l-area"> | |
| 99 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 100 | + </div> | |
| 101 | + </header> | |
| 102 | + <div class="box-body"> | |
| 103 | + <div class="chart-section-area dir-row"> | |
| 104 | + <div class="chart-section"> | |
| 105 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 106 | + <div class="txt-area"> | |
| 107 | + <h4>수업 이수율</h4> | |
| 108 | + <p>45%</p> | |
| 109 | + </div> | |
| 110 | + <div class="chart-area"> | |
| 111 | + <div class="chart"> | |
| 112 | + <canvas id="chartActivity1"></canvas> | |
| 113 | + </div> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + <div class="chart-section"> | |
| 117 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 118 | + <div class="txt-area"> | |
| 119 | + <h4>과제 제출율</h4> | |
| 120 | + <p>45%</p> | |
| 121 | + </div> | |
| 122 | + <div class="chart-area"> | |
| 123 | + <div class="chart"> | |
| 124 | + <canvas id="chartActivity2"></canvas> | |
| 125 | + </div> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <div class="chart-section"> | |
| 129 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 130 | + <div class="txt-area"> | |
| 131 | + <h4>평가 풀이율</h4> | |
| 132 | + <p>45%</p> | |
| 133 | + </div> | |
| 134 | + <div class="chart-area"> | |
| 135 | + <div class="chart"> | |
| 136 | + <canvas id="chartActivity3"></canvas> | |
| 137 | + </div> | |
| 138 | + </div> | |
| 139 | + </div> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + </section> | |
| 143 | + <ul class="tabs-nav"> | |
| 144 | + <li><a href="#none">수업</a></li> | |
| 145 | + <li><a href="#none">과제</a></li> | |
| 146 | + <li><a href="#none">평가</a></li> | |
| 147 | + <li><a href="#none" class="is-active">커뮤니티</a></li> | |
| 148 | + </ul> | |
| 149 | + <div class="tit-area"> | |
| 150 | + <div class="l-area"> | |
| 151 | + <h3 class="title-lg">커뮤니티 활동 분석</h3> | |
| 152 | + </div> | |
| 153 | + </div> | |
| 154 | + <div class="row"> | |
| 155 | + <section class="section-box bg"> | |
| 156 | + <header class="box-header"> | |
| 157 | + <div class="l-area"> | |
| 158 | + <h3 class="section-box-tit">게시글 반응</h3> | |
| 159 | + </div> | |
| 160 | + </header> | |
| 161 | + <div class="box-body"> | |
| 162 | + <ul class="fnc-list box"> | |
| 163 | + <li> | |
| 164 | + <div class="txt-area"> | |
| 165 | + <strong class="fnc-tit">찜</strong> | |
| 166 | + </div> | |
| 167 | + <div class="fnc"> | |
| 168 | + <i class="ico-favorite lg">찜</i> | |
| 169 | + <strong class="font-size-xlg"> 45</strong> | |
| 170 | + </div> | |
| 171 | + </li> | |
| 172 | + <li> | |
| 173 | + <div class="txt-area"> | |
| 174 | + <strong class="fnc-tit">댓글</strong> | |
| 175 | + </div> | |
| 176 | + <div class="fnc"> | |
| 177 | + <i class="ico-comment lg">댓글</i> | |
| 178 | + <strong class="font-size-xlg"> 45</strong> | |
| 179 | + </div> | |
| 180 | + </li> | |
| 181 | + <li> | |
| 182 | + <div class="txt-area"> | |
| 183 | + <strong class="fnc-tit">조회수</strong> | |
| 184 | + </div> | |
| 185 | + <div class="fnc"> | |
| 186 | + <i class="ico-visibility lg">조회수</i> | |
| 187 | + <strong class="font-size-xlg"> 45</strong> | |
| 188 | + </div> | |
| 189 | + </li> | |
| 190 | + </ul> | |
| 191 | + </div> | |
| 192 | + </section> | |
| 193 | + <section class="section-box col2"> | |
| 194 | + <header class="box-header"> | |
| 195 | + <div class="l-area"> | |
| 196 | + <h3 class="section-box-tit">게시판 활동 TOP5</h3> | |
| 197 | + </div> | |
| 198 | + </header> | |
| 199 | + <div class="box-body"> | |
| 200 | + <div class="info-type"> | |
| 201 | + <table> | |
| 202 | + <caption>순위, 학습자, 참여현황으로 구성된 게시판활동 순위표입니다.</caption> | |
| 203 | + <colgroup> | |
| 204 | + <col style="width: 48px"> | |
| 205 | + <col style="width: 28%"> | |
| 206 | + <col> | |
| 207 | + </colgroup> | |
| 208 | + <thead> | |
| 209 | + <tr> | |
| 210 | + <th scope="col">순위</th> | |
| 211 | + <th scope="col">학습자</th> | |
| 212 | + <th scope="col">참여 현황</th> | |
| 213 | + </tr> | |
| 214 | + </thead> | |
| 215 | + <tbody> | |
| 216 | + <tr> | |
| 217 | + <td> | |
| 218 | + <span class="label-num-img lg num1">1</span> | |
| 219 | + </td> | |
| 220 | + <td>홍길동</td> | |
| 221 | + <td> | |
| 222 | + <ul class="info-inline-list no-style"> | |
| 223 | + <li> | |
| 224 | + <i class="ico-comment">댓글 수</i> | |
| 225 | + <div class="txt-area"> | |
| 226 | + 32 | |
| 227 | + </div> | |
| 228 | + </li> | |
| 229 | + <li> | |
| 230 | + <i class="ico-edit">게시글 수</i> | |
| 231 | + <div class="txt-area"> | |
| 232 | + 32 | |
| 233 | + </div> | |
| 234 | + </li> | |
| 235 | + </ul> | |
| 236 | + </td> | |
| 237 | + </tr> | |
| 238 | + <tr> | |
| 239 | + <td> | |
| 240 | + <span class="label-num-img lg num2">2</span> | |
| 241 | + </td> | |
| 242 | + <td>홍길동</td> | |
| 243 | + <td> | |
| 244 | + <ul class="info-inline-list no-style"> | |
| 245 | + <li> | |
| 246 | + <i class="ico-comment">댓글 수</i> | |
| 247 | + <div class="txt-area"> | |
| 248 | + 32 | |
| 249 | + </div> | |
| 250 | + </li> | |
| 251 | + <li> | |
| 252 | + <i class="ico-edit">게시글 수</i> | |
| 253 | + <div class="txt-area"> | |
| 254 | + 32 | |
| 255 | + </div> | |
| 256 | + </li> | |
| 257 | + </ul> | |
| 258 | + </td> | |
| 259 | + </tr> | |
| 260 | + <tr> | |
| 261 | + <td> | |
| 262 | + <span class="label-num-img lg num3">3</span> | |
| 263 | + </td> | |
| 264 | + <td>홍길동</td> | |
| 265 | + <td> | |
| 266 | + <ul class="info-inline-list no-style"> | |
| 267 | + <li> | |
| 268 | + <i class="ico-comment">댓글 수</i> | |
| 269 | + <div class="txt-area"> | |
| 270 | + 32 | |
| 271 | + </div> | |
| 272 | + </li> | |
| 273 | + <li> | |
| 274 | + <i class="ico-edit">게시글 수</i> | |
| 275 | + <div class="txt-area"> | |
| 276 | + 32 | |
| 277 | + </div> | |
| 278 | + </li> | |
| 279 | + </ul> | |
| 280 | + </td> | |
| 281 | + </tr> | |
| 282 | + <tr> | |
| 283 | + <td>4</td> | |
| 284 | + <td>홍길동</td> | |
| 285 | + <td> | |
| 286 | + <ul class="info-inline-list no-style"> | |
| 287 | + <li> | |
| 288 | + <i class="ico-comment">댓글 수</i> | |
| 289 | + <div class="txt-area"> | |
| 290 | + 32 | |
| 291 | + </div> | |
| 292 | + </li> | |
| 293 | + <li> | |
| 294 | + <i class="ico-edit">게시글 수</i> | |
| 295 | + <div class="txt-area"> | |
| 296 | + 32 | |
| 297 | + </div> | |
| 298 | + </li> | |
| 299 | + </ul> | |
| 300 | + </td> | |
| 301 | + </tr> | |
| 302 | + <tr> | |
| 303 | + <td>5</td> | |
| 304 | + <td>홍길동</td> | |
| 305 | + <td> | |
| 306 | + <ul class="info-inline-list no-style"> | |
| 307 | + <li> | |
| 308 | + <i class="ico-comment">댓글 수</i> | |
| 309 | + <div class="txt-area"> | |
| 310 | + 32 | |
| 311 | + </div> | |
| 312 | + </li> | |
| 313 | + <li> | |
| 314 | + <i class="ico-edit">게시글 수</i> | |
| 315 | + <div class="txt-area"> | |
| 316 | + 32 | |
| 317 | + </div> | |
| 318 | + </li> | |
| 319 | + </ul> | |
| 320 | + </td> | |
| 321 | + </tr> | |
| 322 | + </tbody> | |
| 323 | + </table> | |
| 324 | + </div> | |
| 325 | + </div> | |
| 326 | + </section> | |
| 327 | + </div> | |
| 328 | + </div> | |
| 329 | + </div> | |
| 330 | + </div> | |
| 331 | + </div> | |
| 332 | + <!-- toast --> | |
| 333 | + <div class="toast"></div> | |
| 334 | + | |
| 335 | + <!--popup--> | |
| 336 | + <div class="dim"></div> | |
| 337 | + | |
| 338 | + <script> | |
| 339 | + $(document).ready(function () { | |
| 340 | + //클래스 활동 분석 chart | |
| 341 | + createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 342 | + createChartDoughnut('chartActivity2', 50, gradientColorSecondary); | |
| 343 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 344 | + | |
| 345 | + //수업이수율 | |
| 346 | + const classStudyData = { | |
| 347 | + labels: ['01-01(1)', '01-02(2)', '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 348 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 349 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 350 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 351 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 352 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 353 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 354 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 355 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 356 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 357 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-032', '01-031', | |
| 358 | + ], | |
| 359 | + data: [ | |
| 360 | + 10, 50, 87, 30, 100, 100, 50, 87, 30, 100, 20, 50, 87, 30, 100, | |
| 361 | + 0, 50, 87, 30, 100, 0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 362 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 363 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 364 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 365 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100 | |
| 366 | + ], | |
| 367 | + }; | |
| 368 | + createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40); | |
| 369 | + | |
| 370 | + function classStudyClick(event, elements, labels, data) { | |
| 371 | + const datasetIndex = elements[0].datasetIndex; | |
| 372 | + const dataIndex = elements[0].index; | |
| 373 | + const label = labels[dataIndex]; | |
| 374 | + const value = data[dataIndex]; | |
| 375 | + alert(`클릭한 항목: ${label}\n값: ${value}%`); | |
| 376 | + } | |
| 377 | + | |
| 378 | + window.classStudyClick = classStudyClick; | |
| 379 | + }); | |
| 380 | + </script> | |
| 381 | +</body> | |
| 382 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsClass_homework.html
... | ... | @@ -0,0 +1,307 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none" class="is-active">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">클래스별 학습분석</h3> | |
| 62 | + <div class="sticky-area"> | |
| 63 | + <div class="fnc-extend-area sticky top0"> | |
| 64 | + <div class="extend-filter-area"> | |
| 65 | + <div class="l-area"> | |
| 66 | + <fieldset class="filter-group"> | |
| 67 | + <legend class="filter-title">기간 선택</legend> | |
| 68 | + <div class="checkradio"> | |
| 69 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 70 | + <label for="periodMonth">월별로 보기</label> | |
| 71 | + <div class="checkradio-option"> | |
| 72 | + <select title="월별 보기 선택"> | |
| 73 | + <option value="">2024년 12월</option> | |
| 74 | + </select> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + <div class="checkradio"> | |
| 78 | + <input type="radio" name="period" id="periodWeek"> | |
| 79 | + <label for="periodWeek">주별로 보기</label> | |
| 80 | + <div class="checkradio-option"> | |
| 81 | + <input type="date" > | |
| 82 | + <span>-</span> | |
| 83 | + <input type="date"> | |
| 84 | + <button type="button" class="btn primary">확인</button> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </fieldset> | |
| 88 | + </div> | |
| 89 | + <div class="r-area"> | |
| 90 | + <select title="클래스 선택"> | |
| 91 | + <option>클래스명</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + <section class="section-box"> | |
| 97 | + <header class="box-header"> | |
| 98 | + <div class="l-area"> | |
| 99 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 100 | + </div> | |
| 101 | + </header> | |
| 102 | + <div class="box-body"> | |
| 103 | + <div class="chart-section-area dir-row"> | |
| 104 | + <div class="chart-section"> | |
| 105 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 106 | + <div class="txt-area"> | |
| 107 | + <h4>수업 이수율</h4> | |
| 108 | + <p>45%</p> | |
| 109 | + </div> | |
| 110 | + <div class="chart-area"> | |
| 111 | + <div class="chart"> | |
| 112 | + <canvas id="chartActivity1"></canvas> | |
| 113 | + </div> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + <div class="chart-section"> | |
| 117 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 118 | + <div class="txt-area"> | |
| 119 | + <h4>과제 제출율</h4> | |
| 120 | + <p>45%</p> | |
| 121 | + </div> | |
| 122 | + <div class="chart-area"> | |
| 123 | + <div class="chart"> | |
| 124 | + <canvas id="chartActivity2"></canvas> | |
| 125 | + </div> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <div class="chart-section"> | |
| 129 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 130 | + <div class="txt-area"> | |
| 131 | + <h4>평가 풀이율</h4> | |
| 132 | + <p>45%</p> | |
| 133 | + </div> | |
| 134 | + <div class="chart-area"> | |
| 135 | + <div class="chart"> | |
| 136 | + <canvas id="chartActivity3"></canvas> | |
| 137 | + </div> | |
| 138 | + </div> | |
| 139 | + </div> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + </section> | |
| 143 | + <ul class="tabs-nav"> | |
| 144 | + <li><a href="#none">수업</a></li> | |
| 145 | + <li><a href="#none" class="is-active">과제</a></li> | |
| 146 | + <li><a href="#none">평가</a></li> | |
| 147 | + <li><a href="#none">커뮤니티</a></li> | |
| 148 | + </ul> | |
| 149 | + <section class="section-box"> | |
| 150 | + <header class="box-header"> | |
| 151 | + <div class="l-area"> | |
| 152 | + <h3 class="section-box-tit">과제 이수율</h3> | |
| 153 | + </div> | |
| 154 | + </header> | |
| 155 | + <div class="box-body"> | |
| 156 | + <div class="chart-area"> | |
| 157 | + <div class="chart"> | |
| 158 | + <canvas id="classStudy" style="max-height: 28rem;"></canvas> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + </div> | |
| 162 | + </section> | |
| 163 | + <section class="section-box bg"> | |
| 164 | + <header class="box-header"> | |
| 165 | + <div class="l-area"> | |
| 166 | + <h3 class="section-box-tit">학생들 현황</h3> | |
| 167 | + </div> | |
| 168 | + <div class="r-area"> | |
| 169 | + <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button> | |
| 170 | + </div> | |
| 171 | + </header> | |
| 172 | + <div class="box-body"> | |
| 173 | + <div class="box-row"> | |
| 174 | + <article class="article-box"> | |
| 175 | + <header class="box-header"> | |
| 176 | + <div class="l-area"> | |
| 177 | + <h4 class="article-tit">과제 제출률이 <em class="secondary">높은</em> 학생</h4> | |
| 178 | + </div> | |
| 179 | + </header> | |
| 180 | + <div class="box-body"> | |
| 181 | + <ul class="item-num-list"> | |
| 182 | + <li> | |
| 183 | + <span class="label num success">1</span> | |
| 184 | + <div class="txt-area"> | |
| 185 | + <p>홍길동</p> | |
| 186 | + </div> | |
| 187 | + <div class="fnc"> | |
| 188 | + <strong>15개</strong> | |
| 189 | + </div> | |
| 190 | + </li> | |
| 191 | + <li> | |
| 192 | + <span class="label num success">2</span> | |
| 193 | + <div class="txt-area"> | |
| 194 | + <p>홍길동</p> | |
| 195 | + </div> | |
| 196 | + <div class="fnc"> | |
| 197 | + <strong>15개</strong> | |
| 198 | + </div> | |
| 199 | + </li> | |
| 200 | + <li> | |
| 201 | + <span class="label num success">3</span> | |
| 202 | + <div class="txt-area"> | |
| 203 | + <p>홍길동</p> | |
| 204 | + </div> | |
| 205 | + <div class="fnc"> | |
| 206 | + <strong>15개</strong> | |
| 207 | + </div> | |
| 208 | + </li> | |
| 209 | + </ul> | |
| 210 | + </div> | |
| 211 | + </article> | |
| 212 | + <article class="article-box"> | |
| 213 | + <header class="box-header"> | |
| 214 | + <div class="l-area"> | |
| 215 | + <h4 class="article-tit">과제 제출률이 <em class="accent">낮은</em> 학생</h4> | |
| 216 | + </div> | |
| 217 | + </header> | |
| 218 | + <div class="box-body"> | |
| 219 | + <ul class="item-num-list"> | |
| 220 | + <li> | |
| 221 | + <span class="label num danger">1</span> | |
| 222 | + <div class="txt-area"> | |
| 223 | + <p>홍길동</p> | |
| 224 | + </div> | |
| 225 | + <div class="fnc"> | |
| 226 | + <strong>15개</strong> | |
| 227 | + </div> | |
| 228 | + </li> | |
| 229 | + <li> | |
| 230 | + <span class="label num danger">2</span> | |
| 231 | + <div class="txt-area"> | |
| 232 | + <p>홍길동</p> | |
| 233 | + </div> | |
| 234 | + <div class="fnc"> | |
| 235 | + <strong>15개</strong> | |
| 236 | + </div> | |
| 237 | + </li> | |
| 238 | + <li> | |
| 239 | + <span class="label num danger">3</span> | |
| 240 | + <div class="txt-area"> | |
| 241 | + <p>홍길동</p> | |
| 242 | + </div> | |
| 243 | + <div class="fnc"> | |
| 244 | + <strong>15개</strong> | |
| 245 | + </div> | |
| 246 | + </li> | |
| 247 | + </ul> | |
| 248 | + </div> | |
| 249 | + </article> | |
| 250 | + </div> | |
| 251 | + </div> | |
| 252 | + </section> | |
| 253 | + </div> | |
| 254 | + </div> | |
| 255 | + </div> | |
| 256 | + </div> | |
| 257 | + <!-- toast --> | |
| 258 | + <div class="toast"></div> | |
| 259 | + | |
| 260 | + <!--popup--> | |
| 261 | + <div class="dim"></div> | |
| 262 | + | |
| 263 | + <script> | |
| 264 | + $(document).ready(function () { | |
| 265 | + //클래스 활동 분석 chart | |
| 266 | + createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 267 | + createChartDoughnut('chartActivity2', 50, gradientColorSecondary); | |
| 268 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 269 | + | |
| 270 | + //수업이수율 | |
| 271 | + const classStudyData = { | |
| 272 | + labels: ['01-01(1)', '01-02(2)', '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 273 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 274 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 275 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 276 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 277 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 278 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 279 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 280 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 281 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 282 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-032', '01-031', | |
| 283 | + ], | |
| 284 | + data: [ | |
| 285 | + 10, 50, 87, 30, 100, 100, 50, 87, 30, 100, 20, 50, 87, 30, 100, | |
| 286 | + 0, 50, 87, 30, 100, 0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 287 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 288 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 289 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 290 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100 | |
| 291 | + ], | |
| 292 | + }; | |
| 293 | + createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40); | |
| 294 | + | |
| 295 | + function classStudyClick(event, elements, labels, data) { | |
| 296 | + const datasetIndex = elements[0].datasetIndex; | |
| 297 | + const dataIndex = elements[0].index; | |
| 298 | + const label = labels[dataIndex]; | |
| 299 | + const value = data[dataIndex]; | |
| 300 | + alert(`클릭한 항목: ${label}\n값: ${value}%`); | |
| 301 | + } | |
| 302 | + | |
| 303 | + window.classStudyClick = classStudyClick; | |
| 304 | + }); | |
| 305 | + </script> | |
| 306 | +</body> | |
| 307 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsClass_test.html
... | ... | @@ -0,0 +1,579 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none" class="is-active">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">클래스별 학습분석</h3> | |
| 62 | + <div class="sticky-area"> | |
| 63 | + <div class="fnc-extend-area sticky top0"> | |
| 64 | + <div class="extend-filter-area"> | |
| 65 | + <div class="l-area"> | |
| 66 | + <fieldset class="filter-group"> | |
| 67 | + <legend class="filter-title">기간 선택</legend> | |
| 68 | + <div class="checkradio"> | |
| 69 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 70 | + <label for="periodMonth">월별로 보기</label> | |
| 71 | + <div class="checkradio-option"> | |
| 72 | + <select title="월별 보기 선택"> | |
| 73 | + <option value="">2024년 12월</option> | |
| 74 | + </select> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + <div class="checkradio"> | |
| 78 | + <input type="radio" name="period" id="periodWeek"> | |
| 79 | + <label for="periodWeek">주별로 보기</label> | |
| 80 | + <div class="checkradio-option"> | |
| 81 | + <input type="date" > | |
| 82 | + <span>-</span> | |
| 83 | + <input type="date"> | |
| 84 | + <button type="button" class="btn primary">확인</button> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + </fieldset> | |
| 88 | + </div> | |
| 89 | + <div class="r-area"> | |
| 90 | + <select title="클래스 선택"> | |
| 91 | + <option>클래스명</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + <section class="section-box"> | |
| 97 | + <header class="box-header"> | |
| 98 | + <div class="l-area"> | |
| 99 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 100 | + </div> | |
| 101 | + </header> | |
| 102 | + <div class="box-body"> | |
| 103 | + <div class="chart-section-area dir-row"> | |
| 104 | + <div class="chart-section"> | |
| 105 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 106 | + <div class="txt-area"> | |
| 107 | + <h4>수업 이수율</h4> | |
| 108 | + <p>45%</p> | |
| 109 | + </div> | |
| 110 | + <div class="chart-area"> | |
| 111 | + <div class="chart"> | |
| 112 | + <canvas id="chartActivity1"></canvas> | |
| 113 | + </div> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + <div class="chart-section"> | |
| 117 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 118 | + <div class="txt-area"> | |
| 119 | + <h4>과제 제출율</h4> | |
| 120 | + <p>45%</p> | |
| 121 | + </div> | |
| 122 | + <div class="chart-area"> | |
| 123 | + <div class="chart"> | |
| 124 | + <canvas id="chartActivity2"></canvas> | |
| 125 | + </div> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <div class="chart-section"> | |
| 129 | + <a href="#none" class="lnk-full">상세보기</a> | |
| 130 | + <div class="txt-area"> | |
| 131 | + <h4>평가 풀이율</h4> | |
| 132 | + <p>45%</p> | |
| 133 | + </div> | |
| 134 | + <div class="chart-area"> | |
| 135 | + <div class="chart"> | |
| 136 | + <canvas id="chartActivity3"></canvas> | |
| 137 | + </div> | |
| 138 | + </div> | |
| 139 | + </div> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + </section> | |
| 143 | + <ul class="tabs-nav"> | |
| 144 | + <li><a href="#none">수업</a></li> | |
| 145 | + <li><a href="#none">과제</a></li> | |
| 146 | + <li><a href="#none" class="is-active">평가</a></li> | |
| 147 | + <li><a href="#none">커뮤니티</a></li> | |
| 148 | + </ul> | |
| 149 | + <ul class="tabs-nav-sm"> | |
| 150 | + <li><a href="#none" class="is-active">국어</a></li> | |
| 151 | + <li><a href="#none">영어</a></li> | |
| 152 | + <li><a href="#none">수학</a></li> | |
| 153 | + <li><a href="#none">과학</a></li> | |
| 154 | + <li><a href="#none">사회</a></li> | |
| 155 | + </ul> | |
| 156 | + <section class="section-box"> | |
| 157 | + <header class="box-header"> | |
| 158 | + <div class="l-area"> | |
| 159 | + <h3 class="section-box-tit">과목별 정답률</h3> | |
| 160 | + </div> | |
| 161 | + </header> | |
| 162 | + <div class="box-body"> | |
| 163 | + <div class="chart-area"> | |
| 164 | + <div class="chart"> | |
| 165 | + <canvas id="classStudy" style="max-height: 28rem;"></canvas> | |
| 166 | + </div> | |
| 167 | + </div> | |
| 168 | + </div> | |
| 169 | + </section> | |
| 170 | + <div class="row"> | |
| 171 | + <section class="section-box"> | |
| 172 | + <header class="box-header"> | |
| 173 | + <div class="l-area"> | |
| 174 | + <h3 class="section-box-tit">문항 난이도별 정답률</h3> | |
| 175 | + </div> | |
| 176 | + </header> | |
| 177 | + <div class="box-body"> | |
| 178 | + <div class="chart-area"> | |
| 179 | + <div class="chart"> | |
| 180 | + <canvas id="quizLevel"></canvas> | |
| 181 | + </div> | |
| 182 | + </div> | |
| 183 | + </div> | |
| 184 | + </section> | |
| 185 | + <section class="section-box"> | |
| 186 | + <header class="box-header"> | |
| 187 | + <div class="l-area"> | |
| 188 | + <h3 class="section-box-tit">제일 많이 틀린문항</h3> | |
| 189 | + </div> | |
| 190 | + <div class="r-area"> | |
| 191 | + <a href="#none" class="btn-link">오답노트 바로가기</a> | |
| 192 | + </div> | |
| 193 | + </header> | |
| 194 | + <div class="box-body"> | |
| 195 | + <ul class="item-txt-list"> | |
| 196 | + <li> | |
| 197 | + <div class="txt-area"> | |
| 198 | + <p>#1234) 무엇인지 맞춰보세요 무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요무엇인지 맞춰보세요</p> | |
| 199 | + </div> | |
| 200 | + <div class="fnc"> | |
| 201 | + <em>45% 오답율</em> | |
| 202 | + </div> | |
| 203 | + </li> | |
| 204 | + <li> | |
| 205 | + <div class="txt-area"> | |
| 206 | + <p>#1234) 문항명</p> | |
| 207 | + </div> | |
| 208 | + <div class="fnc"> | |
| 209 | + <em>45% 오답율</em> | |
| 210 | + </div> | |
| 211 | + </li> | |
| 212 | + <li> | |
| 213 | + <div class="txt-area"> | |
| 214 | + <p>#1234) 문항명</p> | |
| 215 | + </div> | |
| 216 | + <div class="fnc"> | |
| 217 | + <em>45% 오답율</em> | |
| 218 | + </div> | |
| 219 | + </li> | |
| 220 | + <li> | |
| 221 | + <div class="txt-area"> | |
| 222 | + <p>#1234) 문항명</p> | |
| 223 | + </div> | |
| 224 | + <div class="fnc"> | |
| 225 | + <em>45% 오답율</em> | |
| 226 | + </div> | |
| 227 | + </li> | |
| 228 | + <li> | |
| 229 | + <div class="txt-area"> | |
| 230 | + <p>#1234) 문항명</p> | |
| 231 | + </div> | |
| 232 | + <div class="fnc"> | |
| 233 | + <em>45% 오답율</em> | |
| 234 | + </div> | |
| 235 | + </li> | |
| 236 | + </ul> | |
| 237 | + </div> | |
| 238 | + </section> | |
| 239 | + </div> | |
| 240 | + <section class="section-box bg"> | |
| 241 | + <header class="box-header"> | |
| 242 | + <div class="l-area"> | |
| 243 | + <h3 class="section-box-tit">학생들 현황</h3> | |
| 244 | + </div> | |
| 245 | + <div class="r-area"> | |
| 246 | + <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button> | |
| 247 | + </div> | |
| 248 | + </header> | |
| 249 | + <div class="box-body"> | |
| 250 | + <div class="box-row"> | |
| 251 | + <article class="article-box"> | |
| 252 | + <header class="box-header"> | |
| 253 | + <div class="l-area"> | |
| 254 | + <h4 class="article-tit">평가 정답률이 <em class="secondary">높은</em> 학생</h4> | |
| 255 | + </div> | |
| 256 | + </header> | |
| 257 | + <div class="box-body"> | |
| 258 | + <ul class="item-num-list"> | |
| 259 | + <li> | |
| 260 | + <span class="label num success">1</span> | |
| 261 | + <div class="txt-area"> | |
| 262 | + <p>홍길동</p> | |
| 263 | + </div> | |
| 264 | + <div class="fnc"> | |
| 265 | + <strong>15개</strong> | |
| 266 | + </div> | |
| 267 | + </li> | |
| 268 | + <li> | |
| 269 | + <span class="label num success">2</span> | |
| 270 | + <div class="txt-area"> | |
| 271 | + <p>홍길동</p> | |
| 272 | + </div> | |
| 273 | + <div class="fnc"> | |
| 274 | + <strong>15개</strong> | |
| 275 | + </div> | |
| 276 | + </li> | |
| 277 | + <li> | |
| 278 | + <span class="label num success">3</span> | |
| 279 | + <div class="txt-area"> | |
| 280 | + <p>홍길동</p> | |
| 281 | + </div> | |
| 282 | + <div class="fnc"> | |
| 283 | + <strong>15개</strong> | |
| 284 | + </div> | |
| 285 | + </li> | |
| 286 | + </ul> | |
| 287 | + </div> | |
| 288 | + </article> | |
| 289 | + <article class="article-box"> | |
| 290 | + <header class="box-header"> | |
| 291 | + <div class="l-area"> | |
| 292 | + <h4 class="article-tit">평가 정답률이 <em class="accent">낮은</em> 학생</h4> | |
| 293 | + </div> | |
| 294 | + </header> | |
| 295 | + <div class="box-body"> | |
| 296 | + <ul class="item-num-list"> | |
| 297 | + <li> | |
| 298 | + <span class="label num danger">1</span> | |
| 299 | + <div class="txt-area"> | |
| 300 | + <p>홍길동</p> | |
| 301 | + </div> | |
| 302 | + <div class="fnc"> | |
| 303 | + <strong>15개</strong> | |
| 304 | + </div> | |
| 305 | + </li> | |
| 306 | + <li> | |
| 307 | + <span class="label num danger">2</span> | |
| 308 | + <div class="txt-area"> | |
| 309 | + <p>홍길동</p> | |
| 310 | + </div> | |
| 311 | + <div class="fnc"> | |
| 312 | + <strong>15개</strong> | |
| 313 | + </div> | |
| 314 | + </li> | |
| 315 | + <li> | |
| 316 | + <span class="label num danger">3</span> | |
| 317 | + <div class="txt-area"> | |
| 318 | + <p>홍길동</p> | |
| 319 | + </div> | |
| 320 | + <div class="fnc"> | |
| 321 | + <strong>15개</strong> | |
| 322 | + </div> | |
| 323 | + </li> | |
| 324 | + </ul> | |
| 325 | + </div> | |
| 326 | + </article> | |
| 327 | + </div> | |
| 328 | + </div> | |
| 329 | + </section> | |
| 330 | + </div> | |
| 331 | + </div> | |
| 332 | + </div> | |
| 333 | + </div> | |
| 334 | + <!-- toast --> | |
| 335 | + <div class="toast"></div> | |
| 336 | + | |
| 337 | + <!--popup--> | |
| 338 | + <div class="dim"></div> | |
| 339 | + <div class="popup lg" data-popuppub="popup"> | |
| 340 | + <div class="pop-header"> | |
| 341 | + <h1>교과별 정답률 상세</h1> | |
| 342 | + </div> | |
| 343 | + <div class="pop-body"> | |
| 344 | + <h2 class="title-sm"><span class="label">수학</span> 두 원의 교점을 지나는 직선/원의 방정식</h2> | |
| 345 | + <ul class="info-box-list"> | |
| 346 | + <li> | |
| 347 | + <strong>평균 점수</strong> | |
| 348 | + <div class="txt-area"> | |
| 349 | + <em>26</em> | |
| 350 | + <small>/100점 만점</small> | |
| 351 | + </div> | |
| 352 | + </li> | |
| 353 | + <li> | |
| 354 | + <strong>최고 점수</strong> | |
| 355 | + <div class="txt-area"> | |
| 356 | + <em>26점</em> | |
| 357 | + </div> | |
| 358 | + </li> | |
| 359 | + <li> | |
| 360 | + <strong>최저 점수</strong> | |
| 361 | + <div class="txt-area"> | |
| 362 | + <em>26점</em> | |
| 363 | + </div> | |
| 364 | + </li> | |
| 365 | + <li> | |
| 366 | + <strong>평균응시시간</strong> | |
| 367 | + <div class="txt-area"> | |
| 368 | + <em>5분 24초</em> | |
| 369 | + </div> | |
| 370 | + </li> | |
| 371 | + <li> | |
| 372 | + <strong>참여인원</strong> | |
| 373 | + <div class="txt-area"> | |
| 374 | + <em>17</em> | |
| 375 | + <small>/20명</small> | |
| 376 | + </div> | |
| 377 | + </li> | |
| 378 | + </ul> | |
| 379 | + <div class="section-box"> | |
| 380 | + <div class="chart-area"> | |
| 381 | + <div class="chart"> | |
| 382 | + <canvas id="subjectAnswer" style="max-height: 24rem;"></canvas> | |
| 383 | + </div> | |
| 384 | + </div> | |
| 385 | + </div> | |
| 386 | + <div class="info-type"> | |
| 387 | + <table> | |
| 388 | + <caption>교과목별 멤버 목록으로 많은 노력 필요, 노력필요, 적정, 훌륭, 매우 훌륭으로 구성되어 있습니다.</caption> | |
| 389 | + <thead> | |
| 390 | + <tr> | |
| 391 | + <th scope="col">많은 노력 필요</th> | |
| 392 | + <th scope="col">노력 필요</th> | |
| 393 | + <th scope="col">적정</th> | |
| 394 | + <th scope="col">훌륭</th> | |
| 395 | + <th scope="col">매우 훌륭</th> | |
| 396 | + </tr> | |
| 397 | + </thead> | |
| 398 | + <tbody> | |
| 399 | + <tr> | |
| 400 | + <td> | |
| 401 | + <p>김채움</p> | |
| 402 | + <small>6학년 1반 01번</small> | |
| 403 | + </td> | |
| 404 | + <td> | |
| 405 | + <p>김채움</p> | |
| 406 | + <small>6학년 1반 01번</small> | |
| 407 | + </td> | |
| 408 | + <td> | |
| 409 | + <p>김채움</p> | |
| 410 | + <small>6학년 1반 01번</small> | |
| 411 | + </td> | |
| 412 | + <td> | |
| 413 | + <p>김채움</p> | |
| 414 | + <small>6학년 1반 01번</small> | |
| 415 | + </td> | |
| 416 | + <td> | |
| 417 | + <p>김채움</p> | |
| 418 | + <small>6학년 1반 01번</small> | |
| 419 | + </td> | |
| 420 | + </tr> | |
| 421 | + <tr> | |
| 422 | + <td> | |
| 423 | + <p>김채움</p> | |
| 424 | + <small>6학년 1반 01번</small> | |
| 425 | + </td> | |
| 426 | + <td> | |
| 427 | + <p>김채움</p> | |
| 428 | + <small>6학년 1반 01번</small> | |
| 429 | + </td> | |
| 430 | + <td> | |
| 431 | + <p>김채움</p> | |
| 432 | + <small>6학년 1반 01번</small> | |
| 433 | + </td> | |
| 434 | + <td> | |
| 435 | + <p>김채움</p> | |
| 436 | + <small>6학년 1반 01번</small> | |
| 437 | + </td> | |
| 438 | + <td> | |
| 439 | + <p>김채움</p> | |
| 440 | + <small>6학년 1반 01번</small> | |
| 441 | + </td> | |
| 442 | + </tr> | |
| 443 | + <tr> | |
| 444 | + <td> | |
| 445 | + <p>김채움</p> | |
| 446 | + <small>6학년 1반 01번</small> | |
| 447 | + </td> | |
| 448 | + <td> | |
| 449 | + <p>김채움</p> | |
| 450 | + <small>6학년 1반 01번</small> | |
| 451 | + </td> | |
| 452 | + <td> | |
| 453 | + <p>김채움</p> | |
| 454 | + <small>6학년 1반 01번</small> | |
| 455 | + </td> | |
| 456 | + <td> | |
| 457 | + <p>김채움</p> | |
| 458 | + <small>6학년 1반 01번</small> | |
| 459 | + </td> | |
| 460 | + <td> | |
| 461 | + <p>김채움</p> | |
| 462 | + <small>6학년 1반 01번</small> | |
| 463 | + </td> | |
| 464 | + </tr> | |
| 465 | + <tr> | |
| 466 | + <td> | |
| 467 | + <p>김채움</p> | |
| 468 | + <small>6학년 1반 01번</small> | |
| 469 | + </td> | |
| 470 | + <td> | |
| 471 | + <p>김채움</p> | |
| 472 | + <small>6학년 1반 01번</small> | |
| 473 | + </td> | |
| 474 | + <td> | |
| 475 | + <p>김채움</p> | |
| 476 | + <small>6학년 1반 01번</small> | |
| 477 | + </td> | |
| 478 | + <td> | |
| 479 | + <p>김채움</p> | |
| 480 | + <small>6학년 1반 01번</small> | |
| 481 | + </td> | |
| 482 | + <td> | |
| 483 | + <p>김채움</p> | |
| 484 | + <small>6학년 1반 01번</small> | |
| 485 | + </td> | |
| 486 | + </tr> | |
| 487 | + <tr> | |
| 488 | + <td> | |
| 489 | + <p>김채움</p> | |
| 490 | + <small>6학년 1반 01번</small> | |
| 491 | + </td> | |
| 492 | + <td> | |
| 493 | + <p>김채움</p> | |
| 494 | + <small>6학년 1반 01번</small> | |
| 495 | + </td> | |
| 496 | + <td> | |
| 497 | + <p>김채움</p> | |
| 498 | + <small>6학년 1반 01번</small> | |
| 499 | + </td> | |
| 500 | + <td> | |
| 501 | + <p>김채움</p> | |
| 502 | + <small>6학년 1반 01번</small> | |
| 503 | + </td> | |
| 504 | + <td> | |
| 505 | + <p>김채움</p> | |
| 506 | + <small>6학년 1반 01번</small> | |
| 507 | + </td> | |
| 508 | + </tr> | |
| 509 | + </tbody> | |
| 510 | + </table> | |
| 511 | + </div> | |
| 512 | + </div> | |
| 513 | + <div class="pop-footer"> | |
| 514 | + <div class="pop-btn-cont"> | |
| 515 | + <button type="button" class="btn">닫기</button> | |
| 516 | + </div> | |
| 517 | + </div> | |
| 518 | + <button type="button" class="pop-close">닫기</button> | |
| 519 | + </div> | |
| 520 | + | |
| 521 | + <script> | |
| 522 | + $(document).ready(function () { | |
| 523 | + //클래스 활동 분석 chart | |
| 524 | + createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 525 | + createChartDoughnut('chartActivity2', 50, gradientColorSecondary); | |
| 526 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 527 | + | |
| 528 | + //수업이수율 | |
| 529 | + const classStudyData = { | |
| 530 | + labels: ['01-01(1)', '01-02(2)', '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 531 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 532 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 533 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 534 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 535 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 536 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 537 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 538 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 539 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-04', '01-05', | |
| 540 | + '01-03', '01-04', '01-05', '01-01', '01-02', '01-03', '01-032', '01-031', | |
| 541 | + ], | |
| 542 | + data: [ | |
| 543 | + 10, 50, 87, 30, 100, 100, 50, 87, 30, 100, 20, 50, 87, 30, 100, | |
| 544 | + 0, 50, 87, 30, 100, 0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 545 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 546 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 547 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100, | |
| 548 | + 0, 50, 87, 30, 100,0, 50, 87, 30, 100,0, 50, 87, 30, 100 | |
| 549 | + ], | |
| 550 | + }; | |
| 551 | + createChartBarWidthauto('classStudy', classStudyData.labels, classStudyData.data, classStudyClick, 40); | |
| 552 | + | |
| 553 | + function classStudyClick(event, elements, labels, data) { | |
| 554 | + // const datasetIndex = elements[0].datasetIndex; | |
| 555 | + // const dataIndex = elements[0].index; | |
| 556 | + // const label = labels[dataIndex]; | |
| 557 | + // const value = data[dataIndex]; | |
| 558 | + // alert(`클릭한 항목: ${label}\n값: ${value}%`); | |
| 559 | + popupOpenPub('popup'); | |
| 560 | + const subjectAnswerData = { | |
| 561 | + labels: ['많은 노력 필요', '노력 필요', '적정', '훌륭', '매우 훌륭'], | |
| 562 | + data: [0, 50, 87, 30, 100], | |
| 563 | + }; | |
| 564 | + createChartBar('subjectAnswer', subjectAnswerData.labels, subjectAnswerData.data); | |
| 565 | + } | |
| 566 | + | |
| 567 | + window.classStudyClick = classStudyClick; | |
| 568 | + | |
| 569 | + //문항 난이도별 정답률 | |
| 570 | + const quizLevelData = { | |
| 571 | + labels: ['매우쉬움', '쉬움', '보통', '어려움', '매우어려움'], | |
| 572 | + data: [0, 50, 87, 30, 100], | |
| 573 | + }; | |
| 574 | + createChartBar('quizLevel', quizLevelData.labels, quizLevelData.data); | |
| 575 | + | |
| 576 | + }); | |
| 577 | + </script> | |
| 578 | +</body> | |
| 579 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsMyClass_basictest.html
... | ... | @@ -0,0 +1,296 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none" class="is-active">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">우리반 학습분석</h3> | |
| 62 | + <div class="section-tit-area"> | |
| 63 | + <div class="l-area"> | |
| 64 | + <h4 class="title-lg">충북초등학교 6학년 3반</h4> | |
| 65 | + </div> | |
| 66 | + <div class="r-area"> | |
| 67 | + <a href="#none" class="btn secondary ico-people">학생별로 보기</a> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="summary"> | |
| 71 | + <i class="ico-info" aria-hidden="true"></i> | |
| 72 | + <div class="txt-area"> | |
| 73 | + <p> | |
| 74 | + 우리반 성장 기록은 다채움 플랫폼에서 학생들의 학습활동을 바탕으로 빅데이터 분석을 활용하여 제공합니다.<br> | |
| 75 | + 온라인상에서의 활동을 중심으로 활동한 내용으로 실제 학급에서의 행동이 같을 수도 있고, 다소 차이가 있을 수도 있습니다.<br> | |
| 76 | + 신뢰성있는 데이타 분석을 위해 학생들에게 플랫폼 활용을 장려해주 시고, 학급에서의 생활은 학생별로 보기에서 자율적으로 피드백을 남겨보세요. | |
| 77 | + </p> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="sticky-area"> | |
| 81 | + <div class="fnc-extend-area sticky top0"> | |
| 82 | + <div class="extend-filter-area"> | |
| 83 | + <div class="l-area"> | |
| 84 | + <fieldset class="filter-group"> | |
| 85 | + <legend class="filter-title">기간 선택</legend> | |
| 86 | + <div class="checkradio"> | |
| 87 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 88 | + <label for="periodMonth">월별로 보기</label> | |
| 89 | + <div class="checkradio-option"> | |
| 90 | + <select title="월별 보기 선택"> | |
| 91 | + <option value="">2024년 12월</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <div class="checkradio"> | |
| 96 | + <input type="radio" name="period" id="periodWeek"> | |
| 97 | + <label for="periodWeek">주별로 보기</label> | |
| 98 | + <div class="checkradio-option"> | |
| 99 | + <input type="date" > | |
| 100 | + <span>-</span> | |
| 101 | + <input type="date"> | |
| 102 | + <button type="button" class="btn primary">확인</button> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + </fieldset> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + <ul class="tabs-nav"> | |
| 110 | + <li><a href="#none">우리반 요약</a></li> | |
| 111 | + <li><a href="#none">교과목별 분석</a></li> | |
| 112 | + <li><a href="#none">스스로채움 학습분석</a></li> | |
| 113 | + <li><a href="#none" class="is-active">채움책방·기초학력진단·진로진학</a></li> | |
| 114 | + <li><a href="#none">콘텐츠 활용 현황</a></li> | |
| 115 | + </ul> | |
| 116 | + <section class="section-box"> | |
| 117 | + <header class="box-header"> | |
| 118 | + <div class="l-area"> | |
| 119 | + <h3 class="section-box-tit">기초학력진단 과목별 도달율</h3> | |
| 120 | + </div> | |
| 121 | + <div class="r-area"> | |
| 122 | + <a href="#none" class="btn-link">바로가기</a> | |
| 123 | + <select title="기초학력 선택"> | |
| 124 | + <option>기초학력명</option> | |
| 125 | + </select> | |
| 126 | + </div> | |
| 127 | + </header> | |
| 128 | + <div class="box-body"> | |
| 129 | + <div class="chart-area"> | |
| 130 | + <div class="chart"> | |
| 131 | + <canvas id="basictestSubject" style="max-height: 28rem;"></canvas> | |
| 132 | + </div> | |
| 133 | + </div> | |
| 134 | + </div> | |
| 135 | + </section> | |
| 136 | + <div class="row"> | |
| 137 | + <section class="section-box bg"> | |
| 138 | + <header class="box-header"> | |
| 139 | + <div class="l-area"> | |
| 140 | + <h3 class="section-box-tit">채움책방</h3> | |
| 141 | + </div> | |
| 142 | + <div class="r-area"> | |
| 143 | + <a href="#none" class="btn-link">바로가기</a> | |
| 144 | + </div> | |
| 145 | + </header> | |
| 146 | + <div class="box-body"> | |
| 147 | + <div class="box-row"> | |
| 148 | + <article class="article-box"> | |
| 149 | + <header class="box-header"> | |
| 150 | + <div class="l-area"> | |
| 151 | + <h4 class="article-tit">우리반 학생들이 많이 읽은 책</h4> | |
| 152 | + </div> | |
| 153 | + </header> | |
| 154 | + <div class="box-body"> | |
| 155 | + <div class="book-item"> | |
| 156 | + <div class="img-area"> | |
| 157 | + <figure> | |
| 158 | + <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> | |
| 159 | + </figure> | |
| 160 | + </div> | |
| 161 | + <div class="txt-area"> | |
| 162 | + <strong>책제목책제목책제목책제목책제목책제목</strong> | |
| 163 | + <small>정완상</small> | |
| 164 | + </div> | |
| 165 | + </div> | |
| 166 | + </div> | |
| 167 | + </article> | |
| 168 | + <article class="article-box"> | |
| 169 | + <header class="box-header"> | |
| 170 | + <div class="l-area"> | |
| 171 | + <h4 class="article-tit">우리반 독서왕</h4> | |
| 172 | + </div> | |
| 173 | + </header> | |
| 174 | + <div class="box-body"> | |
| 175 | + <div class="user-item"> | |
| 176 | + <div class="profile xlg"> | |
| 177 | + <i class="ico-img-master lg" aria-hidden="true"></i> | |
| 178 | + <div class="img-area"> | |
| 179 | + <figure> | |
| 180 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 181 | + </figure> | |
| 182 | + </div> | |
| 183 | + <div class="txt-area"> | |
| 184 | + <strong class="profile-tit">학생명</strong> | |
| 185 | + </div> | |
| 186 | + </div> | |
| 187 | + <div class="txt-area"> | |
| 188 | + <em class="user-item-tit">5권</em> | |
| 189 | + </div> | |
| 190 | + </div> | |
| 191 | + </div> | |
| 192 | + </article> | |
| 193 | + </div> | |
| 194 | + </div> | |
| 195 | + </section> | |
| 196 | + <section class="section-box"> | |
| 197 | + <header class="box-header"> | |
| 198 | + <div class="l-area"> | |
| 199 | + <h3 class="section-box-tit">진로학습 상담신청 이력 결과보기</h3> | |
| 200 | + </div> | |
| 201 | + <div class="r-area"> | |
| 202 | + <a href="#none" class="btn-link">바로가기</a> | |
| 203 | + </div> | |
| 204 | + </header> | |
| 205 | + <div class="box-body"> | |
| 206 | + <div class="list-type sm"> | |
| 207 | + <table> | |
| 208 | + <caption>진로학습 상담신청 이력으로 번호, 학생, 상태, 날짜로 구성되어 있습니다.</caption> | |
| 209 | + <colgroup> | |
| 210 | + <col style="width: 12%;"> | |
| 211 | + <col style="width: 28%;"> | |
| 212 | + <col> | |
| 213 | + <col style="width: 24%;"> | |
| 214 | + <col> | |
| 215 | + </colgroup> | |
| 216 | + <thead> | |
| 217 | + <tr> | |
| 218 | + <th scope="col">번호</th> | |
| 219 | + <th scope="col">학생</th> | |
| 220 | + <th scope="col">상태</th> | |
| 221 | + <th scope="col">날짜</th> | |
| 222 | + <th scope="col"></th> | |
| 223 | + </tr> | |
| 224 | + </thead> | |
| 225 | + <tbody> | |
| 226 | + <tr> | |
| 227 | + <td>1</td> | |
| 228 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 229 | + <td><span class="label-state info">상담신청</span></td> | |
| 230 | + <td data-tit="날짜">2025-02-20</td> | |
| 231 | + <td></td> | |
| 232 | + </tr> | |
| 233 | + <tr> | |
| 234 | + <td>1</td> | |
| 235 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 236 | + <td><span class="label-state success">상담완료</span></td> | |
| 237 | + <td data-tit="날짜">2025-02-20</td> | |
| 238 | + <td> | |
| 239 | + <div class="btn-tbl-cont"> | |
| 240 | + <a href="#none" class="btn sm primary">결과보기</a> | |
| 241 | + </div> | |
| 242 | + </td> | |
| 243 | + </tr> | |
| 244 | + <tr> | |
| 245 | + <td>1</td> | |
| 246 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 247 | + <td><span class="label-state info">상담신청</span></td> | |
| 248 | + <td data-tit="날짜">2025-02-20</td> | |
| 249 | + <td></td> | |
| 250 | + </tr> | |
| 251 | + <tr> | |
| 252 | + <td>1</td> | |
| 253 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 254 | + <td><span class="label-state success">상담완료</span></td> | |
| 255 | + <td data-tit="날짜">2025-02-20</td> | |
| 256 | + <td> | |
| 257 | + <div class="btn-tbl-cont"> | |
| 258 | + <a href="#none" class="btn sm primary">결과보기</a> | |
| 259 | + </div> | |
| 260 | + </td> | |
| 261 | + </tr> | |
| 262 | + <tr> | |
| 263 | + <td>1</td> | |
| 264 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 265 | + <td><span class="label-state info">상담신청</span></td> | |
| 266 | + <td data-tit="날짜">2025-02-20</td> | |
| 267 | + <td></td> | |
| 268 | + </tr> | |
| 269 | + </tbody> | |
| 270 | + </table> | |
| 271 | + </div> | |
| 272 | + </div> | |
| 273 | + </section> | |
| 274 | + </div> | |
| 275 | + </div> | |
| 276 | + </div> | |
| 277 | + </div> | |
| 278 | + </div> | |
| 279 | + <!-- toast --> | |
| 280 | + <div class="toast"></div> | |
| 281 | + | |
| 282 | + <!--popup--> | |
| 283 | + <div class="dim"></div> | |
| 284 | + <script> | |
| 285 | + $(document).ready(function () { | |
| 286 | + //기초학력진단 과목별 도달율 | |
| 287 | + const basictestSubjectData = { | |
| 288 | + labels: ['국어(가형)', '영어(가형)', '수학(가형)', '사회(가형)', '과학(나형)'], | |
| 289 | + data: [0, 50, 87, 30, 100], | |
| 290 | + }; | |
| 291 | + createChartBar('basictestSubject', basictestSubjectData.labels, basictestSubjectData.data); | |
| 292 | + | |
| 293 | + }); | |
| 294 | + </script> | |
| 295 | +</body> | |
| 296 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsMyClass_contents.html
... | ... | @@ -0,0 +1,429 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none" class="is-active">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">우리반 학습분석</h3> | |
| 62 | + <div class="section-tit-area"> | |
| 63 | + <div class="l-area"> | |
| 64 | + <h4 class="title-lg">충북초등학교 6학년 3반</h4> | |
| 65 | + </div> | |
| 66 | + <div class="r-area"> | |
| 67 | + <a href="#none" class="btn secondary ico-people">학생별로 보기</a> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="summary"> | |
| 71 | + <i class="ico-info" aria-hidden="true"></i> | |
| 72 | + <div class="txt-area"> | |
| 73 | + <p> | |
| 74 | + 우리반 성장 기록은 다채움 플랫폼에서 학생들의 학습활동을 바탕으로 빅데이터 분석을 활용하여 제공합니다.<br> | |
| 75 | + 온라인상에서의 활동을 중심으로 활동한 내용으로 실제 학급에서의 행동이 같을 수도 있고, 다소 차이가 있을 수도 있습니다.<br> | |
| 76 | + 신뢰성있는 데이타 분석을 위해 학생들에게 플랫폼 활용을 장려해주시고, 학급에서의 생활은 학생별로 보기에서 자율적으로 피드백을 남겨보세요. | |
| 77 | + </p> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="sticky-area"> | |
| 81 | + <div class="fnc-extend-area sticky top0"> | |
| 82 | + <div class="extend-filter-area"> | |
| 83 | + <div class="l-area"> | |
| 84 | + <fieldset class="filter-group"> | |
| 85 | + <legend class="filter-title">기간 선택</legend> | |
| 86 | + <div class="checkradio"> | |
| 87 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 88 | + <label for="periodMonth">월별로 보기</label> | |
| 89 | + <div class="checkradio-option"> | |
| 90 | + <select title="월별 보기 선택"> | |
| 91 | + <option value="">2024년 12월</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <div class="checkradio"> | |
| 96 | + <input type="radio" name="period" id="periodWeek"> | |
| 97 | + <label for="periodWeek">주별로 보기</label> | |
| 98 | + <div class="checkradio-option"> | |
| 99 | + <input type="date" > | |
| 100 | + <span>-</span> | |
| 101 | + <input type="date"> | |
| 102 | + <button type="button" class="btn primary">확인</button> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + </fieldset> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + <ul class="tabs-nav"> | |
| 110 | + <li><a href="#none">우리반 요약</a></li> | |
| 111 | + <li><a href="#none">교과목별 분석</a></li> | |
| 112 | + <li><a href="#none">스스로채움 학습분석</a></li> | |
| 113 | + <li><a href="#none">채움책방·기초학력진단·진로진학</a></li> | |
| 114 | + <li><a href="#none" class="is-active">콘텐츠 활용 현황</a></li> | |
| 115 | + </ul> | |
| 116 | + <section class="section-box"> | |
| 117 | + <header class="box-header"> | |
| 118 | + <div class="l-area"> | |
| 119 | + <h3 class="section-box-tit">교과별 콘텐츠 활용 현황(문항, 콘텐츠 포함)</h3> | |
| 120 | + </div> | |
| 121 | + </header> | |
| 122 | + <div class="box-body"> | |
| 123 | + <div class="chart-box"> | |
| 124 | + <div class="chart-area" style="width: 60%;"> | |
| 125 | + <div class="chart-bar-stack"> | |
| 126 | + <span class="bar blue" style="width:30%;">국어 30%</span> | |
| 127 | + <span class="bar yellow" style="width:20%;">영어 20%</span> | |
| 128 | + <span class="bar pink" style="width:30%;">수학 30%</span> | |
| 129 | + <span class="bar green" style="width:10%;">사회 10%</span> | |
| 130 | + <span class="bar violet" style="width:10%;">과학 20%</span> | |
| 131 | + </div> | |
| 132 | + </div> | |
| 133 | + <div class="cont"> | |
| 134 | + <ul class="chart-info-list"> | |
| 135 | + <li> | |
| 136 | + <div class="l-area"> | |
| 137 | + <span class="legend lg"><i class="blue"></i> 국어</span> | |
| 138 | + </div> | |
| 139 | + <div class="r-area"> | |
| 140 | + <span><strong class="data">30</strong>%</span> | |
| 141 | + </div> | |
| 142 | + </li> | |
| 143 | + <li> | |
| 144 | + <div class="l-area"> | |
| 145 | + <span class="legend lg"><i class="yellow"></i> 영어</span> | |
| 146 | + </div> | |
| 147 | + <div class="r-area"> | |
| 148 | + <span><strong class="data">20</strong>%</span> | |
| 149 | + </div> | |
| 150 | + </li> | |
| 151 | + <li> | |
| 152 | + <div class="l-area"> | |
| 153 | + <span class="legend lg"><i class="pink"></i> 수학</span> | |
| 154 | + </div> | |
| 155 | + <div class="r-area"> | |
| 156 | + <span><strong class="data">30</strong>%</span> | |
| 157 | + </div> | |
| 158 | + </li> | |
| 159 | + <li> | |
| 160 | + <div class="l-area"> | |
| 161 | + <span class="legend lg"><i class="green"></i> 사회</span> | |
| 162 | + </div> | |
| 163 | + <div class="r-area"> | |
| 164 | + <span><strong class="data">10</strong>%</span> | |
| 165 | + </div> | |
| 166 | + </li> | |
| 167 | + <li> | |
| 168 | + <div class="l-area"> | |
| 169 | + <span class="legend lg"><i class="violet"></i> 과학</span> | |
| 170 | + </div> | |
| 171 | + <div class="r-area"> | |
| 172 | + <span><strong class="data">10</strong>%</span> | |
| 173 | + </div> | |
| 174 | + </li> | |
| 175 | + </ul> | |
| 176 | + </div> | |
| 177 | + </div> | |
| 178 | + </div> | |
| 179 | + </section> | |
| 180 | + <section class="section-box bg"> | |
| 181 | + <header class="box-header"> | |
| 182 | + <div class="l-area"> | |
| 183 | + <h3 class="section-box-tit">콘텐츠 활동현황</h3> | |
| 184 | + </div> | |
| 185 | + </header> | |
| 186 | + <div class="box-body"> | |
| 187 | + <div class="box-row"> | |
| 188 | + <article class="article-box"> | |
| 189 | + <header class="box-header"> | |
| 190 | + <div class="l-area"> | |
| 191 | + <h4 class="article-tit">우리반 학생들이 <em>많이 담은</em> 콘텐츠</h4> | |
| 192 | + </div> | |
| 193 | + </header> | |
| 194 | + <div class="box-body"> | |
| 195 | + <ul class="item-txt-list"> | |
| 196 | + <li> | |
| 197 | + <span class="label-num-img lg num1">1</span> | |
| 198 | + <div class="img-area"> | |
| 199 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 200 | + </div> | |
| 201 | + <div class="txt-area"> | |
| 202 | + <div class="label-area"> | |
| 203 | + <span class="label-cont-video">영상</span> | |
| 204 | + </div> | |
| 205 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 206 | + <em>총 20명</em> | |
| 207 | + </div> | |
| 208 | + </li> | |
| 209 | + <li> | |
| 210 | + <span class="label-num-img lg num2">2</span> | |
| 211 | + <div class="img-area"> | |
| 212 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 213 | + </div> | |
| 214 | + <div class="txt-area"> | |
| 215 | + <div class="label-area"> | |
| 216 | + <span class="label-cont-img">이미지</span> | |
| 217 | + </div> | |
| 218 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 219 | + <em>총 20명</em> | |
| 220 | + </div> | |
| 221 | + </li> | |
| 222 | + <li> | |
| 223 | + <span class="label-num-img lg num3">3</span> | |
| 224 | + <div class="img-area"> | |
| 225 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 226 | + </div> | |
| 227 | + <div class="txt-area"> | |
| 228 | + <div class="label-area"> | |
| 229 | + <span class="label-cont-doc">문서</span> | |
| 230 | + </div> | |
| 231 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 232 | + <em>총 20명</em> | |
| 233 | + </div> | |
| 234 | + </li> | |
| 235 | + <li> | |
| 236 | + <span class="label num lg">4</span> | |
| 237 | + <div class="img-area"> | |
| 238 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 239 | + </div> | |
| 240 | + <div class="txt-area"> | |
| 241 | + <div class="label-area"> | |
| 242 | + <span class="label-cont-doc">문서</span> | |
| 243 | + </div> | |
| 244 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 245 | + <em>총 20명</em> | |
| 246 | + </div> | |
| 247 | + </li> | |
| 248 | + <li> | |
| 249 | + <span class="label num lg">5</span> | |
| 250 | + <div class="img-area"> | |
| 251 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 252 | + </div> | |
| 253 | + <div class="txt-area"> | |
| 254 | + <div class="label-area"> | |
| 255 | + <span class="label-cont-doc">문서</span> | |
| 256 | + </div> | |
| 257 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 258 | + <em>총 20명</em> | |
| 259 | + </div> | |
| 260 | + </li> | |
| 261 | + </ul> | |
| 262 | + </div> | |
| 263 | + </article> | |
| 264 | + <article class="article-box"> | |
| 265 | + <header class="box-header"> | |
| 266 | + <div class="l-area"> | |
| 267 | + <h4 class="article-tit">우리반 학생들이 <em>좋아하는</em> 콘텐츠</h4> | |
| 268 | + </div> | |
| 269 | + </header> | |
| 270 | + <div class="box-body"> | |
| 271 | + <ul class="item-txt-list"> | |
| 272 | + <li> | |
| 273 | + <span class="label-num-img lg num1">1</span> | |
| 274 | + <div class="img-area"> | |
| 275 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 276 | + </div> | |
| 277 | + <div class="txt-area"> | |
| 278 | + <div class="label-area"> | |
| 279 | + <span class="label-cont-video">영상</span> | |
| 280 | + </div> | |
| 281 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 282 | + <em>총 20명</em> | |
| 283 | + </div> | |
| 284 | + </li> | |
| 285 | + <li> | |
| 286 | + <span class="label-num-img lg num2">2</span> | |
| 287 | + <div class="img-area"> | |
| 288 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 289 | + </div> | |
| 290 | + <div class="txt-area"> | |
| 291 | + <div class="label-area"> | |
| 292 | + <span class="label-cont-img">이미지</span> | |
| 293 | + </div> | |
| 294 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 295 | + <em>총 20명</em> | |
| 296 | + </div> | |
| 297 | + </li> | |
| 298 | + <li> | |
| 299 | + <span class="label-num-img lg num3">3</span> | |
| 300 | + <div class="img-area"> | |
| 301 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 302 | + </div> | |
| 303 | + <div class="txt-area"> | |
| 304 | + <div class="label-area"> | |
| 305 | + <span class="label-cont-doc">문서</span> | |
| 306 | + </div> | |
| 307 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 308 | + <em>총 20명</em> | |
| 309 | + </div> | |
| 310 | + </li> | |
| 311 | + <li> | |
| 312 | + <span class="label num lg">4</span> | |
| 313 | + <div class="img-area"> | |
| 314 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 315 | + </div> | |
| 316 | + <div class="txt-area"> | |
| 317 | + <div class="label-area"> | |
| 318 | + <span class="label-cont-doc">문서</span> | |
| 319 | + </div> | |
| 320 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 321 | + <em>총 20명</em> | |
| 322 | + </div> | |
| 323 | + </li> | |
| 324 | + <li> | |
| 325 | + <span class="label num lg">5</span> | |
| 326 | + <div class="img-area"> | |
| 327 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 328 | + </div> | |
| 329 | + <div class="txt-area"> | |
| 330 | + <div class="label-area"> | |
| 331 | + <span class="label-cont-doc">문서</span> | |
| 332 | + </div> | |
| 333 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 334 | + <em>총 20명</em> | |
| 335 | + </div> | |
| 336 | + </li> | |
| 337 | + </ul> | |
| 338 | + </div> | |
| 339 | + </article> | |
| 340 | + <article class="article-box"> | |
| 341 | + <header class="box-header"> | |
| 342 | + <div class="l-area"> | |
| 343 | + <h4 class="article-tit">우리반 학생들이 <em>의견이 많은</em> 콘텐츠</h4> | |
| 344 | + </div> | |
| 345 | + </header> | |
| 346 | + <div class="box-body"> | |
| 347 | + <ul class="item-txt-list"> | |
| 348 | + <li> | |
| 349 | + <span class="label-num-img lg num1">1</span> | |
| 350 | + <div class="img-area"> | |
| 351 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 352 | + </div> | |
| 353 | + <div class="txt-area"> | |
| 354 | + <div class="label-area"> | |
| 355 | + <span class="label-cont-video">영상</span> | |
| 356 | + </div> | |
| 357 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 358 | + <em>총 20명</em> | |
| 359 | + </div> | |
| 360 | + </li> | |
| 361 | + <li> | |
| 362 | + <span class="label-num-img lg num2">2</span> | |
| 363 | + <div class="img-area"> | |
| 364 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 365 | + </div> | |
| 366 | + <div class="txt-area"> | |
| 367 | + <div class="label-area"> | |
| 368 | + <span class="label-cont-img">이미지</span> | |
| 369 | + </div> | |
| 370 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 371 | + <em>총 20명</em> | |
| 372 | + </div> | |
| 373 | + </li> | |
| 374 | + <li> | |
| 375 | + <span class="label-num-img lg num3">3</span> | |
| 376 | + <div class="img-area"> | |
| 377 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 378 | + </div> | |
| 379 | + <div class="txt-area"> | |
| 380 | + <div class="label-area"> | |
| 381 | + <span class="label-cont-doc">문서</span> | |
| 382 | + </div> | |
| 383 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 384 | + <em>총 20명</em> | |
| 385 | + </div> | |
| 386 | + </li> | |
| 387 | + <li> | |
| 388 | + <span class="label num lg">4</span> | |
| 389 | + <div class="img-area"> | |
| 390 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 391 | + </div> | |
| 392 | + <div class="txt-area"> | |
| 393 | + <div class="label-area"> | |
| 394 | + <span class="label-cont-doc">문서</span> | |
| 395 | + </div> | |
| 396 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 397 | + <em>총 20명</em> | |
| 398 | + </div> | |
| 399 | + </li> | |
| 400 | + <li> | |
| 401 | + <span class="label num lg">5</span> | |
| 402 | + <div class="img-area"> | |
| 403 | + <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg" alt="이미지"> | |
| 404 | + </div> | |
| 405 | + <div class="txt-area"> | |
| 406 | + <div class="label-area"> | |
| 407 | + <span class="label-cont-doc">문서</span> | |
| 408 | + </div> | |
| 409 | + <p>[국어] 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳 콘텐츠제목을 표시하는 곳.</p> | |
| 410 | + <em>총 20명</em> | |
| 411 | + </div> | |
| 412 | + </li> | |
| 413 | + </ul> | |
| 414 | + </div> | |
| 415 | + </article> | |
| 416 | + </div> | |
| 417 | + </div> | |
| 418 | + </section> | |
| 419 | + </div> | |
| 420 | + </div> | |
| 421 | + </div> | |
| 422 | + </div> | |
| 423 | + <!-- toast --> | |
| 424 | + <div class="toast"></div> | |
| 425 | + | |
| 426 | + <!--popup--> | |
| 427 | + <div class="dim"></div> | |
| 428 | +</body> | |
| 429 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsMyClass_dkStudy.html
... | ... | @@ -0,0 +1,316 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none" class="is-active">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">우리반 학습분석</h3> | |
| 62 | + <div class="section-tit-area"> | |
| 63 | + <div class="l-area"> | |
| 64 | + <h4 class="title-lg">충북초등학교 6학년 3반</h4> | |
| 65 | + </div> | |
| 66 | + <div class="r-area"> | |
| 67 | + <a href="#none" class="btn secondary ico-people">학생별로 보기</a> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="summary"> | |
| 71 | + <i class="ico-info" aria-hidden="true"></i> | |
| 72 | + <div class="txt-area"> | |
| 73 | + <p> | |
| 74 | + 우리반 성장 기록은 다채움 플랫폼에서 학생들의 학습활동을 바탕으로 빅데이터 분석을 활용하여 제공합니다.<br> | |
| 75 | + 온라인상에서의 활동을 중심으로 활동한 내용으로 실제 학급에서의 행동이 같을 수도 있고, 다소 차이가 있을 수도 있습니다.<br> | |
| 76 | + 신뢰성있는 데이타 분석을 위해 학생들에게 플랫폼 활용을 장려해주시고, 학급에서의 생활은 학생별로 보기에서 자율적으로 피드백을 남겨보세요. | |
| 77 | + </p> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="sticky-area"> | |
| 81 | + <div class="fnc-extend-area sticky top0"> | |
| 82 | + <div class="extend-filter-area"> | |
| 83 | + <div class="l-area"> | |
| 84 | + <fieldset class="filter-group"> | |
| 85 | + <legend class="filter-title">기간 선택</legend> | |
| 86 | + <div class="checkradio"> | |
| 87 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 88 | + <label for="periodMonth">월별로 보기</label> | |
| 89 | + <div class="checkradio-option"> | |
| 90 | + <select title="월별 보기 선택"> | |
| 91 | + <option value="">2024년 12월</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <div class="checkradio"> | |
| 96 | + <input type="radio" name="period" id="periodWeek"> | |
| 97 | + <label for="periodWeek">주별로 보기</label> | |
| 98 | + <div class="checkradio-option"> | |
| 99 | + <input type="date" > | |
| 100 | + <span>-</span> | |
| 101 | + <input type="date"> | |
| 102 | + <button type="button" class="btn primary">확인</button> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + </fieldset> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + <ul class="tabs-nav"> | |
| 110 | + <li><a href="#none">우리반 요약</a></li> | |
| 111 | + <li><a href="#none">교과목별 분석</a></li> | |
| 112 | + <li><a href="#none" class="is-active">스스로채움 학습분석</a></li> | |
| 113 | + <li><a href="#none">채움책방·기초학력진단·진로진학</a></li> | |
| 114 | + <li><a href="#none">콘텐츠 활용 현황</a></li> | |
| 115 | + </ul> | |
| 116 | + <section class="section-box"> | |
| 117 | + <header class="box-header"> | |
| 118 | + <div class="l-area"> | |
| 119 | + <h3 class="section-box-tit">오늘의 학습 완료율</h3> | |
| 120 | + </div> | |
| 121 | + </header> | |
| 122 | + <div class="box-body"> | |
| 123 | + <div class="chart-area"> | |
| 124 | + <div class="chart"> | |
| 125 | + <canvas id="todayStudy" style="max-height: 28rem;"></canvas> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + </div> | |
| 129 | + </section> | |
| 130 | + <section class="section-box"> | |
| 131 | + <header class="box-header"> | |
| 132 | + <div class="l-area"> | |
| 133 | + <h3 class="section-box-tit">오늘의 학습 '퀴즈'정답률</h3> | |
| 134 | + </div> | |
| 135 | + </header> | |
| 136 | + <div class="box-body"> | |
| 137 | + <div class="chart-area"> | |
| 138 | + <div class="chart"> | |
| 139 | + <canvas id="todayStudyQuiz" style="max-height: 28rem;"></canvas> | |
| 140 | + </div> | |
| 141 | + </div> | |
| 142 | + </div> | |
| 143 | + </section> | |
| 144 | + <section class="section-box"> | |
| 145 | + <header class="box-header"> | |
| 146 | + <div class="l-area"> | |
| 147 | + <h3 class="section-box-tit">오늘의 학습 시간</h3> | |
| 148 | + </div> | |
| 149 | + </header> | |
| 150 | + <div class="box-body"> | |
| 151 | + <div class="chart-legend"> | |
| 152 | + <div class="r-area"> | |
| 153 | + <div class="legend-area"> | |
| 154 | + <span class="legend"><i class="primary"></i>문제풀이</span> | |
| 155 | + <span class="legend"><i class="secondary"></i>개념학습</span> | |
| 156 | + </div> | |
| 157 | + </div> | |
| 158 | + </div> | |
| 159 | + <div class="chart-area"> | |
| 160 | + <div class="chart"> | |
| 161 | + <canvas id="todayStudyTime" style="max-height: 28rem;"></canvas> | |
| 162 | + </div> | |
| 163 | + </div> | |
| 164 | + </div> | |
| 165 | + </section> | |
| 166 | + <section class="section-box bg"> | |
| 167 | + <header class="box-header"> | |
| 168 | + <div class="l-area"> | |
| 169 | + <h3 class="section-box-tit">학생들 현황</h3> | |
| 170 | + </div> | |
| 171 | + <div class="r-area"> | |
| 172 | + <button type="button" class="btn sm secondary">학습 상태별 학생 현황 보기</button> | |
| 173 | + </div> | |
| 174 | + </header> | |
| 175 | + <div class="box-body"> | |
| 176 | + <div class="box-row"> | |
| 177 | + <article class="article-box"> | |
| 178 | + <header class="box-header"> | |
| 179 | + <div class="l-area"> | |
| 180 | + <h4 class="article-tit">오늘의 학습 '퀴즈 정답률이 <em class="secondary">높은</em> 학생</h4> | |
| 181 | + </div> | |
| 182 | + </header> | |
| 183 | + <div class="box-body"> | |
| 184 | + <ul class="item-num-list"> | |
| 185 | + <li> | |
| 186 | + <span class="label num success">1</span> | |
| 187 | + <div class="txt-area"> | |
| 188 | + <p>홍길동</p> | |
| 189 | + </div> | |
| 190 | + <div class="fnc"> | |
| 191 | + <strong>15개</strong> | |
| 192 | + </div> | |
| 193 | + </li> | |
| 194 | + <li> | |
| 195 | + <span class="label num success">2</span> | |
| 196 | + <div class="txt-area"> | |
| 197 | + <p>홍길동</p> | |
| 198 | + </div> | |
| 199 | + <div class="fnc"> | |
| 200 | + <strong>15개</strong> | |
| 201 | + </div> | |
| 202 | + </li> | |
| 203 | + <li> | |
| 204 | + <span class="label num success">3</span> | |
| 205 | + <div class="txt-area"> | |
| 206 | + <p>홍길동</p> | |
| 207 | + </div> | |
| 208 | + <div class="fnc"> | |
| 209 | + <strong>15개</strong> | |
| 210 | + </div> | |
| 211 | + </li> | |
| 212 | + </ul> | |
| 213 | + </div> | |
| 214 | + </article> | |
| 215 | + <article class="article-box"> | |
| 216 | + <header class="box-header"> | |
| 217 | + <div class="l-area"> | |
| 218 | + <h4 class="article-tit">오늘의 학습 '퀴즈 정답률이 <em class="accent">낮은</em> 학생</h4> | |
| 219 | + </div> | |
| 220 | + </header> | |
| 221 | + <div class="box-body"> | |
| 222 | + <ul class="item-num-list"> | |
| 223 | + <li> | |
| 224 | + <span class="label num danger">1</span> | |
| 225 | + <div class="txt-area"> | |
| 226 | + <p>홍길동</p> | |
| 227 | + </div> | |
| 228 | + <div class="fnc"> | |
| 229 | + <strong>15개</strong> | |
| 230 | + </div> | |
| 231 | + </li> | |
| 232 | + <li> | |
| 233 | + <span class="label num danger">2</span> | |
| 234 | + <div class="txt-area"> | |
| 235 | + <p>홍길동</p> | |
| 236 | + </div> | |
| 237 | + <div class="fnc"> | |
| 238 | + <strong>15개</strong> | |
| 239 | + </div> | |
| 240 | + </li> | |
| 241 | + <li> | |
| 242 | + <span class="label num danger">3</span> | |
| 243 | + <div class="txt-area"> | |
| 244 | + <p>홍길동</p> | |
| 245 | + </div> | |
| 246 | + <div class="fnc"> | |
| 247 | + <strong>15개</strong> | |
| 248 | + </div> | |
| 249 | + </li> | |
| 250 | + </ul> | |
| 251 | + </div> | |
| 252 | + </article> | |
| 253 | + </div> | |
| 254 | + </div> | |
| 255 | + </section> | |
| 256 | + </div> | |
| 257 | + </div> | |
| 258 | + </div> | |
| 259 | + </div> | |
| 260 | + <!-- toast --> | |
| 261 | + <div class="toast"></div> | |
| 262 | + | |
| 263 | + <!--popup--> | |
| 264 | + <div class="dim"></div> | |
| 265 | + | |
| 266 | + <script> | |
| 267 | + $(document).ready(function () { | |
| 268 | + //오늘의 학습 완료율 | |
| 269 | + const todayStudyData = { | |
| 270 | + labels: ['01-01', '01-02', '01-03', '01-04', '01-05'], | |
| 271 | + data: [0, 50, 87, 30, 100], | |
| 272 | + }; | |
| 273 | + createChartBar('todayStudy', todayStudyData.labels, todayStudyData.data, todayStudyClick); | |
| 274 | + function todayStudyClick(event, elements, labels, data) { | |
| 275 | + const datasetIndex = elements[0].datasetIndex; | |
| 276 | + const dataIndex = elements[0].index; | |
| 277 | + const label = labels[dataIndex]; | |
| 278 | + const value = data[dataIndex]; | |
| 279 | + alert(`클릭한 항목: ${label}\n값: ${value}%`); | |
| 280 | + } | |
| 281 | + | |
| 282 | + window.todayStudyClick = todayStudyClick; | |
| 283 | + | |
| 284 | + //오늘의 학습 '퀴즈' 정답률 | |
| 285 | + const todayStudyQuizData = { | |
| 286 | + labels: ['01-01', '01-02', '01-03', '01-04', '01-05'], | |
| 287 | + data: [0, 50, 87, 30, 100], | |
| 288 | + }; | |
| 289 | + createChartBar('todayStudyQuiz', todayStudyQuizData.labels, todayStudyQuizData.data); | |
| 290 | + | |
| 291 | + //오늘의 학습시간 | |
| 292 | + const todayStudyTimeData = { | |
| 293 | + labels: ['01-21', '01-22', '01-23', '01-24', '01-25'], | |
| 294 | + dataSets: [ | |
| 295 | + [0, 20, 40, 40, 50], // 매우 쉬움 | |
| 296 | + [10, 15, 25, 50, 30], // 쉬움 | |
| 297 | + ], | |
| 298 | + legends: ['문제풀이', '개념학습'], | |
| 299 | + colors: [ | |
| 300 | + gradientColorPrimary, | |
| 301 | + gradientColorSecondary, | |
| 302 | + ], | |
| 303 | + }; | |
| 304 | + createChartTodayStudyTime('todayStudyTime', todayStudyTimeData.labels, todayStudyTimeData.dataSets,todayStudyTimeData.legends, todayStudyTimeData.colors, todayStudyTimeDataClick); | |
| 305 | + | |
| 306 | + function todayStudyTimeDataClick(context) { | |
| 307 | + const value = context.dataset.data[context.dataIndex]; | |
| 308 | + const label = context.chart.data.labels[context.dataIndex]; | |
| 309 | + const legend = context.dataset.label; | |
| 310 | + alert(`시간: ${value}분\n날짜: ${label}\n항목: ${legend}`); | |
| 311 | + } | |
| 312 | + window.todayStudyTimeDataClick = todayStudyTimeDataClick; | |
| 313 | + }); | |
| 314 | + </script> | |
| 315 | +</body> | |
| 316 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsMyClass_student.html
... | ... | @@ -0,0 +1,544 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 28 | + <!-- //페이지 plugin--> | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="accessibility"> | |
| 44 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 45 | + </div> | |
| 46 | + <!-- for-teacher / for-student --> | |
| 47 | + <div class="container"> | |
| 48 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 49 | + <header class="site-header"></header> | |
| 50 | + | |
| 51 | + <div class="site-body" id="skipToContents"> | |
| 52 | + <div class="wrap"> | |
| 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">우리반 학습분석</a></li> | |
| 60 | + <li><a href="#none">학생 오답노트</a></li> | |
| 61 | + <li><a href="#none">클래스별 학습분석</a></li> | |
| 62 | + </ul> | |
| 63 | + <h3 class="txt-hide">우리반 학습분석</h3> | |
| 64 | + <div class="section-tit-area"> | |
| 65 | + <div class="l-area"> | |
| 66 | + <h2 class="title-lg">학생별 보기</h2> | |
| 67 | + </div> | |
| 68 | + <div class="r-area"> | |
| 69 | + <button type="button" class="btn ico-setting">학부모 표시 설정</button> | |
| 70 | + </div> | |
| 71 | + </div> | |
| 72 | + <div class="sticky-area"> | |
| 73 | + <div class="fnc-extend-area sticky top0"> | |
| 74 | + <div class="extend-filter-area"> | |
| 75 | + <div class="l-area"> | |
| 76 | + <fieldset class="filter-group"> | |
| 77 | + <legend class="filter-title">기간 선택</legend> | |
| 78 | + <div class="checkradio"> | |
| 79 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 80 | + <label for="periodMonth">월별로 보기</label> | |
| 81 | + <div class="checkradio-option"> | |
| 82 | + <select title="월별 보기 선택"> | |
| 83 | + <option value="">2024년 12월</option> | |
| 84 | + </select> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + <div class="checkradio"> | |
| 88 | + <input type="radio" name="period" id="periodWeek"> | |
| 89 | + <label for="periodWeek">주별로 보기</label> | |
| 90 | + <div class="checkradio-option"> | |
| 91 | + <input type="date" > | |
| 92 | + <span>-</span> | |
| 93 | + <input type="date"> | |
| 94 | + <button type="button" class="btn primary">확인</button> | |
| 95 | + </div> | |
| 96 | + </div> | |
| 97 | + </fieldset> | |
| 98 | + </div> | |
| 99 | + <div class="r-area"> | |
| 100 | + <select title="학생 선택"> | |
| 101 | + <option>3학년 5반 15번 김채움</option> | |
| 102 | + </select> | |
| 103 | + <button type="button" class="btn secondary ico-print">인쇄설정</button> | |
| 104 | + </div> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + <ul class="tabs-nav"> | |
| 108 | + <li><a href="#none" class="is-active">나의 요약</a></li> | |
| 109 | + <li><a href="#none">교과목별 분석</a></li> | |
| 110 | + </ul> | |
| 111 | + <div class="row"> | |
| 112 | + <section class="section-box"> | |
| 113 | + <header class="box-header"> | |
| 114 | + <div class="l-area"> | |
| 115 | + <h3 class="section-box-tit">나의 감정</h3> | |
| 116 | + </div> | |
| 117 | + </header> | |
| 118 | + <div class="chart-box"> | |
| 119 | + <div class="swiper emotion-swiper"> | |
| 120 | + <div class="swiper-wrapper"> | |
| 121 | + <div class="swiper-slide"> | |
| 122 | + <div class="emotion-item"> | |
| 123 | + <div class="img-area"> | |
| 124 | + <figure> | |
| 125 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-grinningface.svg" alt="기뻐요"> | |
| 126 | + </figure> | |
| 127 | + </div> | |
| 128 | + <div class="txt-area"> | |
| 129 | + <strong>기뻐요</strong> | |
| 130 | + <small>2025-12-02(월)</small> | |
| 131 | + </div> | |
| 132 | + </div> | |
| 133 | + </div> | |
| 134 | + <div class="swiper-slide"> | |
| 135 | + <div class="emotion-item"> | |
| 136 | + <div class="img-area"> | |
| 137 | + <figure> | |
| 138 | + <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-angryface.svg" alt="화나요"> | |
| 139 | + </figure> | |
| 140 | + </div> | |
| 141 | + <div class="txt-area"> | |
| 142 | + <strong>화나요</strong> | |
| 143 | + <small>2025-12-03(화)</small> | |
| 144 | + </div> | |
| 145 | + </div> | |
| 146 | + </div> | |
| 147 | + </div> | |
| 148 | + <div class="swiper-fnc"> | |
| 149 | + <button type="button" class="swiper-button-prev">이전</button> | |
| 150 | + <button type="button" class="swiper-button-next">다음</button> | |
| 151 | + </div> | |
| 152 | + </div> | |
| 153 | + <div class="cont"> | |
| 154 | + <ul class="chart-info-list"> | |
| 155 | + <li> | |
| 156 | + <div class="l-area"> | |
| 157 | + <span class="legend lg"><i class="green"></i> 긍정</span> | |
| 158 | + </div> | |
| 159 | + <div class="r-area"> | |
| 160 | + <span><strong class="data">28</strong>회</span> | |
| 161 | + </div> | |
| 162 | + </li> | |
| 163 | + <li> | |
| 164 | + <div class="l-area"> | |
| 165 | + <span class="legend lg"><i class="orange"></i> 부정</span> | |
| 166 | + </div> | |
| 167 | + <div class="r-area"> | |
| 168 | + <span><strong class="data">28</strong>회</span> | |
| 169 | + </div> | |
| 170 | + </li> | |
| 171 | + </ul> | |
| 172 | + </div> | |
| 173 | + </div> | |
| 174 | + </section> | |
| 175 | + <section class="section-box"> | |
| 176 | + <header class="box-header"> | |
| 177 | + <div class="l-area"> | |
| 178 | + <h3 class="section-box-tit">땅콩적립현황</h3> | |
| 179 | + </div> | |
| 180 | + </header> | |
| 181 | + <div class="chart-box"> | |
| 182 | + <div class="point-item"> | |
| 183 | + <div class="txt-area"> | |
| 184 | + <strong>기간동안 적립한 땅콩</strong> | |
| 185 | + <em class="accent">123개</em> | |
| 186 | + </div> | |
| 187 | + </div> | |
| 188 | + <div class="cont"> | |
| 189 | + <ul class="item-txt-list"> | |
| 190 | + <li> | |
| 191 | + <div class="txt-area"> | |
| 192 | + <strong>총 땅콩수</strong> | |
| 193 | + </div> | |
| 194 | + <div class="fnc"> | |
| 195 | + <em class="accent">221 개</em> | |
| 196 | + </div> | |
| 197 | + </li> | |
| 198 | + <li> | |
| 199 | + <div class="txt-area"> | |
| 200 | + <strong>공부한 과목/학습수준</strong> | |
| 201 | + </div> | |
| 202 | + <div class="fnc"> | |
| 203 | + 국어(쉬움), 영어(보통), 수학(어려움), 과학(보통), 사회(쉬움) | |
| 204 | + </div> | |
| 205 | + </li> | |
| 206 | + </ul> | |
| 207 | + </div> | |
| 208 | + </div> | |
| 209 | + </section> | |
| 210 | + </div> | |
| 211 | + <div class="row"> | |
| 212 | + <section class="section-box"> | |
| 213 | + <header class="box-header"> | |
| 214 | + <div class="l-area"> | |
| 215 | + <h3 class="section-box-tit">클래스 활동현황</h3> | |
| 216 | + </div> | |
| 217 | + </header> | |
| 218 | + <div class="box-body"> | |
| 219 | + <div class="chart-section-area"> | |
| 220 | + <div class="chart-section"> | |
| 221 | + <div class="txt-area"> | |
| 222 | + <h4>수업 이수율</h4> | |
| 223 | + <p>45%</p> | |
| 224 | + </div> | |
| 225 | + <div class="chart-area"> | |
| 226 | + <div class="chart"> | |
| 227 | + <canvas id="chartActivity1"></canvas> | |
| 228 | + </div> | |
| 229 | + </div> | |
| 230 | + </div> | |
| 231 | + <div class="chart-section"> | |
| 232 | + <div class="txt-area"> | |
| 233 | + <h4>과제 제출율</h4> | |
| 234 | + <p>45%</p> | |
| 235 | + </div> | |
| 236 | + <div class="chart-area"> | |
| 237 | + <div class="chart"> | |
| 238 | + <canvas id="chartActivity2"></canvas> | |
| 239 | + </div> | |
| 240 | + </div> | |
| 241 | + </div> | |
| 242 | + <div class="chart-section"> | |
| 243 | + <div class="txt-area"> | |
| 244 | + <h4>평가 풀이율</h4> | |
| 245 | + <p>45%</p> | |
| 246 | + </div> | |
| 247 | + <div class="chart-area"> | |
| 248 | + <div class="chart"> | |
| 249 | + <canvas id="chartActivity3"></canvas> | |
| 250 | + </div> | |
| 251 | + </div> | |
| 252 | + </div> | |
| 253 | + </div> | |
| 254 | + </div> | |
| 255 | + </section> | |
| 256 | + <section class="section-box"> | |
| 257 | + <header class="box-header"> | |
| 258 | + <div class="l-area"> | |
| 259 | + <h3 class="section-box-tit">관심키워드</h3> | |
| 260 | + </div> | |
| 261 | + </header> | |
| 262 | + <div class="box-body"> | |
| 263 | + <ul class="item-num-list"> | |
| 264 | + <li> | |
| 265 | + <span class="label num">1</span> | |
| 266 | + <div class="txt-area"> | |
| 267 | + <p>분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수</p></div> | |
| 268 | + </li> | |
| 269 | + <li> | |
| 270 | + <span class="label num">2</span> | |
| 271 | + <div class="txt-area"><p>분수</p></div> | |
| 272 | + </li> | |
| 273 | + <li> | |
| 274 | + <span class="label num">3</span> | |
| 275 | + <div class="txt-area"><p>분수</p></div> | |
| 276 | + </li> | |
| 277 | + <li> | |
| 278 | + <span class="label num">4</span> | |
| 279 | + <div class="txt-area"><p>분수</p></div> | |
| 280 | + </li> | |
| 281 | + <li> | |
| 282 | + <span class="label num">5</span> | |
| 283 | + <div class="txt-area"><p>분수</p></div> | |
| 284 | + </li> | |
| 285 | + <li> | |
| 286 | + <span class="label num">6</span> | |
| 287 | + <div class="txt-area"><p>분수</p></div> | |
| 288 | + </li> | |
| 289 | + <li> | |
| 290 | + <span class="label num">7</span> | |
| 291 | + <div class="txt-area"><p>분수</p></div> | |
| 292 | + </li> | |
| 293 | + <li> | |
| 294 | + <span class="label num">8</span> | |
| 295 | + <div class="txt-area"><p>분수</p></div> | |
| 296 | + </li> | |
| 297 | + <li> | |
| 298 | + <span class="label num">9</span> | |
| 299 | + <div class="txt-area"><p>분수</p></div> | |
| 300 | + </li> | |
| 301 | + <li> | |
| 302 | + <span class="label num">10</span> | |
| 303 | + <div class="txt-area"><p>분수</p></div> | |
| 304 | + </li> | |
| 305 | + </ul> | |
| 306 | + </div> | |
| 307 | + </section> | |
| 308 | + </div> | |
| 309 | + <section class="section-box"> | |
| 310 | + <header class="box-header"> | |
| 311 | + <div class="l-area"> | |
| 312 | + <h3 class="section-box-tit">기능별 활용현황</h3> | |
| 313 | + </div> | |
| 314 | + </header> | |
| 315 | + <div class="box-body"> | |
| 316 | + <div class="chart-box"> | |
| 317 | + <div class="chart-area" style="width: 60%;"> | |
| 318 | + <div class="chart-bar-stack"> | |
| 319 | + <span class="bar blue" style="width:30%;">채움클래스 30%</span> | |
| 320 | + <span class="bar yellow" style="width:20%;">콘텐츠 20%</span> | |
| 321 | + <span class="bar pink" style="width:30%;">기초학력진단 30%</span> | |
| 322 | + <span class="bar green" style="width:20%;">진로진학 20%</span> | |
| 323 | + </div> | |
| 324 | + </div> | |
| 325 | + <div class="cont"> | |
| 326 | + <ul class="chart-info-list"> | |
| 327 | + <li> | |
| 328 | + <div class="l-area"> | |
| 329 | + <span class="legend lg"><i class="blue"></i> 채움클래스</span> | |
| 330 | + </div> | |
| 331 | + <div class="r-area"> | |
| 332 | + <span><strong class="data">30</strong>%</span> | |
| 333 | + </div> | |
| 334 | + </li> | |
| 335 | + <li> | |
| 336 | + <div class="l-area"> | |
| 337 | + <span class="legend lg"><i class="yellow"></i> 콘텐츠</span> | |
| 338 | + </div> | |
| 339 | + <div class="r-area"> | |
| 340 | + <span><strong class="data">20</strong>%</span> | |
| 341 | + </div> | |
| 342 | + </li> | |
| 343 | + <li> | |
| 344 | + <div class="l-area"> | |
| 345 | + <span class="legend lg"><i class="pink"></i> 기초학력진단</span> | |
| 346 | + </div> | |
| 347 | + <div class="r-area"> | |
| 348 | + <span><strong class="data">30</strong>%</span> | |
| 349 | + </div> | |
| 350 | + </li> | |
| 351 | + <li> | |
| 352 | + <div class="l-area"> | |
| 353 | + <span class="legend lg"><i class="green"></i> 진로진학</span> | |
| 354 | + </div> | |
| 355 | + <div class="r-area"> | |
| 356 | + <span><strong class="data">20</strong>%</span> | |
| 357 | + </div> | |
| 358 | + </li> | |
| 359 | + </ul> | |
| 360 | + </div> | |
| 361 | + </div> | |
| 362 | + </div> | |
| 363 | + </section> | |
| 364 | + <section class="section-box"> | |
| 365 | + <header class="box-header"> | |
| 366 | + <div class="l-area"> | |
| 367 | + <h3 class="section-box-tit">기초학력진단 과목별 도달율</h3> | |
| 368 | + </div> | |
| 369 | + <div class="r-area"> | |
| 370 | + <a href="#none" class="btn-link">바로가기</a> | |
| 371 | + <select title="기초학력 선택"> | |
| 372 | + <option>기초학력명</option> | |
| 373 | + </select> | |
| 374 | + </div> | |
| 375 | + </header> | |
| 376 | + <div class="box-body"> | |
| 377 | + <div class="chart-area"> | |
| 378 | + <div class="chart"> | |
| 379 | + <canvas id="basictestSubject" style="max-height: 28rem;"></canvas> | |
| 380 | + </div> | |
| 381 | + </div> | |
| 382 | + </div> | |
| 383 | + </section> | |
| 384 | + <div class="row"> | |
| 385 | + <section class="section-box bg"> | |
| 386 | + <header class="box-header"> | |
| 387 | + <div class="l-area"> | |
| 388 | + <h3 class="section-box-tit">채움책방</h3> | |
| 389 | + </div> | |
| 390 | + <div class="r-area"> | |
| 391 | + <a href="#none" class="btn-link">바로가기</a> | |
| 392 | + </div> | |
| 393 | + </header> | |
| 394 | + <div class="box-body"> | |
| 395 | + <div class="box-row"> | |
| 396 | + <article class="article-box"> | |
| 397 | + <header class="box-header"> | |
| 398 | + <div class="l-area"> | |
| 399 | + <h4 class="article-tit">우리반 학생들이 많이 읽은 책</h4> | |
| 400 | + </div> | |
| 401 | + </header> | |
| 402 | + <div class="box-body"> | |
| 403 | + <div class="book-item"> | |
| 404 | + <div class="img-area"> | |
| 405 | + <figure> | |
| 406 | + <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt=""> | |
| 407 | + </figure> | |
| 408 | + </div> | |
| 409 | + <div class="txt-area"> | |
| 410 | + <strong>책제목책제목책제목책제목책제목책제목</strong> | |
| 411 | + <small>정완상</small> | |
| 412 | + </div> | |
| 413 | + </div> | |
| 414 | + </div> | |
| 415 | + </article> | |
| 416 | + <article class="article-box"> | |
| 417 | + <header class="box-header"> | |
| 418 | + <div class="l-area"> | |
| 419 | + <h4 class="article-tit">우리반 독서왕</h4> | |
| 420 | + </div> | |
| 421 | + </header> | |
| 422 | + <div class="box-body"> | |
| 423 | + <div class="user-item"> | |
| 424 | + <div class="profile xlg"> | |
| 425 | + <i class="ico-img-master lg" aria-hidden="true"></i> | |
| 426 | + <div class="img-area"> | |
| 427 | + <figure> | |
| 428 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 429 | + </figure> | |
| 430 | + </div> | |
| 431 | + <div class="txt-area"> | |
| 432 | + <strong class="profile-tit">학생명</strong> | |
| 433 | + </div> | |
| 434 | + </div> | |
| 435 | + <div class="txt-area"> | |
| 436 | + <em class="user-item-tit">5권</em> | |
| 437 | + </div> | |
| 438 | + </div> | |
| 439 | + </div> | |
| 440 | + </article> | |
| 441 | + </div> | |
| 442 | + </div> | |
| 443 | + </section> | |
| 444 | + <section class="section-box"> | |
| 445 | + <header class="box-header"> | |
| 446 | + <div class="l-area"> | |
| 447 | + <h3 class="section-box-tit">진로학습 상담신청 이력 결과보기</h3> | |
| 448 | + </div> | |
| 449 | + <div class="r-area"> | |
| 450 | + <a href="#none" class="btn-link">바로가기</a> | |
| 451 | + </div> | |
| 452 | + </header> | |
| 453 | + <div class="box-body"> | |
| 454 | + <div class="list-type sm"> | |
| 455 | + <table> | |
| 456 | + <caption>진로학습 상담신청 이력으로 번호, 학생, 상태, 날짜로 구성되어 있습니다.</caption> | |
| 457 | + <colgroup> | |
| 458 | + <col style="width: 12%;"> | |
| 459 | + <col style="width: 28%;"> | |
| 460 | + <col> | |
| 461 | + <col style="width: 24%;"> | |
| 462 | + <col> | |
| 463 | + </colgroup> | |
| 464 | + <thead> | |
| 465 | + <tr> | |
| 466 | + <th scope="col">번호</th> | |
| 467 | + <th scope="col">학생</th> | |
| 468 | + <th scope="col">상태</th> | |
| 469 | + <th scope="col">날짜</th> | |
| 470 | + <th scope="col"></th> | |
| 471 | + </tr> | |
| 472 | + </thead> | |
| 473 | + <tbody> | |
| 474 | + <tr> | |
| 475 | + <td>1</td> | |
| 476 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 477 | + <td><span class="label-state info">상담신청</span></td> | |
| 478 | + <td data-tit="날짜">2025-02-20</td> | |
| 479 | + <td></td> | |
| 480 | + </tr> | |
| 481 | + <tr> | |
| 482 | + <td>1</td> | |
| 483 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 484 | + <td><span class="label-state success">상담완료</span></td> | |
| 485 | + <td data-tit="날짜">2025-02-20</td> | |
| 486 | + <td><div class="btn-tbl-cont"><a href="#none" class="btn sm primary">결과보기</a></div></td> | |
| 487 | + </tr> | |
| 488 | + <tr> | |
| 489 | + <td>1</td> | |
| 490 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 491 | + <td><span class="label-state info">상담신청</span></td> | |
| 492 | + <td data-tit="날짜">2025-02-20</td> | |
| 493 | + <td></td> | |
| 494 | + </tr> | |
| 495 | + <tr> | |
| 496 | + <td>1</td> | |
| 497 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 498 | + <td><span class="label-state success">상담완료</span></td> | |
| 499 | + <td data-tit="날짜">2025-02-20</td> | |
| 500 | + <td><div class="btn-tbl-cont"><a href="#none" class="btn sm primary">결과보기</a></div></td> | |
| 501 | + </tr> | |
| 502 | + <tr> | |
| 503 | + <td>1</td> | |
| 504 | + <td data-tit="학생">3학년 1반 01번 김채움</td> | |
| 505 | + <td><span class="label-state info">상담신청</span></td> | |
| 506 | + <td data-tit="날짜">2025-02-20</td> | |
| 507 | + <td></td> | |
| 508 | + </tr> | |
| 509 | + </tbody> | |
| 510 | + </table> | |
| 511 | + </div> | |
| 512 | + </div> | |
| 513 | + </section> | |
| 514 | + </div> | |
| 515 | + </div> | |
| 516 | + </div> | |
| 517 | + </div> | |
| 518 | + </div> | |
| 519 | + <!-- toast --> | |
| 520 | + <div class="toast"></div> | |
| 521 | + | |
| 522 | + <!--popup--> | |
| 523 | + <div class="dim"></div> | |
| 524 | + <script> | |
| 525 | + $(document).ready(function () { | |
| 526 | + //나의감정 swiper | |
| 527 | + emotionSwiper(); | |
| 528 | + | |
| 529 | + //클래스 활동 분석 chart | |
| 530 | + createChartDoughnut('chartActivity1', 45, gradientColorPrimary); | |
| 531 | + createChartDoughnut('chartActivity2', 50, gradientColorSecondary); | |
| 532 | + createChartDoughnut('chartActivity3', 50, gradientColorAccent); | |
| 533 | + | |
| 534 | + //기초학력진단 과목별 도달율 | |
| 535 | + const basictestSubjectData = { | |
| 536 | + labels: ['국어(가형)', '영어(가형)', '수학(가형)', '사회(가형)', '과학(나형)'], | |
| 537 | + data: [0, 50, 87, 30, 100], | |
| 538 | + }; | |
| 539 | + createChartBar('basictestSubject', basictestSubjectData.labels, basictestSubjectData.data); | |
| 540 | + }); | |
| 541 | + </script> | |
| 542 | +</body> | |
| 543 | +</html> | |
| 544 | + (파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/analyticsMyClass_student_subject.html
... | ... | @@ -0,0 +1,358 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 27 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> | |
| 28 | + <!-- //페이지 plugin--> | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="accessibility"> | |
| 44 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 45 | + </div> | |
| 46 | + <!-- for-teacher / for-student --> | |
| 47 | + <div class="container"> | |
| 48 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 49 | + <header class="site-header"></header> | |
| 50 | + | |
| 51 | + <div class="site-body" id="skipToContents"> | |
| 52 | + <div class="wrap"> | |
| 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">우리반 학습분석</a></li> | |
| 60 | + <li><a href="#none">학생 오답노트</a></li> | |
| 61 | + <li><a href="#none">클래스별 학습분석</a></li> | |
| 62 | + </ul> | |
| 63 | + <h3 class="txt-hide">우리반 학습분석</h3> | |
| 64 | + <div class="section-tit-area"> | |
| 65 | + <div class="l-area"> | |
| 66 | + <h2 class="title-lg">학생별 보기</h2> | |
| 67 | + </div> | |
| 68 | + <div class="r-area"> | |
| 69 | + <button type="button" class="btn ico-setting">학부모 표시 설정</button> | |
| 70 | + </div> | |
| 71 | + </div> | |
| 72 | + <div class="sticky-area"> | |
| 73 | + <div class="fnc-extend-area sticky top0"> | |
| 74 | + <div class="extend-filter-area"> | |
| 75 | + <div class="l-area"> | |
| 76 | + <fieldset class="filter-group"> | |
| 77 | + <legend class="filter-title">기간 선택</legend> | |
| 78 | + <div class="checkradio"> | |
| 79 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 80 | + <label for="periodMonth">월별로 보기</label> | |
| 81 | + <div class="checkradio-option"> | |
| 82 | + <select title="월별 보기 선택"> | |
| 83 | + <option value="">2024년 12월</option> | |
| 84 | + </select> | |
| 85 | + </div> | |
| 86 | + </div> | |
| 87 | + <div class="checkradio"> | |
| 88 | + <input type="radio" name="period" id="periodWeek"> | |
| 89 | + <label for="periodWeek">주별로 보기</label> | |
| 90 | + <div class="checkradio-option"> | |
| 91 | + <input type="date" > | |
| 92 | + <span>-</span> | |
| 93 | + <input type="date"> | |
| 94 | + <button type="button" class="btn primary">확인</button> | |
| 95 | + </div> | |
| 96 | + </div> | |
| 97 | + </fieldset> | |
| 98 | + </div> | |
| 99 | + <div class="r-area"> | |
| 100 | + <select title="학생 선택"> | |
| 101 | + <option>3학년 5반 15번 김채움</option> | |
| 102 | + </select> | |
| 103 | + <button type="button" class="btn secondary ico-print">인쇄설정</button> | |
| 104 | + </div> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + <ul class="tabs-nav"> | |
| 108 | + <li><a href="#none">나의 요약</a></li> | |
| 109 | + <li><a href="#none" class="is-active">교과목별 분석</a></li> | |
| 110 | + </ul> | |
| 111 | + <section class="section-box"> | |
| 112 | + <header class="box-header"> | |
| 113 | + <div class="l-area"> | |
| 114 | + <h3 class="section-box-tit">교과별 콘텐츠 활용 현황(문항, 콘텐츠 포함)</h3> | |
| 115 | + </div> | |
| 116 | + </header> | |
| 117 | + <div class="box-body"> | |
| 118 | + <div class="chart-box"> | |
| 119 | + <div class="chart-area" style="width: 60%;"> | |
| 120 | + <div class="chart-bar-stack"> | |
| 121 | + <span class="bar blue" style="width:30%;">국어 30%</span> | |
| 122 | + <span class="bar yellow" style="width:20%;">영어 20%</span> | |
| 123 | + <span class="bar pink" style="width:30%;">수학 30%</span> | |
| 124 | + <span class="bar green" style="width:10%;">사회 10%</span> | |
| 125 | + <span class="bar violet" style="width:10%;">과학 20%</span> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <div class="cont"> | |
| 129 | + <ul class="chart-info-list"> | |
| 130 | + <li> | |
| 131 | + <div class="l-area"> | |
| 132 | + <span class="legend lg"><i class="blue"></i> 국어</span> | |
| 133 | + </div> | |
| 134 | + <div class="r-area"> | |
| 135 | + <span><strong class="data">30</strong>%</span> | |
| 136 | + </div> | |
| 137 | + </li> | |
| 138 | + <li> | |
| 139 | + <div class="l-area"> | |
| 140 | + <span class="legend lg"><i class="yellow"></i> 영어</span> | |
| 141 | + </div> | |
| 142 | + <div class="r-area"> | |
| 143 | + <span><strong class="data">20</strong>%</span> | |
| 144 | + </div> | |
| 145 | + </li> | |
| 146 | + <li> | |
| 147 | + <div class="l-area"> | |
| 148 | + <span class="legend lg"><i class="pink"></i> 수학</span> | |
| 149 | + </div> | |
| 150 | + <div class="r-area"> | |
| 151 | + <span><strong class="data">30</strong>%</span> | |
| 152 | + </div> | |
| 153 | + </li> | |
| 154 | + <li> | |
| 155 | + <div class="l-area"> | |
| 156 | + <span class="legend lg"><i class="green"></i> 사회</span> | |
| 157 | + </div> | |
| 158 | + <div class="r-area"> | |
| 159 | + <span><strong class="data">10</strong>%</span> | |
| 160 | + </div> | |
| 161 | + </li> | |
| 162 | + <li> | |
| 163 | + <div class="l-area"> | |
| 164 | + <span class="legend lg"><i class="violet"></i> 과학</span> | |
| 165 | + </div> | |
| 166 | + <div class="r-area"> | |
| 167 | + <span><strong class="data">10</strong>%</span> | |
| 168 | + </div> | |
| 169 | + </li> | |
| 170 | + </ul> | |
| 171 | + </div> | |
| 172 | + </div> | |
| 173 | + </div> | |
| 174 | + </section> | |
| 175 | + <ul class="tabs-nav-sm"> | |
| 176 | + <li><a href="#none" class="is-active">국어</a></li> | |
| 177 | + <li><a href="#none">영어</a></li> | |
| 178 | + <li><a href="#none">수학</a></li> | |
| 179 | + <li><a href="#none">과학</a></li> | |
| 180 | + <li><a href="#none">사회</a></li> | |
| 181 | + </ul> | |
| 182 | + <div class="row"> | |
| 183 | + <section class="section-box"> | |
| 184 | + <header class="box-header"> | |
| 185 | + <div class="l-area"> | |
| 186 | + <h3 class="section-box-tit">문항 난이도별 정답률</h3> | |
| 187 | + </div> | |
| 188 | + </header> | |
| 189 | + <div class="box-body"> | |
| 190 | + <div class="chart-area"> | |
| 191 | + <div class="chart"> | |
| 192 | + <canvas id="quizLevel" style="max-height: 28rem;"></canvas> | |
| 193 | + </div> | |
| 194 | + </div> | |
| 195 | + </div> | |
| 196 | + </section> | |
| 197 | + <section class="section-box"> | |
| 198 | + <header class="box-header"> | |
| 199 | + <div class="l-area"> | |
| 200 | + <h3 class="section-box-tit">학습분석</h3> | |
| 201 | + </div> | |
| 202 | + </header> | |
| 203 | + <div class="box-body"> | |
| 204 | + <div class="chart-area"> | |
| 205 | + <div class="chart-legend"> | |
| 206 | + <div class="r-area"> | |
| 207 | + <div class="legend-area"> | |
| 208 | + <span class="legend"><i class="primary"></i>학습자</span> | |
| 209 | + <span class="legend"><i class="secondary"></i>학급평균</span> | |
| 210 | + </div> | |
| 211 | + </div> | |
| 212 | + </div> | |
| 213 | + <div class="chart" style="max-width: 70%; margin:0 auto;"> | |
| 214 | + <canvas id="studyAnaly"></canvas> | |
| 215 | + </div> | |
| 216 | + </div> | |
| 217 | + </div> | |
| 218 | + </section> | |
| 219 | + </div> | |
| 220 | + <section class="section-box"> | |
| 221 | + <header class="box-header"> | |
| 222 | + <div class="l-area"> | |
| 223 | + <h3 class="section-box-tit">영역별 정답률</h3> | |
| 224 | + </div> | |
| 225 | + </header> | |
| 226 | + <div class="box-body"> | |
| 227 | + <ul class="chart-bar-list"> | |
| 228 | + <li> | |
| 229 | + <div class="chart-tit-area"> | |
| 230 | + <div class="chart-tit">수와 연산</div> | |
| 231 | + </div> | |
| 232 | + <div class="bar-area"> | |
| 233 | + <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22%</small> | |
| 234 | + </div> | |
| 235 | + </li> | |
| 236 | + <li> | |
| 237 | + <div class="chart-tit-area"> | |
| 238 | + <div class="chart-tit">변화와 관계</div> | |
| 239 | + </div> | |
| 240 | + <div class="bar-area"> | |
| 241 | + <button type="button" class="bar" style="width:100%;">100%</button><small class="chart-label">100%</small> | |
| 242 | + </div> | |
| 243 | + </li> | |
| 244 | + <li> | |
| 245 | + <div class="chart-tit-area"> | |
| 246 | + <div class="chart-tit">수와 연산</div> | |
| 247 | + </div> | |
| 248 | + <div class="bar-area"> | |
| 249 | + <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22%</small> | |
| 250 | + </div> | |
| 251 | + </li> | |
| 252 | + <li> | |
| 253 | + <div class="chart-tit-area"> | |
| 254 | + <div class="chart-tit">변화와 관계</div> | |
| 255 | + </div> | |
| 256 | + <div class="bar-area"> | |
| 257 | + <button type="button" class="bar" style="width:50%;">50%</button><small class="chart-label">50%</small> | |
| 258 | + </div> | |
| 259 | + </li> | |
| 260 | + </ul> | |
| 261 | + </div> | |
| 262 | + </section> | |
| 263 | + <section class="section-box"> | |
| 264 | + <header class="box-header"> | |
| 265 | + <div class="l-area"> | |
| 266 | + <h3 class="section-box-tit">기간별 정답률 추이</h3> | |
| 267 | + </div> | |
| 268 | + </header> | |
| 269 | + <div class="box-body"> | |
| 270 | + <div class="chart-legend"> | |
| 271 | + <div class="r-area"> | |
| 272 | + <div class="legend-area"> | |
| 273 | + <span class="legend"><i class="yellow"></i> 매우쉬움</span> | |
| 274 | + <span class="legend"><i class="green"></i>쉬움</span> | |
| 275 | + <span class="legend"><i class="blue"></i>보통</span> | |
| 276 | + <span class="legend"><i class="pink"></i> 어려움</span> | |
| 277 | + <span class="legend"><i class="violet"></i> 매우 어려움</span> | |
| 278 | + </div> | |
| 279 | + </div> | |
| 280 | + </div> | |
| 281 | + <div class="chart-area"> | |
| 282 | + <div class="chart"> | |
| 283 | + <canvas id="periodAnswer" style="max-height: 28rem;"></canvas> | |
| 284 | + </div> | |
| 285 | + </div> | |
| 286 | + </div> | |
| 287 | + </section> | |
| 288 | + <section class="section-box"> | |
| 289 | + <header class="box-header"> | |
| 290 | + <div class="l-area"> | |
| 291 | + <h3 class="section-box-tit">선생님 의견</h3> | |
| 292 | + </div> | |
| 293 | + <div class="r-area"> | |
| 294 | + <button type="submit" class="btn primary ico-save">저장</button> | |
| 295 | + </div> | |
| 296 | + </header> | |
| 297 | + <div class="box-body"> | |
| 298 | + <textarea title="선생님 의견 입력" placeholder="학생에 대한 종합 평가를 남길 수 있습니다. "></textarea> | |
| 299 | + </div> | |
| 300 | + </section> | |
| 301 | + </div> | |
| 302 | + </div> | |
| 303 | + </div> | |
| 304 | + </div> | |
| 305 | + <!-- toast --> | |
| 306 | + <div class="toast"></div> | |
| 307 | + | |
| 308 | + <!--popup--> | |
| 309 | + <div class="dim"></div> | |
| 310 | + <script> | |
| 311 | + $(document).ready(function () { | |
| 312 | + //문항 난이도별 정답률 | |
| 313 | + const quizLevelData = { | |
| 314 | + labels: ['매우쉬움', '쉬움', '보통', '어려움', '매우어려움'], | |
| 315 | + data: [0, 50, 87, 30, 100], | |
| 316 | + }; | |
| 317 | + createChartBar('quizLevel', quizLevelData.labels, quizLevelData.data); | |
| 318 | + | |
| 319 | + | |
| 320 | + //학습 분석 | |
| 321 | + const studyAnalyData = { | |
| 322 | + labels: ['학습충실도', '학업성취도', '학업적극성', '학습집중도', '학습만족도'], | |
| 323 | + dataSets: [ | |
| 324 | + [0, 0, 0, 0, 0], | |
| 325 | + [40, 25, 50, 30, 10], | |
| 326 | + ], | |
| 327 | + legends: ['학습자', '학급평균'], | |
| 328 | + colors: [ | |
| 329 | + gradientColorPrimary, // 보통 | |
| 330 | + gradientColorSecondary, // 쉬움 | |
| 331 | + ], | |
| 332 | + }; | |
| 333 | + createChartRadar('studyAnaly', studyAnalyData.labels, studyAnalyData.dataSets, studyAnalyData.legends, studyAnalyData.colors); | |
| 334 | + | |
| 335 | + //기간별 정답률 추이 | |
| 336 | + const periodAnswerData = { | |
| 337 | + labels: ['01-21', '01-22', '01-23', '01-24', '01-25'], | |
| 338 | + dataSets: [ | |
| 339 | + [0, 20, 40, 40, 50], // 매우 쉬움 | |
| 340 | + [15, 25, 50, 30, 55], // 쉬움 | |
| 341 | + [20, 100, 40, 0, 60], // 보통 | |
| 342 | + [25, 35, 80, 55, 65], // 어려움 | |
| 343 | + [30, 40, 10, 10, 70], // 매우 어려움 | |
| 344 | + ], | |
| 345 | + legends: ['매우 쉬움', '쉬움', '보통', '어려움', '매우 어려움'], | |
| 346 | + colors: [ | |
| 347 | + gradientColorYellow, // 매우 쉬움 | |
| 348 | + gradientColorGreen, // 쉬움 | |
| 349 | + gradientColorBlue, // 보통 | |
| 350 | + gradientColorPink, // 어려움 | |
| 351 | + gradientColorViolet // 매우 어려움 | |
| 352 | + ], | |
| 353 | + }; | |
| 354 | + createChartLine('periodAnswer', periodAnswerData.labels, periodAnswerData.dataSets, periodAnswerData.legends, periodAnswerData.colors); | |
| 355 | + }); | |
| 356 | + </script> | |
| 357 | +</body> | |
| 358 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsMyClass_subject.html
... | ... | @@ -0,0 +1,291 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none" class="is-active">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">우리반 학습분석</h3> | |
| 62 | + <div class="section-tit-area"> | |
| 63 | + <div class="l-area"> | |
| 64 | + <h4 class="title-lg">충북초등학교 6학년 3반</h4> | |
| 65 | + </div> | |
| 66 | + <div class="r-area"> | |
| 67 | + <a href="#none" class="btn secondary ico-people">학생별로 보기</a> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="summary"> | |
| 71 | + <i class="ico-info" aria-hidden="true"></i> | |
| 72 | + <div class="txt-area"> | |
| 73 | + <p> | |
| 74 | + 우리반 성장 기록은 다채움 플랫폼에서 학생들의 학습활동을 바탕으로 빅데이터 분석을 활용하여 제공합니다.<br> | |
| 75 | + 온라인상에서의 활동을 중심으로 활동한 내용으로 실제 학급에서의 행동이 같을 수도 있고, 다소 차이가 있을 수도 있습니다.<br> | |
| 76 | + 신뢰성있는 데이타 분석을 위해 학생들에게 플랫폼 활용을 장려해주시고, 학급에서의 생활은 학생별로 보기에서 자율적으로 피드백을 남겨보세요. | |
| 77 | + </p> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="sticky-area"> | |
| 81 | + <div class="fnc-extend-area sticky top0"> | |
| 82 | + <div class="extend-filter-area"> | |
| 83 | + <div class="l-area"> | |
| 84 | + <fieldset class="filter-group"> | |
| 85 | + <legend class="filter-title">기간 선택</legend> | |
| 86 | + <div class="checkradio"> | |
| 87 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 88 | + <label for="periodMonth">월별로 보기</label> | |
| 89 | + <div class="checkradio-option"> | |
| 90 | + <select title="월별 보기 선택"> | |
| 91 | + <option value="">2024년 12월</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <div class="checkradio"> | |
| 96 | + <input type="radio" name="period" id="periodWeek"> | |
| 97 | + <label for="periodWeek">주별로 보기</label> | |
| 98 | + <div class="checkradio-option"> | |
| 99 | + <input type="date" > | |
| 100 | + <span>-</span> | |
| 101 | + <input type="date"> | |
| 102 | + <button type="button" class="btn primary">확인</button> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + </fieldset> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + <ul class="tabs-nav"> | |
| 110 | + <li><a href="#none">우리반 요약</a></li> | |
| 111 | + <li><a href="#none" class="is-active">교과목별 분석</a></li> | |
| 112 | + <li><a href="#none">스스로채움 학습분석</a></li> | |
| 113 | + <li><a href="#none">채움책방·기초학력진단·진로진학</a></li> | |
| 114 | + <li><a href="#none">콘텐츠 활용 현황</a></li> | |
| 115 | + </ul> | |
| 116 | + <ul class="tabs-nav-sm"> | |
| 117 | + <li><a href="#none" class="is-active">국어</a></li> | |
| 118 | + <li><a href="#none">영어</a></li> | |
| 119 | + <li><a href="#none">수학</a></li> | |
| 120 | + <li><a href="#none">과학</a></li> | |
| 121 | + <li><a href="#none">사회</a></li> | |
| 122 | + </ul> | |
| 123 | + <div class="row"> | |
| 124 | + <section class="section-box"> | |
| 125 | + <header class="box-header"> | |
| 126 | + <div class="l-area"> | |
| 127 | + <h3 class="section-box-tit">문항 난이도별 정답률</h3> | |
| 128 | + </div> | |
| 129 | + </header> | |
| 130 | + <div class="box-body"> | |
| 131 | + <div class="chart-area"> | |
| 132 | + <div class="chart"> | |
| 133 | + <canvas id="quizLevel" style="max-height: 28rem;"></canvas> | |
| 134 | + </div> | |
| 135 | + </div> | |
| 136 | + </div> | |
| 137 | + </section> | |
| 138 | + <section class="section-box"> | |
| 139 | + <header class="box-header"> | |
| 140 | + <div class="l-area"> | |
| 141 | + <h3 class="section-box-tit">정답률이 낮은 평가지</h3> | |
| 142 | + </div> | |
| 143 | + </header> | |
| 144 | + <div class="box-body"> | |
| 145 | + <ul class="item-txt-list"> | |
| 146 | + <li> | |
| 147 | + <div class="txt-area"> | |
| 148 | + <p>평가지명</p> | |
| 149 | + </div> | |
| 150 | + <div class="fnc"> | |
| 151 | + <em>45% 오답율</em> | |
| 152 | + </div> | |
| 153 | + </li> | |
| 154 | + <li> | |
| 155 | + <div class="txt-area"> | |
| 156 | + <p>평가지명</p> | |
| 157 | + </div> | |
| 158 | + <div class="fnc"> | |
| 159 | + <em>45% 오답율</em> | |
| 160 | + </div> | |
| 161 | + </li> | |
| 162 | + <li> | |
| 163 | + <div class="txt-area"> | |
| 164 | + <p>평가지명</p> | |
| 165 | + </div> | |
| 166 | + <div class="fnc"> | |
| 167 | + <em>45% 오답율</em> | |
| 168 | + </div> | |
| 169 | + </li> | |
| 170 | + <li> | |
| 171 | + <div class="txt-area"> | |
| 172 | + <p>평가지명</p> | |
| 173 | + </div> | |
| 174 | + <div class="fnc"> | |
| 175 | + <em>45% 오답율</em> | |
| 176 | + </div> | |
| 177 | + </li> | |
| 178 | + </ul> | |
| 179 | + </div> | |
| 180 | + </section> | |
| 181 | + </div> | |
| 182 | + <section class="section-box"> | |
| 183 | + <header class="box-header"> | |
| 184 | + <div class="l-area"> | |
| 185 | + <h3 class="section-box-tit">영역별 정답률</h3> | |
| 186 | + </div> | |
| 187 | + </header> | |
| 188 | + <div class="box-body"> | |
| 189 | + <ul class="chart-bar-list"> | |
| 190 | + <li> | |
| 191 | + <div class="chart-tit-area"> | |
| 192 | + <div class="chart-tit">수와 연산</div> | |
| 193 | + </div> | |
| 194 | + <div class="bar-area"> | |
| 195 | + <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22%</small> | |
| 196 | + </div> | |
| 197 | + </li> | |
| 198 | + <li> | |
| 199 | + <div class="chart-tit-area"> | |
| 200 | + <div class="chart-tit">변화와 관계</div> | |
| 201 | + </div> | |
| 202 | + <div class="bar-area"> | |
| 203 | + <button type="button" class="bar" style="width:100%;">100%</button><small class="chart-label">100%</small> | |
| 204 | + </div> | |
| 205 | + </li> | |
| 206 | + <li> | |
| 207 | + <div class="chart-tit-area"> | |
| 208 | + <div class="chart-tit">수와 연산</div> | |
| 209 | + </div> | |
| 210 | + <div class="bar-area"> | |
| 211 | + <button type="button" class="bar" style="width:22%;">22%</button><small class="chart-label">22%</small> | |
| 212 | + </div> | |
| 213 | + </li> | |
| 214 | + <li> | |
| 215 | + <div class="chart-tit-area"> | |
| 216 | + <div class="chart-tit">변화와 관계</div> | |
| 217 | + </div> | |
| 218 | + <div class="bar-area"> | |
| 219 | + <button type="button" class="bar" style="width:50%;">50%</button><small class="chart-label">50%</small> | |
| 220 | + </div> | |
| 221 | + </li> | |
| 222 | + </ul> | |
| 223 | + </div> | |
| 224 | + </section> | |
| 225 | + <section class="section-box"> | |
| 226 | + <header class="box-header"> | |
| 227 | + <div class="l-area"> | |
| 228 | + <h3 class="section-box-tit">기간별 정답률 추이</h3> | |
| 229 | + </div> | |
| 230 | + </header> | |
| 231 | + <div class="box-body"> | |
| 232 | + <div class="chart-legend"> | |
| 233 | + <div class="r-area"> | |
| 234 | + <div class="legend-area"> | |
| 235 | + <span class="legend"><i class="yellow"></i> 매우쉬움</span> | |
| 236 | + <span class="legend"><i class="green"></i>쉬움</span> | |
| 237 | + <span class="legend"><i class="blue"></i>보통</span> | |
| 238 | + <span class="legend"><i class="pink"></i> 어려움</span> | |
| 239 | + <span class="legend"><i class="violet"></i> 매우 어려움</span> | |
| 240 | + </div> | |
| 241 | + </div> | |
| 242 | + </div> | |
| 243 | + <div class="chart-area"> | |
| 244 | + <div class="chart"> | |
| 245 | + <canvas id="periodAnswer" style="max-height: 28rem;"></canvas> | |
| 246 | + </div> | |
| 247 | + </div> | |
| 248 | + </div> | |
| 249 | + </section> | |
| 250 | + </div> | |
| 251 | + </div> | |
| 252 | + </div> | |
| 253 | + </div> | |
| 254 | + <!-- toast --> | |
| 255 | + <div class="toast"></div> | |
| 256 | + | |
| 257 | + <!--popup--> | |
| 258 | + <div class="dim"></div> | |
| 259 | + <script> | |
| 260 | + $(document).ready(function () { | |
| 261 | + //문항 난이도별 정답률 | |
| 262 | + const quizLevelData = { | |
| 263 | + labels: ['매우쉬움', '쉬움', '보통', '어려움', '매우어려움'], | |
| 264 | + data: [0, 50, 87, 30, 100], | |
| 265 | + }; | |
| 266 | + createChartBar('quizLevel', quizLevelData.labels, quizLevelData.data); | |
| 267 | + | |
| 268 | + //기간별 정답률 추이 | |
| 269 | + const periodAnswerData = { | |
| 270 | + labels: ['01-21', '01-22', '01-23', '01-24', '01-25'], | |
| 271 | + dataSets: [ | |
| 272 | + [0, 20, 40, 40, 50], // 매우 쉬움 | |
| 273 | + [15, 25, 50, 30, 55], // 쉬움 | |
| 274 | + [20, 100, 40, 0, 60], // 보통 | |
| 275 | + [25, 35, 80, 55, 65], // 어려움 | |
| 276 | + [30, 40, 10, 10, 70], // 매우 어려움 | |
| 277 | + ], | |
| 278 | + legends: ['매우 쉬움', '쉬움', '보통', '어려움', '매우 어려움'], | |
| 279 | + colors: [ | |
| 280 | + gradientColorYellow, // 매우 쉬움 | |
| 281 | + gradientColorGreen, // 쉬움 | |
| 282 | + gradientColorBlue, // 보통 | |
| 283 | + gradientColorPink, // 어려움 | |
| 284 | + gradientColorViolet // 매우 어려움 | |
| 285 | + ], | |
| 286 | + }; | |
| 287 | + createChartLine('periodAnswer', periodAnswerData.labels, periodAnswerData.dataSets, periodAnswerData.legends, periodAnswerData.colors) | |
| 288 | + }); | |
| 289 | + </script> | |
| 290 | +</body> | |
| 291 | +</html> |
+++ html/cbe2025/manager/analytics/analyticsMyClass_summary.html
... | ... | @@ -0,0 +1,362 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <div class="page-tit-area"> | |
| 52 | + <div class="l-area"> | |
| 53 | + <h2 class="title-xlg">우리반 성장기록</h2> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <ul class="tabs-nav-lg"> | |
| 57 | + <li><a href="#none" class="is-active">우리반 학습분석</a></li> | |
| 58 | + <li><a href="#none">학생 오답노트</a></li> | |
| 59 | + <li><a href="#none">클래스별 학습분석</a></li> | |
| 60 | + </ul> | |
| 61 | + <h3 class="txt-hide">우리반 학습분석</h3> | |
| 62 | + <div class="section-tit-area"> | |
| 63 | + <div class="l-area"> | |
| 64 | + <h4 class="title-lg">충북초등학교 6학년 3반</h4> | |
| 65 | + </div> | |
| 66 | + <div class="r-area"> | |
| 67 | + <a href="#none" class="btn secondary ico-people">학생별로 보기</a> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="summary"> | |
| 71 | + <i class="ico-info" aria-hidden="true"></i> | |
| 72 | + <div class="txt-area"> | |
| 73 | + <p> | |
| 74 | + 우리반 성장 기록은 다채움 플랫폼에서 학생들의 학습활동을 바탕으로 빅데이터 분석을 활용하여 제공합니다.<br> | |
| 75 | + 온라인상에서의 활동을 중심으로 활동한 내용으로 실제 학급에서의 행동이 같을 수도 있고, 다소 차이가 있을 수도 있습니다.<br> | |
| 76 | + 신뢰성있는 데이타 분석을 위해 학생들에게 플랫폼 활용을 장려해주시고, 학급에서의 생활은 학생별로 보기에서 자율적으로 피드백을 남겨보세요. | |
| 77 | + </p> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="sticky-area"> | |
| 81 | + <div class="fnc-extend-area sticky top0"> | |
| 82 | + <div class="extend-filter-area"> | |
| 83 | + <div class="l-area"> | |
| 84 | + <fieldset class="filter-group"> | |
| 85 | + <legend class="filter-title">기간 선택</legend> | |
| 86 | + <div class="checkradio"> | |
| 87 | + <input type="radio" name="period" id="periodMonth" checked> | |
| 88 | + <label for="periodMonth">월별로 보기</label> | |
| 89 | + <div class="checkradio-option"> | |
| 90 | + <select title="월별 보기 선택"> | |
| 91 | + <option value="">2024년 12월</option> | |
| 92 | + </select> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + <div class="checkradio"> | |
| 96 | + <input type="radio" name="period" id="periodWeek"> | |
| 97 | + <label for="periodWeek">주별로 보기</label> | |
| 98 | + <div class="checkradio-option"> | |
| 99 | + <input type="date" title="시작일자 선택"> | |
| 100 | + <span>-</span> | |
| 101 | + <input type="date" title="종료일자 선택"> | |
| 102 | + <button type="button" class="btn primary">확인</button> | |
| 103 | + </div> | |
| 104 | + </div> | |
| 105 | + </fieldset> | |
| 106 | + </div> | |
| 107 | + </div> | |
| 108 | + </div> | |
| 109 | + <ul class="tabs-nav"> | |
| 110 | + <li><a href="#none" class="is-active">우리반 요약</a></li> | |
| 111 | + <li><a href="#none">교과목별 분석</a></li> | |
| 112 | + <li><a href="#none">스스로채움 학습분석</a></li> | |
| 113 | + <li><a href="#none">채움책방·기초학력진단·진로진학</a></li> | |
| 114 | + <li><a href="#none">콘텐츠 활용 현황</a></li> | |
| 115 | + </ul> | |
| 116 | + <div class="row"> | |
| 117 | + <section class="section-box"> | |
| 118 | + <header class="box-header"> | |
| 119 | + <div class="l-area"> | |
| 120 | + <h3 class="section-box-tit">감정 출석부</h3> | |
| 121 | + </div> | |
| 122 | + </header> | |
| 123 | + <div class="box-body"> | |
| 124 | + <div class="chart-box"> | |
| 125 | + <div class="chart-area sm"> | |
| 126 | + <canvas id="emotion"></canvas> | |
| 127 | + </div> | |
| 128 | + <div class="cont"> | |
| 129 | + <ul class="chart-info-list"> | |
| 130 | + <li> | |
| 131 | + <div class="l-area"> | |
| 132 | + <span class="legend lg"><i class="positive"></i> 긍정</span> | |
| 133 | + </div> | |
| 134 | + <div class="r-area"> | |
| 135 | + <span class="label">60%</span> | |
| 136 | + <span><strong class="data">28</strong>명</span> | |
| 137 | + </div> | |
| 138 | + </li> | |
| 139 | + <li> | |
| 140 | + <div class="l-area"> | |
| 141 | + <span class="legend lg"><i class="negative"></i> 부정</span> | |
| 142 | + </div> | |
| 143 | + <div class="r-area"> | |
| 144 | + <span class="label">60%</span> | |
| 145 | + <span><strong class="data">28</strong>명</span> | |
| 146 | + </div> | |
| 147 | + </li> | |
| 148 | + <li> | |
| 149 | + <div class="l-area"> | |
| 150 | + <span class="legend lg"><i></i> 무답변</span> | |
| 151 | + </div> | |
| 152 | + <div class="r-area"> | |
| 153 | + <span class="label">60%</span> | |
| 154 | + <span><strong class="data">28</strong>명</span> | |
| 155 | + </div> | |
| 156 | + </li> | |
| 157 | + </ul> | |
| 158 | + </div> | |
| 159 | + <div class="fnc"> | |
| 160 | + <div class="bg-info-area"> | |
| 161 | + <span>총</span> | |
| 162 | + <strong class="data">20명</strong> | |
| 163 | + </div> | |
| 164 | + </div> | |
| 165 | + </div> | |
| 166 | + </div> | |
| 167 | + </section> | |
| 168 | + <section class="section-box"> | |
| 169 | + <header class="box-header"> | |
| 170 | + <div class="l-area"> | |
| 171 | + <h3 class="section-box-tit">관심키워드</h3> | |
| 172 | + </div> | |
| 173 | + </header> | |
| 174 | + <div class="box-body"> | |
| 175 | + <ul class="item-num-list col2 auto-flow-column"> | |
| 176 | + <li> | |
| 177 | + <span class="label num">1</span> | |
| 178 | + <div class="txt-area"> | |
| 179 | + <p>분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수분수</p></div> | |
| 180 | + </li> | |
| 181 | + <li> | |
| 182 | + <span class="label num">2</span> | |
| 183 | + <div class="txt-area"><p>분수</p></div> | |
| 184 | + </li> | |
| 185 | + <li> | |
| 186 | + <span class="label num">3</span> | |
| 187 | + <div class="txt-area"><p>분수</p></div> | |
| 188 | + </li> | |
| 189 | + <li> | |
| 190 | + <span class="label num">4</span> | |
| 191 | + <div class="txt-area"><p>분수</p></div> | |
| 192 | + </li> | |
| 193 | + <li> | |
| 194 | + <span class="label num">5</span> | |
| 195 | + <div class="txt-area"><p>분수</p></div> | |
| 196 | + </li> | |
| 197 | + <li> | |
| 198 | + <span class="label num">6</span> | |
| 199 | + <div class="txt-area"><p>분수</p></div> | |
| 200 | + </li> | |
| 201 | + <li> | |
| 202 | + <span class="label num">7</span> | |
| 203 | + <div class="txt-area"><p>분수</p></div> | |
| 204 | + </li> | |
| 205 | + <li> | |
| 206 | + <span class="label num">8</span> | |
| 207 | + <div class="txt-area"><p>분수</p></div> | |
| 208 | + </li> | |
| 209 | + <li> | |
| 210 | + <span class="label num">9</span> | |
| 211 | + <div class="txt-area"><p>분수</p></div> | |
| 212 | + </li> | |
| 213 | + <li> | |
| 214 | + <span class="label num">10</span> | |
| 215 | + <div class="txt-area"><p>분수</p></div> | |
| 216 | + </li> | |
| 217 | + </ul> | |
| 218 | + </div> | |
| 219 | + </section> | |
| 220 | + </div> | |
| 221 | + <section class="section-box"> | |
| 222 | + <header class="box-header"> | |
| 223 | + <div class="l-area"> | |
| 224 | + <h3 class="section-box-tit">기능별 활용현황</h3> | |
| 225 | + </div> | |
| 226 | + </header> | |
| 227 | + <div class="box-body"> | |
| 228 | + <div class="chart-box"> | |
| 229 | + <div class="chart-area" style="width: 60%;"> | |
| 230 | + <div class="chart-bar-stack"> | |
| 231 | + <span class="bar blue" style="width:30%;">채움클래스 30%</span> | |
| 232 | + <span class="bar yellow" style="width:20%;">콘텐츠 20%</span> | |
| 233 | + <span class="bar pink" style="width:30%;">기초학력진단 30%</span> | |
| 234 | + <span class="bar green" style="width:20%;">진로진학 20%</span> | |
| 235 | + </div> | |
| 236 | + </div> | |
| 237 | + <div class="cont"> | |
| 238 | + <ul class="chart-info-list"> | |
| 239 | + <li> | |
| 240 | + <div class="l-area"> | |
| 241 | + <span class="legend lg"><i class="blue"></i> 채움클래스</span> | |
| 242 | + </div> | |
| 243 | + <div class="r-area"> | |
| 244 | + <span><strong class="data">30</strong>%</span> | |
| 245 | + </div> | |
| 246 | + </li> | |
| 247 | + <li> | |
| 248 | + <div class="l-area"> | |
| 249 | + <span class="legend lg"><i class="yellow"></i> 콘텐츠</span> | |
| 250 | + </div> | |
| 251 | + <div class="r-area"> | |
| 252 | + <span><strong class="data">20</strong>%</span> | |
| 253 | + </div> | |
| 254 | + </li> | |
| 255 | + <li> | |
| 256 | + <div class="l-area"> | |
| 257 | + <span class="legend lg"><i class="pink"></i> 기초학력진단</span> | |
| 258 | + </div> | |
| 259 | + <div class="r-area"> | |
| 260 | + <span><strong class="data">30</strong>%</span> | |
| 261 | + </div> | |
| 262 | + </li> | |
| 263 | + <li> | |
| 264 | + <div class="l-area"> | |
| 265 | + <span class="legend lg"><i class="green"></i> 진로진학</span> | |
| 266 | + </div> | |
| 267 | + <div class="r-area"> | |
| 268 | + <span><strong class="data">20</strong>%</span> | |
| 269 | + </div> | |
| 270 | + </li> | |
| 271 | + </ul> | |
| 272 | + </div> | |
| 273 | + </div> | |
| 274 | + </div> | |
| 275 | + </section> | |
| 276 | + <div class="row"> | |
| 277 | + <section class="section-box"> | |
| 278 | + <header class="box-header"> | |
| 279 | + <div class="l-area"> | |
| 280 | + <h3 class="section-box-tit">요일별 땅콩스터디 참여율</h3> | |
| 281 | + </div> | |
| 282 | + <div class="r-area"> | |
| 283 | + <a href="#none" class="btn-link">바로가기</a> | |
| 284 | + </div> | |
| 285 | + </header> | |
| 286 | + <div class="box-body"> | |
| 287 | + <div class="chart-area"> | |
| 288 | + <div class="chart"> | |
| 289 | + <canvas id="pointStudy" style="height: 28rem;"></canvas> | |
| 290 | + </div> | |
| 291 | + </div> | |
| 292 | + </div> | |
| 293 | + </section> | |
| 294 | + <section class="section-box"> | |
| 295 | + <header class="box-header"> | |
| 296 | + <div class="l-area"> | |
| 297 | + <h3 class="section-box-tit">요일별 오늘의 학습시간 패턴</h3> | |
| 298 | + </div> | |
| 299 | + <div class="r-area"> | |
| 300 | + <a href="#none" class="btn-link">바로가기</a> | |
| 301 | + </div> | |
| 302 | + </header> | |
| 303 | + <div class="box-body"> | |
| 304 | + <div class="chart-legend"> | |
| 305 | + <div class="l-area"> | |
| 306 | + <small>횟수(건)</small> | |
| 307 | + </div> | |
| 308 | + <div class="r-area"> | |
| 309 | + <small><i class="ico-info"></i> 접속 횟수가 많은 정도에 따라 진한 색상으로 표시</small> | |
| 310 | + </div> | |
| 311 | + </div> | |
| 312 | + <table id="learnTime" class="chart-heatmap"></table> | |
| 313 | + </div> | |
| 314 | + </section> | |
| 315 | + </div> | |
| 316 | + </div> | |
| 317 | + </div> | |
| 318 | + </div> | |
| 319 | + </div> | |
| 320 | + <!-- toast --> | |
| 321 | + <div class="toast"></div> | |
| 322 | + | |
| 323 | + <!--popup--> | |
| 324 | + <div class="dim"></div> | |
| 325 | + <script> | |
| 326 | + $(document).ready(function () { | |
| 327 | + //감정 출석부 | |
| 328 | + createChartDoughnut('emotion', [75, 20, 10], [gradientColorPositive, gradientColorNegative, defaltBg]); | |
| 329 | + | |
| 330 | + //요일별 땅콩스터디 참여율 | |
| 331 | + const pointStudyData = { | |
| 332 | + labels: ['일', '월', '화', '수', '목', '금', '토'], | |
| 333 | + data: [0, 11, 87, 89, 100, 90, 88], | |
| 334 | + }; | |
| 335 | + var myChart = createChartBar('pointStudy', pointStudyData.labels, pointStudyData.data); | |
| 336 | + // window.addEventListener('resize', function() { | |
| 337 | + // myChart.resize(); | |
| 338 | + // }); | |
| 339 | + //요일별 오늘의 학습시간 패턴 | |
| 340 | + const learnTimeData = { | |
| 341 | + times: ['00:00', '02:00', '04:00', '06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00', '22:00'], | |
| 342 | + days: ['월', '화', '수', '목', '금', '토', '일'], | |
| 343 | + data: [ | |
| 344 | + [0, 5, 10, 15, 20, 25, 0], | |
| 345 | + [0, 5, 10, 15, 20, 25, 0], | |
| 346 | + [15, 10, 0, 0, 0, 5, 6], | |
| 347 | + [0, 0, 5, 6, 11, 0, 0], | |
| 348 | + [0, 5, 10, 15, 20, 25, 0], | |
| 349 | + [0, 5, 10, 15, 20, 25, 0], | |
| 350 | + [15, 10, 0, 0, 0, 5, 6], | |
| 351 | + [0, 0, 5, 6, 11, 0, 0], | |
| 352 | + [0, 5, 10, 15, 20, 25, 0], | |
| 353 | + [0, 5, 10, 15, 20, 25, 0], | |
| 354 | + [15, 10, 0, 0, 0, 5, 6], | |
| 355 | + [0, 0, 5, 6, 11, 0, 0], | |
| 356 | + ] | |
| 357 | + }; | |
| 358 | + createChartHeatmap('learnTime', learnTimeData.data, learnTimeData.times, learnTimeData.days, '요일별 오늘의 학습시간 패턴'); | |
| 359 | + }); | |
| 360 | + </script> | |
| 361 | +</body> | |
| 362 | +</html> |
+++ html/cbe2025/manager/analytics/point.html
... | ... | @@ -0,0 +1,379 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <ul class="tabs-nav-lg"> | |
| 52 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 53 | + <li><a href="#none">학생자기주도학습 오답노트</a></li> | |
| 54 | + <li><a href="#none" class="is-active">학생 포인트</a></li> | |
| 55 | + </ul> | |
| 56 | + <div class="page-tit-area"> | |
| 57 | + <div class="l-area dir-col"> | |
| 58 | + <h2 class="title-xlg">학생 포인트</h2> | |
| 59 | + <p>담임반 멤버(학생들)의 다양한 활동을 독려하기 위한 채움포인트를 지급하거나 회수할 수 있습니다.</p> | |
| 60 | + </div> | |
| 61 | + </div> | |
| 62 | + <ul class="tabs-nav"> | |
| 63 | + <li><a href="#none" class="is-active">포인트 지급·회수</a></li> | |
| 64 | + <li><a href="#none">지급·회수 이력</a></li> | |
| 65 | + </ul> | |
| 66 | + <div class="box-nav-area"> | |
| 67 | + <section class="org-cont box-nav"> | |
| 68 | + <header class="org-cont-header"> | |
| 69 | + <h4 class="txt-hide">멤버 리스트</h4> | |
| 70 | + <div class="l-area"> | |
| 71 | + <div class="org-chk"> | |
| 72 | + <input type="checkbox" id="org-stu"> | |
| 73 | + <label for="org-stu"> | |
| 74 | + <span>전체선택</span> | |
| 75 | + </label> | |
| 76 | + </div> | |
| 77 | + </div> | |
| 78 | + <div class="r-area"> | |
| 79 | + <select class="select-sort border-none" title="정렬 선택"> | |
| 80 | + <option>번호순</option> | |
| 81 | + <option>이름순</option> | |
| 82 | + </select> | |
| 83 | + <fieldset class="search-area"> | |
| 84 | + <legend>검색</legend> | |
| 85 | + <div class="search"> | |
| 86 | + <input type="text" id="search-member" placeholder="이름을 검색하세요." title="이름을 검색하세요."> | |
| 87 | + <button class="btn ico-search member-search-btn">검색</button> | |
| 88 | + </div> | |
| 89 | + </fieldset> | |
| 90 | + </div> | |
| 91 | + </header> | |
| 92 | + <ul class="org-cont-body"> | |
| 93 | + <li> | |
| 94 | + <input type="checkbox" id="people_2_10_0" value="ESNTL_00000000001429"> | |
| 95 | + <label for="people_2_10_0">선택</label> | |
| 96 | + <div class="profile"> | |
| 97 | + <div class="img-area"> | |
| 98 | + <figure> | |
| 99 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 100 | + </figure> | |
| 101 | + </div> | |
| 102 | + <div class="txt-area"> | |
| 103 | + <strong class="profile-tit">학생명</strong> | |
| 104 | + <span>충북초등학교 5학년 1반</span> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + <div class="fnc"> | |
| 108 | + <em>100p</em> | |
| 109 | + </div> | |
| 110 | + </li> | |
| 111 | + <li> | |
| 112 | + <input type="checkbox" id="people_2_10_1" value="ESNTL_00000000167404"> | |
| 113 | + <label for="people_2_10_1">선택</label> | |
| 114 | + <div class="profile"> | |
| 115 | + <div class="img-area"> | |
| 116 | + <figure> | |
| 117 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 118 | + </figure> | |
| 119 | + </div> | |
| 120 | + <div class="txt-area"> | |
| 121 | + <strong class="profile-tit">학생명</strong> | |
| 122 | + <span>충북초등학교 5학년 1반</span> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + <div class="fnc"> | |
| 126 | + <em>20p</em> | |
| 127 | + </div> | |
| 128 | + </li> | |
| 129 | + <li> | |
| 130 | + <input type="checkbox" id="people_2_10_0" value="ESNTL_00000000001429"> | |
| 131 | + <label for="people_2_10_0">선택</label> | |
| 132 | + <div class="profile"> | |
| 133 | + <div class="img-area"> | |
| 134 | + <figure> | |
| 135 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 136 | + </figure> | |
| 137 | + </div> | |
| 138 | + <div class="txt-area"> | |
| 139 | + <strong class="profile-tit">학생명</strong> | |
| 140 | + <span>충북초등학교 5학년 1반</span> | |
| 141 | + </div> | |
| 142 | + </div> | |
| 143 | + <div class="fnc"> | |
| 144 | + <em>100p</em> | |
| 145 | + </div> | |
| 146 | + </li> | |
| 147 | + <li> | |
| 148 | + <input type="checkbox" id="people_2_10_1" value="ESNTL_00000000167404"> | |
| 149 | + <label for="people_2_10_1">선택</label> | |
| 150 | + <div class="profile"> | |
| 151 | + <div class="img-area"> | |
| 152 | + <figure> | |
| 153 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 154 | + </figure> | |
| 155 | + </div> | |
| 156 | + <div class="txt-area"> | |
| 157 | + <strong class="profile-tit">학생명</strong> | |
| 158 | + <span>충북초등학교 5학년 1반</span> | |
| 159 | + </div> | |
| 160 | + </div> | |
| 161 | + <div class="fnc"> | |
| 162 | + <em>20p</em> | |
| 163 | + </div> | |
| 164 | + </li> | |
| 165 | + <li> | |
| 166 | + <input type="checkbox" id="people_2_10_0" value="ESNTL_00000000001429"> | |
| 167 | + <label for="people_2_10_0">선택</label> | |
| 168 | + <div class="profile"> | |
| 169 | + <div class="img-area"> | |
| 170 | + <figure> | |
| 171 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 172 | + </figure> | |
| 173 | + </div> | |
| 174 | + <div class="txt-area"> | |
| 175 | + <strong class="profile-tit">학생명</strong> | |
| 176 | + <span>충북초등학교 5학년 1반</span> | |
| 177 | + </div> | |
| 178 | + </div> | |
| 179 | + <div class="fnc"> | |
| 180 | + <em>100p</em> | |
| 181 | + </div> | |
| 182 | + </li> | |
| 183 | + <li> | |
| 184 | + <input type="checkbox" id="people_2_10_1" value="ESNTL_00000000167404"> | |
| 185 | + <label for="people_2_10_1">선택</label> | |
| 186 | + <div class="profile"> | |
| 187 | + <div class="img-area"> | |
| 188 | + <figure> | |
| 189 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 190 | + </figure> | |
| 191 | + </div> | |
| 192 | + <div class="txt-area"> | |
| 193 | + <strong class="profile-tit">학생명</strong> | |
| 194 | + <span>충북초등학교 5학년 1반</span> | |
| 195 | + </div> | |
| 196 | + </div> | |
| 197 | + <div class="fnc"> | |
| 198 | + <em>20p</em> | |
| 199 | + </div> | |
| 200 | + </li> | |
| 201 | + <li> | |
| 202 | + <input type="checkbox" id="people_2_10_0" value="ESNTL_00000000001429"> | |
| 203 | + <label for="people_2_10_0">선택</label> | |
| 204 | + <div class="profile"> | |
| 205 | + <div class="img-area"> | |
| 206 | + <figure> | |
| 207 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 208 | + </figure> | |
| 209 | + </div> | |
| 210 | + <div class="txt-area"> | |
| 211 | + <strong class="profile-tit">학생명</strong> | |
| 212 | + <span>충북초등학교 5학년 1반</span> | |
| 213 | + </div> | |
| 214 | + </div> | |
| 215 | + <div class="fnc"> | |
| 216 | + <em>100p</em> | |
| 217 | + </div> | |
| 218 | + </li> | |
| 219 | + <li> | |
| 220 | + <input type="checkbox" id="people_2_10_1" value="ESNTL_00000000167404"> | |
| 221 | + <label for="people_2_10_1">선택</label> | |
| 222 | + <div class="profile"> | |
| 223 | + <div class="img-area"> | |
| 224 | + <figure> | |
| 225 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 226 | + </figure> | |
| 227 | + </div> | |
| 228 | + <div class="txt-area"> | |
| 229 | + <strong class="profile-tit">학생명</strong> | |
| 230 | + <span>충북초등학교 5학년 1반</span> | |
| 231 | + </div> | |
| 232 | + </div> | |
| 233 | + <div class="fnc"> | |
| 234 | + <em>20p</em> | |
| 235 | + </div> | |
| 236 | + </li> | |
| 237 | + <li> | |
| 238 | + <input type="checkbox" id="people_2_10_0" value="ESNTL_00000000001429"> | |
| 239 | + <label for="people_2_10_0">선택</label> | |
| 240 | + <div class="profile"> | |
| 241 | + <div class="img-area"> | |
| 242 | + <figure> | |
| 243 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 244 | + </figure> | |
| 245 | + </div> | |
| 246 | + <div class="txt-area"> | |
| 247 | + <strong class="profile-tit">학생명</strong> | |
| 248 | + <span>충북초등학교 5학년 1반</span> | |
| 249 | + </div> | |
| 250 | + </div> | |
| 251 | + <div class="fnc"> | |
| 252 | + <em>100p</em> | |
| 253 | + </div> | |
| 254 | + </li> | |
| 255 | + <li> | |
| 256 | + <input type="checkbox" id="people_2_10_1" value="ESNTL_00000000167404"> | |
| 257 | + <label for="people_2_10_1">선택</label> | |
| 258 | + <div class="profile"> | |
| 259 | + <div class="img-area"> | |
| 260 | + <figure> | |
| 261 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 262 | + </figure> | |
| 263 | + </div> | |
| 264 | + <div class="txt-area"> | |
| 265 | + <strong class="profile-tit">학생명</strong> | |
| 266 | + <span>충북초등학교 5학년 1반</span> | |
| 267 | + </div> | |
| 268 | + </div> | |
| 269 | + <div class="fnc"> | |
| 270 | + <em>20p</em> | |
| 271 | + </div> | |
| 272 | + </li> | |
| 273 | + <li> | |
| 274 | + <input type="checkbox" id="people_2_10_0" value="ESNTL_00000000001429"> | |
| 275 | + <label for="people_2_10_0">선택</label> | |
| 276 | + <div class="profile"> | |
| 277 | + <div class="img-area"> | |
| 278 | + <figure> | |
| 279 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 280 | + </figure> | |
| 281 | + </div> | |
| 282 | + <div class="txt-area"> | |
| 283 | + <strong class="profile-tit">학생명</strong> | |
| 284 | + <span>충북초등학교 5학년 1반</span> | |
| 285 | + </div> | |
| 286 | + </div> | |
| 287 | + <div class="fnc"> | |
| 288 | + <em>100p</em> | |
| 289 | + </div> | |
| 290 | + </li> | |
| 291 | + <li> | |
| 292 | + <input type="checkbox" id="people_2_10_1" value="ESNTL_00000000167404"> | |
| 293 | + <label for="people_2_10_1">선택</label> | |
| 294 | + <div class="profile"> | |
| 295 | + <div class="img-area"> | |
| 296 | + <figure> | |
| 297 | + <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일"> | |
| 298 | + </figure> | |
| 299 | + </div> | |
| 300 | + <div class="txt-area"> | |
| 301 | + <strong class="profile-tit">학생명</strong> | |
| 302 | + <span>충북초등학교 5학년 1반</span> | |
| 303 | + </div> | |
| 304 | + </div> | |
| 305 | + <div class="fnc"> | |
| 306 | + <em>20p</em> | |
| 307 | + </div> | |
| 308 | + </li> | |
| 309 | + </ul> | |
| 310 | + </section> | |
| 311 | + <div class="box-cont bg-box"> | |
| 312 | + <section class="section sm"> | |
| 313 | + <header class="tit-area"> | |
| 314 | + <div class="l-area"> | |
| 315 | + <h3 class="title-sm">포인트</h3> | |
| 316 | + </div> | |
| 317 | + </header> | |
| 318 | + <fieldset class="margin-bottom-sm"> | |
| 319 | + <legend>적립/차감</legend> | |
| 320 | + <div class="checkradio"> | |
| 321 | + <input type="radio" name="pointType" id="pointTypeAdd" checked> | |
| 322 | + <label for="pointTypeAdd">적립</label> | |
| 323 | + </div> | |
| 324 | + <div class="checkradio" > | |
| 325 | + <input type="radio" name="pointType" id="pointTypeMinus"> | |
| 326 | + <label for="pointTypeMinus">차감</label> | |
| 327 | + </div> | |
| 328 | + </fieldset> | |
| 329 | + <div class="input-box"> | |
| 330 | + <input type="number" class="align-right" title="포인트 입력"><span class="font-color-gray">Point</span> | |
| 331 | + </div> | |
| 332 | + </section> | |
| 333 | + <section class="section sm"> | |
| 334 | + <header class="tit-area"> | |
| 335 | + <div class="l-area"> | |
| 336 | + <h3 class="title-sm">메시지 입력</h3> | |
| 337 | + </div> | |
| 338 | + </header> | |
| 339 | + <div class="checkradio-area dir-col"> | |
| 340 | + <div class="checkradio"> | |
| 341 | + <input type="radio" id="r1-1" name="r1" checked=""> | |
| 342 | + <label for="r1-1">클래스 활동을 열심히 해서 드리는 특급 보상입니다.</label> | |
| 343 | + </div> | |
| 344 | + <div class="checkradio"> | |
| 345 | + <input type="radio" id="r1-2" name="r1"> | |
| 346 | + <label for="r1-2">앞으로도 열심히 활동 하세요. 화이팅~</label> | |
| 347 | + </div> | |
| 348 | + <div class="checkradio"> | |
| 349 | + <input type="radio" id="r1-3" name="r1"> | |
| 350 | + <label for="r1-3">작은 선물을 준비했어요. 앞으로도 열공합시다!</label> | |
| 351 | + </div> | |
| 352 | + <div class="checkradio"> | |
| 353 | + <input type="radio" id="r1-4" name="r1"> | |
| 354 | + <label for="r1-4">오늘 생일이군요! 진심으로 축하드려요~~</label> | |
| 355 | + </div> | |
| 356 | + <div class="checkradio percent-width10"> | |
| 357 | + <input type="radio" id="r1-5" name="r1"> | |
| 358 | + <label for="r1-5">직접 입력</label> | |
| 359 | + <textarea placeholder="전하고 싶은 메시지를 입력하세요." title="텍스트 입력"></textarea> | |
| 360 | + </div> | |
| 361 | + </div> | |
| 362 | + </section> | |
| 363 | + </div> | |
| 364 | + </div> | |
| 365 | + <div class="btn-cont"> | |
| 366 | + <a href="#none" class="btn lg">취소</a> | |
| 367 | + <a href="#none" class="btn lg primary">등록</a> | |
| 368 | + </div> | |
| 369 | + </div> | |
| 370 | + </div> | |
| 371 | + </div> | |
| 372 | + <!-- toast --> | |
| 373 | + <div class="toast"></div> | |
| 374 | + | |
| 375 | + <!--popup--> | |
| 376 | + <div class="dim"></div> | |
| 377 | + | |
| 378 | +</body> | |
| 379 | +</html> |
+++ html/cbe2025/manager/analytics/pointHistory.html
... | ... | @@ -0,0 +1,137 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 16 | + | |
| 17 | + <!-- 공통 plugin --> | |
| 18 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 20 | + <!-- //공통 plugin --> | |
| 21 | + | |
| 22 | + <!-- 페이지 plugin--> | |
| 23 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 26 | + <!-- //페이지 plugin--> | |
| 27 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 29 | + <!--//퍼블 layout--> | |
| 30 | + | |
| 31 | + <!-- 공통 메뉴 js--> | |
| 32 | + <!-- //공통 메뉴 js --> | |
| 33 | + | |
| 34 | + <!--공통 퍼블 js--> | |
| 35 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 37 | + <!--//공통 퍼블 js--> | |
| 38 | +</head> | |
| 39 | + | |
| 40 | +<body> | |
| 41 | + <div class="accessibility"> | |
| 42 | + <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> | |
| 43 | + </div> | |
| 44 | + <!-- for-teacher / for-student --> | |
| 45 | + <div class="container"> | |
| 46 | + <!-- 통합 헤더 및 네비게이션 --> | |
| 47 | + <header class="site-header"></header> | |
| 48 | + | |
| 49 | + <div class="site-body" id="skipToContents"> | |
| 50 | + <div class="wrap"> | |
| 51 | + <ul class="tabs-nav-lg"> | |
| 52 | + <li><a href="#none">우리반 학습분석</a></li> | |
| 53 | + <li><a href="#none">학생자기주도학습 오답노트</a></li> | |
| 54 | + <li><a href="#none" class="is-active">학생 포인트</a></li> | |
| 55 | + </ul> | |
| 56 | + <div class="page-tit-area"> | |
| 57 | + <div class="l-area dir-col"> | |
| 58 | + <h2 class="title-xlg">학생 포인트</h2> | |
| 59 | + <p>담임반 멤버(학생들)의 다양한 활동을 독려하기 위한 채움포인트를 지급하거나 회수할 수 있습니다.</p> | |
| 60 | + </div> | |
| 61 | + </div> | |
| 62 | + <ul class="tabs-nav"> | |
| 63 | + <li><a href="#none">포인트 지급·회수</a></li> | |
| 64 | + <li><a href="#none" class="is-active">지급·회수 이력</a></li> | |
| 65 | + </ul> | |
| 66 | + <div class="list-type"> | |
| 67 | + <table> | |
| 68 | + <caption>학생이름, 항목, 포인트, 회수, 날짜로 구성된 포인트 내역 목록입니다.</caption> | |
| 69 | + <colgroup> | |
| 70 | + <col> | |
| 71 | + <col style="width: 36%;"> | |
| 72 | + <col> | |
| 73 | + <col> | |
| 74 | + </colgroup> | |
| 75 | + <thead> | |
| 76 | + <tr> | |
| 77 | + <th scope="col">학생이름</th> | |
| 78 | + <th scope="col">항목</th> | |
| 79 | + <th scope="col">포인트</th> | |
| 80 | + <th scope="col">날짜</th> | |
| 81 | + </tr> | |
| 82 | + </thead> | |
| 83 | + <tbody> | |
| 84 | + <tr> | |
| 85 | + <td data-tit="학생이름">홍길동</td> | |
| 86 | + <td class="align-left">오늘의 학습</td> | |
| 87 | + <td class="align-right" data-tit="포인트"><span class="font-color-red">- 100P</span></td> | |
| 88 | + <td data-tit="날짜">2025-02-04</td> | |
| 89 | + </tr> | |
| 90 | + <tr> | |
| 91 | + <td data-tit="학생이름">홍길동</td> | |
| 92 | + <td class="align-left">오늘의 학습</td> | |
| 93 | + <td class="align-right" data-tit="포인트"><span class="font-color-blue">+ 100P</span></td> | |
| 94 | + <td data-tit="날짜">2025-02-04</td> | |
| 95 | + </tr> | |
| 96 | + </tbody> | |
| 97 | + </table> | |
| 98 | + </div> | |
| 99 | + <ul class="pagenation"> | |
| 100 | + <li class="ppv"> | |
| 101 | + <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a> | |
| 102 | + </li> | |
| 103 | + <li class="pv"> | |
| 104 | + <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a> | |
| 105 | + </li> | |
| 106 | + <li class="current"> | |
| 107 | + <a href="#none" title="1번째 목록으로 이동합니다">1</a> | |
| 108 | + </li> | |
| 109 | + <li> | |
| 110 | + <a href="#none" title="2번째 목록으로 이동합니다">2</a> | |
| 111 | + </li> | |
| 112 | + <li> | |
| 113 | + <a href="#none" title="3번째 목록으로 이동합니다">3</a> | |
| 114 | + </li> | |
| 115 | + <li> | |
| 116 | + <a href="#none" title="4번째 목록으로 이동합니다">4</a> | |
| 117 | + </li> | |
| 118 | + <li> | |
| 119 | + <a href="#none" title="5번째 목록으로 이동합니다">5</a> | |
| 120 | + </li> | |
| 121 | + <li class="fw"> | |
| 122 | + <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a> | |
| 123 | + </li> | |
| 124 | + <li class="ffw"> | |
| 125 | + <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a> | |
| 126 | + </li> | |
| 127 | + </ul> | |
| 128 | + </div> | |
| 129 | + </div> | |
| 130 | + </div> | |
| 131 | + <!-- toast --> | |
| 132 | + <div class="toast"></div> | |
| 133 | + | |
| 134 | + <!--popup--> | |
| 135 | + <div class="dim"></div> | |
| 136 | +</body> | |
| 137 | +</html> |
+++ html/cbe2025/manager/analytics/pop_achievecode.html
... | ... | @@ -0,0 +1,91 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko" data-responsive="true"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>성취기준별 성취율</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="fnc-area"> | |
| 49 | + <div class="l-area"> | |
| 50 | + <select title="선택"> | |
| 51 | + <option>수와 연산</option> | |
| 52 | + </select> | |
| 53 | + </div> | |
| 54 | + </div> | |
| 55 | + <ul class="item-txt-list"> | |
| 56 | + <li> | |
| 57 | + <div class="txt-area"> | |
| 58 | + <ul class="info-inline-list"> | |
| 59 | + <li> | |
| 60 | + <div class="txt-area"> | |
| 61 | + <strong>6수01-01</strong> | |
| 62 | + </div> | |
| 63 | + </li> | |
| 64 | + </ul> | |
| 65 | + <div class="txt"> | |
| 66 | + <span>덧셈, 뺄셈, 곱셈, 나눗셈의 혼합 계산에서 계산하는 순서를 알고, 혼합 계산을 할 수 있다.</span> | |
| 67 | + </div> | |
| 68 | + </div> | |
| 69 | + <div class="fnc"> | |
| 70 | + <span class="label num lg primary">56%</span> | |
| 71 | + </div> | |
| 72 | + </li> | |
| 73 | + </ul> | |
| 74 | + </div> | |
| 75 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 76 | + </div> | |
| 77 | + | |
| 78 | + <!-- toast --> | |
| 79 | + <div class="toast"></div> | |
| 80 | + | |
| 81 | + <!--popup--> | |
| 82 | + <div class="dim"></div> | |
| 83 | + | |
| 84 | + <script> | |
| 85 | + $(document).ready(function() { | |
| 86 | + popupOpenPub('popupmodal'); | |
| 87 | + }); | |
| 88 | + </script> | |
| 89 | +</body> | |
| 90 | + | |
| 91 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_homework.html
... | ... | @@ -0,0 +1,106 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup lg" data-popuppub="popup"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>과제 평가 리포트 상세</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="datepicker-fnc-area"> | |
| 49 | + <button type="button" class="btn sm circle ico-pv">이전</button> | |
| 50 | + <h2 class="title">2025-01-06</h2> | |
| 51 | + <button type="button" class="btn sm circle ico-fw">다음</button> | |
| 52 | + </div> | |
| 53 | + <h2 class="title-sm"><span class="label">수학</span> 두 원의 교점을 지나는 직선/원의 방정식</h2> | |
| 54 | + <ul class="info-box-list"> | |
| 55 | + <li> | |
| 56 | + <strong>제출 인원</strong> | |
| 57 | + <div class="txt-area"> | |
| 58 | + <em>26</em> | |
| 59 | + <small>/100점 만점</small> | |
| 60 | + <span class="label info">80% 제출</span> | |
| 61 | + </div> | |
| 62 | + </li> | |
| 63 | + <li> | |
| 64 | + <strong>제출기간</strong> | |
| 65 | + <div class="txt-area"> | |
| 66 | + 2024-01-15 ~ 2024-01-30 | |
| 67 | + </div> | |
| 68 | + </li> | |
| 69 | + </ul> | |
| 70 | + <div class="section-box"> | |
| 71 | + <div class="chart-area"> | |
| 72 | + <div class="chart-bar-stack"> | |
| 73 | + <span class="bar blue" style="width:80%;">80%</span> | |
| 74 | + <span class="bar" style="width:20%;">20%</span> | |
| 75 | + | |
| 76 | + <div class="chart-marker-area"> | |
| 77 | + <span class="chart-marker min" style="left:25%">최저 <strong>25점</strong></span> | |
| 78 | + <span class="chart-marker max" style="left:90%">최고 <strong>90점</strong></span> | |
| 79 | + <span class="chart-marker avg" style="left:100%">평균 <strong>85점</strong></span> | |
| 80 | + </div> | |
| 81 | + </div> | |
| 82 | + </div> | |
| 83 | + </div> | |
| 84 | + </div> | |
| 85 | + <div class="pop-footer"> | |
| 86 | + <div class="pop-btn-cont"> | |
| 87 | + <button type="button" class="btn">닫기</button> | |
| 88 | + </div> | |
| 89 | + </div> | |
| 90 | + <button type="button" class="pop-close">닫기</button> | |
| 91 | + </div> | |
| 92 | + | |
| 93 | + <!-- toast --> | |
| 94 | + <div class="toast"></div> | |
| 95 | + | |
| 96 | + <!--popup--> | |
| 97 | + <div class="dim"></div> | |
| 98 | + | |
| 99 | + <script> | |
| 100 | + $(document).ready(function() { | |
| 101 | + popupOpenPub('popup'); | |
| 102 | + }); | |
| 103 | + </script> | |
| 104 | +</body> | |
| 105 | + | |
| 106 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_lessonCompRate.html
... | ... | @@ -0,0 +1,80 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal sm" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>수업이수율 상세 보기</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="datepicker-fnc-area"> | |
| 49 | + <button type="button" class="btn sm circle ico-pv">이전</button> | |
| 50 | + <h2 class="title">2025-01-06</h2> | |
| 51 | + <button type="button" class="btn sm circle ico-fw">다음</button> | |
| 52 | + </div> | |
| 53 | + <div class="bg-box-list"> | |
| 54 | + <div class="bg-box margin-bottom-sm"> | |
| 55 | + <h3 class="title-sm">수업의 제목 표기</h3> | |
| 56 | + <ul class="bullet"> | |
| 57 | + <li>참여인원 : <b>17</b>/20</li> | |
| 58 | + <li>미참여인원 : <b>17</b>/20</li> | |
| 59 | + <li>평균 맞은 문항수 : <b>17</b>/5</li> | |
| 60 | + </ul> | |
| 61 | + </div> | |
| 62 | + </div> | |
| 63 | + </div> | |
| 64 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 65 | + </div> | |
| 66 | + | |
| 67 | + <!-- toast --> | |
| 68 | + <div class="toast"></div> | |
| 69 | + | |
| 70 | + <!--popup--> | |
| 71 | + <div class="dim"></div> | |
| 72 | + | |
| 73 | + <script> | |
| 74 | + $(document).ready(function() { | |
| 75 | + popupOpenPub('popupmodal'); | |
| 76 | + }); | |
| 77 | + </script> | |
| 78 | +</body> | |
| 79 | + | |
| 80 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_lessonSurvey.html
... | ... | @@ -0,0 +1,144 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 29 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 30 | + <!--//퍼블 layout--> | |
| 31 | + | |
| 32 | + <!-- 공통 메뉴 js--> | |
| 33 | + <!-- //공통 메뉴 js --> | |
| 34 | + | |
| 35 | + <!--공통 퍼블 js--> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 38 | + <!--//공통 퍼블 js--> | |
| 39 | +</head> | |
| 40 | + | |
| 41 | +<body> | |
| 42 | + <div class="popup sm" data-popuppub="popup"> | |
| 43 | + <div class="pop-header"> | |
| 44 | + <h1>설문</h1> | |
| 45 | + </div> | |
| 46 | + <div class="pop-body"> | |
| 47 | + <ul class="survey-q-list"> | |
| 48 | + <li> | |
| 49 | + <div class="q-area"> | |
| 50 | + <h4 class="q-tit"> | |
| 51 | + 수업에 대해서 잘 이해했나요? | |
| 52 | + </h4> | |
| 53 | + </div> | |
| 54 | + <div class="a-area"> | |
| 55 | + <div class="a-cont"> | |
| 56 | + <label class="level1"> | |
| 57 | + <input type="radio" name="q1"> | |
| 58 | + <i aria-hidden="true"></i> | |
| 59 | + <span>매우쉬움</span> | |
| 60 | + </label> | |
| 61 | + <label class="level1"> | |
| 62 | + <input type="radio" name="q1"> | |
| 63 | + <i aria-hidden="true"></i> | |
| 64 | + <span>쉬움</span> | |
| 65 | + </label> | |
| 66 | + <label class="level2"> | |
| 67 | + <input type="radio" name="q1"> | |
| 68 | + <i aria-hidden="true"></i> | |
| 69 | + <span>보통</span> | |
| 70 | + </label> | |
| 71 | + <label class="level3"> | |
| 72 | + <input type="radio" name="q1"> | |
| 73 | + <i aria-hidden="true"></i> | |
| 74 | + <span>어려움</span> | |
| 75 | + </label> | |
| 76 | + <label class="level3"> | |
| 77 | + <input type="radio" name="q1"> | |
| 78 | + <i aria-hidden="true"></i> | |
| 79 | + <span>매우어려움</span> | |
| 80 | + </label> | |
| 81 | + </div> | |
| 82 | + </div> | |
| 83 | + </li> | |
| 84 | + <li> | |
| 85 | + <div class="q-area"> | |
| 86 | + <h4 class="q-tit"> | |
| 87 | + 수업에 잘 집중할 수 있었나요? | |
| 88 | + </h4> | |
| 89 | + </div> | |
| 90 | + <div class="a-area"> | |
| 91 | + <div class="a-cont"> | |
| 92 | + <label class="level3"> | |
| 93 | + <input type="radio" name="q1"> | |
| 94 | + <i aria-hidden="true"></i> | |
| 95 | + <span>집중불가</span> | |
| 96 | + </label> | |
| 97 | + <label class="level3"> | |
| 98 | + <input type="radio" name="q1"> | |
| 99 | + <i aria-hidden="true"></i> | |
| 100 | + <span>집중어려움</span> | |
| 101 | + </label> | |
| 102 | + <label class="level2"> | |
| 103 | + <input type="radio" name="q1"> | |
| 104 | + <i aria-hidden="true"></i> | |
| 105 | + <span>보통</span> | |
| 106 | + </label> | |
| 107 | + <label class="level1"> | |
| 108 | + <input type="radio" name="q1"> | |
| 109 | + <i aria-hidden="true"></i> | |
| 110 | + <span>집중</span> | |
| 111 | + </label> | |
| 112 | + <label class="level1"> | |
| 113 | + <input type="radio" name="q1"> | |
| 114 | + <i aria-hidden="true"></i> | |
| 115 | + <span>매우집중</span> | |
| 116 | + </label> | |
| 117 | + </div> | |
| 118 | + </div> | |
| 119 | + </li> | |
| 120 | + </ul> | |
| 121 | + </div> | |
| 122 | + <div class="pop-footer"> | |
| 123 | + <div class="pop-btn-cont"> | |
| 124 | + <!-- <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> --> | |
| 125 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">제출</button> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 129 | + </div> | |
| 130 | + | |
| 131 | + <!-- toast --> | |
| 132 | + <div class="toast"></div> | |
| 133 | + | |
| 134 | + <!--popup--> | |
| 135 | + <div class="dim"></div> | |
| 136 | + | |
| 137 | + <script> | |
| 138 | + $(document).ready(function() { | |
| 139 | + popupOpenPub('popup'); | |
| 140 | + }); | |
| 141 | + </script> | |
| 142 | +</body> | |
| 143 | + | |
| 144 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_lessonUnderstand.html
... | ... | @@ -0,0 +1,118 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal sm" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>수업이해도 상세 보기</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="datepicker-fnc-area"> | |
| 49 | + <button type="button" class="btn sm circle ico-pv">이전</button> | |
| 50 | + <h2 class="title">2025-01-06</h2> | |
| 51 | + <button type="button" class="btn sm circle ico-fw">다음</button> | |
| 52 | + </div> | |
| 53 | + <div class="tit-area"> | |
| 54 | + <div class="l-area dir-col"> | |
| 55 | + <h3 class="title-sm">수업의 제목 표시</h3> | |
| 56 | + <small>응답 7명 / 미응답 15명</small> | |
| 57 | + </div> | |
| 58 | + </div> | |
| 59 | + <ul class="chart-info-list"> | |
| 60 | + <li> | |
| 61 | + <div class="l-area"> | |
| 62 | + <span class="legend lg"><i class="primary5"></i> 매우 쉬웠어요.</span> | |
| 63 | + </div> | |
| 64 | + <div class="r-area"> | |
| 65 | + <span><strong class="data">28</strong>명</span> | |
| 66 | + </div> | |
| 67 | + </li> | |
| 68 | + <li> | |
| 69 | + <div class="l-area"> | |
| 70 | + <span class="legend lg"><i class="primary4"></i> 쉬웠어요.</span> | |
| 71 | + </div> | |
| 72 | + <div class="r-area"> | |
| 73 | + <span><strong class="data">28</strong>명</span> | |
| 74 | + </div> | |
| 75 | + </li> | |
| 76 | + <li> | |
| 77 | + <div class="l-area"> | |
| 78 | + <span class="legend lg"><i class="primary3"></i> 적당했어요.</span> | |
| 79 | + </div> | |
| 80 | + <div class="r-area"> | |
| 81 | + <span><strong class="data">28</strong>명</span> | |
| 82 | + </div> | |
| 83 | + </li> | |
| 84 | + <li> | |
| 85 | + <div class="l-area"> | |
| 86 | + <span class="legend lg"><i class="primary2"></i> 어려웠어요.</span> | |
| 87 | + </div> | |
| 88 | + <div class="r-area"> | |
| 89 | + <span><strong class="data">28</strong>명</span> | |
| 90 | + </div> | |
| 91 | + </li> | |
| 92 | + <li> | |
| 93 | + <div class="l-area"> | |
| 94 | + <span class="legend lg"><i class="primary1"></i> 매우 어려웠어요.</span> | |
| 95 | + </div> | |
| 96 | + <div class="r-area"> | |
| 97 | + <span><strong class="data">28</strong>명</span> | |
| 98 | + </div> | |
| 99 | + </li> | |
| 100 | + </ul> | |
| 101 | + </div> | |
| 102 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 103 | + </div> | |
| 104 | + | |
| 105 | + <!-- toast --> | |
| 106 | + <div class="toast"></div> | |
| 107 | + | |
| 108 | + <!--popup--> | |
| 109 | + <div class="dim"></div> | |
| 110 | + | |
| 111 | + <script> | |
| 112 | + $(document).ready(function() { | |
| 113 | + popupOpenPub('popupmodal'); | |
| 114 | + }); | |
| 115 | + </script> | |
| 116 | +</body> | |
| 117 | + | |
| 118 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_parentViewSet.html
... | ... | @@ -0,0 +1,100 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 29 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 30 | + <!--//퍼블 layout--> | |
| 31 | + | |
| 32 | + <!-- 공통 메뉴 js--> | |
| 33 | + <!-- //공통 메뉴 js --> | |
| 34 | + | |
| 35 | + <!--공통 퍼블 js--> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 38 | + <!--//공통 퍼블 js--> | |
| 39 | +</head> | |
| 40 | + | |
| 41 | +<body> | |
| 42 | + <div class="popup-modal" data-popuppub="popupmodal"> | |
| 43 | + <div class="pop-header"> | |
| 44 | + <h1>학부모 표시 설정</h1> | |
| 45 | + <p>학부모에게 표시할 항목을 설정할 수 있습니다.</p> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="border-box"> | |
| 49 | + <div class="checkradio-area dir-col"> | |
| 50 | + <div class="checkradio"> | |
| 51 | + <input type="checkbox" id="c1-1"> | |
| 52 | + <label for="c1-1"><b>전체선택</b></label> | |
| 53 | + </div> | |
| 54 | + <div class="checkradio"> | |
| 55 | + <input type="checkbox" id="c1-2"> | |
| 56 | + <label for="c1-2">나의 요약</label> | |
| 57 | + </div> | |
| 58 | + <div class="checkradio"> | |
| 59 | + <input type="checkbox" id="c1-3" checked=""> | |
| 60 | + <label for="c1-3">교과목별 분석</label> | |
| 61 | + <div class="checkradio-option"> | |
| 62 | + <div class="chip-area"> | |
| 63 | + <label class="chip"><input type="checkbox"><span>국어</span></label> | |
| 64 | + <label class="chip"><input type="checkbox"><span>영어</span></label> | |
| 65 | + <label class="chip"><input type="checkbox"><span>수학</span></label> | |
| 66 | + <label class="chip"><input type="checkbox"><span>과학</span></label> | |
| 67 | + <label class="chip"><input type="checkbox"><span>사회</span></label> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + </div> | |
| 71 | + <div class="checkradio"> | |
| 72 | + <input type="checkbox" id="c1-4"> | |
| 73 | + <label for="c1-4">선생님 의견</label> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + </div> | |
| 78 | + <div class="pop-footer"> | |
| 79 | + <div class="pop-btn-cont"> | |
| 80 | + <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> | |
| 81 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">저장</button> | |
| 82 | + </div> | |
| 83 | + </div> | |
| 84 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 85 | + </div> | |
| 86 | + | |
| 87 | + <!-- toast --> | |
| 88 | + <div class="toast"></div> | |
| 89 | + | |
| 90 | + <!--popup--> | |
| 91 | + <div class="dim"></div> | |
| 92 | + | |
| 93 | + <script> | |
| 94 | + $(document).ready(function() { | |
| 95 | + popupOpenPub('popupmodal'); | |
| 96 | + }); | |
| 97 | + </script> | |
| 98 | +</body> | |
| 99 | + | |
| 100 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_printSet.html
... | ... | @@ -0,0 +1,100 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 29 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 30 | + <!--//퍼블 layout--> | |
| 31 | + | |
| 32 | + <!-- 공통 메뉴 js--> | |
| 33 | + <!-- //공통 메뉴 js --> | |
| 34 | + | |
| 35 | + <!--공통 퍼블 js--> | |
| 36 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 38 | + <!--//공통 퍼블 js--> | |
| 39 | +</head> | |
| 40 | + | |
| 41 | +<body> | |
| 42 | + <div class="popup-modal" data-popuppub="popupmodal"> | |
| 43 | + <div class="pop-header"> | |
| 44 | + <h1>인쇄설정</h1> | |
| 45 | + <p>인쇄 페이지에 표시할 항목을 설정할 수 있습니다.</p> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="border-box"> | |
| 49 | + <div class="checkradio-area dir-col"> | |
| 50 | + <div class="checkradio"> | |
| 51 | + <input type="checkbox" id="c1-1"> | |
| 52 | + <label for="c1-1"><b>전체선택</b></label> | |
| 53 | + </div> | |
| 54 | + <div class="checkradio"> | |
| 55 | + <input type="checkbox" id="c1-2"> | |
| 56 | + <label for="c1-2">나의 요약</label> | |
| 57 | + </div> | |
| 58 | + <div class="checkradio"> | |
| 59 | + <input type="checkbox" id="c1-3" checked=""> | |
| 60 | + <label for="c1-3">교과목별 분석</label> | |
| 61 | + <div class="checkradio-option"> | |
| 62 | + <div class="chip-area"> | |
| 63 | + <label class="chip"><input type="checkbox"><span>국어</span></label> | |
| 64 | + <label class="chip"><input type="checkbox"><span>영어</span></label> | |
| 65 | + <label class="chip"><input type="checkbox"><span>수학</span></label> | |
| 66 | + <label class="chip"><input type="checkbox"><span>과학</span></label> | |
| 67 | + <label class="chip"><input type="checkbox"><span>사회</span></label> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + </div> | |
| 71 | + <div class="checkradio"> | |
| 72 | + <input type="checkbox" id="c1-4"> | |
| 73 | + <label for="c1-4">선생님 의견</label> | |
| 74 | + </div> | |
| 75 | + </div> | |
| 76 | + </div> | |
| 77 | + </div> | |
| 78 | + <div class="pop-footer"> | |
| 79 | + <div class="pop-btn-cont"> | |
| 80 | + <!-- <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> --> | |
| 81 | + <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">인쇄하기</button> | |
| 82 | + </div> | |
| 83 | + </div> | |
| 84 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 85 | + </div> | |
| 86 | + | |
| 87 | + <!-- toast --> | |
| 88 | + <div class="toast"></div> | |
| 89 | + | |
| 90 | + <!--popup--> | |
| 91 | + <div class="dim"></div> | |
| 92 | + | |
| 93 | + <script> | |
| 94 | + $(document).ready(function() { | |
| 95 | + popupOpenPub('popupmodal'); | |
| 96 | + }); | |
| 97 | + </script> | |
| 98 | +</body> | |
| 99 | + | |
| 100 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_studentHistory.html
... | ... | @@ -0,0 +1,203 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal xlg" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>학습 상태별 학생 현황</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="fnc-area"> | |
| 49 | + <div class="r-area"> | |
| 50 | + <div class="legend-area"> | |
| 51 | + <span class="legend"><span class="font-color-gray">●</span> 학습완료</span> | |
| 52 | + <span class="legend"><span class="font-color-blue">▲</span> 학습중</span> | |
| 53 | + <span class="legend"><span class="font-color-red">✕</span> 학습이력없음</span> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + </div> | |
| 57 | + <div class="list-type table-sticky" data-sot-left="3"> | |
| 58 | + <table> | |
| 59 | + <caption>번호, 학습자, 별이적립현황, 날짜로 구성된 학생 목록입니다.</caption> | |
| 60 | + <colgroup> | |
| 61 | + <col style="width: 64px;"> | |
| 62 | + <col style="width: 160px;"> | |
| 63 | + <col style="width: 120px;"> | |
| 64 | + <col style="width: 100px;"> | |
| 65 | + <col style="width: 100px;"> | |
| 66 | + <col style="width: 100px;"> | |
| 67 | + <col style="width: 100px;"> | |
| 68 | + <col style="width: 100px;"> | |
| 69 | + <col style="width: 100px;"> | |
| 70 | + <col style="width: 100px;"> | |
| 71 | + <col style="width: 100px;"> | |
| 72 | + <col style="width: 100px;"> | |
| 73 | + <col style="width: 100px;"> | |
| 74 | + </colgroup> | |
| 75 | + <thead> | |
| 76 | + <tr> | |
| 77 | + <th scope="col">번호</th> | |
| 78 | + <th scope="col">학습자</th> | |
| 79 | + <th scope="col">별이적립현황</th> | |
| 80 | + <th scope="col">01-02</th> | |
| 81 | + <th scope="col">01-03</th> | |
| 82 | + <th scope="col">01-03</th> | |
| 83 | + <th scope="col">01-03</th> | |
| 84 | + <th scope="col">01-03</th> | |
| 85 | + <th scope="col">01-02</th> | |
| 86 | + <th scope="col">01-03</th> | |
| 87 | + <th scope="col">01-03</th> | |
| 88 | + <th scope="col">01-03</th> | |
| 89 | + <th scope="col">01-03</th> | |
| 90 | + </tr> | |
| 91 | + </thead> | |
| 92 | + <tbody> | |
| 93 | + <tr> | |
| 94 | + <td>01</td> | |
| 95 | + <td>홍길동<p class="msg">6학년 10반 30번</p></td> | |
| 96 | + <td>Level 10</td> | |
| 97 | + <td> | |
| 98 | + <p class="font-color-gray">●</p> | |
| 99 | + <small>정답률 80%</small> | |
| 100 | + </td> | |
| 101 | + <td> | |
| 102 | + <p class="font-color-blue">▲</p> | |
| 103 | + <small>-</small> | |
| 104 | + </td> | |
| 105 | + <td> | |
| 106 | + <p class="font-color-red">✕</p> | |
| 107 | + <small>-</small> | |
| 108 | + </td> | |
| 109 | + <td> | |
| 110 | + <p class="font-color-blue">▲</p> | |
| 111 | + <small>-</small> | |
| 112 | + </td> | |
| 113 | + <td> | |
| 114 | + <p class="font-color-red">✕</p> | |
| 115 | + <small>-</small> | |
| 116 | + </td> | |
| 117 | + <td> | |
| 118 | + <p class="font-color-gray">●</p> | |
| 119 | + <small>정답률 80%</small> | |
| 120 | + </td> | |
| 121 | + <td> | |
| 122 | + <p class="font-color-blue">▲</p> | |
| 123 | + <small>-</small> | |
| 124 | + </td> | |
| 125 | + <td> | |
| 126 | + <p class="font-color-red">✕</p> | |
| 127 | + <small>-</small> | |
| 128 | + </td> | |
| 129 | + <td> | |
| 130 | + <p class="font-color-blue">▲</p> | |
| 131 | + <small>-</small> | |
| 132 | + </td> | |
| 133 | + <td> | |
| 134 | + <p class="font-color-red">✕</p> | |
| 135 | + <small>-</small> | |
| 136 | + </td> | |
| 137 | + </tr> | |
| 138 | + <tr> | |
| 139 | + <td>01</td> | |
| 140 | + <td>홍길동<p class="msg">6학년 10반 30번</p></td> | |
| 141 | + <td>Level 10</td> | |
| 142 | + <td> | |
| 143 | + <p class="font-color-gray">●</p> | |
| 144 | + <small>정답률 80%</small> | |
| 145 | + </td> | |
| 146 | + <td> | |
| 147 | + <p class="font-color-blue">▲</p> | |
| 148 | + <small>-</small> | |
| 149 | + </td> | |
| 150 | + <td> | |
| 151 | + <p class="font-color-red">✕</p> | |
| 152 | + <small>-</small> | |
| 153 | + </td> | |
| 154 | + <td> | |
| 155 | + <p class="font-color-blue">▲</p> | |
| 156 | + <small>-</small> | |
| 157 | + </td> | |
| 158 | + <td> | |
| 159 | + <p class="font-color-red">✕</p> | |
| 160 | + <small>-</small> | |
| 161 | + </td> | |
| 162 | + <td> | |
| 163 | + <p class="font-color-gray">●</p> | |
| 164 | + <small>정답률 80%</small> | |
| 165 | + </td> | |
| 166 | + <td> | |
| 167 | + <p class="font-color-blue">▲</p> | |
| 168 | + <small>-</small> | |
| 169 | + </td> | |
| 170 | + <td> | |
| 171 | + <p class="font-color-red">✕</p> | |
| 172 | + <small>-</small> | |
| 173 | + </td> | |
| 174 | + <td> | |
| 175 | + <p class="font-color-blue">▲</p> | |
| 176 | + <small>-</small> | |
| 177 | + </td> | |
| 178 | + <td> | |
| 179 | + <p class="font-color-red">✕</p> | |
| 180 | + <small>-</small> | |
| 181 | + </td> | |
| 182 | + </tr> | |
| 183 | + </tbody> | |
| 184 | + </table> | |
| 185 | + </div> | |
| 186 | + </div> | |
| 187 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 188 | + </div> | |
| 189 | + | |
| 190 | + <!-- toast --> | |
| 191 | + <div class="toast"></div> | |
| 192 | + | |
| 193 | + <!--popup--> | |
| 194 | + <div class="dim"></div> | |
| 195 | + | |
| 196 | + <script> | |
| 197 | + $(document).ready(function() { | |
| 198 | + popupOpenPub('popupmodal'); | |
| 199 | + }); | |
| 200 | + </script> | |
| 201 | +</body> | |
| 202 | + | |
| 203 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_studentHistory_homework.html
... | ... | @@ -0,0 +1,130 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal xlg" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>과제 학습 상태별 학생 현황</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="fnc-area"> | |
| 49 | + <div class="r-area"> | |
| 50 | + <span class="msg">과제 1개 기준 : 과제의 평가점수/표절율/과제 제출일(업데이트일)</span> | |
| 51 | + </div> | |
| 52 | + </div> | |
| 53 | + <div class="list-type table-sticky" data-sot-left="3"> | |
| 54 | + <table> | |
| 55 | + <caption>번호, 학습자, 제출률, 과제게시물 제목으로 구성된 학생 목록입니다.</caption> | |
| 56 | + <colgroup> | |
| 57 | + <col style="width: 64px;"> | |
| 58 | + <col style="width: 160px;"> | |
| 59 | + <col style="width: 100px;"> | |
| 60 | + <col style="width: 160px;"> | |
| 61 | + <col style="width: 160px;"> | |
| 62 | + <col style="width: 160px;"> | |
| 63 | + <col style="width: 160px;"> | |
| 64 | + <col style="width: 160px;"> | |
| 65 | + <col style="width: 160px;"> | |
| 66 | + </colgroup> | |
| 67 | + <thead> | |
| 68 | + <tr> | |
| 69 | + <th scope="col">번호</th> | |
| 70 | + <th scope="col">학습자</th> | |
| 71 | + <th scope="col">제출률</th> | |
| 72 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 73 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 74 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 75 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 76 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 77 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 78 | + </tr> | |
| 79 | + </thead> | |
| 80 | + <tbody> | |
| 81 | + <tr> | |
| 82 | + <td>01</td> | |
| 83 | + <td>홍길동<p class="msg">6학년 10반 30번</p></td> | |
| 84 | + <td>99.9%</td> | |
| 85 | + <td> | |
| 86 | + <p>100점(5%)</p> | |
| 87 | + <small class="msg">2025.01.21</small> | |
| 88 | + </td> | |
| 89 | + <td> | |
| 90 | + <p class="font-color-blue">미채점</p> | |
| 91 | + <small class="msg">2025.01.21</small> | |
| 92 | + </td> | |
| 93 | + <td> | |
| 94 | + <p>-</p> | |
| 95 | + <small class="msg">-</small> | |
| 96 | + </td> | |
| 97 | + <td> | |
| 98 | + <p>100점(5%)</p> | |
| 99 | + <small class="msg">2025.01.21</small> | |
| 100 | + </td> | |
| 101 | + <td> | |
| 102 | + <p class="font-color-blue">미채점</p> | |
| 103 | + <small class="msg">2025.01.21</small> | |
| 104 | + </td> | |
| 105 | + <td> | |
| 106 | + <p>-</p> | |
| 107 | + <small class="msg">-</small> | |
| 108 | + </td> | |
| 109 | + </tr> | |
| 110 | + </tbody> | |
| 111 | + </table> | |
| 112 | + </div> | |
| 113 | + </div> | |
| 114 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 115 | + </div> | |
| 116 | + | |
| 117 | + <!-- toast --> | |
| 118 | + <div class="toast"></div> | |
| 119 | + | |
| 120 | + <!--popup--> | |
| 121 | + <div class="dim"></div> | |
| 122 | + | |
| 123 | + <script> | |
| 124 | + $(document).ready(function() { | |
| 125 | + popupOpenPub('popupmodal'); | |
| 126 | + }); | |
| 127 | + </script> | |
| 128 | +</body> | |
| 129 | + | |
| 130 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_studentHistory_lesson.html
... | ... | @@ -0,0 +1,144 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal xlg" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>수업 학습 상태별 학생 현황</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="summary"> | |
| 49 | + <i class="ico-info" aria-hidden="true"></i> | |
| 50 | + <div class="txt-area"> | |
| 51 | + <p> | |
| 52 | + 안내문구<br> | |
| 53 | + 안내문구 | |
| 54 | + </p> | |
| 55 | + </div> | |
| 56 | + </div> | |
| 57 | + <div class="fnc-area"> | |
| 58 | + <div class="r-area"> | |
| 59 | + <div class="legend-area"> | |
| 60 | + <span class="legend"><span class="font-color-gray">●</span> 수업완료</span> | |
| 61 | + <span class="legend"><span class="font-color-blue">▲</span> 수업시간부족</span> | |
| 62 | + <span class="legend"><span class="font-color-red">✕</span> 수업미참석</span> | |
| 63 | + <span class="legend">(맞힌 문제수/전체 문제수)</span> | |
| 64 | + </div> | |
| 65 | + </div> | |
| 66 | + </div> | |
| 67 | + <div class="list-type table-sticky" data-sot-left="3"> | |
| 68 | + <table> | |
| 69 | + <caption>번호, 학습자, 이수율, 수업게시물 제목으로 구성된 학생 목록입니다.</caption> | |
| 70 | + <colgroup> | |
| 71 | + <col style="width: 64px;"> | |
| 72 | + <col style="width: 160px;"> | |
| 73 | + <col style="width: 100px;"> | |
| 74 | + <col style="width: 160px;"> | |
| 75 | + <col style="width: 160px;"> | |
| 76 | + <col style="width: 160px;"> | |
| 77 | + <col style="width: 160px;"> | |
| 78 | + <col style="width: 160px;"> | |
| 79 | + <col style="width: 160px;"> | |
| 80 | + </colgroup> | |
| 81 | + <thead> | |
| 82 | + <tr> | |
| 83 | + <th scope="col">번호</th> | |
| 84 | + <th scope="col">학습자</th> | |
| 85 | + <th scope="col">이수율</th> | |
| 86 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 87 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 88 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 89 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 90 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 91 | + <th scope="col">수업 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 92 | + </tr> | |
| 93 | + </thead> | |
| 94 | + <tbody> | |
| 95 | + <tr> | |
| 96 | + <td>01</td> | |
| 97 | + <td>홍길동<p class="msg">6학년 10반 30번</p></td> | |
| 98 | + <td>99.9%</td> | |
| 99 | + <td> | |
| 100 | + <p class="font-color-gray">●</p> | |
| 101 | + <small>(5/5)</small> | |
| 102 | + </td> | |
| 103 | + <td> | |
| 104 | + <p class="font-color-blue">▲</p> | |
| 105 | + <small>(-/-)</small> | |
| 106 | + </td> | |
| 107 | + <td> | |
| 108 | + <p class="font-color-red">✕</p> | |
| 109 | + <small>(4/5)</small> | |
| 110 | + </td> | |
| 111 | + <td> | |
| 112 | + <p class="font-color-gray">●</p> | |
| 113 | + <small>(5/5)</small> | |
| 114 | + </td> | |
| 115 | + <td> | |
| 116 | + <p class="font-color-blue">▲</p> | |
| 117 | + <small>(-/-)</small> | |
| 118 | + </td> | |
| 119 | + <td> | |
| 120 | + <p class="font-color-red">✕</p> | |
| 121 | + <small>(4/5)</small> | |
| 122 | + </td> | |
| 123 | + </tr> | |
| 124 | + </tbody> | |
| 125 | + </table> | |
| 126 | + </div> | |
| 127 | + </div> | |
| 128 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 129 | + </div> | |
| 130 | + | |
| 131 | + <!-- toast --> | |
| 132 | + <div class="toast"></div> | |
| 133 | + | |
| 134 | + <!--popup--> | |
| 135 | + <div class="dim"></div> | |
| 136 | + | |
| 137 | + <script> | |
| 138 | + $(document).ready(function() { | |
| 139 | + popupOpenPub('popupmodal'); | |
| 140 | + }); | |
| 141 | + </script> | |
| 142 | +</body> | |
| 143 | + | |
| 144 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_studentHistory_test.html
... | ... | @@ -0,0 +1,130 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal xlg" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>평가 학습 상태별 학생 현황</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="fnc-area"> | |
| 49 | + <div class="r-area"> | |
| 50 | + <span class="msg">평가 1개 기준 : 평가점수/(맞은 문항수, 전체문항수)/평가 참여일</span> | |
| 51 | + </div> | |
| 52 | + </div> | |
| 53 | + <div class="list-type table-sticky" data-sot-left="3"> | |
| 54 | + <table> | |
| 55 | + <caption>번호, 학습자, 전체 평균(평균 정답률), 평가게시물 제목으로 구성된 학생 목록입니다.</caption> | |
| 56 | + <colgroup> | |
| 57 | + <col style="width: 64px;"> | |
| 58 | + <col style="width: 160px;"> | |
| 59 | + <col style="width: 120px;"> | |
| 60 | + <col style="width: 160px;"> | |
| 61 | + <col style="width: 160px;"> | |
| 62 | + <col style="width: 160px;"> | |
| 63 | + <col style="width: 160px;"> | |
| 64 | + <col style="width: 160px;"> | |
| 65 | + <col style="width: 160px;"> | |
| 66 | + </colgroup> | |
| 67 | + <thead> | |
| 68 | + <tr> | |
| 69 | + <th scope="col">번호</th> | |
| 70 | + <th scope="col">학습자</th> | |
| 71 | + <th scope="col">전체 평균<p class="msg">(평균 정답률)</p></th> | |
| 72 | + <th scope="col">평가 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 73 | + <th scope="col">평가 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 74 | + <th scope="col">평가 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 75 | + <th scope="col">평가 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 76 | + <th scope="col">평가 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 77 | + <th scope="col">평가 게시물의 제목이 2줄로 모두 노출됩니다.</th> | |
| 78 | + </tr> | |
| 79 | + </thead> | |
| 80 | + <tbody> | |
| 81 | + <tr> | |
| 82 | + <td>01</td> | |
| 83 | + <td>홍길동<p class="msg">6학년 10반 30번</p></td> | |
| 84 | + <td>100점(99.9%)</td> | |
| 85 | + <td> | |
| 86 | + <p>100점(<b>15</b>/30)</p> | |
| 87 | + <small class="msg">2025.01.21</small> | |
| 88 | + </td> | |
| 89 | + <td> | |
| 90 | + <p>-</p> | |
| 91 | + <small class="msg">-</small> | |
| 92 | + </td> | |
| 93 | + <td> | |
| 94 | + <p>100점(<b>15</b>/30)</p> | |
| 95 | + <small class="msg">2025.01.21</small> | |
| 96 | + </td> | |
| 97 | + <td> | |
| 98 | + <p>-</p> | |
| 99 | + <small class="msg">-</small> | |
| 100 | + </td> | |
| 101 | + <td> | |
| 102 | + <p>100점(<b>15</b>/30)</p> | |
| 103 | + <small class="msg">2025.01.21</small> | |
| 104 | + </td> | |
| 105 | + <td> | |
| 106 | + <p>-</p> | |
| 107 | + <small class="msg">-</small> | |
| 108 | + </td> | |
| 109 | + </tr> | |
| 110 | + </tbody> | |
| 111 | + </table> | |
| 112 | + </div> | |
| 113 | + </div> | |
| 114 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 115 | + </div> | |
| 116 | + | |
| 117 | + <!-- toast --> | |
| 118 | + <div class="toast"></div> | |
| 119 | + | |
| 120 | + <!--popup--> | |
| 121 | + <div class="dim"></div> | |
| 122 | + | |
| 123 | + <script> | |
| 124 | + $(document).ready(function() { | |
| 125 | + popupOpenPub('popupmodal'); | |
| 126 | + }); | |
| 127 | + </script> | |
| 128 | +</body> | |
| 129 | + | |
| 130 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_subjectAnswer.html
... | ... | @@ -0,0 +1,243 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup lg" data-popuppub="popup"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>교과별 정답률 상세</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <h2 class="title-sm"><span class="label">수학</span> 두 원의 교점을 지나는 직선/원의 방정식</h2> | |
| 49 | + <ul class="info-box-list col3"> | |
| 50 | + <li> | |
| 51 | + <strong>평균 점수</strong> | |
| 52 | + <div class="txt-area"> | |
| 53 | + <em>26</em> | |
| 54 | + <small>/100점 만점</small> | |
| 55 | + </div> | |
| 56 | + </li> | |
| 57 | + <li> | |
| 58 | + <strong>최고 점수</strong> | |
| 59 | + <div class="txt-area"> | |
| 60 | + <em>26점</em> | |
| 61 | + </div> | |
| 62 | + </li> | |
| 63 | + <li> | |
| 64 | + <strong>최저 점수</strong> | |
| 65 | + <div class="txt-area"> | |
| 66 | + <em>26점</em> | |
| 67 | + </div> | |
| 68 | + </li> | |
| 69 | + <li> | |
| 70 | + <strong>평균응시시간</strong> | |
| 71 | + <div class="txt-area"> | |
| 72 | + <em>5분 24초</em> | |
| 73 | + </div> | |
| 74 | + </li> | |
| 75 | + <li> | |
| 76 | + <strong>참여인원</strong> | |
| 77 | + <div class="txt-area"> | |
| 78 | + <em>17</em> | |
| 79 | + <small>/20명</small> | |
| 80 | + </div> | |
| 81 | + </li> | |
| 82 | + </ul> | |
| 83 | + <div class="section-box"> | |
| 84 | + <div class="chart-area"> | |
| 85 | + <div class="chart"> | |
| 86 | + <canvas id="subjectAnswer" style="max-height: 28rem;"></canvas> | |
| 87 | + </div> | |
| 88 | + </div> | |
| 89 | + </div> | |
| 90 | + <div class="info-type"> | |
| 91 | + <table> | |
| 92 | + <caption>교과목별 멤버 목록으로 많은 노력 필요, 노력필요, 적정, 훌륭, 매우 훌륭으로 구성되어 있습니다.</caption> | |
| 93 | + <thead> | |
| 94 | + <tr> | |
| 95 | + <th scope="col">많은 노력 필요</th> | |
| 96 | + <th scope="col">노력 필요</th> | |
| 97 | + <th scope="col">적정</th> | |
| 98 | + <th scope="col">훌륭</th> | |
| 99 | + <th scope="col">매우 훌륭</th> | |
| 100 | + </tr> | |
| 101 | + </thead> | |
| 102 | + <tbody> | |
| 103 | + <tr> | |
| 104 | + <td> | |
| 105 | + <p>김채움</p> | |
| 106 | + <small>6학년 1반 01번</small> | |
| 107 | + </td> | |
| 108 | + <td> | |
| 109 | + <p>김채움</p> | |
| 110 | + <small>6학년 1반 01번</small> | |
| 111 | + </td> | |
| 112 | + <td> | |
| 113 | + <p>김채움</p> | |
| 114 | + <small>6학년 1반 01번</small> | |
| 115 | + </td> | |
| 116 | + <td> | |
| 117 | + <p>김채움</p> | |
| 118 | + <small>6학년 1반 01번</small> | |
| 119 | + </td> | |
| 120 | + <td> | |
| 121 | + <p>김채움</p> | |
| 122 | + <small>6학년 1반 01번</small> | |
| 123 | + </td> | |
| 124 | + </tr> | |
| 125 | + <tr> | |
| 126 | + <td> | |
| 127 | + <p>김채움</p> | |
| 128 | + <small>6학년 1반 01번</small> | |
| 129 | + </td> | |
| 130 | + <td> | |
| 131 | + <p>김채움</p> | |
| 132 | + <small>6학년 1반 01번</small> | |
| 133 | + </td> | |
| 134 | + <td> | |
| 135 | + <p>김채움</p> | |
| 136 | + <small>6학년 1반 01번</small> | |
| 137 | + </td> | |
| 138 | + <td> | |
| 139 | + <p>김채움</p> | |
| 140 | + <small>6학년 1반 01번</small> | |
| 141 | + </td> | |
| 142 | + <td> | |
| 143 | + <p>김채움</p> | |
| 144 | + <small>6학년 1반 01번</small> | |
| 145 | + </td> | |
| 146 | + </tr> | |
| 147 | + <tr> | |
| 148 | + <td> | |
| 149 | + <p>김채움</p> | |
| 150 | + <small>6학년 1반 01번</small> | |
| 151 | + </td> | |
| 152 | + <td> | |
| 153 | + <p>김채움</p> | |
| 154 | + <small>6학년 1반 01번</small> | |
| 155 | + </td> | |
| 156 | + <td> | |
| 157 | + <p>김채움</p> | |
| 158 | + <small>6학년 1반 01번</small> | |
| 159 | + </td> | |
| 160 | + <td> | |
| 161 | + <p>김채움</p> | |
| 162 | + <small>6학년 1반 01번</small> | |
| 163 | + </td> | |
| 164 | + <td> | |
| 165 | + <p>김채움</p> | |
| 166 | + <small>6학년 1반 01번</small> | |
| 167 | + </td> | |
| 168 | + </tr> | |
| 169 | + <tr> | |
| 170 | + <td> | |
| 171 | + <p>김채움</p> | |
| 172 | + <small>6학년 1반 01번</small> | |
| 173 | + </td> | |
| 174 | + <td> | |
| 175 | + <p>김채움</p> | |
| 176 | + <small>6학년 1반 01번</small> | |
| 177 | + </td> | |
| 178 | + <td> | |
| 179 | + <p>김채움</p> | |
| 180 | + <small>6학년 1반 01번</small> | |
| 181 | + </td> | |
| 182 | + <td> | |
| 183 | + <p>김채움</p> | |
| 184 | + <small>6학년 1반 01번</small> | |
| 185 | + </td> | |
| 186 | + <td> | |
| 187 | + <p>김채움</p> | |
| 188 | + <small>6학년 1반 01번</small> | |
| 189 | + </td> | |
| 190 | + </tr> | |
| 191 | + <tr> | |
| 192 | + <td> | |
| 193 | + <p>김채움</p> | |
| 194 | + <small>6학년 1반 01번</small> | |
| 195 | + </td> | |
| 196 | + <td> | |
| 197 | + <p>김채움</p> | |
| 198 | + <small>6학년 1반 01번</small> | |
| 199 | + </td> | |
| 200 | + <td> | |
| 201 | + <p>김채움</p> | |
| 202 | + <small>6학년 1반 01번</small> | |
| 203 | + </td> | |
| 204 | + <td> | |
| 205 | + <p>김채움</p> | |
| 206 | + <small>6학년 1반 01번</small> | |
| 207 | + </td> | |
| 208 | + <td> | |
| 209 | + <p>김채움</p> | |
| 210 | + <small>6학년 1반 01번</small> | |
| 211 | + </td> | |
| 212 | + </tr> | |
| 213 | + </tbody> | |
| 214 | + </table> | |
| 215 | + </div> | |
| 216 | + </div> | |
| 217 | + <div class="pop-footer"> | |
| 218 | + <div class="pop-btn-cont"> | |
| 219 | + <button type="button" class="btn">닫기</button> | |
| 220 | + </div> | |
| 221 | + </div> | |
| 222 | + <button type="button" class="pop-close">닫기</button> | |
| 223 | + </div> | |
| 224 | + | |
| 225 | + <!-- toast --> | |
| 226 | + <div class="toast"></div> | |
| 227 | + | |
| 228 | + <!--popup--> | |
| 229 | + <div class="dim"></div> | |
| 230 | + | |
| 231 | + <script> | |
| 232 | + $(document).ready(function() { | |
| 233 | + popupOpenPub('popup'); | |
| 234 | + const subjectAnswerData = { | |
| 235 | + labels: ['많은 노력 필요', '노력 필요', '적정', '훌륭', '매우 훌륭'], | |
| 236 | + data: [0, 50, 87, 30, 100], | |
| 237 | + }; | |
| 238 | + createChartBar('subjectAnswer', subjectAnswerData.labels, subjectAnswerData.data); | |
| 239 | + }); | |
| 240 | + </script> | |
| 241 | +</body> | |
| 242 | + | |
| 243 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_todayStudy.html
... | ... | @@ -0,0 +1,113 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 25 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 26 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js"></script> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup" data-popuppub="popup"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>오늘의 학습 완료율 상세</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="datepicker-fnc-area"> | |
| 49 | + <button type="button" class="btn sm circle ico-pv">이전</button> | |
| 50 | + <h2 class="title">2025-01-06</h2> | |
| 51 | + <button type="button" class="btn sm circle ico-fw">다음</button> | |
| 52 | + </div> | |
| 53 | + <div class="chart-box"> | |
| 54 | + <div class="chart-area sm"> | |
| 55 | + <canvas id="todayStudy"></canvas> | |
| 56 | + </div> | |
| 57 | + <div class="cont"> | |
| 58 | + <div class="tit-area"> | |
| 59 | + <div class="l-area dir-col"> | |
| 60 | + <h2 class="title">수학</h2> | |
| 61 | + <p>분수의 나눗셈</p> | |
| 62 | + </div> | |
| 63 | + </div> | |
| 64 | + <ul class="chart-info-list"> | |
| 65 | + <li> | |
| 66 | + <div class="l-area"> | |
| 67 | + <span class="legend lg"><i class="green"></i> 학습 완료</span> | |
| 68 | + </div> | |
| 69 | + <div class="r-area"> | |
| 70 | + <span class="label">60%</span> | |
| 71 | + <span><strong class="data">28</strong>명</span> | |
| 72 | + </div> | |
| 73 | + </li> | |
| 74 | + <li> | |
| 75 | + <div class="l-area"> | |
| 76 | + <span class="legend lg"><i class="blue"></i> 학습 진행 중</span> | |
| 77 | + </div> | |
| 78 | + <div class="r-area"> | |
| 79 | + <span class="label">60%</span> | |
| 80 | + <span><strong class="data">28</strong>명</span> | |
| 81 | + </div> | |
| 82 | + </li> | |
| 83 | + <li> | |
| 84 | + <div class="l-area"> | |
| 85 | + <span class="legend lg"><i></i> 학습 이력 없음</span> | |
| 86 | + </div> | |
| 87 | + <div class="r-area"> | |
| 88 | + <span class="label">60%</span> | |
| 89 | + <span><strong class="data">28</strong>명</span> | |
| 90 | + </div> | |
| 91 | + </li> | |
| 92 | + </ul> | |
| 93 | + </div> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + <button type="button" class="pop-close">닫기</button> | |
| 97 | + </div> | |
| 98 | + | |
| 99 | + <!-- toast --> | |
| 100 | + <div class="toast"></div> | |
| 101 | + | |
| 102 | + <!--popup--> | |
| 103 | + <div class="dim"></div> | |
| 104 | + | |
| 105 | + <script> | |
| 106 | + $(document).ready(function() { | |
| 107 | + popupOpenPub('popup'); | |
| 108 | + createChartDoughnut('todayStudy', [75, 20, 10], [gradientColorGreen, gradientColorBlue, defaltBg]); | |
| 109 | + }); | |
| 110 | + </script> | |
| 111 | +</body> | |
| 112 | + | |
| 113 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_todayView_complete.html
... | ... | @@ -0,0 +1,121 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> | |
| 29 | + <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script> | |
| 30 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 31 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 32 | + <!--//퍼블 layout--> | |
| 33 | + | |
| 34 | + <!-- 공통 메뉴 js--> | |
| 35 | + <!-- //공통 메뉴 js --> | |
| 36 | + | |
| 37 | + <!--공통 퍼블 js--> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 39 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 40 | + <!--//공통 퍼블 js--> | |
| 41 | +</head> | |
| 42 | + | |
| 43 | +<body> | |
| 44 | + <div class="popup-modal" data-popuppub="popupmodal"> | |
| 45 | + <div class="pop-header"> | |
| 46 | + <h1>오늘의 학습 완료율 상세</h1> | |
| 47 | + </div> | |
| 48 | + <div class="pop-body"> | |
| 49 | + <div class="datepicker-fnc-area"> | |
| 50 | + <button type="button" class="btn sm circle ico-pv">이전</button> | |
| 51 | + <h2 class="title">2025-01-06</h2> | |
| 52 | + <button type="button" class="btn sm circle ico-fw">다음</button> | |
| 53 | + </div> | |
| 54 | + <div class="chart-box"> | |
| 55 | + <div class="chart-area sm"> | |
| 56 | + <canvas id="complete"></canvas> | |
| 57 | + </div> | |
| 58 | + <div class="cont"> | |
| 59 | + <div class="tit-area"> | |
| 60 | + <div class="l-area"> | |
| 61 | + <h3 class="title">수학</h3> | |
| 62 | + <p>분수의 나눗셈</p> | |
| 63 | + </div> | |
| 64 | + </div> | |
| 65 | + <ul class="chart-info-list"> | |
| 66 | + <li> | |
| 67 | + <div class="l-area"> | |
| 68 | + <span class="legend lg"><i class="green"></i> 학습 완료</span> | |
| 69 | + </div> | |
| 70 | + <div class="r-area"> | |
| 71 | + <span class="label">60%</span> | |
| 72 | + <span><strong class="data">28</strong>명</span> | |
| 73 | + </div> | |
| 74 | + </li> | |
| 75 | + <li> | |
| 76 | + <div class="l-area"> | |
| 77 | + <span class="legend lg"><i class="blue"></i> 학습 진행 중</span> | |
| 78 | + </div> | |
| 79 | + <div class="r-area"> | |
| 80 | + <span class="label">60%</span> | |
| 81 | + <span><strong class="data">28</strong>명</span> | |
| 82 | + </div> | |
| 83 | + </li> | |
| 84 | + <li> | |
| 85 | + <div class="l-area"> | |
| 86 | + <span class="legend lg"><i></i> 학습 이력 없음</span> | |
| 87 | + </div> | |
| 88 | + <div class="r-area"> | |
| 89 | + <span class="label">60%</span> | |
| 90 | + <span><strong class="data">28</strong>명</span> | |
| 91 | + </div> | |
| 92 | + </li> | |
| 93 | + </ul> | |
| 94 | + </div> | |
| 95 | + </div> | |
| 96 | + </div> | |
| 97 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 98 | + </div> | |
| 99 | + | |
| 100 | + <!-- toast --> | |
| 101 | + <div class="toast"></div> | |
| 102 | + | |
| 103 | + <!--popup--> | |
| 104 | + <div class="dim"></div> | |
| 105 | + | |
| 106 | + <script> | |
| 107 | + $(document).ready(function() { | |
| 108 | + popupOpenPub('popupmodal'); | |
| 109 | + }); | |
| 110 | + </script> | |
| 111 | + | |
| 112 | + <script src="https://cdn.jsdelivr.net/npm/chartjs-chart-matrix"></script> | |
| 113 | + <script> | |
| 114 | + $(document).ready(function () { | |
| 115 | + //감정 출석부 | |
| 116 | + createChartDoughnut('complete', [75, 20, 10], [gradientColorGreen, gradientColorBlue, defaltBg]); | |
| 117 | + }); | |
| 118 | + </script> | |
| 119 | +</body> | |
| 120 | + | |
| 121 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/pop_todayView_time.html
... | ... | @@ -0,0 +1,84 @@ |
| 1 | +<!DOCTYPE html> | |
| 2 | +<html lang="ko"> | |
| 3 | + | |
| 4 | +<head> | |
| 5 | + <title>온세종학교</title> | |
| 6 | + | |
| 7 | + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| 8 | + <meta name="Author" content=""> | |
| 9 | + <meta name="Keywords" content=""> | |
| 10 | + <meta name="Description" content=""> | |
| 11 | + <meta name="format-detection" content="telephone=no"> | |
| 12 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 13 | + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> | |
| 14 | + | |
| 15 | + | |
| 16 | + <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet"> | |
| 17 | + | |
| 18 | + <!-- 공통 plugin --> | |
| 19 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> | |
| 20 | + <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script> | |
| 21 | + <!-- //공통 plugin --> | |
| 22 | + | |
| 23 | + <!-- 페이지 plugin--> | |
| 24 | + <!-- painter --> | |
| 25 | + <!-- <script type="module" src="/resources/front/site/SITE_00000/js/common/module/colouredPenciles.js"></script> --> | |
| 26 | + <!-- //painter --> | |
| 27 | + <!-- //페이지 plugin--> | |
| 28 | + | |
| 29 | + <!-- 공통 퍼블 layout: 개발시 삭제--> | |
| 30 | + <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> | |
| 31 | + <!--//퍼블 layout--> | |
| 32 | + | |
| 33 | + <!-- 공통 메뉴 js--> | |
| 34 | + <!-- //공통 메뉴 js --> | |
| 35 | + | |
| 36 | + <!--공통 퍼블 js--> | |
| 37 | + <script src="/resources/front/site/SITE_00000/js/common.js"></script> | |
| 38 | + <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script> | |
| 39 | + <!--//공통 퍼블 js--> | |
| 40 | +</head> | |
| 41 | + | |
| 42 | +<body> | |
| 43 | + <div class="popup-modal sm" data-popuppub="popupmodal"> | |
| 44 | + <div class="pop-header"> | |
| 45 | + <h1>오늘의 학습 시간 상세</h1> | |
| 46 | + </div> | |
| 47 | + <div class="pop-body"> | |
| 48 | + <div class="datepicker-fnc-area"> | |
| 49 | + <button type="button" class="btn sm circle ico-pv">이전</button> | |
| 50 | + <h2 class="title">2025-01-06</h2> | |
| 51 | + <button type="button" class="btn sm circle ico-fw">다음</button> | |
| 52 | + </div> | |
| 53 | + <div class="bg-box-list"> | |
| 54 | + <div class="bg-box margin-bottom-sm"> | |
| 55 | + <h3 class="title-sm">학습시간</h3> | |
| 56 | + <em class="font-size-xlg">2시간 30분 50초</em> | |
| 57 | + <ul class="bullet-none margin-top-sm"> | |
| 58 | + <li>문제풀이: 1시간 20분 30초</li> | |
| 59 | + <li>개념학습: 1시간 20분 30초</li> | |
| 60 | + </ul> | |
| 61 | + </div> | |
| 62 | + <div class="bg-box"> | |
| 63 | + <h3 class="title-sm">참여학생 수</h3> | |
| 64 | + <span><b>13</b>/20명</span> | |
| 65 | + </div> | |
| 66 | + </div> | |
| 67 | + </div> | |
| 68 | + <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> | |
| 69 | + </div> | |
| 70 | + | |
| 71 | + <!-- toast --> | |
| 72 | + <div class="toast"></div> | |
| 73 | + | |
| 74 | + <!--popup--> | |
| 75 | + <div class="dim"></div> | |
| 76 | + | |
| 77 | + <script> | |
| 78 | + $(document).ready(function() { | |
| 79 | + popupOpenPub('popupmodal'); | |
| 80 | + }); | |
| 81 | + </script> | |
| 82 | +</body> | |
| 83 | + | |
| 84 | +</html>(파일 끝에 줄바꿈 문자 없음) |
+++ html/cbe2025/manager/analytics/print_analyticsMyClass_student.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/analytics/wrongNote.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/_layout/classTop.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/activityHis.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/activityHis_member.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/activityHis_student.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/agendar.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/agendarWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/assessment.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/assessmentView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/assessmentViewer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/assessmentWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/board.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/boardView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/boardWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/class.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/classAdd.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/classEdit.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/classHome.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/classMain.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/classManage.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/classSearch.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/classView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/contentsMyStorage.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/contentsView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/emotionCalendar.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/homewrork.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/homewrorkSubmit.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/homewrorkSubmit_student.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/homewrorkView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/homewrorkWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/homewrorkWrite2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/memberManage_auth.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/memberManage_group.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/memberManage_groupWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/memberManage_state.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/popWin_agendarView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/popWin_agendarView2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/popWin_invite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_assessmentSubmit.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_boardSetting.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_classCode.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_classCopy.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_classFind.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_classInfo.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_classSubmit.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_exportHistory.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_groupNum.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_homeworkSubmit.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_homewrorkSubmitView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_homewrorkSubmitView_form.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_invite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_memberFind.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_memberFind_class.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_schedule.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_weboffice.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/pop_webofficeAdd.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/print_homework.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_each_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_new_each.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_new_quiz_essay.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_quiz.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_quiz_essay.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_quiz_essay_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_quiz_expire.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/solveResult_quiz_group.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/survey.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/surveyViewResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/surveyViewResult_each.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/surveyView_popWin.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/class/surveyWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/_layout/_viewerFnc.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/_layout/_viewerHeader.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer_URL.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer_painter.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer_painter_doc.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer_painter_doc_old.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer_quiz.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer_test_done.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/classViewer_weboffice.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/ifrCnt/ifrCnt_1.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/ifrCnt/ifrCnt_2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/ifrCnt/ifrCnt_3.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/ifrCnt/ifrCnt_4.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/ifrCnt/ifrCnt_5.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/ifrCnt/ifrCnt_6.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/ifrCnt/ifrCnt_7.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/index.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_addArchive.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_addFile.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_addLink.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_addNewWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_bookmark.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_chat.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_savePackage.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_savePackage_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_searchContents.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_searchContents_searchAll.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/pop_timer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/tutorial_classViewer1.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/tutorial_classViewer2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/tutorial_classViewer3.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/classViewer/tutorial_classViewer4.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/archiveContents.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contents.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contentsView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contentsView_quiz.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contentsView_test.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contentsWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contentsWrite_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contentsWrite_tag.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/contents_quiz.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/myContents.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/myStorage.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/myTextbook.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_comment.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_conditionSearch.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_contentsSet.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_copyright.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_favoriteUser.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_mySubscription.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_newContents.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_searchTextbook.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/pop_subscriber.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/quizWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/quizWrite1_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/quizWrite2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/quizWrite2_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/quizWrite_set.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/recipe.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/recipeView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/recipeWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/recipeWrite_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/recommend.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/searchResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testViewer_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWrite1.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWrite1_auto_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWrite1_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWrite2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWrite2_new.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWriteActivity1.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWriteActivity2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/testWrite_auto.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/trash.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/contents/userContents.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/js/colouredPencilesSvg.js
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/layout/layout.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/layout/layout_teacher.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/layout/list.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/sub/achievecode.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/sub/layout.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/sub/layout_common.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/sub/list.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/textbookViewer/images/01.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/02.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/03.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/04.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/05.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/06.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/07.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/08.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/09.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/10.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/11.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/12.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/13.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/14.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/15.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/16.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/17.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/18.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/19.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/20.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/21.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/22.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/23.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/24.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/25.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/26.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/27.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/28.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/29.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/30.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/31.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/32.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/33.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/34.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/35.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/36.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/37.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/38.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/39.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/images/40.jpg
| Binary file is not shown |
+++ html/cbe2025/manager/textbookViewer/textbookViewer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/tutorial/tutorial_classViewer1.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/tutorial/tutorial_classViewer2.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/tutorial/tutorial_classViewer3.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/tutorial/tutorial_classViewer4.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/message.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/pop_bookmark.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/pop_bookmarkAdd.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/pop_bookmarkEdit.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/pop_notification.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/pop_notification_setting.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/pop_pointHistory.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/util/pop_profileDeco.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/_layout/_viewerFnc.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/_layout/_viewerHeader.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/iframe_classdata.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/iframe_img.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/pop_continue.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/pop_review.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/pop_reviewStep.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/quizViewer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/quizViewer_check.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/testViewer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_audio.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_classdata.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_img.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_msg.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_pdf.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_pdfCus.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_quiz.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_quizAnswer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_quizShort.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_quizShortAnswer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_quiz_group.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/manager/viewer/viewer_video.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/_layout/header.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/_layout/classTop.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/boardView.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/class.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/classHome.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/classMain.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/classManage.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/emotionCheck.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/homeworkWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/class/pop_emotionCalendar.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/learnReport.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/learnReport_none.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/popQuizWriteInfo.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/popResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/popTestSend.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/quiz.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/quizFriend.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/quizMy.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/quiz/quizWrite.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/viewer/pop_basicquizAnswer.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/viewer/testViewer_student.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/viewer/testViewer_student_end.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/viewer/testViewer_student_result.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/member/viewer/testViewer_student_start.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/parents/_layout/header.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/parents/analytics/analytics.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/parents/analytics/analytics_subject.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/parents/analytics/pop_achievecode.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/_layout/header.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/class/_layout/classTop.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/class/class.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/class/solveResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/main/main.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/main/pop_todayStudyGoal.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/ai.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/aiGate.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/aiResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/pop_ai.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/pop_ai_self.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/pop_ai_selfResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/pop_ai_self_start.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/pop_studyList.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/solveResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/wrongNote.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/student/study/wrongNote_quiz.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/temp/_layout/header.html
| This diff is skipped because there are too many other diffs. |
+++ html/cbe2025/temp/sub/temp_cotents.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/_module/achievecode.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/_module/reply.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/_guide/error.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/_guide/guide.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/_guide/loading.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/_layout/header.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/analyticsClass.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/analyticsClass_loading.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/classHome.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/classHome_member.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/classMain.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/guidance.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/main_student.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/myStorage.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/empty/searchResult.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/sub/achievecode.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/sub/layout.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/sub/layout_common.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/common/sub/list.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/index.html
| This diff is skipped because there are too many other diffs. |
+++ html/onSejong/manager/_layout/header.html
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/abstracts/_mixins.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/abstracts/_variables.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/base/_font.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/base/_reset.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_accordion.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_calendar.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_component.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_form.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_icon.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_label.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_list.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_popup.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_table.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/component/_tabs.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/font/KakaoBigSans-Bold.woff2
| Binary file is not shown |
+++ resources/front/site/SITE_00000/css/common/font/KakaoBigSans-ExtraBold.woff2
| Binary file is not shown |
+++ resources/front/site/SITE_00000/css/common/font/KakaoBigSans-Regular.woff2
| Binary file is not shown |
+++ resources/front/site/SITE_00000/css/common/font2/KakaoBigSans-Bold.woff2
| Binary file is not shown |
+++ resources/front/site/SITE_00000/css/common/font2/KakaoBigSans-ExtraBold.woff2
| Binary file is not shown |
+++ resources/front/site/SITE_00000/css/common/font2/KakaoBigSans-Regular.woff2
| Binary file is not shown |
+++ resources/front/site/SITE_00000/css/common/layout/_layout.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_agendar.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_error.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_formArea.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_login.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_message.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_orgArea.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_point.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/module/_reply.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/util/_animation.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/vendors/_vendor.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/vendors/animate.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/vendors/animate.min.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/vendors/swiper-bundle.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/vendors/swiper-bundle.min.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/vendors/tagify.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/viewer/_colouredPenciles.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/viewer/_cont.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/common/viewer/_viewer.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/abstracts/_mixins.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/abstracts/_theme.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/abstracts/_variables.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/component/_component.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/component/_icon.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/layout/_layout.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/module/_achievecode.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/module/_painter.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/module/_timer.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/page/_chart.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/page/_class.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/page/_classViewer.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/page/_main.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/page/_sub.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/page/_textboookViewer.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/custom/page/_userStudent.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/print/print.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/print/print.css.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/print/print.min.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/print/print.min.css.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/print/print.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/style.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/style.css.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/style.min.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/style.min.css.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/style.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/styleGuide.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/styleGuide.css.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/styleGuide.min.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/styleGuide.min.css.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/css/styleGuide.scss
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/btn-float/btn-float-chatbot.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/btn-float/btn-float-control.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/btn-float/btn-float-top.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/arr.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/bg-schbox.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/bg_viewer_cover.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/btn_star.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico16x16.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico24x24.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico_file.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico_new.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico_ox.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico_painter.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico_painter_bar.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/ico_q_check.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img-sch-bg.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img-thumb-book-none.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img-thumb-class-none.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_caution.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_check.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_confirm.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_cont_none.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_eraser.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_error.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_file_block.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_file_check.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_notice.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_painter.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_robot.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_user.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/img_warning.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/loading-layer.gif
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/common/common/loading.gif
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/common/common/loading.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/sel-arr-lg-wh.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/sel_arr.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/sel_lnb.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/common/txt_none.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-10.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-11.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-12.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-13.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-14.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-15.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-16.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-17.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-18.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-19.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-20.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-21.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-22.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-23.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-24.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-25.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-26.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-27.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-28.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-29.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-30.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-5.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-6.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-7.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-8.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-9.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classhome-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classhome-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classhome-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classhome-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classhome-5.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classlist-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classlist-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-classlist-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-cmt-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-cmt-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-cmt-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-cmt-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-cmt-5.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-cmt-6.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-exp-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-exp-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-exp-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-exp-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-exp-5.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-exp-6.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-exp-7.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-hmwrk-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-hmwrk-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-hmwrk-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-hmwrk-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-home-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-home-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-home-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-home-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-larn-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-larn-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-larn-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-larn-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-larn-5.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-view-1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-view-2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-view-3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-view-4.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-badge/badge-view-5.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-absurdface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-angryface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-arrow-blue.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-blackboard.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-book.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-books.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-calculation.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-change.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-chat.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-class.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-clock.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-coding.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-crescentmoon.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-crown.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-desktop.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-english.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-error.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-exciteface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-expressionless.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-fearfulface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-file-xls.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-filebox.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-folder.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-folders.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-global.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-graduation.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-grinningface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-growingHeart.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-hangul.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-happyface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-hourglass.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-korean.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-leaf.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-lightBulb.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-link.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-loveface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-mail.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-math.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-mathplate.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-megaphone.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-microscope.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-openNew.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-page.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-pencil.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-pensiveface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-person.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-phone.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-proudface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-puzzle.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-quiz.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-rank3.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-revolvingHearts.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-sadface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-sickface.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-sprout.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-student.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-taja.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-teacher.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-tree.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-vote.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-whiteboard.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-write.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-writeAI.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-img/ico-img-writeSelf.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/ico-summary/ico-summary-message.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/logo/logo-sje.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/logo/logo.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/profile/profile-chatbot.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/profile/profile-org.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/common/profile/profile-org.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/profile/profile-par.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/common/profile/profile-par.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/profile/profile-stu.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/common/profile/profile-stu.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/profile/profile-sys.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/common/profile/profile-sys.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/profile/profile-tea.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/common/profile/profile-tea.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/common/profile/profile.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/class/tick.mp3
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/class/visual.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/common/ico-header.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/common/ico-img-point.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/common/img-thumb-cont-none.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-activity.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-board.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-contents.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-document.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-image.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-link.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-package.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-quiz.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-recipe.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-test.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-video.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-weboffice.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-cell.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-hwp.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-show.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-word.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/main/student-mn-today-chart.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/bg_chasi.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/coyp_BY-NC-ND.JPG
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/coyp_BY-NC-SA.JPG
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/coyp_BY-NC.JPG
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/coyp_BY-ND.JPG
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/coyp_BY-SA.JPG
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/coyp_BY.JPG
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/coyp_CC0.JPG
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/img-invite.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_ai1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_ai2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_ai_info_obj.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_ai_result_info_bg.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/img_ai_tutor.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_basicquizAnswerExcel.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/custom/sub/img_box_study.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_ccl.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_eng.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_file_block.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_file_check.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_folders.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_guide_classwrite.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_han.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_kor.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_korean.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_math.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_read.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_sci.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_so1.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_so2.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_soc.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_sum.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_viewer_block.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_write.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_writeAI.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/sub/img_writeSelf.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_360.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_audio.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_book.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_default.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_doc.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_image.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_link.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_myclass.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_quiz.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_tool.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/custom/thumb/thumb_video.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/favicon.ico/android-icon-144x144.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/android-icon-192x192.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/android-icon-36x36.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/android-icon-48x48.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/android-icon-72x72.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/android-icon-96x96.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-114x114.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-120x120.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-144x144.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-152x152.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-180x180.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-57x57.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-60x60.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-72x72.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-76x76.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon-precomposed.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/apple-icon.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/browserconfig.xml
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/favicon.ico/favicon-16x16.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/favicon-32x32.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/favicon-96x96.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/favicon.ico
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/manifest.json
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/favicon.ico/ms-icon-144x144.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/ms-icon-150x150.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/ms-icon-310x310.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/favicon.ico/ms-icon-70x70.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/hwp.hwp
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img-pdf.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img-test.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img1.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_korean.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/temp/img_math.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/temp/img_math1.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_math2.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_math3.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_math4.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_math5.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_math6.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_q.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_read.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/temp/img_sum.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/temp/img_tutorial_class.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/img_write.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/temp/pdf.pdf
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/images/temp/pic0_1.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_1_400.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_2.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_2_400.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_3.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_3_400.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_4.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_4_400.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_5.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_5_400.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_6.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic0_6_400.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic1.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic2.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic3.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic_drawing1.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/pic_drawing2.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/qr.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/sample_pic1.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/sample_pic1_400.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/sample_pic2.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/sample_pic2_400.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/sample_pic3.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/sample_pic3_400.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/test.doc
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/thumb1.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/thumb2.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/thumb3.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/images/temp/thumb4.jpg
| Binary file is not shown |
+++ resources/front/site/SITE_00000/js/_layout.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common-custom.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/common-common.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/jquery/jquery.easing.1.3.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/jquery/jquery.ui.touch-punch.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/module/colouredPenciles.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/module/colouredPenciles.ts
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/module/colouredPenciles_new.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/module/colouredPenciles_old.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/module/datePicker.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-annotation.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/etc/ScrollMagic.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/etc/StickyOnTable.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/etc/TweenMax.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/etc/animation.gsap.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/etc/tagify.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/ssm/ssm.min.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/ssm/ssm.min.js.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/custom/custom-common-publicQuiz.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/custom/custom-common.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/custom/module/colouredPenciles.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/custom/module/colouredPenciles.ts
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/custom/module/colouredPencilesSvg.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/custom/module/colouredPencilesSvg_pub.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/js/custom/module/old_etc.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/LICENSE
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/build/pdf.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/build/pdf.js.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/build/pdf.sandbox.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/build/pdf.sandbox.js.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/build/pdf.worker.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/build/pdf.worker.js.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78-RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78ms-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/78ms-RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/83pv-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/90ms-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/90ms-RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/90msp-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/90msp-RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/90pv-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/90pv-RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Add-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Add-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Add-RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Add-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-0.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-1.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-3.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-4.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-5.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-6.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-CNS1-UCS2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-GB1-0.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-GB1-1.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-GB1-2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-GB1-3.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-GB1-4.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-GB1-5.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-GB1-UCS2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-0.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-1.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-3.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-4.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-5.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-6.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Japan1-UCS2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Korea1-0.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Korea1-1.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Korea1-2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Adobe-Korea1-UCS2.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/B5pc-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/B5pc-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/CNS-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/CNS-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/CNS1-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/CNS1-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/CNS2-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/CNS2-V.bcmap
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/ETHK-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/ETHK-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/ETen-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/ETen-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/ETenms-B5-H.bcmap
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/ETenms-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Ext-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Ext-RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Ext-RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Ext-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GB-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GB-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GB-H.bcmap
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GB-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBK-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBK-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBK2K-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBK2K-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBKp-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBKp-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBT-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBT-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBT-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBT-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBTpc-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBTpc-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBpc-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/GBpc-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKdla-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKdla-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKdlb-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKdlb-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKgccs-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKgccs-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKm314-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKm314-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKm471-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKm471-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKscs-B5-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/HKscs-B5-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Hankaku.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Hiragana.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSC-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSC-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSC-Johab-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSC-Johab-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSCms-UHC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSCms-UHC-HW-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSCms-UHC-HW-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSCms-UHC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSCpc-EUC-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/KSCpc-EUC-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Katakana.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/LICENSE
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/NWP-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/NWP-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/RKSJ-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/RKSJ-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/Roman.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UCS2-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UCS2-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UTF16-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UTF16-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UTF32-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UTF32-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UTF8-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniCNS-UTF8-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UCS2-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UCS2-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UTF16-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UTF16-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UTF32-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UTF32-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UTF8-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniGB-UTF8-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UCS2-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UCS2-HW-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UCS2-HW-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UCS2-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UTF16-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UTF16-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UTF32-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UTF32-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UTF8-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS-UTF8-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS2004-UTF16-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS2004-UTF16-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS2004-UTF32-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS2004-UTF32-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS2004-UTF8-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJIS2004-UTF8-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJISPro-UCS2-HW-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJISPro-UCS2-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJISPro-UTF8-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJISX0213-UTF32-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJISX0213-UTF32-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJISX02132004-UTF32-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniJISX02132004-UTF32-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UCS2-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UCS2-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UTF16-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UTF16-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UTF32-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UTF32-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UTF8-H.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/UniKS-UTF8-V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/V.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/cmaps/WP-Symbol.bcmap
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/compressed.tracemonkey-pldi-09.pdf
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/debugger.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/debugger.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-check.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-comment.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-help.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-insert.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-key.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-newparagraph.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-noicon.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-note.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/annotation-paragraph.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/cursor-editorInk.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/findbarButton-next.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/findbarButton-previous.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/loading-dark.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/loading-icon.gif
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/loading.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-documentProperties.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-firstPage.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-handTool.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-lastPage.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-rotateCcw.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-rotateCw.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-scrollHorizontal.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-scrollPage.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-scrollVertical.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-scrollWrapped.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-selectTool.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-spreadEven.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-spreadNone.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/secondaryToolbarButton-spreadOdd.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/shadow.png
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-bookmark.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-currentOutlineItem.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-download.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-editorFreeText.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-editorInk.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-openFile.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-pageDown.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-pageUp.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-presentationMode.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-print.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-search.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-secondaryToolbarToggle.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-viewAttachments.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-viewLayers.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-viewOutline.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-viewThumbnail.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-zoomIn.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/toolbarButton-zoomOut.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/treeitem-collapsed.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/images/treeitem-expanded.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/logo.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/toolbarButton-pageDown.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/toolbarButton-pageUp.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/toolbarButton-presentationMode.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/toolbarButton-search.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/toolbarButton-secondaryToolbarToggle.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/toolbarButton-zoomIn.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/imagesCus/toolbarButton-zoomOut.svg
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ach/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/af/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/an/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ar/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ast/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/az/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/be/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/bg/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/bn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/bo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/br/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/brx/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/bs/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ca/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/cak/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ckb/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/cs/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/cy/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/da/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/de/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/dsb/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/el/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/en-CA/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/en-GB/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/en-US/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/eo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/es-AR/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/es-CL/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/es-ES/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/es-MX/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/et/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/eu/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/fa/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ff/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/fi/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/fr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/fy-NL/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ga-IE/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/gd/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/gl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/gn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/gu-IN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/he/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/hi-IN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/hr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/hsb/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/hu/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/hy-AM/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/hye/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ia/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/id/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/is/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/it/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ja/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ka/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/kab/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/kk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/km/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/kn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ko/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/lij/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/lo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/locale.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/lt/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ltg/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/lv/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/meh/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/mk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/mr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ms/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/my/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/nb-NO/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ne-NP/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/nl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/nn-NO/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/oc/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/pa-IN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/pl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/pt-BR/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/pt-PT/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/rm/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ro/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ru/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sat/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sc/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/scn/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sco/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/si/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/son/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sq/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/sv-SE/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/szl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ta/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/te/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/tg/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/th/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/tl/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/tr/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/trs/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/uk/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/ur/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/uz/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/vi/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/wo/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/xh/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/zh-CN/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/locale/zh-TW/viewer.properties
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitDingbats.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitFixed.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitFixedBold.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitFixedBoldItalic.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitFixedItalic.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSans.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSansBold.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSansBoldItalic.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSansItalic.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSerif.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSerifBold.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSerifBoldItalic.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSerifItalic.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/FoxitSymbol.pfb
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/LICENSE_FOXIT
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/LICENSE_LIBERATION
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/LiberationSans-Bold.ttf
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/LiberationSans-BoldItalic.ttf
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/LiberationSans-Italic.ttf
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/standard_fonts/LiberationSans-Regular.ttf
| Binary file is not shown |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/viewer.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/viewer.html
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/viewer.js
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/viewer.js.map
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/viewerCus.css
| This diff is skipped because there are too many other diffs. |
+++ resources/front/site/SITE_00000/vendors/pdfjs/web/viewerCus.html
| This diff is skipped because there are too many other diffs. |
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?