Commit @d7dcc5b503f2e74e5d028fdc9454cd7577f63164

이화경 09-26

퍼블 추가

@d7dcc5b503f2e74e5d028fdc9454cd7577f63164

b99ac74

d7dcc5b

html/onSejong/manager/class/classView.html (Renamed from html/onSejong/manager/_layout/classView.html)

--- html/onSejong/manager/_layout/classView.html

+++ html/onSejong/manager/class/classView.html

No changes

d7dcc5b

html/onSejong/manager/class/classViewer.html (added)

+++ html/onSejong/manager/class/classViewer.html

...	...	@@ -0,0 +1,239 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <!-- //페이지 plugin-->
	23	+
	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	+ <section class="class-viewer">
	39	+ <header class="viewer-header">
	40	+ <div class="l-area">
	41	+ <button type="button" class="btn-class-viewer-menu btn circle ico-menu sm">메뉴</button>
	42	+ <div class="viewer-tit">
	43	+ <h1 class="">
	44	+ 활동1) 무늬를 꾸며보는 방법 알아보기활동1) 무늬를 꾸며보는 방법 알아보기활동1) 무늬를
	45	+ 꾸며보는 방법 알아보기활동1) 무늬를 꾸며보는 방법 알아보기활동1) 무늬를 꾸며보는 방법
	46	+ 알아보기
	47	+ </h1>
	48	+ </div>
	49	+ </div>
	50	+ <div class="r-area pcta-flex">
	51	+ <div class="btn-group">
	52	+ <button type="button" class="btn sm primary"><i class="ico-save"></i> 저장</button>
	53	+ <button type="button" class="btn sm"><i class="ico-logout"></i> 나가기</button>
	54	+ </div>
	55	+ </div>
	56	+ <div class="r-area mo-flex">
	57	+ <div class="etc-fnc-area">
	58	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	59	+ <ul class="etc-fnc">
	60	+ <li><button type="button">북마크</button></li>
	61	+ <li><button type="button">학생뷰어보기</button></li>
	62	+ <li><button type="button">저장</button></li>
	63	+ <li><button type="button">나가기</button></li>
	64	+ </ul>
	65	+ </div>
	66	+ </div>
	67	+ </header>
	68	+ <div class="viewer-body">
	69	+ <div class="viewer-menu-area">
	70	+ <div class="viewer-menu-header">
	71	+ <div class="menu-add-area">
	72	+ <button class="btn-menu-add"><span>추가</span></button>
	73	+ <div class="menu-add-option">
	74	+ <button type="button">파일 업로드</button>
	75	+ <button type="button">링크추가</button>
	76	+ <button type="button">나의 보관함에서 선택</button>
	77	+ <button type="button">콘텐츠에서 검색</button>
	78	+ </div>
	79	+ </div>
	80	+ </div>
	81	+ <div class="viewer-menu-body">
	82	+ <nav class="viewer-nav">
	83	+ <ul>
	84	+ <li class="is-active">
	85	+ <a href="#none" class="lnk-full">상세보기</a>
	86	+ <div class="nav-info">
	87	+ <span class="num">1</span>
	88	+ <div class="fnc order-front">
	89	+ <button type="button" class="ico-delete order-front">삭제</button>
	90	+ <i class="ico-move">이동</i>
	91	+ </div>
	92	+ </div>
	93	+ <div class="nav-cont">
	94	+ <div class="img-area">
	95	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="" />
	96	+ </div>
	97	+ <div class="txt-area">
	98	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	99	+ <div class="txt">
	100	+ 파일명파일명
	101	+ 파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명.mp4
	102	+ </div>
	103	+ </div>
	104	+ </div>
	105	+ </li>
	106	+ <li>
	107	+ <a href="#none" class="lnk-full">상세보기</a>
	108	+ <div class="nav-info">
	109	+ <span class="num">2</span>
	110	+ <div class="fnc order-front">
	111	+ <button type="button" class="ico-delete order-front">삭제</button>
	112	+ <i class="ico-move">이동</i>
	113	+ </div>
	114	+ </div>
	115	+ <div class="nav-cont">
	116	+ <div class="txt-area">
	117	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	118	+ <div class="txt">파일명.mp4</div>
	119	+ </div>
	120	+ </div>
	121	+ </li>
	122	+ </ul>
	123	+ </nav>
	124	+ </div>
	125	+ <button type="button" class="btn-viewer-menu-toggle">
	126	+ <span class="txt-hide">메뉴 열기&닫기</span>
	127	+ </button>
	128	+ </div>
	129	+ <div class="viewer-cont">
	130	+ <div class="wrap-xsm viewer-cont-add-area">
	131	+ <p>수업을 구성해보세요.</p>
	132	+ <ul>
	133	+ <li>
	134	+ <button type="button" class="lnk-full">추가</button>
	135	+ <figure>
	136	+ <img
	137	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-folder.svg"
	138	+ alt=""
	139	+ aria-hidden="true"
	140	+ />
	141	+ </figure>
	142	+ <span>파일 업로드</span>
	143	+ </li>
	144	+ <li>
	145	+ <button type="button" class="lnk-full">추가</button>
	146	+ <figure>
	147	+ <img
	148	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-link.svg"
	149	+ alt=""
	150	+ aria-hidden="true"
	151	+ />
	152	+ </figure>
	153	+ <span>링크 추가</span>
	154	+ </li>
	155	+ <li>
	156	+ <button type="button" class="lnk-full">추가</button>
	157	+ <figure>
	158	+ <img
	159	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-filebox.svg"
	160	+ alt=""
	161	+ aria-hidden="true"
	162	+ />
	163	+ </figure>
	164	+ <span>나의 보관함에서 선택</span>
	165	+ </li>
	166	+ <li>
	167	+ <button type="button" class="lnk-full">추가</button>
	168	+ <figure>
	169	+ <img
	170	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-search.svg"
	171	+ alt=""
	172	+ aria-hidden="true"
	173	+ />
	174	+ </figure>
	175	+ <span>콘텐츠에서 검색</span>
	176	+ </li>
	177	+ </ul>
	178	+ </div>
	179	+ <div class="viewer-fnc-cont">
	180	+ <!-- 색연필 -->
	181	+ <div class="viewer-painter paint-target"></div>
	182	+ </div>
	183	+ </div>
	184	+ </div>
	185	+ <ul class="viewer-tool">
	186	+ <li>
	187	+ <button type="button" class="btn-painter-toggle lnk-full">판서</button>
	188	+ <img
	189	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-pencil.svg"
	190	+ alt=""
	191	+ aria-hidden="true"
	192	+ />
	193	+ <strong>판서</strong>
	194	+ </li>
	195	+ <li>
	196	+ <button type="button" class="lnk-full">채팅 열기&닫기</button>
	197	+ <img
	198	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-chat.svg"
	199	+ alt=""
	200	+ aria-hidden="true"
	201	+ />
	202	+ <strong>채팅</strong>
	203	+ <span class="badge min">새 채팅</span>
	204	+ </li>
	205	+ </ul>
	206	+ </section>
	207	+
	208	+ <!--toast-->
	209	+ <div class="toast"></div>
	210	+
	211	+ <script>
	212	+ // 과정추가
	213	+ $(document).on("click", ".btn-menu-add", function (e) {
	214	+ e.stopPropagation();
	215	+ $(".menu-add-area").toggleClass("is-active");
	216	+ });
	217	+
	218	+ $(document).on("click", function () {
	219	+ $(".menu-add-area").removeClass("is-active");
	220	+ });
	221	+
	222	+ //과정 순서 변경
	223	+ $(".class-viewer-nav>ul").sortable({
	224	+ handle: $(".class-viewer-nav>ul>li").find(".ico-move"),
	225	+ containment: "parent",
	226	+ update: function (event, ui) {
	227	+ var $list = $(this).children("li");
	228	+ $list.each(function () {
	229	+ var $li = $(this);
	230	+ var newVal = $(this).index() + 1;
	231	+ $(this).find(".num").html(newVal);
	232	+ });
	233	+ },
	234	+ });
	235	+
	236	+
	237	+ </script>
	238	+ </body>
	239	+</html>

d7dcc5b

html/onSejong/manager/class/classViewer_URL.html (added)

+++ html/onSejong/manager/class/classViewer_URL.html

...	...	@@ -0,0 +1,202 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <!-- //페이지 plugin-->
	23	+
	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	+ <section class="class-viewer">
	39	+ <header class="viewer-header">
	40	+ <div class="l-area">
	41	+ <button type="button" class="btn-class-viewer-menu btn circle ico-menu sm">메뉴</button>
	42	+ <div class="viewer-tit">
	43	+ <h1 class="">
	44	+ 활동1) 무늬를 꾸며보는 방법 알아보기활동
	45	+ </h1>
	46	+ </div>
	47	+ </div>
	48	+ <div class="r-area pcta-flex">
	49	+ <div class="btn-group">
	50	+ <button type="button" class="btn sm primary"><i class="ico-save"></i> 저장</button>
	51	+ <button type="button" class="btn sm"><i class="ico-logout"></i> 나가기</button>
	52	+ </div>
	53	+ </div>
	54	+ <div class="r-area mo-flex">
	55	+ <div class="etc-fnc-area">
	56	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	57	+ <ul class="etc-fnc">
	58	+ <li><button type="button">북마크</button></li>
	59	+ <li><button type="button">학생뷰어보기</button></li>
	60	+ <li><button type="button">저장</button></li>
	61	+ <li><button type="button">나가기</button></li>
	62	+ </ul>
	63	+ </div>
	64	+ </div>
	65	+ </header>
	66	+ <div class="viewer-body">
	67	+ <div class="viewer-menu-area">
	68	+ <div class="viewer-menu-header">
	69	+ <div class="menu-add-area">
	70	+ <button class="btn-menu-add"><span>추가</span></button>
	71	+ <div class="menu-add-option">
	72	+ <button type="button">파일 업로드</button>
	73	+ <button type="button">링크추가</button>
	74	+ <button type="button">나의 보관함에서 선택</button>
	75	+ <button type="button">콘텐츠에서 검색</button>
	76	+ </div>
	77	+ </div>
	78	+ </div>
	79	+ <div class="viewer-menu-body">
	80	+ <nav class="viewer-nav">
	81	+ <ul>
	82	+ <li class="is-active">
	83	+ <a href="#none" class="lnk-full">상세보기</a>
	84	+ <div class="nav-info">
	85	+ <span class="num">1</span>
	86	+ <div class="fnc order-front">
	87	+ <button type="button" class="ico-delete order-front">삭제</button>
	88	+ <i class="ico-move">이동</i>
	89	+ </div>
	90	+ </div>
	91	+ <div class="nav-cont">
	92	+ <div class="img-area">
	93	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="" />
	94	+ </div>
	95	+ <div class="txt-area">
	96	+ <div class="label-area"><span class="label-cont-url">링크</span></div>
	97	+ <div class="txt">
	98	+ 파일명파일명
	99	+ 파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명.mp4
	100	+ </div>
	101	+ </div>
	102	+ </div>
	103	+ </li>
	104	+ <li>
	105	+ <a href="#none" class="lnk-full">상세보기</a>
	106	+ <div class="nav-info">
	107	+ <span class="num">2</span>
	108	+ <div class="fnc order-front">
	109	+ <button type="button" class="ico-delete order-front">삭제</button>
	110	+ <i class="ico-move">이동</i>
	111	+ </div>
	112	+ </div>
	113	+ <div class="nav-cont">
	114	+ <div class="txt-area">
	115	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	116	+ <div class="txt">파일명.mp4</div>
	117	+ </div>
	118	+ </div>
	119	+ </li>
	120	+ </ul>
	121	+ </nav>
	122	+ </div>
	123	+ <button type="button" class="btn-viewer-menu-toggle">
	124	+ <span class="txt-hide">메뉴 열기&닫기</span>
	125	+ </button>
	126	+ </div>
	127	+ <div class="viewer-cont">
	128	+ <div class="wrap-xsm viewer-cont-url-area">
	129	+ <ul class="btn-box-list">
	130	+ <li>
	131	+ <a href="#none" type="button" class="lnk-full" target="_blank" title="새창 열기">새창열기</a>
	132	+ <figure>
	133	+ <img src="/resources/front/site/SITE_00000/images/custom/ico-cont/ico-cont-link.svg" alt="" aria-hidden="true">
	134	+ </figure>
	135	+ <span>www.naver.comwww.naver</span>
	136	+ <div class="fnc">
	137	+ <i class="ico-openinnew">새 창 열기</i>
	138	+ </div>
	139	+ </li>
	140	+ </ul>
	141	+ </div>
	142	+ <div class="viewer-fnc-cont">
	143	+ <!-- 색연필 -->
	144	+ <div class="viewer-painter paint-target"></div>
	145	+ </div>
	146	+ </div>
	147	+ </div>
	148	+ <ul class="viewer-tool">
	149	+ <li>
	150	+ <button type="button" class="btn-painter-toggle lnk-full">판서</button>
	151	+ <img
	152	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-pencil.svg"
	153	+ alt=""
	154	+ aria-hidden="true"
	155	+ />
	156	+ <strong>판서</strong>
	157	+ </li>
	158	+ <li>
	159	+ <button type="button" class="lnk-full">채팅 열기&닫기</button>
	160	+ <img
	161	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-chat.svg"
	162	+ alt=""
	163	+ aria-hidden="true"
	164	+ />
	165	+ <strong>채팅</strong>
	166	+ <span class="badge min">새 채팅</span>
	167	+ </li>
	168	+ </ul>
	169	+ </section>
	170	+
	171	+ <!--toast-->
	172	+ <div class="toast"></div>
	173	+
	174	+ <script>
	175	+ // 과정추가
	176	+ $(document).on("click", ".btn-menu-add", function (e) {
	177	+ e.stopPropagation();
	178	+ $(".menu-add-area").toggleClass("is-active");
	179	+ });
	180	+
	181	+ $(document).on("click", function () {
	182	+ $(".menu-add-area").removeClass("is-active");
	183	+ });
	184	+
	185	+ //과정 순서 변경
	186	+ $(".class-viewer-nav>ul").sortable({
	187	+ handle: $(".class-viewer-nav>ul>li").find(".ico-move"),
	188	+ containment: "parent",
	189	+ update: function (event, ui) {
	190	+ var $list = $(this).children("li");
	191	+ $list.each(function () {
	192	+ var $li = $(this);
	193	+ var newVal = $(this).index() + 1;
	194	+ $(this).find(".num").html(newVal);
	195	+ });
	196	+ },
	197	+ });
	198	+
	199	+
	200	+ </script>
	201	+ </body>
	202	+</html>

d7dcc5b

html/onSejong/manager/class/classViewer_img.html (added)

+++ html/onSejong/manager/class/classViewer_img.html

