Code - yangart/sejongOn

<!DOCTYPE html> <html lang="ko"> <head> <title>온세종학교</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="Author" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet" />  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>   <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>  <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="accessibility"> <a href="#skipToContents" title="콘텐츠를 바로 볼 수 있도록 건너뛰기합니다.">콘텐츠 바로가기</a> </div>  <div class="container">  <header class="site-header"></header> <div class="site-body" id="skipToContents"> <div class="wrap"> <div class="site-cont"> <ul class="breadcrumb"> <li><a href="#none" class="home">홈</a></li> <li><a href="#none">1depth</a></li> <li><a href="#none">2depth</a></li> </ul> <div class="page-tit-area"> <div class="l-area"> <h2 class="title-xlg">평가지 만들기</h2> </div> <div class="r-area"></div> </div> <section class="section test-write-area"> <h3 class="txt-hide">평가지 정보</h3> <div class="search-box"> <div class="search-box-write"> <div class="write-type2"> <table> <caption> 상세검색 </caption> <colgroup> <col style="width: 100px" /> <col /> </colgroup> <tbody> <tr> <th scope="row">과목</th> <td> <fieldset class="checkradio-area"> <legend>과목 선택</legend> <div class="checkradio"> <input type="checkbox" id="sch1_1_1" /> <label for="sch1_1_1">유저가 입력한 과목1</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_1_2" /> <label for="sch1_1_2">유저가 입력한 과목2</label> </div> </fieldset> </td> </tr> <tr> <th scope="row">문항 유형</th> <td> <fieldset class="checkradio-area"> <legend>문항 유형 선택</legend> <div class="checkradio"> <input type="checkbox" id="sch1_2_1" /> <label for="sch1_2_1">단일</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_2_2" /> <label for="sch1_2_2">세트</label> </div> </fieldset> </td> </tr> <tr> <th scope="row">문항 난이도</th> <td> <fieldset class="checkradio-area"> <legend>문항 난이도 선택</legend> <div class="checkradio"> <input type="checkbox" id="sch1_3_1" /> <label for="sch1_3_1">매우 쉬움</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_3_2" /> <label for="sch1_3_2">쉬움</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_3_3" /> <label for="sch1_3_3">보통</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_3_4" /> <label for="sch1_3_4">어려움</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_3_5" /> <label for="sch1_3_5">매우 어려움</label> </div> </fieldset> </td> </tr> <tr> <th scope="row">문항 종류</th> <td> <fieldset class="checkradio-area"> <legend>문항 종류 선택</legend> <div class="checkradio"> <input type="checkbox" id="sch1_4_1" /> <label for="sch1_4_1">객관식(단일선택)</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_4_2" /> <label for="sch1_4_2">객관식(다중선택)</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_4_3" /> <label for="sch1_4_3">주관식(단답형)</label> </div> <div class="checkradio"> <input type="checkbox" id="sch1_4_4" /> <label for="sch1_4_4">주관식(서술형)</label> </div> </fieldset> </td> </tr> </tbody> </table> </div> </div> <div class="search-btn-cont"> <button type="button" class="btn-text"> 초기화 <i class="ico-refresh sm"></i> </button> <button type="submit" class="btn-search-box">검색</button> </div> </div> <article class="test-cont"> <h4 class="txt-hide">평가지 구성</h4> <div class="l-area"> <div class="bg-border-box"> <div class="box-body tabs-normal"> <ul class="tabs-nav-sm"> <li><a href="#schResult1" class="is-active">문항 검색 결과</a></li> </ul> <div id="schResult1" class="tabs-cont is-active"> <div class="scroll-area"> <div class="fnc-area"> <div class="l-area"> <p>전체 <em class="accent">23</em>건</p> </div> <div class="r-area"> <button type="button" class="btn sm">선택 미리보기</button> </div> </div> <div class="txt-none"> <figure> <img src="../../../../resources/front/site/SITE_00000/images/common/common/img_file_check.svg" alt="콘텐츠 없음" /> </figure> <p>검색 결과가 없습니다.</p> </div> <ul class="test-add-list scroll"> <li> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk1_1"> <label for="chk1_1">선택</label> </div> <div class="item"> <div class="txt-area"> <div class="label-area"> <span class="label">NO: 632060</span> <span class="label">세트문항</span> <span class="label">객관식(단일선택)</span> <span class="label red hover">매우 어려움</span> </div> <div class="editor-cont"> <a href="#none"> <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png" alt="" class="editor-img-math">(34px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png" alt="" class="editor-img-math">(42px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png" alt="" class="editor-img-math">(57px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png" alt="" class="editor-img-math">(62px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png" alt="" class="editor-img-math">(65px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png" alt="" class="editor-img-math">(79px) </a> </div> </div> </div> <div class="item"> <div class="txt-area"> <div class="label-area"> <span class="label">객관식(단일선택)</span> <span class="label red hover">매우 어려움</span> </div> <div class="editor-cont"> <a href="#none">1여러 가지 함수의<br>실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> </div> </div> </div> <div class="add-fnc"> <button type="button" class="btn sm circle ico-plus">추가</button> </div> </li> <li> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk1_2"> <label for="chk1_2">선택</label> </div> <div class="item"> <div class="txt-area"> <div class="label-area"> <span class="label">객관식(다중선택)</span> <span class="label red hover">어려움</span> </div> <p> <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> </p> </div> </div> <div class="add-fnc"> <button type="button" class="btn sm circle ico-plus">추가</button> </div> </li> <li> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk1_3"> <label for="chk1_3">선택</label> </div> <div class="item"> <div class="txt-area"> <div class="label-area"> <span class="label">주관식(단답형)</span> <span class="label blue hover">보통</span> </div> <p> <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> </p> </div> </div> <div class="add-fnc"> <button type="button" class="btn sm circle ico-plus">추가</button> </div> </li> <li> <div class="item"> <div class="txt-area"> <div class="label-area"> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk1_4"> <label for="chk1_4">선택</label> </div> <span class="label">O/X 퀴즈</span> <span class="label green hover">쉬움</span> </div> <p> <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> </p> </div> </div> <div class="add-fnc"> <button type="button" class="btn sm circle ico-plus">추가</button> </div> </li> <li> <div class="item"> <div class="txt-area"> <div class="label-area"> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk1_5"> <label for="chk1_5">선택</label> </div> <span class="label">그래프/그림 완성형</span> <span class="label green hover">매우 쉬움</span> </div> <p> <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> </p> </div> </div> <div class="add-fnc"> <button type="button" class="btn sm circle ico-plus">추가</button> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="c-area"> <button class="btn circle sm" title="평가지에 문항추가"> <i class="ico-arrow-right sm"><span class="txt-hide">추가</span></i> </button> </div> <div class="r-area bg-border-box wh"> <div class="box-body"> <div class="tit-area sm"> <div class="l-area"> <h3 class="tit-sm">평가지 문항</h3> </div> <div class="r-area"> <button type="button" class="btn-text"> 초기화 <i class="ico-refresh sm"></i> </button> </div> </div> <div class="fnc-area"> <div class="l-area"> <div class="checkradio"> <input type="checkbox" id="c1" /> <label for="c1">전체선택</label> </div> <div class="input-box"> <input type="number" style="width: 64px" class="align-right sm" title="점수 입력"> <span class="font-color-gray">점</span> </div> <button type="button" class="btn sm secondary">선택 일괄배점</button> </div> </div> <div class="scroll-area"> <div class="txt-none"> <p>좌측 영역에서 문항을 추가하세요.</p> </div> <ul class="test-add-list scroll ui-sortable" id="testAddList"> <li> <i class="ico-move ui-sortable-handle"></i> <div class="item"> <span class="label num">1</span> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk2_1"> <label for="chk2_1">선택</label> </div> <div class="txt-area"> <div class="label-area"> <span class="label">NO: 632060</span> <span class="label">객관식(단일선택)</span> <span class="label green hover">쉬움</span> </div> <p> <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> </p> </div> <div class="box-fnc"> <div class="input-box"> <input type="number" style="width: 64px" title="점수 입력" class="align-right"> <span class="font-color-gray">점</span> </div> <button class="btn sm circle danger ico-delete">삭제</button> </div> </div> <div class="item"> <span class="label num">2</span> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk2_2"> <label for="chk2_2">선택</label> </div> <div class="txt-area"> <div class="label-area"> <span class="label">객관식(단일선택)</span> <span class="label green hover">쉬움</span> </div> <div class="editor-cont"> <a href="#none"> <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math1.png" alt="" class="editor-img-math">(34px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math2.png" alt="" class="editor-img-math">(42px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math3.png" alt="" class="editor-img-math">(57px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math4.png" alt="" class="editor-img-math">(62px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math5.png" alt="" class="editor-img-math">(65px) <img src="../../../../resources/front/site/SITE_00000/images/temp/img_math6.png" alt="" class="editor-img-math">(79px) </a> </div> </div> <div class="box-fnc"> <div class="input-box"> <input type="number" style="width: 64px" title="점수 입력" class="align-right"> <span class="font-color-gray">점</span> </div> <button class="btn sm circle danger ico-delete">삭제</button> </div> </div> </li> <li> <i class="ico-move ui-sortable-handle"></i> <div class="item"> <span class="label num">3</span> <div class="checkradio"> <input type="checkbox" class="icon-only" id="chk2_3"> <label for="chk2_3">선택</label> </div> <div class="txt-area"> <div class="label-area"> <span class="label">객관식(단일선택)</span> <button type="button" class="relative-z" onclick="popupOpenPub('popup')"> <span class="label green hover">쉬움</span> </button> </div> <p> <a href="#none">여러 가지 함수의 실수배, 합, 차, 곱을 미분하고, 그 과정을 설명할 수 있다.</a> </p> </div> <div class="box-fnc"> <div class="input-box"> <input type="number" style="width: 64px" title="점수 입력" class="align-right"> <span class="font-color-gray">점</span> </div> <button class="btn sm circle danger ico-delete">삭제</button> </div> </div> </li> </ul> </div> </div> <div class="box-footer"> <p class="total-txt">총 <em>1</em> 문항 / 전체 <em>80</em> 점</p> </div> </div> </article> </section> <section class="section"> <header class="section-tit-area"> <div class="l-area"> <h3 class="title-lg">기타 정보</h3> </div> <div class="r-area"> <p class="msg"> <i class="required">*<span class="txt-hide">필수</span></i> 필수 입력 </p> </div> </header> <div class="write-type"> <table> <colgroup> <col style="width: 20rem"> <col> </colgroup> <tbody> <tr> <th scope="row"> 제목<i class="required">*<span class="txt-hide">필수</span></i> </th> <td> <input type="text" title="평가지 제목을 입력하세요." class="q4" placeholder="평가지 제목을 입력하세요." /> </td> </tr> <tr> <th scope="row"> 과목 정보<i class="required">*<span class="txt-hide">필수</span></i> </th> <td> <div class="achievecode-sch-area"></div> </td> </tr> <tr> <th scope="row"> 문항순서<i class="required">*<span class="txt-hide">필수</span></i> </th> <td> <fieldset class="checkradio-area"> <legend>문항순서 선택</legend> <div class="checkradio"> <input type="radio" id="r1_1" name="r1" checked /> <label for="r1_1">고정출력</label> </div> <div class="checkradio"> <input type="radio" id="r1_2" name="r1" /> <label for="r1_2" >무작위출력 <small >(평가지를 불러올 때 마다 랜덤으로 문항의 순서가 달라집니다.)</small ></label > </div> </fieldset> </td> </tr> <tr> <th scope="row"> 답가지순서<i class="required">*<span class="txt-hide">필수</span></i> </th> <td> <fieldset class="checkradio-area"> <legend>답가지순서 선택</legend> <div class="checkradio"> <input type="radio" id="r2_1" name="r2" checked /> <label for="r2_1">고정출력</label> </div> <div class="checkradio"> <input type="radio" id="r2_2" name="r2" /> <label for="r2_2" >무작위출력 <small >(문항를 불러올 때 마다 랜덤으로 답가지의 순서가 달라집니다.)</small ></label > </div> </fieldset> </td> </tr> </tbody> </table> </div> </section> <div class="btn-cont"> <button class="btn lg">취소</button> <button class="btn lg primary">저장</button> </div> </div> </div> </div> </div>  <div class="toast"></div>  <div class="dim"></div> </body> </html>