...	...	@@ -0,0 +1,191 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+ <head>
	4	+ <title>온세종학교</title>
	5	+
	6	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	7	+ <meta name="Author" content="" />
	8	+ <meta name="Keywords" content="" />
	9	+ <meta name="Description" content="" />
	10	+ <meta name="format-detection" content="telephone=no" />
	11	+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	12	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
	13	+
	14	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />
	15	+
	16	+ <!-- 공통 plugin -->
	17	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	19	+ <!-- //공통 plugin -->
	20	+
	21	+ <!-- 페이지 plugin-->
	22	+ <!-- //페이지 plugin-->
	23	+
	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	+ <section class="class-viewer">
	39	+ <header class="viewer-header">
	40	+ <div class="l-area">
	41	+ <button type="button" class="btn-class-viewer-menu btn circle ico-menu sm">메뉴</button>
	42	+ <div class="viewer-tit">
	43	+ <h1 class="">
	44	+ 활동1) 무늬를 꾸며보는 방법 알아보기활동
	45	+ </h1>
	46	+ </div>
	47	+ </div>
	48	+ <div class="r-area pcta-flex">
	49	+ <div class="btn-group">
	50	+ <button type="button" class="btn sm primary"><i class="ico-save"></i> 저장</button>
	51	+ <button type="button" class="btn sm"><i class="ico-logout"></i> 나가기</button>
	52	+ </div>
	53	+ </div>
	54	+ <div class="r-area mo-flex">
	55	+ <div class="etc-fnc-area">
	56	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	57	+ <ul class="etc-fnc">
	58	+ <li><button type="button">북마크</button></li>
	59	+ <li><button type="button">학생뷰어보기</button></li>
	60	+ <li><button type="button">저장</button></li>
	61	+ <li><button type="button">나가기</button></li>
	62	+ </ul>
	63	+ </div>
	64	+ </div>
	65	+ </header>
	66	+ <div class="viewer-body">
	67	+ <div class="viewer-menu-area">
	68	+ <div class="viewer-menu-header">
	69	+ <div class="menu-add-area">
	70	+ <button class="btn-menu-add"><span>추가</span></button>
	71	+ <div class="menu-add-option">
	72	+ <button type="button">파일 업로드</button>
	73	+ <button type="button">링크추가</button>
	74	+ <button type="button">나의 보관함에서 선택</button>
	75	+ <button type="button">콘텐츠에서 검색</button>
	76	+ </div>
	77	+ </div>
	78	+ </div>
	79	+ <div class="viewer-menu-body">
	80	+ <nav class="viewer-nav">
	81	+ <ul>
	82	+ <li class="is-active">
	83	+ <a href="#none" class="lnk-full">상세보기</a>
	84	+ <div class="nav-info">
	85	+ <span class="num">1</span>
	86	+ <div class="fnc order-front">
	87	+ <button type="button" class="ico-delete order-front">삭제</button>
	88	+ <i class="ico-move">이동</i>
	89	+ </div>
	90	+ </div>
	91	+ <div class="nav-cont">
	92	+ <div class="img-area">
	93	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="" />
	94	+ </div>
	95	+ <div class="txt-area">
	96	+ <div class="label-area"><span class="label-cont-img">이미지</span></div>
	97	+ <div class="txt">
	98	+ 파일명파일명
	99	+ 파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명.mp4
	100	+ </div>
	101	+ </div>
	102	+ </div>
	103	+ </li>
	104	+ <li>
	105	+ <a href="#none" class="lnk-full">상세보기</a>
	106	+ <div class="nav-info">
	107	+ <span class="num">2</span>
	108	+ <div class="fnc order-front">
	109	+ <button type="button" class="ico-delete order-front">삭제</button>
	110	+ <i class="ico-move">이동</i>
	111	+ </div>
	112	+ </div>
	113	+ <div class="nav-cont">
	114	+ <div class="txt-area">
	115	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	116	+ <div class="txt">파일명.mp4</div>
	117	+ </div>
	118	+ </div>
	119	+ </li>
	120	+ </ul>
	121	+ </nav>
	122	+ </div>
	123	+ <button type="button" class="btn-viewer-menu-toggle">
	124	+ <span class="txt-hide">메뉴 열기&닫기</span>
	125	+ </button>
	126	+ </div>
	127	+ <div class="viewer-cont">
	128	+ <figure>
	129	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="">
	130	+ </figure>
	131	+ <div class="viewer-fnc-cont">
	132	+ <!-- 색연필 -->
	133	+ <div class="viewer-painter paint-target"></div>
	134	+ </div>
	135	+ </div>
	136	+ </div>
	137	+ <ul class="viewer-tool">
	138	+ <li>
	139	+ <button type="button" class="btn-painter-toggle lnk-full">판서</button>
	140	+ <img
	141	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-pencil.svg"
	142	+ alt=""
	143	+ aria-hidden="true"
	144	+ />
	145	+ <strong>판서</strong>
	146	+ </li>
	147	+ <li>
	148	+ <button type="button" class="lnk-full">채팅 열기&닫기</button>
	149	+ <img
	150	+ src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-chat.svg"
	151	+ alt=""
	152	+ aria-hidden="true"
	153	+ />
	154	+ <strong>채팅</strong>
	155	+ <span class="badge min">새 채팅</span>
	156	+ </li>
	157	+ </ul>
	158	+ </section>
	159	+
	160	+ <!--toast-->
	161	+ <div class="toast"></div>
	162	+
	163	+ <script>
	164	+ // 과정추가
	165	+ $(document).on("click", ".btn-menu-add", function (e) {
	166	+ e.stopPropagation();
	167	+ $(".menu-add-area").toggleClass("is-active");
	168	+ });
	169	+
	170	+ $(document).on("click", function () {
	171	+ $(".menu-add-area").removeClass("is-active");
	172	+ });
	173	+
	174	+ //과정 순서 변경
	175	+ $(".class-viewer-nav>ul").sortable({
	176	+ handle: $(".class-viewer-nav>ul>li").find(".ico-move"),
	177	+ containment: "parent",
	178	+ update: function (event, ui) {
	179	+ var $list = $(this).children("li");
	180	+ $list.each(function () {
	181	+ var $li = $(this);
	182	+ var newVal = $(this).index() + 1;
	183	+ $(this).find(".num").html(newVal);
	184	+ });
	185	+ },
	186	+ });
	187	+
	188	+
	189	+ </script>
	190	+ </body>
	191	+</html>

d7dcc5b

html/onSejong/manager/class/classViewer_painter.html (added)

+++ html/onSejong/manager/class/classViewer_painter.html

...	...	@@ -0,0 +1,231 @@
	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	+
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
	27	+ <!--//퍼블 layout-->
	28	+
	29	+ <!-- 공통 메뉴 js-->
	30	+ <!-- //공통 메뉴 js -->
	31	+
	32	+ <!--공통 퍼블 js-->
	33	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	34	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	35	+ <!--//공통 퍼블 js-->
	36	+</head>
	37	+
	38	+<body>
	39	+ <section class="class-viewer">
	40	+ <header class="viewer-header">
	41	+ <div class="l-area">
	42	+ <!-- <button type="button" class="btn-viewer-menu btn circle ico-menu sm">메뉴</button> -->
	43	+ <div class="viewer-tit">
	44	+ <h1 class="">활동1) 무늬를 꾸며보는 방법 알아보기활동1) 무늬를 꾸며보는 방법 알아보기활동1) 무늬를 꾸며보는 방법 알아보기활동1) 무늬를 꾸며보는 방법 알아보기활동1) 무늬를 꾸며보는 방법 알아보기</h1>
	45	+ </div>
	46	+ </div>
	47	+ <div class="r-area">
	48	+ <div class="btn-group">
	49	+ <button type="button" class="btn sm primary"><i class="ico-save"></i> 저장</button>
	50	+ <button type="button" class="btn sm"><i class="ico-logout"></i> 나가기</button>
	51	+ </div>
	52	+ </div>
	53	+ </header>
	54	+ <div class="viewer-body">
	55	+ <div class="viewer-menu-area">
	56	+ <div class="viewer-menu-header">
	57	+ <div class="menu-add-area">
	58	+ <button class="btn-menu-add"><span>과정추가</span></button>
	59	+ <div class="menu-add-option" >
	60	+ <button type="button">파일 업로드</button>
	61	+ <button type="button">링크추가</button>
	62	+ <button type="button">나의 보관함에서 선택</button>
	63	+ <button type="button">콘텐츠에서 검색</button>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ <div class="viewer-menu-body">
	68	+ <nav class="viewer-nav">
	69	+ <ul>
	70	+ <li class="is-active">
	71	+ <a href="javascript:changeIfr(1)" class="lnk-full">상세보기</a>
	72	+ <div class="nav-info">
	73	+ <span class="num">1</span>
	74	+ <div class="fnc order-front">
	75	+ <button type="button" class="ico-delete order-front">삭제</button>
	76	+ <i class="ico-move">이동</i>
	77	+ </div>
	78	+ </div>
	79	+ <div class="nav-cont">
	80	+ <div class="img-area">
	81	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="">
	82	+ </div>
	83	+ <div class="txt-area">
	84	+ <div class="label-area"><span class="label-cont-img">이미지</span></div>
	85	+ <div class="txt">이미지</div>
	86	+ </div>
	87	+ </div>
	88	+ </li>
	89	+ <li>
	90	+ <a href="javascript:changeIfr(2)" class="lnk-full">상세보기</a>
	91	+ <div class="nav-info">
	92	+ <span class="num">2</span>
	93	+ <div class="fnc order-front">
	94	+ <button type="button" class="ico-delete order-front">삭제</button>
	95	+ <i class="ico-move">이동</i>
	96	+ </div>
	97	+ </div>
	98	+ <div class="nav-cont">
	99	+ <div class="txt-area">
	100	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	101	+ <div class="txt">영상</div>
	102	+ </div>
	103	+ </div>
	104	+ </li>
	105	+ <li>
	106	+ <a href="javascript:changeIfr(3)" class="lnk-full">상세보기</a>
	107	+ <div class="nav-info">
	108	+ <span class="num">3</span>
	109	+ <div class="fnc order-front">
	110	+ <button type="button" class="ico-delete order-front">삭제</button>
	111	+ <i class="ico-move">유튜브</i>
	112	+ </div>
	113	+ </div>
	114	+ <div class="nav-cont">
	115	+ <div class="txt-area">
	116	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	117	+ <div class="txt">유튜브</div>
	118	+ </div>
	119	+ </div>
	120	+ </li>
	121	+ <li>
	122	+ </ul>
	123	+ </nav>
	124	+ </div>
	125	+ <button type="button" class="btn-viewer-menu-toggle"><span class="txt-hide">메뉴 열기&닫기</span></button>
	126	+ </div>
	127	+ <div class="viewer-cont">
	128	+ <figure>
	129	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="">
	130	+ </figure>
	131	+ <!-- <div class="iframe-area">
	132	+ <iframe src="/resources/front/site/SITE_00000/images/temp/img1.jpg" class="view_iframe"></iframe>
	133	+ </div> -->
	134	+ <div class="viewer-cont-fnc-cont">
	135	+ <!-- 색연필 -->
	136	+ <div class="viewer-painter paint-target"></div>
	137	+ </div>
	138	+ </div>
	139	+ <ul class="viewer-tool">
	140	+ <li>
	141	+ <button type="button" class="btn-painter-toggle lnk-full">판서</button>
	142	+ <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-pencil.svg" alt="" aria-hidden="true">
	143	+ <strong>판서</strong>
	144	+ </li>
	145	+ <li>
	146	+ <button type="button" class="lnk-full">채팅 열기&닫기</button>
	147	+ <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-chat.svg" alt="" aria-hidden="true">
	148	+ <strong>채팅</strong>
	149	+ <span class="badge min">새 채팅</span>
	150	+ </li>
	151	+ </ul>
	152	+ </div>
	153	+ </section>
	154	+
	155	+ <!--toast-->
	156	+ <div class="toast"></div>
	157	+
	158	+ <!--popup-->
	159	+ <script>
	160	+ // 과정추가
	161	+ $(document).on('click', '.btn-menu-add', function (e) {
	162	+ e.stopPropagation();
	163	+ $('.menu-add-area').toggleClass('is-active');
	164	+ });
	165	+
	166	+ $(document).on('click', function () {
	167	+ $('.menu-add-area').removeClass('is-active');
	168	+ });
	169	+
	170	+ //과정 순서 변경
	171	+ $(".viewer-nav>ul").sortable({
	172	+ handle: $(".viewer-nav>ul>li").find(".ico-move"),
	173	+ axis: "y",
	174	+ //containment: "parent",
	175	+ update: function (event, ui) {
	176	+ var $list = $(this).children("li");
	177	+ $list.each(function () {
	178	+ var $li = $(this);
	179	+ var newVal = $(this).index() + 1;
	180	+ $(this).find(".num").html(newVal);
	181	+ });
	182	+ },
	183	+ });
	184	+ </script>
	185	+
	186	+
	187	+ <!-- 모듈로 스크립트를 불러오기 -->
	188	+ <script type="module">
	189	+ import { initColouredPenciles } from '/resources/front/site/SITE_00000/js/custom/module/colouredPencilesSvg_pub.js';
	190	+ </script>
	191	+
	192	+ <script>
	193	+ // colouredPencilesSvg.js 데이터 전달 스크립트
	194	+ const cpInstanceData = (data) => {
	195	+ if (window.cpInstance) {
	196	+ window.cpInstance.setDataParam(data);
	197	+ } else {
	198	+ // console.log('cpInstance 아직 정의되지 않음, 500ms 후 다시 시도.');
	199	+ setTimeout(cpInstanceData, 500, data); // cpInstance 정의 전까지 500ms 간격으로 재시도
	200	+ }
	201	+ }
	202	+ const cpInstanceSave = () => {
	203	+ if (window.cpInstance) {
	204	+ window.cpInstance.saveDrawing();
	205	+ } else {
	206	+ // console.log('cpInstance 아직 정의되지 않음, 500ms 후 다시 시도.');
	207	+ setTimeout(cpInstanceSave, 500, data); // cpInstance 정의 전까지 500ms 간격으로 재시도
	208	+ }
	209	+ }
	210	+
	211	+ // 페이지 로드 시 사용자 키 및 콘텐츠 키 전달
	212	+ window.addEventListener('DOMContentLoaded', () => {
	213	+ const page = 0;
	214	+ cpInstanceData({ userKey: 'testuser', contentsKey: `ifrCnt_${page}` }); // 사용자 키 설정
	215	+ });
	216	+ // 콘텐츠 변경 시, 콘텐츠 키 발행 및 전달
	217	+ const changeIfr = (page) => {
	218	+ cpInstanceSave(); // 페이지 이동 전 저장
	219	+ const ifr = document.querySelector('.iframe-area iframe');
	220	+ ifr.src = `ifrCnt/ifrCnt_${page}.html`;
	221	+ cpInstanceData({ contentsKey: `ifrCnt_${page}` }); // 콘텐츠 키 설정
	222	+ }
	223	+
	224	+ $('.viewer-nav li').on('click', function() {
	225	+ $('.viewer-nav li').removeClass('is-active');
	226	+ $(this).addClass('is-active');
	227	+ });
	228	+ </script>
	229	+</body>
	230	+
	231	+</html>(파일 끝에 줄바꿈 문자 없음)

d7dcc5b

html/onSejong/manager/class/classViewer_painter_doc.html (added)

+++ html/onSejong/manager/class/classViewer_painter_doc.html

...	...	@@ -0,0 +1,231 @@
	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	+
	25	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	26	+ <!-- <script src="/resources/front/site/SITE_00000/js/_layout.js"></script> -->
	27	+ <!--//퍼블 layout-->
	28	+
	29	+ <!-- 공통 메뉴 js-->
	30	+ <!-- //공통 메뉴 js -->
	31	+
	32	+ <!--공통 퍼블 js-->
	33	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	34	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	35	+ <!--//공통 퍼블 js-->
	36	+</head>
	37	+
	38	+<body>
	39	+ <section class="class-viewer">
	40	+ <header class="viewer-header">
	41	+ <div class="l-area">
	42	+ <!-- <button type="button" class="btn-viewer-menu btn circle ico-menu sm">메뉴</button> -->
	43	+ <div class="viewer-tit">
	44	+ <h1 class="">활동1) 무늬를 꾸며보는 방법 알아보기</h1>
	45	+ </div>
	46	+ </div>
	47	+ <div class="r-area">
	48	+ <div class="btn-group">
	49	+ <button type="button" class="btn sm primary"><i class="ico-save"></i> 저장</button>
	50	+ <button type="button" class="btn sm"><i class="ico-logout"></i> 나가기</button>
	51	+ </div>
	52	+ </div>
	53	+ </header>
	54	+ <div class="viewer-body">
	55	+ <div class="viewer-menu-area">
	56	+ <div class="viewer-menu-header">
	57	+ <div class="menu-add-area">
	58	+ <button class="btn-menu-add"><span>과정추가</span></button>
	59	+ <div class="menu-add-option" >
	60	+ <button type="button">파일 업로드</button>
	61	+ <button type="button">링크추가</button>
	62	+ <button type="button">나의 보관함에서 선택</button>
	63	+ <button type="button">콘텐츠에서 검색</button>
	64	+ </div>
	65	+ </div>
	66	+ </div>
	67	+ <div class="viewer-menu-body">
	68	+ <nav class="viewer-nav">
	69	+ <ul>
	70	+ <li class="is-active">
	71	+ <a href="javascript:changeIfr(1)" class="lnk-full">상세보기</a>
	72	+ <div class="nav-info">
	73	+ <span class="num">1</span>
	74	+ <div class="fnc order-front">
	75	+ <button type="button" class="ico-delete order-front">삭제</button>
	76	+ <i class="ico-move">이동</i>
	77	+ </div>
	78	+ </div>
	79	+ <div class="nav-cont">
	80	+ <div class="img-area">
	81	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="">
	82	+ </div>
	83	+ <div class="txt-area">
	84	+ <div class="label-area"><span class="label-cont-doc">문서</span></div>
	85	+ <div class="txt">문서</div>
	86	+ </div>
	87	+ </div>
	88	+ </li>
	89	+ <li>
	90	+ <a href="javascript:changeIfr(2)" class="lnk-full">상세보기</a>
	91	+ <div class="nav-info">
	92	+ <span class="num">2</span>
	93	+ <div class="fnc order-front">
	94	+ <button type="button" class="ico-delete order-front">삭제</button>
	95	+ <i class="ico-move">이동</i>
	96	+ </div>
	97	+ </div>
	98	+ <div class="nav-cont">
	99	+ <div class="txt-area">
	100	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	101	+ <div class="txt">영상</div>
	102	+ </div>
	103	+ </div>
	104	+ </li>
	105	+ <li>
	106	+ <a href="javascript:changeIfr(3)" class="lnk-full">상세보기</a>
	107	+ <div class="nav-info">
	108	+ <span class="num">3</span>
	109	+ <div class="fnc order-front">
	110	+ <button type="button" class="ico-delete order-front">삭제</button>
	111	+ <i class="ico-move">유튜브</i>
	112	+ </div>
	113	+ </div>
	114	+ <div class="nav-cont">
	115	+ <div class="txt-area">
	116	+ <div class="label-area"><span class="label-cont-video">영상</span></div>
	117	+ <div class="txt">유튜브</div>
	118	+ </div>
	119	+ </div>
	120	+ </li>
	121	+ <li>
	122	+ </ul>
	123	+ </nav>
	124	+ </div>
	125	+ <button type="button" class="btn-viewer-menu-toggle"><span class="txt-hide">메뉴 열기&닫기</span></button>
	126	+ </div>
	127	+ <div class="viewer-cont">
	128	+ <div class="iframe-area">
	129	+ <input type="hidden" id="d8f68ffff73a47ff9b9185caf2452b0c_1" value="https://devdcuai.cbe.go.kr/contents/classLesson/202504/20250402125701229/20250402125701229_0001.jpg">
	130	+ <input type="hidden" id="d8f68ffff73a47ff9b9185caf2452b0c_2" value="https://devdcuai.cbe.go.kr/contents/classLesson/202504/20250402125701229/20250402125701229_0002.jpg">
	131	+ <div class="iframe-doc-area">
	132	+ <iframe src="/resources/front/site/SITE_00000/images/temp/img-pdf.jpg" data-link="" class="view_iframe"></iframe>
	133	+ <div class="doc-fnc-area">
	134	+ <button class="btn circle ico-pv">이전</button>
	135	+ <button class="btn circle ico-fw">다음</button>
	136	+ </div>
	137	+ </div>
	138	+ </div>
	139	+ <ul class="viewer-tool">
	140	+ <li>
	141	+ <button type="button" class="btn-painter-toggle lnk-full">판서</button>
	142	+ <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-pencil.svg" alt="" aria-hidden="true">
	143	+ <strong>판서</strong>
	144	+ </li>
	145	+ <li>
	146	+ <button type="button" class="lnk-full">채팅 열기&닫기</button>
	147	+ <img src="/resources/front/site/SITE_00000/images/common/ico-img/ico-img-chat.svg" alt="" aria-hidden="true">
	148	+ <strong>채팅</strong>
	149	+ <span class="badge min">새 채팅</span>
	150	+ </li>
	151	+ </ul>
	152	+ </div>
	153	+ </section>
	154	+
	155	+ <!--toast-->
	156	+ <div class="toast"></div>
	157	+
	158	+ <!--popup-->
	159	+ <script>
	160	+ // 과정추가
	161	+ $(document).on('click', '.btn-menu-add', function (e) {
	162	+ e.stopPropagation();
	163	+ $('.menu-add-area').toggleClass('is-active');
	164	+ });
	165	+
	166	+ $(document).on('click', function () {
	167	+ $('.menu-add-area').removeClass('is-active');
	168	+ });
	169	+
	170	+ //과정 순서 변경
	171	+ $(".viewer-nav>ul").sortable({
	172	+ handle: $(".viewer-nav>ul>li").find(".ico-move"),
	173	+ axis: "y",
	174	+ //containment: "parent",
	175	+ update: function (event, ui) {
	176	+ var $list = $(this).children("li");
	177	+ $list.each(function () {
	178	+ var $li = $(this);
	179	+ var newVal = $(this).index() + 1;
	180	+ $(this).find(".num").html(newVal);
	181	+ });
	182	+ },
	183	+ });
	184	+ </script>
	185	+
	186	+
	187	+ <!-- 모듈로 스크립트를 불러오기 -->
	188	+ <script type="module">
	189	+ import { initColouredPenciles } from '/resources/front/site/SITE_00000/js/custom/module/colouredPencilesSvg_pub.js';
	190	+ </script>
	191	+
	192	+ <script>
	193	+ // colouredPencilesSvg.js 데이터 전달 스크립트
	194	+ const cpInstanceData = (data) => {
	195	+ if (window.cpInstance) {
	196	+ window.cpInstance.setDataParam(data);
	197	+ } else {
	198	+ // console.log('cpInstance 아직 정의되지 않음, 500ms 후 다시 시도.');
	199	+ setTimeout(cpInstanceData, 500, data); // cpInstance 정의 전까지 500ms 간격으로 재시도
	200	+ }
	201	+ }
	202	+ const cpInstanceSave = () => {
	203	+ if (window.cpInstance) {
	204	+ window.cpInstance.saveDrawing();
	205	+ } else {
	206	+ // console.log('cpInstance 아직 정의되지 않음, 500ms 후 다시 시도.');
	207	+ setTimeout(cpInstanceSave, 500, data); // cpInstance 정의 전까지 500ms 간격으로 재시도
	208	+ }
	209	+ }
	210	+
	211	+ // 페이지 로드 시 사용자 키 및 콘텐츠 키 전달
	212	+ window.addEventListener('DOMContentLoaded', () => {
	213	+ const page = 0;
	214	+ cpInstanceData({ userKey: 'testuser', contentsKey: `ifrCnt_${page}` }); // 사용자 키 설정
	215	+ });
	216	+ // 콘텐츠 변경 시, 콘텐츠 키 발행 및 전달
	217	+ const changeIfr = (page) => {
	218	+ cpInstanceSave(); // 페이지 이동 전 저장
	219	+ const ifr = document.querySelector('.iframe-area iframe');
	220	+ ifr.src = `ifrCnt/ifrCnt_${page}.html`;
	221	+ cpInstanceData({ contentsKey: `ifrCnt_${page}` }); // 콘텐츠 키 설정
	222	+ }
	223	+
	224	+ $('.viewer-nav li').on('click', function() {
	225	+ $('.viewer-nav li').removeClass('is-active');
	226	+ $(this).addClass('is-active');
	227	+ });
	228	+ </script>
	229	+</body>
	230	+
	231	+</html>(파일 끝에 줄바꿈 문자 없음)

b99ac74

d7dcc5b

html/onSejong/manager/class/classkWrite.html (Renamed from html/onSejong/manager/_layout/classkWrite.html)

--- html/onSejong/manager/_layout/classkWrite.html

+++ html/onSejong/manager/class/classkWrite.html


                             </colgroup>
                             <tbody>
                                 <tr>
-                                    <th scope="row">수업문류<i class="required">필수</i></th>
+                                    <th scope="row">수업분류<i class="required">필수</i></th>
                                     <td>
                                         <fieldset>
-                                            <legend>클래스 선택</legend>
+                                            <legend>클래스 선택 1</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1" id="r1-1" checked>
-                                                <label for="r1-1">대면수업</label>
+                                                <input type="radio" name="ctype1" id="ctype1-1" checked>
+                                                <label for="ctype1-1">대면수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1" id="r1-2">
-                                                <label for="r1-2">영상수업</label>
+                                                <input type="radio" name="ctype1" id="ctype1-2">
+                                                <label for="ctype1-2">영상수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1" id="r1-3">
-                                                <label for="r1-3">화상수업</label>
+                                                <input type="radio" name="ctype1" id="ctype1-3">
+                                                <label for="ctype1-3">화상수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1" id="r1-4">
-                                                <label for="r1-4">공동문서편집</label>
+                                                <input type="radio" name="ctype1" id="ctype1-4">
+                                                <label for="ctype1-4">공동문서편집</label>
                                             </div>
                                         </fieldset>
                                     </td>

                                     <th scope="row">수업 시간<i class="required">필수</i></th>
                                     <td>
                                         <fieldset>
-                                            <legend>수업 시간</legend>
+                                            <legend>수업 시간 1</legend>
                                             <ul>
                                                 <li>
                                                     <div class="checkradio">
-                                                        <input type="radio" name="radio2" id="r2-1" checked>
-                                                        <label for="r2-1">정규수업</label>
+                                                        <input type="radio" name="ctime1" id="ctime1-1" checked>
+                                                        <label for="ctime1-1">정규수업</label>
                                                         <div class="checkradio-option">
                                                             <select>
                                                                 <option>과정 개설 시 선택한 수업시간 표시</option>

                                                 </li>
                                                 <li>
                                                     <div class="checkradio">
-                                                        <input type="radio" name="radio2" id="r2-2">
-                                                        <label for="r2-2">보강수업</label>
+                                                        <input type="radio" name="ctime1" id="ctime1-2">
+                                                        <label for="ctime1-2">보강수업</label>
                                                         <div class="checkradio-option">
                                                             <select>
                                                                 <option>요일선택</option>
                                                             </select>
+                                                            <select>
+                                                                <option>교시선택</option>
+                                                            </select>
                                                             <div class="time-set">
-                                                                <select title="시작 시">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="시작 시"><option>00</option></select>
                                                                 <span>:</span>
-                                                                <select title="시작 분">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="시작 분"><option>00</option></select>
                                                                 <span>-</span>
-                                                                <select title="종료 시">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="종료 시"><option>00</option></select>
                                                                 <span>:</span>
-                                                                <select title="종료 분">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="종료 분"><option>00</option></select>
                                                             </div>
                                                         </div>
                                                     </div>

                                         </fieldset>
                                     </td>
                                 </tr>
+
                                 <tr>
                                     <th scope="row">썸네일</th>
                                     <td>

                                     <th scope="row">공개여부<i class="required">필수</i></th>
                                     <td>
                                         <fieldset class="checkradio-area">
-                                            <legend>공개여부 선택</legend>
+                                            <legend>공개여부 선택 1</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio3" id="radio4-1" checked>
-                                                <label for="radio4-1">공개</label>
+                                                <input type="radio" name="openYn1" id="openYn1-1" checked>
+                                                <label for="openYn1-1">공개</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio3" id="radio4-2">
-                                                <label for="radio4-2">비공개</label>
+                                                <input type="radio" name="openYn1" id="openYn1-2">
+                                                <label for="openYn1-2">비공개</label>
                                             </div>
                                         </fieldset>
                                     </td>

                                     <th scope="row">채팅 사용여부<i class="required">필수</i></th>
                                     <td>
                                         <fieldset class="checkradio-area">
-                                            <legend>채점 기준 선택</legend>
+                                            <legend>채팅 사용여부 선택 1</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio4" id="radio5-1" checked>
-                                                <label for="radio5-1">사용</label>
+                                                <input type="radio" name="chatYn1" id="chatYn1-1" checked>
+                                                <label for="chatYn1-1">사용</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio4" id="radio5-2">
-                                                <label for="radio5-2">미사용</label>
+                                                <input type="radio" name="chatYn1" id="chatYn1-2">
+                                                <label for="chatYn1-2">미사용</label>
                                             </div>
                                         </fieldset>
                                     </td>

                             </colgroup>
                             <tbody>
                                 <tr>
-                                    <th scope="row">수업문류<i class="required">필수</i></th>
+                                    <th scope="row">수업분류<i class="required">필수</i></th>
                                     <td>
                                         <fieldset>
-                                            <legend>클래스 선택</legend>
+                                            <legend>클래스 선택 2</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1-2" id="r1-1" checked>
-                                                <label for="r1-1">대면수업</label>
+                                                <input type="radio" name="ctype2" id="ctype2-1">
+                                                <label for="ctype2-1">대면수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1-2" id="r1-2">
-                                                <label for="r1-2">영상수업</label>
+                                                <input type="radio" name="ctype2" id="ctype2-2">
+                                                <label for="ctype2-2">영상수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1-2" id="r1-3">
-                                                <label for="r1-3">화상수업</label>
+                                                <input type="radio" name="ctype2" id="ctype2-3" checked>
+                                                <label for="ctype2-3">화상수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1-2" id="r1-4">
-                                                <label for="r1-4">공동문서편집</label>
+                                                <input type="radio" name="ctype2" id="ctype2-4">
+                                                <label for="ctype2-4">공동문서편집</label>
                                             </div>
                                         </fieldset>
                                     </td>

                                     <th scope="row">수업 시간<i class="required">필수</i></th>
                                     <td>
                                         <fieldset>
-                                            <legend>수업 시간</legend>
+                                            <legend>수업 시간 2</legend>
                                             <ul>
                                                 <li>
                                                     <div class="checkradio">
-                                                        <input type="radio" name="radio2-2" id="r2-1" checked>
-                                                        <label for="r2-1">정규수업</label>
+                                                        <input type="radio" name="ctime2" id="ctime2-1" checked>
+                                                        <label for="ctime2-1">정규수업</label>
                                                         <div class="checkradio-option">
                                                             <select>
                                                                 <option>과정 개설 시 선택한 수업시간 표시</option>

                                                 </li>
                                                 <li>
                                                     <div class="checkradio">
-                                                        <input type="radio" name="radio2-2" id="r2-2">
-                                                        <label for="r2-2">보강수업</label>
+                                                        <input type="radio" name="ctime2" id="ctime2-2">
+                                                        <label for="ctime2-2">보강수업</label>
                                                         <div class="checkradio-option">
-                                                            <select class="sm">
+                                                            <select>
                                                                 <option>요일선택</option>
                                                             </select>
+                                                            <select>
+                                                                <option>교시선택</option>
+                                                            </select>
                                                             <div class="time-set">
-                                                                <select title="시작 시">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="시작 시"><option>00</option></select>
                                                                 <span>:</span>
-                                                                <select title="시작 분">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="시작 분"><option>00</option></select>
                                                                 <span>-</span>
-                                                                <select title="종료 시">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="종료 시"><option>00</option></select>
                                                                 <span>:</span>
-                                                                <select title="종료 분">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="종료 분"><option>00</option></select>
                                                             </div>
                                                         </div>
                                                     </div>

                                         </div>
                                     </td>
                                 </tr>
-                                <tr>
+                                <!-- <tr>
                                     <th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
                                     <td>
                                         <div class="file-drag-area">

                                             </div>
                                         </div>
                                     </td>
-                                </tr>
+                                </tr> -->
                                 <tr>
                                     <th scope="row">공개여부<i class="required">필수</i></th>
                                     <td>
                                         <fieldset class="checkradio-area">
-                                            <legend>공개여부 선택</legend>
+                                            <legend>공개여부 선택 2</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio3-2" id="radio4-1" checked>
-                                                <label for="radio4-1">공개</label>
+                                                <input type="radio" name="openYn2" id="openYn2-1" checked>
+                                                <label for="openYn2-1">공개</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio3-2" id="radio4-2">
-                                                <label for="radio4-2">비공개</label>
+                                                <input type="radio" name="openYn2" id="openYn2-2">
+                                                <label for="openYn2-2">비공개</label>
                                             </div>
                                         </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">채팅 사용여부<i class="required">필수</i></th>
-                                    <td>
-                                        <fieldset class="checkradio-area">
-                                            <legend>채점 기준 선택</legend>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio4-2" id="radio5-1" checked>
-                                                <label for="radio5-1">사용</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio4-2" id="radio5-2">
-                                                <label for="radio5-2">미사용</label>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">수업 설계</th>
-                                    <td>
-                                        <button class="btn secondary">수업 설계하기</button>
                                     </td>
                                 </tr>
                             </tbody>

                             </colgroup>
                             <tbody>
                                 <tr>
-                                    <th scope="row">수업문류<i class="required">필수</i></th>
+                                    <th scope="row">수업분류<i class="required">필수</i></th>
                                     <td>
                                         <fieldset>
-                                            <legend>클래스 선택</legend>
+                                            <legend>클래스 선택 3</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1-3" id="r1-1" checked>
-                                                <label for="r1-1">대면수업</label>
+                                                <input type="radio" name="ctype3" id="ctype3-1">
+                                                <label for="ctype3-1">대면수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1-3" id="r1-2">
-                                                <label for="r1-2">영상수업</label>
+                                                <input type="radio" name="ctype3" id="ctype3-2">
+                                                <label for="ctype3-2">영상수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1-3" id="r1-3">
-                                                <label for="r1-3">화상수업</label>
+                                                <input type="radio" name="ctype3" id="ctype3-3">
+                                                <label for="ctype3-3">화상수업</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio1" id="r1-4">
-                                                <label for="r1-4">공동문서편집</label>
+                                                <input type="radio" name="ctype3" id="ctype3-4" checked>
+                                                <label for="ctype3-4">공동문서편집</label>
                                             </div>
                                         </fieldset>
                                     </td>

                                     <th scope="row">수업 시간<i class="required">필수</i></th>
                                     <td>
                                         <fieldset>
-                                            <legend>수업 시간</legend>
+                                            <legend>수업 시간 3</legend>
                                             <ul>
                                                 <li>
                                                     <div class="checkradio">
-                                                        <input type="radio" name="radio2-3" id="r2-1" checked>
-                                                        <label for="r2-1">정규수업</label>
+                                                        <input type="radio" name="ctime3" id="ctime3-1" checked>
+                                                        <label for="ctime3-1">정규수업</label>
                                                         <div class="checkradio-option">
                                                             <select>
                                                                 <option>과정 개설 시 선택한 수업시간 표시</option>

                                                 </li>
                                                 <li>
                                                     <div class="checkradio">
-                                                        <input type="radio" name="radio2-3" id="r2-2">
-                                                        <label for="r2-2">보강수업</label>
+                                                        <input type="radio" name="ctime3" id="ctime3-2">
+                                                        <label for="ctime3-2">보강수업</label>
                                                         <div class="checkradio-option">
-                                                            <select class="sm">
+                                                            <select>
                                                                 <option>요일선택</option>
                                                             </select>
+                                                            <select>
+                                                                <option>교시선택</option>
+                                                            </select>
                                                             <div class="time-set">
-                                                                <select title="시작 시">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="시작 시"><option>00</option></select>
                                                                 <span>:</span>
-                                                                <select title="시작 분">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="시작 분"><option>00</option></select>
                                                                 <span>-</span>
-                                                                <select title="종료 시">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="종료 시"><option>00</option></select>
                                                                 <span>:</span>
-                                                                <select title="종료 분">
-                                                                    <option>00</option>
-                                                                </select>
+                                                                <select title="종료 분"><option>00</option></select>
                                                             </div>
                                                         </div>
                                                     </div>

                                         </div>
                                     </td>
                                 </tr>
-                                <tr>
+                                <!-- <tr>
                                     <th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
                                     <td>
                                         <div class="file-drag-area">

                                             </div>
                                         </div>
                                     </td>
-                                </tr>
+                                </tr> -->
                                 <tr>
                                     <th scope="row">공개여부<i class="required">필수</i></th>
                                     <td>
                                         <fieldset class="checkradio-area">
-                                            <legend>공개여부 선택</legend>
+                                            <legend>공개여부 선택 3</legend>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio3-3" id="radio4-1" checked>
-                                                <label for="radio4-1">공개</label>
+                                                <input type="radio" name="openYn3" id="openYn3-1" checked>
+                                                <label for="openYn3-1">공개</label>
                                             </div>
                                             <div class="checkradio">
-                                                <input type="radio" name="radio3-3" id="radio4-2">
-                                                <label for="radio4-2">비공개</label>
+                                                <input type="radio" name="openYn3" id="openYn3-2">
+                                                <label for="openYn3-2">비공개</label>
                                             </div>
                                         </fieldset>
                                     </td>
                                 </tr>
                                 <tr>
-                                    <th scope="row">채팅 사용여부<i class="required">필수</i></th>
+                                    <th scope="row">공동문서편집</th>
                                     <td>
-                                        <fieldset class="checkradio-area">
-                                            <legend>채점 기준 선택</legend>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio4-3" id="radio5-1" checked>
-                                                <label for="radio5-1">사용</label>
-                                            </div>
-                                            <div class="checkradio">
-                                                <input type="radio" name="radio4-3" id="radio5-2">
-                                                <label for="radio5-2">미사용</label>
-                                            </div>
-                                        </fieldset>
-                                    </td>
-                                </tr>
-                                <tr>
-                                    <th scope="row">수업 설계</th>
-                                    <td>
-                                        <button class="btn secondary">수업 설계하기</button>
+                                        <button class="btn secondary">공동문서 편집하기</button>
                                     </td>
                                 </tr>
                             </tbody>

d7dcc5b

html/onSejong/manager/class/homewrork.html (added)

+++ html/onSejong/manager/class/homewrork.html

...	...	@@ -0,0 +1,258 @@
	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="class-top">
	48	+ <div class="wrap">
	49	+ <div class="class-tit-area">
	50	+ <select title="클래스명 선택">
	51	+ <option value="">클래스명</option>
	52	+ <option value="">클래스명1</option>
	53	+ <option value="">클래스명2</option>
	54	+ </select>
	55	+ </div>
	56	+ <nav class="class-nav">
	57	+ <ul>
	58	+ <li><a href="#noe">홈</a></li>
	59	+ <li><a href="#noe">수업</a></li>
	60	+ <li><a href="#noe" class="is-active" title="선택됨">과제</a></li>
	61	+ <li><a href="#noe">평가</a></li>
	62	+ <li><a href="#noe">공지사항</a></li>
	63	+ <li><a href="#noe">질의응답</a></li>
	64	+ <li><a href="#noe">자유게시판(팀프로젝트)</a></li>
	65	+ </ul>
	66	+ </nav>
	67	+ </div>
	68	+ </div>
	69	+ <div class="wrap">
	70	+ <div class="page-tit-area">
	71	+ <div class="l-area">
	72	+ <h2 class="title-xlg">과제</h2>
	73	+ </div>
	74	+ <div class="r-area">
	75	+ <a href="#none" class="btn lg cta ico-plus">과제 만들기</a>
	76	+ </div>
	77	+ </div>
	78	+ <h3 class="txt-hide">전체</h3>
	79	+ <div class="fnc-extend-area">
	80	+ <div class="extend-default-area">
	81	+ <div class="l-area">
	82	+ <p class="total">총 <em>156</em>건</p>
	83	+ </div>
	84	+ <div class="r-area">
	85	+ <select class="select-sort border-none" title="정렬 선택">
	86	+ <option>최신 등록일 순</option>
	87	+ </select>
	88	+ <fieldset class="search-area">
	89	+ <legend>검색</legend>
	90	+ <div class="search">
	91	+ <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
	92	+ <button class="btn ico-search">검색</button>
	93	+ </div>
	94	+ </fieldset>
	95	+ </div>
	96	+ </div>
	97	+ </div>
	98	+ <div class="txt-none">
	99	+ <figure>
	100	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	101	+ </figure>
	102	+ <p>과제 목록이 비어있습니다.</p>
	103	+ </div>
	104	+ <div class="list-type">
	105	+ <table>
	106	+ <caption>과제 목록</caption>
	107	+ <colgroup>
	108	+ <col style="width:64px">
	109	+ <col style="width:80px">
	110	+ <col>
	111	+ <col style="width:240px">
	112	+ <col style="width:200px">
	113	+ <col style="width:120px">
	114	+ <col style="width:220px">
	115	+ <col style="width:48px">
	116	+ </colgroup>
	117	+ <thead>
	118	+ <tr>
	119	+ <th scope="col">번호</th>
	120	+ <th scope="col">과목</th>
	121	+ <th scope="col">제목</th>
	122	+ <th scope="col">제출기한</th>
	123	+ <th scope="col">제출현황<br><small class="txt-option block">(제출인원/전체인원)</small></th>
	124	+ <th scope="col">등록일</th>
	125	+ <th scope="col">관리</th>
	126	+ <th scope="col"></th>
	127	+ </tr>
	128	+ </thead>
	129	+ <tbody>
	130	+ <tr>
	131	+ <td>1</td>
	132	+ <td data-tit="과목">국어</td>
	133	+ <td class=" align-left">
	134	+ <a href="#none" class="table-title">기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</a>
	135	+ </td>
	136	+ <td data-tit="제출기한">2025-11-30 ~ 2025-12-06 <small
	137	+ class="txt-option">(기한 후 수정 가능)</small></td>
	138	+ <td data-tit="제출현황">
	139	+ <span class="label-state success">제출</span>
	140	+ <a href="#none" class="block"><em class="btn-link primary">40%</em><small class="txt-option block">(40/100)</small></a>
	141	+ </td>
	142	+ <td data-tit="등록일">2025-12-12</td>
	143	+ <td>
	144	+ <div class="btn-tbl-cont">
	145	+ <a href="#none" class="btn secondary">제출과제</a>
	146	+ </div>
	147	+ </td>
	148	+ <td>
	149	+ <div class="etc-fnc-area">
	150	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	151	+ <ul class="etc-fnc">
	152	+ <li><a href="#none">수정</a></li>
	153	+ <li><button type="button">삭제</button></li>
	154	+ </ul>
	155	+ </div>
	156	+ </td>
	157	+ </tr>
	158	+ <tr>
	159	+ <td>1</td>
	160	+ <td data-tit="과목">국어</td>
	161	+ <td class=" align-left">
	162	+ <a href="#none" class="table-title">기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</a>
	163	+ </td>
	164	+ <td data-tit="제출기한">기한없음</td>
	165	+ <td data-tit="제출현황">
	166	+ <span class="label-state">미제출</span>
	167	+ <a href="#none" class="block"><em class="btn-link primary">40%</em> <small class="txt-option block">(40/100)</small></a>
	168	+ </td>
	169	+ <td data-tit="등록일">2024-12-12</td>
	170	+ <td>
	171	+ <div class="btn-tbl-cont">
	172	+ <a href="#none" class="btn">과제 수정하기</a>
	173	+ <a href="#none" class="btn secondary">평가 확인</a>
	174	+ </div>
	175	+ </td>
	176	+ <td>
	177	+ <div class="etc-fnc-area">
	178	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	179	+ <ul class="etc-fnc">
	180	+ <li><a href="#none">수정</a></li>
	181	+ <li><button type="button">삭제</button></li>
	182	+ </ul>
	183	+ </div>
	184	+ </td>
	185	+ </tr>
	186	+ <tr>
	187	+ <td>1</td>
	188	+ <td data-tit="과목">국어</td>
	189	+ <td class=" align-left">
	190	+ <a href="#none" class="table-title">기말고사 대비 기출 100문제_이것만 다 풀면 100점입니다!!</a>
	191	+ </td>
	192	+ <td data-tit="제출기한">2025-11-30 ~ 2025-12-06</td>
	193	+ <td data-tit="제출현황">
	194	+ <span class="label-state success">자동제출</span>
	195	+ <a href="#none" class="block"><em class="btn-link primary">40%</em> <small class="txt-option block">(40/100)</small></a>
	196	+ </td>
	197	+ <td data-tit="등록일">2025-12-12</td>
	198	+ <td>
	199	+ <div class="btn-tbl-cont">
	200	+ <a href="#none" class="btn primary">과제 제출하기</a>
	201	+ </div>
	202	+ </td>
	203	+ <td>
	204	+ <div class="etc-fnc-area">
	205	+ <button type="button" class="btn-etc-fnc btn-ico ico-more-vert">더보기</button>
	206	+ <ul class="etc-fnc">
	207	+ <li><a href="#none">수정</a></li>
	208	+ <li><button type="button">삭제</button></li>
	209	+ </ul>
	210	+ </div>
	211	+ </td>
	212	+ </tr>
	213	+ </tbody>
	214	+ </table>
	215	+ </div>
	216	+ <ul class="pagenation">
	217	+ <li class="ppv">
	218	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	219	+ </li>
	220	+ <li class="pv">
	221	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	222	+ </li>
	223	+ <li class="current">
	224	+ <a href="#none" title="1번째 목록으로 이동합니다">1</a>
	225	+ </li>
	226	+ <li>
	227	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	228	+ </li>
	229	+ <li>
	230	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	231	+ </li>
	232	+ <li>
	233	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	234	+ </li>
	235	+ <li>
	236	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	237	+ </li>
	238	+ <li class="fw">
	239	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	240	+ </li>
	241	+ <li class="ffw">
	242	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	243	+ </li>
	244	+ </ul>
	245	+ </div>
	246	+ </div>
	247	+ </div>
	248	+ <!-- toast -->
	249	+ <div class="toast"></div>
	250	+
	251	+ <!--popup-->
	252	+ <div class="dim"></div>
	253	+
	254	+ <script>
	255	+ </script>
	256	+</body>
	257	+
	258	+</html>(파일 끝에 줄바꿈 문자 없음)

d7dcc5b

html/onSejong/manager/class/homewrorkView.html (added)

+++ html/onSejong/manager/class/homewrorkView.html

...	...	@@ -0,0 +1,305 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	+
	17	+ <!-- 공통 plugin -->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	+ <!-- //공통 plugin -->
	21	+
	22	+ <!-- 페이지 plugin-->
	23	+ <!-- //페이지 plugin-->
	24	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	25	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	26	+ <!--//퍼블 layout-->
	27	+
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+
	31	+ <!--공통 퍼블 js-->
	32	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	33	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	34	+ <!--//공통 퍼블 js-->
	35	+</head>
	36	+
	37	+<body>
	38	+ <div class="accessibility">
	39	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	40	+ </div>
	41	+ <!-- for-teacher / for-student -->
	42	+ <div class="container">
	43	+ <!-- 통합 헤더 및 네비게이션 -->
	44	+ <header class="site-header"></header>
	45	+
	46	+ <div class="site-body" id="skipToContents">
	47	+ <div class="wrap">
	48	+ <div class="page-tit-area">
	49	+ <div class="l-area">
	50	+ <h2 class="title-xlg">과제</h2>
	51	+ </div>
	52	+ </div>
	53	+ <section class="board-view-area wrap-md">
	54	+ <header class="view-header">
	55	+ <div class="l-area">
	56	+ <h3 class="title-lg">총 4건의 과제_1학년 미술_11.11(월)</h3>
	57	+ <ul class="info-inline-list">
	58	+ <li>
	59	+ <i class="ico-profile"></i>
	60	+ <strong class="info-tit">작성자</strong>
	61	+ <div class="txt-area">
	62	+ 작성자
	63	+ </div>
	64	+ </li>
	65	+ <li>
	66	+ <i class="ico-calendar"></i>
	67	+ <strong class="info-tit">등록일</strong>
	68	+ <div class="txt-area">
	69	+ 2024.01.01
	70	+ </div>
	71	+ </li>
	72	+ </ul>
	73	+ </div>
	74	+ <div class="r-area">
	75	+ <div class="btn-group">
	76	+ <button type="button" class="btn ico-edit circle sm">수정</button>
	77	+ <button type="button" class="btn ico-delete circle sm">삭제</button>
	78	+ </div>
	79	+ </div>
	80	+ </header>
	81	+ <div class="view-body">
	82	+ <div class="view-cont">
	83	+ <div class="view-cont-tit-area">
	84	+ <div class="l-area">
	85	+ <span class="label primary-inverse">제출기한</span>
	86	+ <h4 class="title-sm font-color-primary">2024-11-11(월) ~ 2024-11-15(금)</h4>
	87	+ </div>
	88	+ <div class="r-area">
	89	+ <a href="#none" class="btn-text primary">문제풀이결과 <i class="ico-circle-chevron-right primary"></i></a>
	90	+ <a href="#none" class="btn-text primary">9명 중 <em class="accent">6</em>명 <i class="ico-circle-chevron-right primary"></i></a>
	91	+ </div>
	92	+ </div>
	93	+ <div class="view-cont-txt-area">
	94	+ 총 4건의 과제가 있습니다.
	95	+ 제출 마감 : 11월 15일 (금) 23시59분까지 입니다. (마감 이후에 제출시 감점있습니다.)
	96	+ 제출시 스캐치가 선명하게 보일 수 있도록 사인팬이나 마커를 활용바랍니다.
	97	+
	98	+ 제출 항목 및 형식 : 작품의 제목, 간략한 컨셉, 작품 결과물(선명하게 스마트 폰으로 촬영하거나 스캐닝한 이미지 파일 형식(jpg 또는 png)) - 디지털 테블릿 PC활용 허용
	99	+ 제출 방법 : 해당개시물에 "학번_학생이름.ZIP"파일로 압축해서 제출합니다.
	100	+
	101	+ 과제관련 질문사항은 언제나 환영입니다. misshong95@dcu.cbe.go.kr / 카카오톡 ID :misshong95 / 폰 : 010-6789-1234으로 문의 주시면 확인후 답변드리겠습니다. 화이팅!
	102	+ </div>
	103	+ <div class="view-cont-etc">
	104	+ <article class="view-section">
	105	+ <div class="tit-area">
	106	+ <div class="l-area">
	107	+ <h4 class="tit-sm">참고자료</h4>
	108	+ </div>
	109	+ </div>
	110	+ <ul class="reference-list">
	111	+ <li class="item">
	112	+ <a href="#none" class="lnk-full">상세보기</a>
	113	+ <div class="img-weboffice-area">
	114	+ <img src="/resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-hwp.svg" alt="hwp">
	115	+ </div>
	116	+ <div class="txt-area">
	117	+ <div class="label-area order-front">
	118	+ <span class="label-cont-weboffice">웹오피스</span>
	119	+ <span class="label">편집</span>
	120	+ </div>
	121	+ <div class="txt">파일명.hwp</div>
	122	+ </div>
	123	+ </li>
	124	+ <li class="item">
	125	+ <a href="#none" class="lnk-full">상세보기</a>
	126	+ <div class="img-weboffice-area">
	127	+ <img src="/resources/front/site/SITE_00000/images/custom/ico-img/ico-img-weboffice-hwp.svg" alt="hwp">
	128	+ </div>
	129	+ <div class="txt-area">
	130	+ <div class="label-area order-front">
	131	+ <span class="label-cont-weboffice">웹오피스</span>
	132	+ <span class="label">보기</span>
	133	+ </div>
	134	+ <div class="txt">파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명파일명.hwp</div>
	135	+ </div>
	136	+ </li>
	137	+ <li class="item">
	138	+ <a href="#none" class="lnk-full">상세보기</a>
	139	+ <div class="img-area">
	140	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
	141	+ </div>
	142	+ <div class="txt-area">
	143	+ <div class="label-area order-front">
	144	+ <span class="label-cont-img">이미지</span>
	145	+ </div>
	146	+ <div class="txt">[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면</div>
	147	+ </div>
	148	+ </li>
	149	+ <li class="item">
	150	+ <a href="#none" class="lnk-full">상세보기</a>
	151	+ <div class="img-area">
	152	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
	153	+ </div>
	154	+ <div class="txt-area">
	155	+ <div class="label-area order-front">
	156	+ <span class="label-cont-video">영상</span>
	157	+ </div>
	158	+ <div class="txt">[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면</div>
	159	+ </div>
	160	+ </li>
	161	+ <li class="item">
	162	+ <a href="#none" class="lnk-full">상세보기</a>
	163	+ <div class="img-area">
	164	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
	165	+ </div>
	166	+ <div class="txt-area">
	167	+ <div class="label-area order-front">
	168	+ <span class="label-cont-doc">문서</span>
	169	+ </div>
	170	+ <div class="txt">[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면</div>
	171	+ </div>
	172	+ </li>
	173	+ <li class="item">
	174	+ <a href="#none" class="lnk-full">상세보기</a>
	175	+ <div class="img-area">
	176	+ <img src="/resources/front/site/SITE_00000/images/temp/img1.jpg" alt="이미지">
	177	+ </div>
	178	+ <div class="txt-area">
	179	+ <div class="label-area order-front">
	180	+ <span class="label-cont-quiz">문항</span>
	181	+ <button type="button" class="label"><i class="ico-link-item"></i>세트문항</button>
	182	+ <span class="label">서술형</span>
	183	+ <span class="label green">매우 쉬움</span>
	184	+ </div>
	185	+ <div class="txt">[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면[국어] 콘텐츠 제목을 표시합니다. 2줄까지 표시 후 길어지면</div>
	186	+ </div>
	187	+ </li>
	188	+ </ul>
	189	+ </article>
	190	+ <article class="view-section">
	191	+ <header class="tit-area">
	192	+ <div class="l-area">
	193	+ <h4 class="title-sm">과제물</h4>
	194	+ </div>
	195	+ </header>
	196	+ <div class="item-list-box">
	197	+ <div class="item">
	198	+ <div class="txt-area">
	199	+ <i class="ico-attach"></i>
	200	+ <p class="txt">
	201	+ 첨부파일명.pdf
	202	+ </p>
	203	+ <small>124kb</small>
	204	+ </div>
	205	+ <div class="item-fnc-area">
	206	+ <a href="#none" class="ico-download">다운로드</a>
	207	+ <button type="button" class="ico-delete">삭제</button>
	208	+ </div>
	209	+ </div>
	210	+ <div class="item">
	211	+ <div class="txt-area">
	212	+ <i class="ico-attach"></i>
	213	+ <p class="txt">
	214	+ 첨부파일명.pdf
	215	+ </p>
	216	+ <small>124kb</small>
	217	+ </div>
	218	+ <div class="item-fnc-area">
	219	+ <a href="#none" class="ico-download">다운로드</a>
	220	+ <button type="button" class="ico-delete">삭제</button>
	221	+ </div>
	222	+ </div>
	223	+ <div class="item">
	224	+ <div class="txt-area">
	225	+ <i class="ico-attach"></i>
	226	+ <p class="txt">
	227	+ 첨부파일명.pdf
	228	+ </p>
	229	+ <small>124kb</small>
	230	+ </div>
	231	+ <div class="item-fnc-area">
	232	+ <a href="#none" class="ico-download">다운로드</a>
	233	+ <button type="button" class="ico-delete">삭제</button>
	234	+ </div>
	235	+ </div>
	236	+ <div class="item">
	237	+ <div class="txt-area">
	238	+ <i class="ico-attach"></i>
	239	+ <p class="txt">
	240	+ 첨부파일명.pdf
	241	+ </p>
	242	+ <small>124kb</small>
	243	+ </div>
	244	+ <div class="item-fnc-area">
	245	+ <a href="#none" class="ico-download">다운로드</a>
	246	+ <button type="button" class="ico-delete">삭제</button>
	247	+ </div>
	248	+ </div>
	249	+ </div>
	250	+ </article>
	251	+ <article class="view-section">
	252	+ <header class="tit-area">
	253	+ <div class="l-area">
	254	+ <h4 class="title-sm">과제물</h4>
	255	+ </div>
	256	+ </header>
	257	+ <ul class="border-list">
	258	+ <li>
	259	+ <div class="l-area">
	260	+ <span class="label num">1</span>
	261	+ <div class="txt-area">
	262	+ <strong>한강 작가의 채식주의자를 읽고 느낀점을 100자 이내로 작성하세요.</strong>
	263	+ </div>
	264	+ </div>
	265	+ </li>
	266	+ <li>
	267	+ <div class="l-area">
	268	+ <span class="label num">2</span>
	269	+ <div class="txt-area">
	270	+ <strong>한강 작가의 채식주의자를 읽고 느낀점을 100자 이내로 작성하세요.</strong>
	271	+ </div>
	272	+ </div>
	273	+ </li>
	274	+ <li>
	275	+ <div class="l-area">
	276	+ <span class="label num">3</span>
	277	+ <div class="txt-area">
	278	+ <strong>한강 작가의 채식주의자를 읽고 느낀점을 100자 이내로 작성하세요.</strong>
	279	+ </div>
	280	+ </div>
	281	+ </li>
	282	+ </ul>
	283	+ </article>
	284	+ </div>
	285	+ </div>
	286	+ </div>
	287	+ </section>
	288	+ <div class="btn-cont">
	289	+ <a href="#none" class="btn lg">목록으로</a>
	290	+ <a href="#none" class="btn lg primary">과제 제출하기</a>
	291	+ </div>
	292	+ </div>
	293	+ </div>
	294	+ </div>
	295	+ <!-- toast -->
	296	+ <div class="toast"></div>
	297	+
	298	+ <!--popup-->
	299	+ <div class="dim"></div>
	300	+
	301	+ <script>
	302	+ </script>
	303	+</body>
	304	+
	305	+</html>(파일 끝에 줄바꿈 문자 없음)

d7dcc5b

html/onSejong/manager/class/homewrorkWrite.html (added)

+++ html/onSejong/manager/class/homewrorkWrite.html

...	...	@@ -0,0 +1,520 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+ <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">
	16	+
	17	+ <!-- 공통 plugin -->
	18	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script>
	19	+ <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>
	20	+ <!-- //공통 plugin -->
	21	+
	22	+ <!-- 페이지 plugin-->
	23	+ <!-- //페이지 plugin-->
	24	+ <!-- 공통 퍼블 layout: 개발시 삭제-->
	25	+ <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>
	26	+ <!--//퍼블 layout-->
	27	+
	28	+ <!-- 공통 메뉴 js-->
	29	+ <!-- //공통 메뉴 js -->
	30	+
	31	+ <!--공통 퍼블 js-->
	32	+ <script src="/resources/front/site/SITE_00000/js/common.js"></script>
	33	+ <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>
	34	+ <!--//공통 퍼블 js-->
	35	+</head>
	36	+
	37	+<body>
	38	+ <div class="accessibility">
	39	+ <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a>
	40	+ </div>
	41	+ <!-- for-teacher / for-student -->
	42	+ <div class="container">
	43	+ <!-- 통합 헤더 및 네비게이션 -->
	44	+ <header class="site-header"></header>
	45	+
	46	+ <div class="site-body" id="skipToContents">
	47	+ <div class="wrap">
	48	+ <div class="page-tit-area">
	49	+ <div class="l-area">
	50	+ <h2 class="title-xlg">과제 만들기</h2>
	51	+ </div>
	52	+ </div>
	53	+ <section class="section">
	54	+ <div class="section-tit-area">
	55	+ <div class="l-area">
	56	+ <h3 class="txt-hide">기본 정보</h3>
	57	+ </div>
	58	+ <div class="r-area">
	59	+ <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p>
	60	+ <button type="button" class="btn secondary">과제 가져오기</button>
	61	+ </div>
	62	+ </div>
	63	+ <div class="write-type">
	64	+ <table>
	65	+ <caption>기본 정보 입력</caption>
	66	+ <colgroup>
	67	+ <col style="width: 160px;">
	68	+ <col>
	69	+ </colgroup>
	70	+ <tbody>
	71	+ <tr>
	72	+ <th scope="row">제목<i class="required">필수</i></th>
	73	+ <td>
	74	+ <input type="text" placeholder="제목을 입력하세요." title="제목을 입력하세요." class="q4">
	75	+ </td>
	76	+ </tr>
	77	+ <tr>
	78	+ <th scope="row">제출 기간<i class="required">필수</i></th>
	79	+ <td>
	80	+ <fieldset>
	81	+ <legend>제출 기간</legend>
	82	+ <div class="checkradio">
	83	+ <input type="radio" name="radio" id="r1">
	84	+ <label for="r1">기한없음</label>
	85	+ </div>
	86	+ <div class="checkradio">
	87	+ <input type="radio" name="radio" id="r2">
	88	+ <label for="r2">기한설정</label>
	89	+ <div class="time-set checkradio-option">
	90	+ <input type="date">
	91	+ <select title="선택">
	92	+ <option value="00">00</option>
	93	+ </select>
	94	+ <span>:</span>
	95	+ <select title="선택">
	96	+ <option value="00">00</option>
	97	+ </select>
	98	+ <span>-</span>
	99	+ <input type="date">
	100	+ <select title="선택">
	101	+ <option value="00">00</option>
	102	+ </select>
	103	+ <span>:</span>
	104	+ <select title="선택">
	105	+ <option value="00">00</option>
	106	+ </select>
	107	+ </div>
	108	+ </div>
	109	+ </fieldset>
	110	+ </td>
	111	+ </tr>
	112	+ <tr>
	113	+ <th scope="row">채점 방식<i class="required">필수</i></th>
	114	+ <td>
	115	+ <fieldset class="checkradio-area">
	116	+ <legend>채점 방식 선택</legend>
	117	+ <ul class="bullet-none">
	118	+ <li>
	119	+ <div class="checkradio">
	120	+ <input type="radio" name="r3" id="r3-1" checked>
	121	+ <label for="r3-1">점수채점</label>
	122	+ <div class="checkradio-option">
	123	+ <select title="모둠 선택1" class="sm">
	124	+ <option>점수 선택</option>
	125	+ </select>
	126	+ <select title="모둠 선택2" class="sm">
	127	+ <option>점수 선택</option>
	128	+ </select>
	129	+ </div>
	130	+ </div>
	131	+ </li>
	132	+ <li>
	133	+ <div class="checkradio">
	134	+ <input type="radio" name="r3" id="r3-2">
	135	+ <label for="r3-2">루브릭</label>
	136	+ <div class="checkradio-option">
	137	+ <select title="모둠 선택1" class="sm">
	138	+ <option>루브릭 선택</option>
	139	+ </select>
	140	+ <select title="모둠 선택2" class="sm">
	141	+ <option>루브릭선택</option>
	142	+ </select>
	143	+ </div>
	144	+ </div>
	145	+ </li>
	146	+ <li>
	147	+ <div class="checkradio">
	148	+ <input type="radio" name="r3" id="r3-3">
	149	+ <label for="r3-3">미채점</label>
	150	+ </div>
	151	+ </li>
	152	+ </ul>
	153	+ </fieldset>
	154	+ </td>
	155	+ </tr>
	156	+ <tr>
	157	+ <th scope="row">제출 대상<i class="required">필수</i></th>
	158	+ <td>
	159	+ <fieldset>
	160	+ <legend>제출 대상</legend>
	161	+ <ul class="bullet-none">
	162	+ <li>
	163	+ <div class="checkradio">
	164	+ <input type="radio" name="r4" id="r4-1">
	165	+ <label for="r4-1">수강생 전체</label>
	166	+ </div>
	167	+ </li>
	168	+ <li>
	169	+ <div class="checkradio">
	170	+ <input type="radio" name="r4" id="r4-2">
	171	+ <label for="r4-2">선택입력</label>
	172	+ <div class="checkradio-option">
	173	+ <button class="btn sm secondary">수강생 선택</button>
	174	+ <span>135명</span>
	175	+ </div>
	176	+ </div>
	177	+ </li>
	178	+ <li>
	179	+ <div class="checkradio">
	180	+ <input type="radio" name="r4" id="r4-3" checked>
	181	+ <label for="r4-3">그룹 선택</label>
	182	+ <div class="checkradio-option">
	183	+ <select title="그룹 선택1" class="sm">
	184	+ <option>그룹 선택</option>
	185	+ </select>
	186	+ </div>
	187	+ </div>
	188	+ <div class="item-add-area">
	189	+ <div class="chip-area">
	190	+ <span class="chip-tag">
	191	+ 추가된 모둠명1
	192	+ <button type="button" class="ico-delete">삭제</button>
	193	+ </span>
	194	+ <span class="chip-tag">
	195	+ 추가된 모둠명2
	196	+ <button type="button" class="ico-delete">삭제</button>
	197	+ </span>
	198	+ </div>
	199	+ </div>
	200	+ </li>
	201	+ </ul>
	202	+ </fieldset>
	203	+ </td>
	204	+ </tr>
	205	+ <tr>
	206	+ <th scope="row">공개옵션</th>
	207	+ <td>
	208	+ <fieldset class="checkradio-area">
	209	+ <legend>공개옵션 선택</legend>
	210	+ <div class="checkradio">
	211	+ <input type="checkbox" id="chk1-1">
	212	+ <label for="chk1-1">수강생 멤버간 공개</label>
	213	+ </div>
	214	+ <div class="checkradio">
	215	+ <input type="checkbox" id="chk1-2">
	216	+ <label for="chk1-2">우수과제물만 공개</label>
	217	+ </div>
	218	+ </fieldset>
	219	+ </td>
	220	+ </tr>
	221	+ <tr>
	222	+ <th scope="row">조건 설정</th>
	223	+ <td>
	224	+ <fieldset class="checkradio-area">
	225	+ <legend>조건 설정</legend>
	226	+ <div class="checkradio">
	227	+ <input type="checkbox" id="chk4-1">
	228	+ <label for="chk4-1">마감 후 수정</label>
	229	+ </div>
	230	+ <div class="checkradio">
	231	+ <input type="checkbox" id="chk4-2">
	232	+ <label for="chk4-2">마감 후 제출</label>
	233	+ </div>
	234	+ <div class="checkradio">
	235	+ <input type="checkbox" id="chk4-3">
	236	+ <label for="chk4-3">파일 첨부</label>
	237	+ </div>
	238	+ </fieldset>
	239	+ </td>
	240	+ </tr>
	241	+ <tr>
	242	+ <th scope="row">설명</th>
	243	+ <td>-에디터-</td>
	244	+ </tr>
	245	+ <tr>
	246	+ <th scope="row">참고자료</th>
	247	+ <td>
	248	+ <div class="btn-group">
	249	+ <button type="button" class="btn ico-archive">나의 보관함에서 선택</button>
	250	+ <button type="button" class="btn ico-search">콘텐츠 은행에서 검색</button>
	251	+ </div>
	252	+ <div class="item-add-area">
	253	+ <ul class="item-list sm col3">
	254	+ <li>
	255	+ <span class="label num">1</span>
	256	+ <div class="txt-area">
	257	+ <div class="item-info">
	258	+ <div class="img-area">
	259	+ <figure>
	260	+ <img src="/resources/front/site/SITE_00000/images/temp/thumb2.jpg"
	261	+ alt="이미지">
	262	+ </figure>
	263	+ </div>
	264	+ <div class="txt-area">
	265	+ <div class="label-area">
	266	+ <span class="label-cont-img">이미지</span>
	267	+ </div>
	268	+ <div class="editor-cont">이미지 있음 콘텐츠</div>
	269	+ </div>
	270	+ </div>
	271	+ </div>
	272	+ <div class="fnc">
	273	+ <div class="btn-group">
	274	+ <button type="button"
	275	+ class="btn ghost sm ico-delete circle"></button>
	276	+ </div>
	277	+ </div>
	278	+ </li>
	279	+ <li>
	280	+ <span class="label num">2</span>
	281	+ <div class="txt-area">
	282	+ <div class="item-info">
	283	+ <div class="txt-area">
	284	+ <div class="label-area">
	285	+ <span class="label-cont-test">평가지</span>
	286	+ </div>
	287	+ <div class="editor-cont">문서 콘텐츠</div>
	288	+ </div>
	289	+ </div>
	290	+ </div>
	291	+ <div class="fnc">
	292	+ <div class="btn-group">
	293	+ <button type="button"
	294	+ class="btn ghost sm ico-delete circle"></button>
	295	+ </div>
	296	+ </div>
	297	+ </li>
	298	+ </ul>
	299	+ </div>
	300	+ <div class="item-add-area">
	301	+ <ul class="item-list sm col3"></ul>
	302	+ </div>
	303	+ </td>
	304	+ </tr>
	305	+ <tr>
	306	+ <th scope="row">과제물 선택</th>
	307	+ <td>
	308	+ <div class="file-drag-area">
	309	+ <input type="file" class="input-file">
	310	+ <p>첨부할 파일을 여기에 끌어다 놓거나, 버튼을 눌러 파일을 직접 선택해주세요.<br>
	311	+ 대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
	312	+ <span class="btn ico-upload primary">파일 선택</span>
	313	+ </div>
	314	+ <div class="item-list-box drag-file-list">
	315	+ <div class="item">
	316	+ <div class="txt-area">
	317	+ <i class="ico-attach"></i>
	318	+ <p class="txt">
	319	+ 첨부파일명.pdf
	320	+ </p>
	321	+ <small>124kb</small>
	322	+ </div>
	323	+ <div class="item-fnc-area">
	324	+ <a href="#none" class="ico-download">다운로드</a>
	325	+ <button type="button" class="ico-delete">삭제</button>
	326	+ </div>
	327	+ </div>
	328	+ </div>
	329	+ </td>
	330	+ </tr>
	331	+ <tr>
	332	+ <th scope="row">과제물 유형 <i class="required">필수수</i></th>
	333	+ <td>
	334	+ <fieldset class="checkradio-area">
	335	+ <legend>과제물 유형형</legend>
	336	+ <div class="checkradio">
	337	+ <input type="radio" name="radio5" id="radio5-1" checked>
	338	+ <label for="radio5-1">일반적인 게시물</label>
	339	+ </div>
	340	+ <div class="checkradio">
	341	+ <input type="radio" name="radio5" id="radio5-2">
	342	+ <label for="radio5-2">항목으로 지정된 형식</label>
	343	+ </div>
	344	+ </fieldset>
	345	+ </td>
	346	+ </tr>
	347	+ </tbody>
	348	+ </table>
	349	+ </div>
	350	+ </section>
	351	+ <section class="section">
	352	+ <header class="section-tit-area">
	353	+ <div class="l-area dir-col">
	354	+ <h3 class="title-lg">학생들이 제출할 서식 만들기</h3>
	355	+ <p>학생들 과제가 제출된 후에는 절대로 항목 명칭과 순서를 변경하면 안 됩니다.</p>
	356	+ </div>
	357	+ </header>
	358	+ <div class="form-write">
	359	+ <div class="form-section bg-area">
	360	+ <div class="form-section-body wrap-sm">
	361	+ <div class="form-item-list">
	362	+ <div class="form-item">
	363	+ <ol class="a-write-list">
	364	+ <li class="a-item">
	365	+ <i class="ico-move"></i>
	366	+ <div class="a-info">
	367	+ <span class="label num">1</span>
	368	+ </div>
	369	+ <div class="a-cont">
	370	+ <div class="a-txt">
	371	+ <input type="text" placeholder="질문을 입력하세요.">
	372	+ </div>
	373	+ </div>
	374	+ <div class="a-fnc">
	375	+ <button class="btn sm circle danger ico-delete">삭제</button>
	376	+ </div>
	377	+ </li>
	378	+ <li class="a-item">
	379	+ <i class="ico-move"></i>
	380	+ <div class="a-info">
	381	+ <span class="label num">2</span>
	382	+ </div>
	383	+ <div class="a-cont">
	384	+ <div class="a-txt">
	385	+ <input type="text" placeholder="질문을 입력하세요.">
	386	+ </div>
	387	+ </div>
	388	+ <div class="a-fnc">
	389	+ <button class="btn sm circle danger ico-delete">삭제</button>
	390	+ </div>
	391	+ </li>
	392	+ </ol>
	393	+ <div class="form-item-fnc">
	394	+ <div class="l-area">
	395	+ <a href="#none" class="btn-text primary">옵션추가 <i
	396	+ class="ico-form-plus primary"></i></a>
	397	+ </div>
	398	+ </div>
	399	+ </div>
	400	+ </div>
	401	+ </div>
	402	+ </div>
	403	+ </div>
	404	+ </section>
	405	+ <div class="btn-cont">
	406	+ <a href="#none" class="btn lg">취소</a>
	407	+ <a href="#none" class="btn lg primary">등록</a>
	408	+ </div>
	409	+ </div>
	410	+ </div>
	411	+ </div>
	412	+ <!-- toast -->
	413	+ <div class="toast"></div>
	414	+
	415	+ <!--popup-->
	416	+ <div class="dim"></div>
	417	+ <script>
	418	+ $(document).ready(function () {
	419	+ const maxFileSize = 300 * 1024 * 1024; //300mb
	420	+ const maxFileCount = 1;
	421	+
	422	+ // 드래그 앤 드롭 이벤트 핸들링
	423	+ $('.file-drag-area').each(function () {
	424	+ const $fileDragArea = $(this);
	425	+ const $fileList = $fileDragArea.siblings('.drag-file-list');
	426	+
	427	+ $fileDragArea.on('dragover', function (e) {
	428	+ e.preventDefault();
	429	+ e.stopPropagation();
	430	+ $fileDragArea.addClass('is-dragover');
	431	+ });
	432	+
	433	+ $fileDragArea.on('dragleave', function (e) {
	434	+ e.preventDefault();
	435	+ e.stopPropagation();
	436	+ $fileDragArea.removeClass('is-dragover');
	437	+ });
	438	+
	439	+ $fileDragArea.on('drop', function (e) {
	440	+ e.preventDefault();
	441	+ e.stopPropagation();
	442	+ $fileDragArea.removeClass('is-dragover');
	443	+
	444	+ const files = e.originalEvent.dataTransfer.files;
	445	+
	446	+ if (files.length > maxFileCount) {
	447	+ alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
	448	+ return;
	449	+ }
	450	+
	451	+ handleFiles(files, $fileList);
	452	+ });
	453	+
	454	+ // 파일 선택 버튼 클릭 시
	455	+ $fileDragArea.find('.input-file').on('change', function () {
	456	+ const files = this.files;
	457	+
	458	+ if (files.length > maxFileCount) {
	459	+ alert(`파일은 최대 ${maxFileCount}개만 업로드할 수 있습니다.`);
	460	+ return;
	461	+ }
	462	+
	463	+ handleFiles(files, $fileList);
	464	+ });
	465	+ });
	466	+
	467	+ function handleFiles(files, $fileList) {
	468	+ for (const file of files) {
	469	+ if (file.size > maxFileSize) {
	470	+ alert(`${file.name}은(는) 파일 크기 제한(500KB)을 초과했습니다.`);
	471	+ continue;
	472	+ }
	473	+
	474	+ const fileItem = `
	475	+ <div class="item">
	476	+ <div class="txt-area">
	477	+ <i class="ico-attach"></i>
	478	+ <p class="txt">
	479	+ ${file.name}
	480	+ </p>
	481	+ <small>${(file.size / 1024).toFixed(2)} KB</small>
	482	+ </div>
	483	+ <div class="item-fnc-area">
	484	+ <a href="#none" class="ico-download">다운로드</a>
	485	+ <button type="button" class="ico-delete">삭제</button>
	486	+ </div>
	487	+ </div>
	488	+ `;
	489	+
	490	+
	491	+ $fileList.append(fileItem);
	492	+ }
	493	+ }
	494	+
	495	+ // 파일 삭제 버튼 클릭 시
	496	+ $(document).on('click', '.item .ico-delete', function () {
	497	+ $(this).closest('.item').remove();
	498	+ });
	499	+ });
	500	+
	501	+ </script>
	502	+ <script>
	503	+ $(document).ready(function () {
	504	+ $(".a-write-list").sortable({
	505	+ handle: $(".a-write-list > li").find(".ico-move"),
	506	+ containment: "parent",
	507	+ update: function (event, ui) {
	508	+ var $list = $(this).children("li");
	509	+ $list.each(function () {
	510	+ var $li = $(this);
	511	+ var newVal = $(this).index() + 1;
	512	+ $(this).find(".num").html(newVal);
	513	+ });
	514	+ },
	515	+ });
	516	+ });
	517	+ </script>
	518	+</body>
	519	+
	520	+</html>(파일 끝에 줄바꿈 문자 없음)

d7dcc5b

html/onSejong/manager/class/pop_addArchive.html (added)

+++ html/onSejong/manager/class/pop_addArchive.html

...	...	@@ -0,0 +1,232 @@
	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 xlg" data-popuppub="popupmodal">
	43	+ <div class="pop-header">
	44	+ <h1>나의 보관함에서 추가</h1>
	45	+ </div>
	46	+ <div class="pop-body">
	47	+ <div class="fnc-area">
	48	+ <div class="r-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>
	57	+ </div>
	58	+ <div class="list-type">
	59	+ <table>
	60	+ <caption>나의 보관함 목록으로 수업유형, 수업명, 작성자, 업로드일, 선택으로 구성되어 있습니다.</caption>
	61	+ <colgroup>
	62	+ <col>
	63	+ <col>
	64	+ <col style="width: 44%;">
	65	+ <col>
	66	+ <col>
	67	+ </colgroup>
	68	+ <thead>
	69	+ <tr>
	70	+ <th scope="col">
	71	+ <input type="checkbox" class="icon-only" id="chkAll">
	72	+ <label for="chkAll">선택</label>
	73	+ </th>
	74	+ <th scope="col">파일타입</th>
	75	+ <th scope="col">과목/제목</th>
	76	+ <th scope="col">업로드일</th>
	77	+ <th scope="col">작성자</th>
	78	+ <th scope="col">선택</th>
	79	+ </tr>
	80	+ </thead>
	81	+ <tbody>
	82	+ <tr>
	83	+ <td colspan="6">
	84	+ <div class="txt-none">
	85	+ <figure>
	86	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	87	+ </figure>
	88	+ <p>나의 보관함에 콘텐츠가 없어요.</p>
	89	+ </div>
	90	+ </td>
	91	+ </tr>
	92	+ <tr>
	93	+ <td>
	94	+ <input type="checkbox" class="icon-only" id="chk1">
	95	+ <label for="chk1">선택</label>
	96	+ </td>
	97	+ <td><span class="label info">영상</span></td>
	98	+ <td class="align-left">
	99	+ <a href="#none" class="table-title">
	100	+ 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시
	101	+ <span class="table-info"><i class="ico-lock"></i></span>
	102	+ </a>
	103	+ </td>
	104	+ <td>2025-09-10</td>
	105	+ <td>홍길동</td>
	106	+ <td><button type="button" class="btn primary">추가</button></td>
	107	+ </tr>
	108	+ <tr>
	109	+ <td>
	110	+ <input type="checkbox" class="icon-only" id="chk2">
	111	+ <label for="chk2">선택</label>
	112	+ </td>
	113	+ <td><span class="label info">이미지</span></td>
	114	+ <td class=" align-left">
	115	+ <a href="#none" class="table-title">콘텐츠 제목 표시 </a>
	116	+ </td>
	117	+ <td>2025-09-05</td>
	118	+ <td>홍길동</td>
	119	+ <td><button type="button" class="btn primary">추가</button></td>
	120	+ </tr>
	121	+ <tr>
	122	+ <td>
	123	+ <input type="checkbox" class="icon-only" id="chk3">
	124	+ <label for="chk3">선택</label>
	125	+ </td>
	126	+ <td><span class="label info">문서</span></td>
	127	+ <td class=" align-left">
	128	+ <a href="#none" class="table-title">콘텐츠 제목 표시</a>
	129	+ </td>
	130	+ <td>2025-09-10</td>
	131	+ <td>홍길동</td>
	132	+ <td><button type="button" class="btn primary">추가</button></td>
	133	+ </tr>
	134	+ <tr>
	135	+ <td>
	136	+ <input type="checkbox" class="icon-only" id="chk4">
	137	+ <label for="chk4">선택</label>
	138	+ </td>
	139	+ <td><span class="label info">영상</span></td>
	140	+ <td class=" align-left">
	141	+ <a href="#none" class="table-title">콘텐츠 제목 표시</a>
	142	+ </td>
	143	+ <td>2025-09-07</td>
	144	+ <td>홍길동</td>
	145	+ <td><button type="button" class="btn primary">추가</button></td>
	146	+ </tr>
	147	+ <tr>
	148	+ <td>
	149	+ <input type="checkbox" class="icon-only" id="chk5">
	150	+ <label for="chk5">선택</label>
	151	+ </td>
	152	+ <td><span class="label info">이미지</span></td>
	153	+ <td class=" align-left">
	154	+ <a href="#none" class="table-title">콘텐츠 제목 표시</i></a>
	155	+ </td>
	156	+ <td>2025-09-10</td>
	157	+ <td>홍길동</td>
	158	+ <td><button type="button" class="btn primary">추가</button></td>
	159	+ </tr>
	160	+ <tr>
	161	+ <td>
	162	+ <input type="checkbox" class="icon-only" id="chk6">
	163	+ <label for="chk6">선택</label>
	164	+ </td>
	165	+ <td><span class="label info">영상</span></td>
	166	+ <td class=" align-left">
	167	+ <a href="#none" class="table-title">
	168	+ 콘텐츠 제목 표시
	169	+ <span class="table-info"><i class="ico-lock"></i></span>
	170	+ </a>
	171	+ </td>
	172	+ <td>2025-09-10</td>
	173	+ <td>홍길동</td>
	174	+ <td><button type="button" class="btn primary">추가</button></td>
	175	+ </tr>
	176	+
	177	+ </tbody>
	178	+ </table>
	179	+ </div>
	180	+ <ul class="pagenation">
	181	+ <li class="ppv">
	182	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	183	+ </li>
	184	+ <li class="pv">
	185	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	186	+ </li>
	187	+ <li class="current">
	188	+ <span title="현재 페이지">1</span>
	189	+ </li>
	190	+ <li>
	191	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	192	+ </li>
	193	+ <li>
	194	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	195	+ </li>
	196	+ <li>
	197	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	198	+ </li>
	199	+ <li>
	200	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	201	+ </li>
	202	+ <li class="fw">
	203	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	204	+ </li>
	205	+ <li class="ffw">
	206	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	207	+ </li>
	208	+ </ul>
	209	+ </div>
	210	+ <div class="pop-footer">
	211	+ <div class="pop-btn-cont">
	212	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	213	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">선택 추가</button>
	214	+ </div>
	215	+ </div>
	216	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	217	+ </div>
	218	+
	219	+ <!-- toast -->
	220	+ <div class="toast"></div>
	221	+
	222	+ <!--popup-->
	223	+ <div class="dim"></div>
	224	+
	225	+ <script>
	226	+ $(document).ready(function() {
	227	+ popupOpenPub('popupmodal');
	228	+ });
	229	+ </script>
	230	+</body>
	231	+
	232	+</html>(파일 끝에 줄바꿈 문자 없음)

d7dcc5b

html/onSejong/manager/class/pop_addFile.html (added)

+++ html/onSejong/manager/class/pop_addFile.html

...	...	@@ -0,0 +1,92 @@
	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="file-drag-area">
	49	+ <input type="file" class="input-file">
	50	+ <p>이 영역에 첨부할 파일을 마우스로 끌어다 놓으세요. (최대 5개까지 첨부가능)<br>
	51	+ 대용량 파일(최대300MB)을 업로드 할 경우 서비스 적용에 다소 시간이 소요될 수 있습니다.</p>
	52	+ <span type="button" class="btn ico-upload primary">파일 선택</span>
	53	+ </div>
	54	+ <div class="item-list-box drag-file-list row1 margin-top-sm">
	55	+ <div class="item">
	56	+ <div class="txt-area">
	57	+ <i class="ico-attach"></i>
	58	+ <p class="txt">
	59	+ 첨부파일명.pdf
	60	+ </p>
	61	+ <small>124kb</small>
	62	+ </div>
	63	+ <div class="item-fnc-area">
	64	+ <a href="#none" class="ico-download">다운로드</a>
	65	+ <button type="button" class="ico-delete">삭제</button>
	66	+ </div>
	67	+ </div>
	68	+ </div>
	69	+ </div>
	70	+ <div class="pop-footer">
	71	+ <div class="pop-btn-cont">
	72	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	73	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">추가</button>
	74	+ </div>
	75	+ </div>
	76	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	77	+ </div>
	78	+
	79	+ <!-- toast -->
	80	+ <div class="toast"></div>
	81	+
	82	+ <!--popup-->
	83	+ <div class="dim"></div>
	84	+
	85	+ <script>
	86	+ $(document).ready(function() {
	87	+ popupOpenPub('popupmodal');
	88	+ });
	89	+ </script>
	90	+</body>
	91	+
	92	+</html>(파일 끝에 줄바꿈 문자 없음)

d7dcc5b

html/onSejong/manager/class/pop_addLink.html (added)

+++ html/onSejong/manager/class/pop_addLink.html

...	...	@@ -0,0 +1,76 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <title>온세종학교</title>
	6	+
	7	+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	8	+ <meta name="Author" content="">
	9	+ <meta name="Keywords" content="">
	10	+ <meta name="Description" content="">
	11	+ <meta name="format-detection" content="telephone=no">
	12	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	13	+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
	14	+
	15	+
	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="url-add-area">
	49	+ <label>
	50	+ <input type="text" placeholder="https:// 를 포함한 URL을 입력하세요." title="링크 입력">
	51	+ </label>
	52	+ </div>
	53	+ </div>
	54	+ <div class="pop-footer">
	55	+ <div class="pop-btn-cont">
	56	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	57	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">추가</button>
	58	+ </div>
	59	+ </div>
	60	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	61	+ </div>
	62	+
	63	+ <!-- toast -->
	64	+ <div class="toast"></div>
	65	+
	66	+ <!--popup-->
	67	+ <div class="dim"></div>
	68	+
	69	+ <script>
	70	+ $(document).ready(function() {
	71	+ popupOpenPub('popupmodal');
	72	+ });
	73	+ </script>
	74	+</body>
	75	+
	76	+</html>(파일 끝에 줄바꿈 문자 없음)

b99ac74

d7dcc5b

html/onSejong/manager/class/pop_attendCode.html (Renamed from html/onSejong/manager/_layout/pop_attendCode.html)

--- html/onSejong/manager/_layout/pop_attendCode.html

+++ html/onSejong/manager/class/pop_attendCode.html

No changes

d7dcc5b

html/onSejong/manager/class/pop_chat.html (added)

+++ html/onSejong/manager/class/pop_chat.html

...	...	@@ -0,0 +1,112 @@
	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	+
	44	+ <div class="popup-modal sm pupup-msg" data-popuppub="popupmodal">
	45	+ <div class="pop-header">
	46	+ <h1>채팅</h1>
	47	+ </div>
	48	+ <div class="pop-body msg-cont-body">
	49	+ <div class="item">
	50	+ <div class="profile sm">
	51	+ <div class="img-area">
	52	+ <figure>
	53	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	54	+ </figure>
	55	+ </div>
	56	+ <div class="txt-area">
	57	+ <strong class="profile-tit">홍길동</strong>
	58	+ </div>
	59	+ </div>
	60	+ <div class="txt">테스트됩니까</div>
	61	+ <span class="time">2025-09-26 19:24</span>
	62	+ </div>
	63	+ <div class="item">
	64	+ <div class="profile sm">
	65	+ <div class="img-area">
	66	+ <figure>
	67	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	68	+ </figure>
	69	+ </div>
	70	+ <div class="txt-area">
	71	+ <strong class="profile-tit">홍길동</strong>
	72	+ </div>
	73	+ </div>
	74	+ <div class="txt">테스트됩니까테스 트됩니까 스트테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까테스트됩니까됩니까 테스트됩니까</div>
	75	+ <span class="time">2025-09-26 19:24</span>
	76	+ </div>
	77	+ <div class="item my">
	78	+ <div class="txt">테스트됩니까</div>
	79	+ <span class="time">2025-09-26 19:24</span>
	80	+ </div>
	81	+ </div>
	82	+ <div class="pop-footer msg-cont-footer">
	83	+ <div class="write">
	84	+ <textarea placeholder="메시지를 입력하세요" title="메시지 입력" data-mgrp-id="3940" data-mgrp-se-code="org"></textarea>
	85	+ <div class="write-fnc-area">
	86	+ <div class="l-area">
	87	+ <div class="btn-group">
	88	+ <a href="#none" class="btn sm ghost circle ico-download"></a>
	89	+ </div>
	90	+ </div>
	91	+ <div class="r-area">
	92	+ <button type="submit" class="btn circle sm ico-send primary">전송</button>
	93	+ </div>
	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	+</body>
	112	+</html>

b99ac74

d7dcc5b

html/onSejong/manager/class/pop_classSubmit.html (Renamed from html/onSejong/manager/_layout/pop_classSubmit.html)

--- html/onSejong/manager/_layout/pop_classSubmit.html

+++ html/onSejong/manager/class/pop_classSubmit.html

No changes

d7dcc5b

html/onSejong/manager/class/pop_group.html (added)

+++ html/onSejong/manager/class/pop_group.html

...	...	@@ -0,0 +1,95 @@
	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	+ <fieldset>
	49	+ <legend>설정 설정</legend>
	50	+ <div class="">
	51	+ <div class="">
	52	+ <input type="text" placeholder="1 그룹" title="그룹 이름을 입력하세요." class="percent-width8 margin-right-md">
	53	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	54	+ </div>
	55	+ <div class="margin-top-sm">
	56	+ <input type="text" placeholder="2 그룹" title="그룹 이름을 입력하세요." class="percent-width8 margin-right-md">
	57	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	58	+ </div>
	59	+ <div class="margin-top-sm">
	60	+ <input type="text" placeholder="3 그룹" title="그룹 이름을 입력하세요." class="percent-width8 margin-right-md">
	61	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	62	+ </div>
	63	+ <div class="margin-top-sm">
	64	+ <input type="text" placeholder="4 그룹" title="그룹 이름을 입력하세요." class="percent-width8 margin-right-md">
	65	+ <button type="button" class="btn sm circle danger ico-delete">삭제</button>
	66	+ </div>
	67	+ </div>
	68	+ <button type="button" class="btn primary ico-plus margin-top-md">그룹 추가</button>
	69	+ </fieldset>
	70	+ </div>
	71	+ <div class="pop-footer">
	72	+ <div class="pop-btn-cont">
	73	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	74	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button>
	75	+ </div>
	76	+ </div>
	77	+
	78	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	79	+ </div>
	80	+
	81	+ <!-- toast -->
	82	+ <div class="toast"></div>
	83	+
	84	+ <!-- popup dim -->
	85	+ <div class="dim"></div>
	86	+
	87	+ <script>
	88	+ $(document).ready(function() {
	89	+ popupOpenPub('popupmodal');
	90	+ });
	91	+ </script>
	92	+</body>
	93	+
	94	+
	95	+</html>(파일 끝에 줄바꿈 문자 없음)

d7dcc5b

html/onSejong/manager/class/pop_homeworkSubmit.html (added)

+++ html/onSejong/manager/class/pop_homeworkSubmit.html

...	...	@@ -0,0 +1,132 @@
	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="fnc-extend-area">
	49	+ <div class="extend-default-area">
	50	+ <div class="l-area">
	51	+ <p class="total">8명 중 <em>6</em>명 완료</p>
	52	+ </div>
	53	+ <div class="r-area">
	54	+ <select class="select-sort border-none" title="정렬 선택">
	55	+ <option>이름 오름차순</option>
	56	+ <option>최근풀이순</option>
	57	+ </select>
	58	+ </div>
	59	+ </div>
	60	+ <div class="extend-filter-area">
	61	+ <div class="l-area">
	62	+ <fieldset class="filter-group">
	63	+ <legend>필터 선택</legend>
	64	+ <div class="checkradio">
	65	+ <input type="radio" name="filter1" id="extend-filter0" checked>
	66	+ <label for="extend-filter0">전체</label>
	67	+ </div>
	68	+ <div class="checkradio">
	69	+ <input type="radio"name="filter1" id="extend-filter1">
	70	+ <label for="extend-filter1">미제출수강생</label>
	71	+ </div>
	72	+ </fieldset>
	73	+ </div>
	74	+ </div>
	75	+ </div>
	76	+ <ul class="border-list">
	77	+ <li>
	78	+ <div class="l-area">
	79	+ <div class="profile">
	80	+ <i class="ico-circle-check success"></i>
	81	+ <div class="img-area">
	82	+ <figure>
	83	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	84	+ </figure>
	85	+ </div>
	86	+ <div class="txt-area">
	87	+ <strong class="profile-tit">가학생(student_id_12345)</strong>
	88	+ <span>oo초등학교 4학년 3반 8번</span>
	89	+ </div>
	90	+ </div>
	91	+ </div>
	92	+ <div class="r-area">
	93	+ <small class="time">2025-10-01 11:12</small>
	94	+ </div>
	95	+ </li>
	96	+ <li>
	97	+ <div class="l-area">
	98	+ <div class="profile">
	99	+ <i class="ico-circle-close"></i>
	100	+ <div class="img-area">
	101	+ <figure>
	102	+ <img src="/resources/front/site/SITE_00000/images/common/profile/profile.svg" alt="프로필 썸네일">
	103	+ </figure>
	104	+ </div>
	105	+ <div class="txt-area">
	106	+ <strong class="profile-tit">나학생(student_id_12346)</strong>
	107	+ <span>oo초등학교 4학년 3반 9번</span>
	108	+ </div>
	109	+ </div>
	110	+ </div>
	111	+ <div class="r-area">
	112	+ <small class="time">2025-10-01 11:12</small>
	113	+ </div>
	114	+ </li>
	115	+ </ul>
	116	+ </div>
	117	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	118	+ </div>
	119	+ <!-- toast -->
	120	+ <div class="toast"></div>
	121	+
	122	+ <!--popup-->
	123	+ <div class="dim"></div>
	124	+
	125	+ <script>
	126	+ $(document).ready(function() {
	127	+ popupOpenPub('popupmodal');
	128	+ });
	129	+ </script>
	130	+</body>
	131	+
	132	+</html>(파일 끝에 줄바꿈 문자 없음)

b99ac74

d7dcc5b

html/onSejong/manager/class/pop_loadClass.html (Renamed from html/onSejong/manager/_layout/pop_loadClass.html)

--- html/onSejong/manager/_layout/pop_loadClass.html

+++ html/onSejong/manager/class/pop_loadClass.html


             <h1>수업 설계안 가져오기</h1>
         </div>
         <div class="pop-body">
-            <div class="l-area"></div>
-            <div class="r-area">
-                <fieldset class="search-area">
-                    <legend>검색</legend>
-                    <div class="search">
-                        <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
-                        <button class="btn ico-search">검색</button>
-                    </div>
-                </fieldset>
+            <div class="fnc-area">
+                <div class="r-area">
+                    <fieldset class="search-area">
+                        <legend>검색</legend>
+                        <div class="search">
+                            <input type="text" placeholder="검색어를 입력하세요" title="검색어를 입력하세요">
+                            <button class="btn ico-search">검색</button>
+                        </div>
+                    </fieldset>
+                </div>
             </div>
             <div class="list-type">
                 <table>

d7dcc5b

html/onSejong/manager/class/pop_searchContents.html (added)

+++ html/onSejong/manager/class/pop_searchContents.html

...	...	@@ -0,0 +1,232 @@
	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 xlg" data-popuppub="popupmodal">
	43	+ <div class="pop-header">
	44	+ <h1>콘텐츠에서 검색</h1>
	45	+ </div>
	46	+ <div class="pop-body">
	47	+ <div class="fnc-area">
	48	+ <div class="r-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>
	57	+ </div>
	58	+ <div class="list-type">
	59	+ <table>
	60	+ <caption>나의 보관함 목록으로 수업유형, 수업명, 작성자, 업로드일, 선택으로 구성되어 있습니다.</caption>
	61	+ <colgroup>
	62	+ <col>
	63	+ <col>
	64	+ <col style="width: 44%;">
	65	+ <col>
	66	+ <col>
	67	+ </colgroup>
	68	+ <thead>
	69	+ <tr>
	70	+ <th scope="col">
	71	+ <input type="checkbox" class="icon-only" id="chkAll">
	72	+ <label for="chkAll">선택</label>
	73	+ </th>
	74	+ <th scope="col">파일타입</th>
	75	+ <th scope="col">과목/제목</th>
	76	+ <th scope="col">업로드일</th>
	77	+ <th scope="col">작성자</th>
	78	+ <th scope="col">선택</th>
	79	+ </tr>
	80	+ </thead>
	81	+ <tbody>
	82	+ <tr>
	83	+ <td colspan="6">
	84	+ <div class="txt-none">
	85	+ <figure>
	86	+ <img src="/resources/front/site/SITE_00000/images/common/common/txt_none.svg" alt="콘텐츠 없음" aria-hidden="true">
	87	+ </figure>
	88	+ <p>나의 보관함에 콘텐츠가 없어요.</p>
	89	+ </div>
	90	+ </td>
	91	+ </tr>
	92	+ <tr>
	93	+ <td>
	94	+ <input type="checkbox" class="icon-only" id="chk1">
	95	+ <label for="chk1">선택</label>
	96	+ </td>
	97	+ <td><span class="label info">영상</span></td>
	98	+ <td class="align-left">
	99	+ <a href="#none" class="table-title">
	100	+ 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시 콘텐츠 제목 표시
	101	+ <span class="table-info"><i class="ico-lock"></i></span>
	102	+ </a>
	103	+ </td>
	104	+ <td>2025-09-10</td>
	105	+ <td>홍길동</td>
	106	+ <td><button type="button" class="btn primary">추가</button></td>
	107	+ </tr>
	108	+ <tr>
	109	+ <td>
	110	+ <input type="checkbox" class="icon-only" id="chk2">
	111	+ <label for="chk2">선택</label>
	112	+ </td>
	113	+ <td><span class="label info">이미지</span></td>
	114	+ <td class=" align-left">
	115	+ <a href="#none" class="table-title">콘텐츠 제목 표시 </a>
	116	+ </td>
	117	+ <td>2025-09-05</td>
	118	+ <td>홍길동</td>
	119	+ <td><button type="button" class="btn primary">추가</button></td>
	120	+ </tr>
	121	+ <tr>
	122	+ <td>
	123	+ <input type="checkbox" class="icon-only" id="chk3">
	124	+ <label for="chk3">선택</label>
	125	+ </td>
	126	+ <td><span class="label info">문서</span></td>
	127	+ <td class=" align-left">
	128	+ <a href="#none" class="table-title">콘텐츠 제목 표시</a>
	129	+ </td>
	130	+ <td>2025-09-10</td>
	131	+ <td>홍길동</td>
	132	+ <td><button type="button" class="btn primary">추가</button></td>
	133	+ </tr>
	134	+ <tr>
	135	+ <td>
	136	+ <input type="checkbox" class="icon-only" id="chk4">
	137	+ <label for="chk4">선택</label>
	138	+ </td>
	139	+ <td><span class="label info">영상</span></td>
	140	+ <td class=" align-left">
	141	+ <a href="#none" class="table-title">콘텐츠 제목 표시</a>
	142	+ </td>
	143	+ <td>2025-09-07</td>
	144	+ <td>홍길동</td>
	145	+ <td><button type="button" class="btn primary">추가</button></td>
	146	+ </tr>
	147	+ <tr>
	148	+ <td>
	149	+ <input type="checkbox" class="icon-only" id="chk5">
	150	+ <label for="chk5">선택</label>
	151	+ </td>
	152	+ <td><span class="label info">이미지</span></td>
	153	+ <td class=" align-left">
	154	+ <a href="#none" class="table-title">콘텐츠 제목 표시</i></a>
	155	+ </td>
	156	+ <td>2025-09-10</td>
	157	+ <td>홍길동</td>
	158	+ <td><button type="button" class="btn primary">추가</button></td>
	159	+ </tr>
	160	+ <tr>
	161	+ <td>
	162	+ <input type="checkbox" class="icon-only" id="chk6">
	163	+ <label for="chk6">선택</label>
	164	+ </td>
	165	+ <td><span class="label info">영상</span></td>
	166	+ <td class=" align-left">
	167	+ <a href="#none" class="table-title">
	168	+ 콘텐츠 제목 표시
	169	+ <span class="table-info"><i class="ico-lock"></i></span>
	170	+ </a>
	171	+ </td>
	172	+ <td>2025-09-10</td>
	173	+ <td>홍길동</td>
	174	+ <td><button type="button" class="btn primary">추가</button></td>
	175	+ </tr>
	176	+
	177	+ </tbody>
	178	+ </table>
	179	+ </div>
	180	+ <ul class="pagenation">
	181	+ <li class="ppv">
	182	+ <a href="#none" class="btn ico-ppv circle sm" title="전체 목록에서 가장 처음 목록으로 이동합니다">처음으로</a>
	183	+ </li>
	184	+ <li class="pv">
	185	+ <a href="#none" class="btn ico-pv circle sm" title="이전 목록으로 이동합니다">이전으로</a>
	186	+ </li>
	187	+ <li class="current">
	188	+ <span title="현재 페이지">1</span>
	189	+ </li>
	190	+ <li>
	191	+ <a href="#none" title="2번째 목록으로 이동합니다">2</a>
	192	+ </li>
	193	+ <li>
	194	+ <a href="#none" title="3번째 목록으로 이동합니다">3</a>
	195	+ </li>
	196	+ <li>
	197	+ <a href="#none" title="4번째 목록으로 이동합니다">4</a>
	198	+ </li>
	199	+ <li>
	200	+ <a href="#none" title="5번째 목록으로 이동합니다">5</a>
	201	+ </li>
	202	+ <li class="fw">
	203	+ <a href="#none" class="btn ico-fw circle sm" title="다음 목록으로 이동합니다">다음으로</a>
	204	+ </li>
	205	+ <li class="ffw">
	206	+ <a href="#none" class="btn ico-ffw circle sm" title="전체 목록에서 가장 마지막 목록으로 이동합니다">끝으로</a>
	207	+ </li>
	208	+ </ul>
	209	+ </div>
	210	+ <div class="pop-footer">
	211	+ <div class="pop-btn-cont">
	212	+ <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button>
	213	+ <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">선택 추가</button>
	214	+ </div>
	215	+ </div>
	216	+ <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
	217	+ </div>
	218	+
	219	+ <!-- toast -->
	220	+ <div class="toast"></div>
	221	+
	222	+ <!--popup-->
	223	+ <div class="dim"></div>
	224	+
	225	+ <script>
	226	+ $(document).ready(function() {
	227	+ popupOpenPub('popupmodal');
	228	+ });
	229	+ </script>
	230	+</body>
	231	+
	232	+</html>(파일 끝에 줄바꿈 문자 없음)

Add a comment

Open 0
Closed 0

List

...	...	@@ -74,25 +74,25 @@
74	74	</colgroup>
75	75	<tbody>
76	76	<tr>
77		- <th scope="row">수업문류<i class="required">필수</i></th>
	77	+ <th scope="row">수업분류<i class="required">필수</i></th>
78	78	<td>
79	79	<fieldset>
80		- <legend>클래스 선택</legend>
	80	+ <legend>클래스 선택 1</legend>
81	81	<div class="checkradio">
82		- <input type="radio" name="radio1" id="r1-1" checked>
83		- <label for="r1-1">대면수업</label>
	82	+ <input type="radio" name="ctype1" id="ctype1-1" checked>
	83	+ <label for="ctype1-1">대면수업</label>
84	84	</div>
85	85	<div class="checkradio">
86		- <input type="radio" name="radio1" id="r1-2">
87		- <label for="r1-2">영상수업</label>
	86	+ <input type="radio" name="ctype1" id="ctype1-2">
	87	+ <label for="ctype1-2">영상수업</label>
88	88	</div>
89	89	<div class="checkradio">
90		- <input type="radio" name="radio1" id="r1-3">
91		- <label for="r1-3">화상수업</label>
	90	+ <input type="radio" name="ctype1" id="ctype1-3">
	91	+ <label for="ctype1-3">화상수업</label>
92	92	</div>
93	93	<div class="checkradio">
94		- <input type="radio" name="radio1" id="r1-4">
95		- <label for="r1-4">공동문서편집</label>
	94	+ <input type="radio" name="ctype1" id="ctype1-4">
	95	+ <label for="ctype1-4">공동문서편집</label>
96	96	</div>
97	97	</fieldset>
98	98	</td>
...	...	@@ -115,12 +115,12 @@
115	115	<th scope="row">수업 시간<i class="required">필수</i></th>
116	116	<td>
117	117	<fieldset>
118		- <legend>수업 시간</legend>
	118	+ <legend>수업 시간 1</legend>
119	119	<ul>
120	120	<li>
121	121	<div class="checkradio">
122		- <input type="radio" name="radio2" id="r2-1" checked>
123		- <label for="r2-1">정규수업</label>
	122	+ <input type="radio" name="ctime1" id="ctime1-1" checked>
	123	+ <label for="ctime1-1">정규수업</label>
124	124	<div class="checkradio-option">
125	125	<select>
126	126	<option>과정 개설 시 선택한 수업시간 표시</option>
...	...	@@ -133,28 +133,23 @@
133	133	</li>
134	134	<li>
135	135	<div class="checkradio">
136		- <input type="radio" name="radio2" id="r2-2">
137		- <label for="r2-2">보강수업</label>
	136	+ <input type="radio" name="ctime1" id="ctime1-2">
	137	+ <label for="ctime1-2">보강수업</label>
138	138	<div class="checkradio-option">
139	139	<select>
140	140	<option>요일선택</option>
141	141	</select>
	142	+ <select>
	143	+ <option>교시선택</option>
	144	+ </select>
142	145	<div class="time-set">
143		- <select title="시작 시">
144		- <option>00</option>
145		- </select>
	146	+ <select title="시작 시"><option>00</option></select>
146	147	<span>:</span>
147		- <select title="시작 분">
148		- <option>00</option>
149		- </select>
	148	+ <select title="시작 분"><option>00</option></select>
150	149	<span>-</span>
151		- <select title="종료 시">
152		- <option>00</option>
153		- </select>
	150	+ <select title="종료 시"><option>00</option></select>
154	151	<span>:</span>
155		- <select title="종료 분">
156		- <option>00</option>
157		- </select>
	152	+ <select title="종료 분"><option>00</option></select>
158	153	</div>
159	154	</div>
160	155	</div>
...	...	@@ -163,6 +158,7 @@
163	158	</fieldset>
164	159	</td>
165	160	</tr>
	161	+
166	162	<tr>
167	163	<th scope="row">썸네일</th>
168	164	<td>
...	...	@@ -212,14 +208,14 @@
212	208	<th scope="row">공개여부<i class="required">필수</i></th>
213	209	<td>
214	210	<fieldset class="checkradio-area">
215		- <legend>공개여부 선택</legend>
	211	+ <legend>공개여부 선택 1</legend>
216	212	<div class="checkradio">
217		- <input type="radio" name="radio3" id="radio4-1" checked>
218		- <label for="radio4-1">공개</label>
	213	+ <input type="radio" name="openYn1" id="openYn1-1" checked>
	214	+ <label for="openYn1-1">공개</label>
219	215	</div>
220	216	<div class="checkradio">
221		- <input type="radio" name="radio3" id="radio4-2">
222		- <label for="radio4-2">비공개</label>
	217	+ <input type="radio" name="openYn1" id="openYn1-2">
	218	+ <label for="openYn1-2">비공개</label>
223	219	</div>
224	220	</fieldset>
225	221	</td>
...	...	@@ -228,14 +224,14 @@
228	224	<th scope="row">채팅 사용여부<i class="required">필수</i></th>
229	225	<td>
230	226	<fieldset class="checkradio-area">
231		- <legend>채점 기준 선택</legend>
	227	+ <legend>채팅 사용여부 선택 1</legend>
232	228	<div class="checkradio">
233		- <input type="radio" name="radio4" id="radio5-1" checked>
234		- <label for="radio5-1">사용</label>
	229	+ <input type="radio" name="chatYn1" id="chatYn1-1" checked>
	230	+ <label for="chatYn1-1">사용</label>
235	231	</div>
236	232	<div class="checkradio">
237		- <input type="radio" name="radio4" id="radio5-2">
238		- <label for="radio5-2">미사용</label>
	233	+ <input type="radio" name="chatYn1" id="chatYn1-2">
	234	+ <label for="chatYn1-2">미사용</label>
239	235	</div>
240	236	</fieldset>
241	237	</td>
...	...	@@ -258,25 +254,25 @@
258	254	</colgroup>
259	255	<tbody>
260	256	<tr>
261		- <th scope="row">수업문류<i class="required">필수</i></th>
	257	+ <th scope="row">수업분류<i class="required">필수</i></th>
262	258	<td>
263	259	<fieldset>
264		- <legend>클래스 선택</legend>
	260	+ <legend>클래스 선택 2</legend>
265	261	<div class="checkradio">
266		- <input type="radio" name="radio1-2" id="r1-1" checked>
267		- <label for="r1-1">대면수업</label>
	262	+ <input type="radio" name="ctype2" id="ctype2-1">
	263	+ <label for="ctype2-1">대면수업</label>
268	264	</div>
269	265	<div class="checkradio">
270		- <input type="radio" name="radio1-2" id="r1-2">
271		- <label for="r1-2">영상수업</label>
	266	+ <input type="radio" name="ctype2" id="ctype2-2">
	267	+ <label for="ctype2-2">영상수업</label>
272	268	</div>
273	269	<div class="checkradio">
274		- <input type="radio" name="radio1-2" id="r1-3">
275		- <label for="r1-3">화상수업</label>
	270	+ <input type="radio" name="ctype2" id="ctype2-3" checked>
	271	+ <label for="ctype2-3">화상수업</label>
276	272	</div>
277	273	<div class="checkradio">
278		- <input type="radio" name="radio1-2" id="r1-4">
279		- <label for="r1-4">공동문서편집</label>
	274	+ <input type="radio" name="ctype2" id="ctype2-4">
	275	+ <label for="ctype2-4">공동문서편집</label>
280	276	</div>
281	277	</fieldset>
282	278	</td>
...	...	@@ -299,12 +295,12 @@
299	295	<th scope="row">수업 시간<i class="required">필수</i></th>
300	296	<td>
301	297	<fieldset>
302		- <legend>수업 시간</legend>
	298	+ <legend>수업 시간 2</legend>
303	299	<ul>
304	300	<li>
305	301	<div class="checkradio">
306		- <input type="radio" name="radio2-2" id="r2-1" checked>
307		- <label for="r2-1">정규수업</label>
	302	+ <input type="radio" name="ctime2" id="ctime2-1" checked>
	303	+ <label for="ctime2-1">정규수업</label>
308	304	<div class="checkradio-option">
309	305	<select>
310	306	<option>과정 개설 시 선택한 수업시간 표시</option>
...	...	@@ -317,28 +313,23 @@
317	313	</li>
318	314	<li>
319	315	<div class="checkradio">
320		- <input type="radio" name="radio2-2" id="r2-2">
321		- <label for="r2-2">보강수업</label>
	316	+ <input type="radio" name="ctime2" id="ctime2-2">
	317	+ <label for="ctime2-2">보강수업</label>
322	318	<div class="checkradio-option">
323		- <select class="sm">
	319	+ <select>
324	320	<option>요일선택</option>
325	321	</select>
	322	+ <select>
	323	+ <option>교시선택</option>
	324	+ </select>
326	325	<div class="time-set">
327		- <select title="시작 시">
328		- <option>00</option>
329		- </select>
	326	+ <select title="시작 시"><option>00</option></select>
330	327	<span>:</span>
331		- <select title="시작 분">
332		- <option>00</option>
333		- </select>
	328	+ <select title="시작 분"><option>00</option></select>
334	329	<span>-</span>
335		- <select title="종료 시">
336		- <option>00</option>
337		- </select>
	330	+ <select title="종료 시"><option>00</option></select>
338	331	<span>:</span>
339		- <select title="종료 분">
340		- <option>00</option>
341		- </select>
	332	+ <select title="종료 분"><option>00</option></select>
342	333	</div>
343	334	</div>
344	335	</div>
...	...	@@ -366,7 +357,7 @@
366	357	</div>
367	358	</td>
368	359	</tr>
369		- <tr>
	360	+ <!-- <tr>
370	361	<th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
371	362	<td>
372	363	<div class="file-drag-area">
...	...	@@ -391,43 +382,21 @@
391	382	</div>
392	383	</div>
393	384	</td>
394		- </tr>
	385	+ </tr> -->
395	386	<tr>
396	387	<th scope="row">공개여부<i class="required">필수</i></th>
397	388	<td>
398	389	<fieldset class="checkradio-area">
399		- <legend>공개여부 선택</legend>
	390	+ <legend>공개여부 선택 2</legend>
400	391	<div class="checkradio">
401		- <input type="radio" name="radio3-2" id="radio4-1" checked>
402		- <label for="radio4-1">공개</label>
	392	+ <input type="radio" name="openYn2" id="openYn2-1" checked>
	393	+ <label for="openYn2-1">공개</label>
403	394	</div>
404	395	<div class="checkradio">
405		- <input type="radio" name="radio3-2" id="radio4-2">
406		- <label for="radio4-2">비공개</label>
	396	+ <input type="radio" name="openYn2" id="openYn2-2">
	397	+ <label for="openYn2-2">비공개</label>
407	398	</div>
408	399	</fieldset>
409		- </td>
410		- </tr>
411		- <tr>
412		- <th scope="row">채팅 사용여부<i class="required">필수</i></th>
413		- <td>
414		- <fieldset class="checkradio-area">
415		- <legend>채점 기준 선택</legend>
416		- <div class="checkradio">
417		- <input type="radio" name="radio4-2" id="radio5-1" checked>
418		- <label for="radio5-1">사용</label>
419		- </div>
420		- <div class="checkradio">
421		- <input type="radio" name="radio4-2" id="radio5-2">
422		- <label for="radio5-2">미사용</label>
423		- </div>
424		- </fieldset>
425		- </td>
426		- </tr>
427		- <tr>
428		- <th scope="row">수업 설계</th>
429		- <td>
430		- <button class="btn secondary">수업 설계하기</button>
431	400	</td>
432	401	</tr>
433	402	</tbody>
...	...	@@ -442,25 +411,25 @@
442	411	</colgroup>
443	412	<tbody>
444	413	<tr>
445		- <th scope="row">수업문류<i class="required">필수</i></th>
	414	+ <th scope="row">수업분류<i class="required">필수</i></th>
446	415	<td>
447	416	<fieldset>
448		- <legend>클래스 선택</legend>
	417	+ <legend>클래스 선택 3</legend>
449	418	<div class="checkradio">
450		- <input type="radio" name="radio1-3" id="r1-1" checked>
451		- <label for="r1-1">대면수업</label>
	419	+ <input type="radio" name="ctype3" id="ctype3-1">
	420	+ <label for="ctype3-1">대면수업</label>
452	421	</div>
453	422	<div class="checkradio">
454		- <input type="radio" name="radio1-3" id="r1-2">
455		- <label for="r1-2">영상수업</label>
	423	+ <input type="radio" name="ctype3" id="ctype3-2">
	424	+ <label for="ctype3-2">영상수업</label>
456	425	</div>
457	426	<div class="checkradio">
458		- <input type="radio" name="radio1-3" id="r1-3">
459		- <label for="r1-3">화상수업</label>
	427	+ <input type="radio" name="ctype3" id="ctype3-3">
	428	+ <label for="ctype3-3">화상수업</label>
460	429	</div>
461	430	<div class="checkradio">
462		- <input type="radio" name="radio1" id="r1-4">
463		- <label for="r1-4">공동문서편집</label>
	431	+ <input type="radio" name="ctype3" id="ctype3-4" checked>
	432	+ <label for="ctype3-4">공동문서편집</label>
464	433	</div>
465	434	</fieldset>
466	435	</td>
...	...	@@ -483,12 +452,12 @@
483	452	<th scope="row">수업 시간<i class="required">필수</i></th>
484	453	<td>
485	454	<fieldset>
486		- <legend>수업 시간</legend>
	455	+ <legend>수업 시간 3</legend>
487	456	<ul>
488	457	<li>
489	458	<div class="checkradio">
490		- <input type="radio" name="radio2-3" id="r2-1" checked>
491		- <label for="r2-1">정규수업</label>
	459	+ <input type="radio" name="ctime3" id="ctime3-1" checked>
	460	+ <label for="ctime3-1">정규수업</label>
492	461	<div class="checkradio-option">
493	462	<select>
494	463	<option>과정 개설 시 선택한 수업시간 표시</option>
...	...	@@ -501,28 +470,23 @@
501	470	</li>
502	471	<li>
503	472	<div class="checkradio">
504		- <input type="radio" name="radio2-3" id="r2-2">
505		- <label for="r2-2">보강수업</label>
	473	+ <input type="radio" name="ctime3" id="ctime3-2">
	474	+ <label for="ctime3-2">보강수업</label>
506	475	<div class="checkradio-option">
507		- <select class="sm">
	476	+ <select>
508	477	<option>요일선택</option>
509	478	</select>
	479	+ <select>
	480	+ <option>교시선택</option>
	481	+ </select>
510	482	<div class="time-set">
511		- <select title="시작 시">
512		- <option>00</option>
513		- </select>
	483	+ <select title="시작 시"><option>00</option></select>
514	484	<span>:</span>
515		- <select title="시작 분">
516		- <option>00</option>
517		- </select>
	485	+ <select title="시작 분"><option>00</option></select>
518	486	<span>-</span>
519		- <select title="종료 시">
520		- <option>00</option>
521		- </select>
	487	+ <select title="종료 시"><option>00</option></select>
522	488	<span>:</span>
523		- <select title="종료 분">
524		- <option>00</option>
525		- </select>
	489	+ <select title="종료 분"><option>00</option></select>
526	490	</div>
527	491	</div>
528	492	</div>
...	...	@@ -550,7 +514,7 @@
550	514	</div>
551	515	</td>
552	516	</tr>
553		- <tr>
	517	+ <!-- <tr>
554	518	<th scope="row">수업자료 파일첨부<i class="required">필수</i></th>
555	519	<td>
556	520	<div class="file-drag-area">
...	...	@@ -575,43 +539,27 @@
575	539	</div>
576	540	</div>
577	541	</td>
578		- </tr>
	542	+ </tr> -->
579	543	<tr>
580	544	<th scope="row">공개여부<i class="required">필수</i></th>
581	545	<td>
582	546	<fieldset class="checkradio-area">
583		- <legend>공개여부 선택</legend>
	547	+ <legend>공개여부 선택 3</legend>
584	548	<div class="checkradio">
585		- <input type="radio" name="radio3-3" id="radio4-1" checked>
586		- <label for="radio4-1">공개</label>
	549	+ <input type="radio" name="openYn3" id="openYn3-1" checked>
	550	+ <label for="openYn3-1">공개</label>
587	551	</div>
588	552	<div class="checkradio">
589		- <input type="radio" name="radio3-3" id="radio4-2">
590		- <label for="radio4-2">비공개</label>
	553	+ <input type="radio" name="openYn3" id="openYn3-2">
	554	+ <label for="openYn3-2">비공개</label>
591	555	</div>
592	556	</fieldset>
593	557	</td>
594	558	</tr>
595	559	<tr>
596		- <th scope="row">채팅 사용여부<i class="required">필수</i></th>
	560	+ <th scope="row">공동문서편집</th>
597	561	<td>
598		- <fieldset class="checkradio-area">
599		- <legend>채점 기준 선택</legend>
600		- <div class="checkradio">
601		- <input type="radio" name="radio4-3" id="radio5-1" checked>
602		- <label for="radio5-1">사용</label>
603		- </div>
604		- <div class="checkradio">
605		- <input type="radio" name="radio4-3" id="radio5-2">
606		- <label for="radio5-2">미사용</label>
607		- </div>
608		- </fieldset>
609		- </td>
610		- </tr>
611		- <tr>
612		- <th scope="row">수업 설계</th>
613		- <td>
614		- <button class="btn secondary">수업 설계하기</button>
	562	+ <button class="btn secondary">공동문서 편집하기</button>
615	563	</td>
616	564	</tr>
617	565	</tbody>

...	...	@@ -44,15 +44,16 @@
44	44	<h1>수업 설계안 가져오기</h1>
45	45	</div>
46	46	<div class="pop-body">
47		- <div class="l-area"></div>
48		- <div class="r-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>
	47	+ <div class="fnc-area">
	48	+ <div class="r-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>
56	57	</div>
57	58	<div class="list-type">
58	59	<table>

Delete comment