File name
Commit message
Commit date
File name
Commit message
Commit date
<html>
<head>
<title>publish list</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
body {
padding: 0;
margin: 0;
overflow-y: scroll;
font: 11px/1.2em "나눔고딕", NanumGothic, "맑은 고딕", "Malgun Gothic", Apple Gothic, "돋움", Dotum, "굴림", Gulim, sans-serif;
}
h1, h2 {
margin: 5px;
font-family: tahoma, sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: capitalize; /*capitalize | uppercase | lowercase | none*/
}
h2 {
font-size: 12px;
}
a {
text-decoration: none;
color: #aaa;
}
a.newWin {
width: 6px;
height: 6px;
display: inline-block;
text-indent: -9999px;
border: 1px solid #777;
margin: 0 5px;
vertical-align: middle;
position: relative;
}
a.newWin:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 1px;
bottom: 1px;
border: 1px solid #777;
background: #fff;
}
h1 a {
color: #000;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
body > ul {
border-bottom: 1px #555 solid;
display: none;
}
li {
display: block;
padding: 8px 0 0 0;
background-repeat: no-repeat;
position: relative;
}
li a:hover { text-decoration:underline; }
li:before {
content: '';
position: absolute;
width: 2px;
height: 2px;
background: #555;
top: 13px;
}
li span {
display: block;
color: #888;
margin-top: -5px;
padding-bottom: 8px;
font-size:10px;
}
li {
background-color: #aaa;
border-top: 1px #555 solid;
}
li li {
background-color: #ddd;
border-top: 1px #777 dotted;
}
li li li {
background-color: #e9e9e9;
border-top: 1px #999 dotted;
}
li li li li {
background-color: #eee;
border-top: 1px #bbb dotted;
}
li li li li li {
background-color: #f3f3f3;
border-top: 1px #ddd dotted;
}
li li li li li li {
background-color: #fff;
border-top: 1px #eee dotted;
}
li:before {
left: 10px;
}
li li:before {
left: 20px;
}
li li li:before {
left: 30px;
}
li li li li:before {
left: 40px;
}
li li li li li:before {
left: 50px;
}
li li li li li li:before {
left: 60px;
}
li a {
margin-bottom: 8px;
display: inline-block;
}
li span,
li a {
margin-left: 15px;
}
li li span,
li li a {
margin-left: 25px;
}
li li li span,
li li li a {
margin-left: 35px;
}
li li li li span,
li li li li a {
margin-left: 45px;
}
li li li li li span,
li li li li li a {
margin-left: 55px;
}
li li li li li li span,
li li li li li li a {
margin-left: 65px;
}
li.on:after,
li.off:after {
content: '';
position: absolute;
right: 10px;
top: 8px;
font-size:14px;
width:10px;
text-align:center;
}
li.on:after {
content: '+'
}
li.off:after {
content: '-'
}
li.off ul {
display: none;
}
.ready, .ready a { color: #000; }
.mod, .mod a { color: red; }
.design, .design a { color: pink; }
.working, .working a { color: blue; }
.add, .add a { color: green; }
.temp, li.temp a { color: #ff6600; }
.before, .before a { color: #aaa; }
.x, .x a {
color: #aaa;
cursor: default;
text-decoration: line-through;
}
.guide {
display: block;
margin: 10px;
font-size: 11px;
}
.guide span {
line-height: 1.5em;
}
li time {
color: #555;
}
li.highlight {
background-color: #ffffaa
}
li.highlight li {
/* background-color: #ffffee */
}
.pubList {
float: left;
width: 320px;
height: 100vh;
overflow-y: scroll;
}
.iframe-wrap {
float: right;
width: calc(100% - 320px);
padding: 0;
}
.iframe-wrap iframe {
width: 100%;
border: 0;
margin: 0;
padding: 0;
height: 100vh;
overflow: auto;
}
.cb {
clear: both;
}
/********design : 디자인 요청, mod : 변경, ready : 작업완료, temp : 임시파일, x : 삭제대상 ********/
</style>
<script>
window.onload = function () {
var body = document.body;
var obj = body.getElementsByTagName("ul")[0];
obj.style.display = "block";
writeLink(obj.getElementsByTagName("li"));
}
function writeLink(obj) {
for (var i = 0; i < obj.length; i++) {
var nm, lk, sp, date, dateArr;
if (obj[i].innerHTML.split("<")[0].search(",") != -1) {
nm = obj[i].innerHTML.split(",")[0];
lk = obj[i].innerHTML.split(",")[1].split("<")[0];
if (obj[i].innerHTML.split(",").length > 2) {
date = obj[i].innerHTML.split(",").slice(obj[i].innerHTML.split(",").length - 1, obj[i].innerHTML.split(",").length).join();
dateArr = obj[i].innerHTML.split(",").slice(2, obj[i].innerHTML.split(",").length).join();
sp = nm + "," + lk + "," + obj[i].innerHTML.split(",").slice(2, obj[i].innerHTML.split(",").length).join();
} else {
date = "";
sp = nm + "," + lk;
}
lk = lk;
} else {
nm = obj[i].innerHTML.split("<")[0];
lk = "#none"
sp = nm;
}
var child = obj[i].innerHTML.split(sp)[1];
if (lk == "javascript:;" || lk == "#none") {
obj[i].innerHTML = "<a href='" + lk + "' onclick='fncHighlight(this);'>" + nm + "</a>" + child;
} else {
obj[i].innerHTML = "<a href='" + lk + "' target='pubView' onclick='fncHighlight(this);'>" + nm + "</a>" + "<a href='" + lk + "' class='newWin' target='preview' title='open new window' onclick='fncHighlight(this);'>new window</a>" + "<time title='" + dateArr + "'>" + date + "</time>" + "<span>" + lk + "</span>" + child;
}
if (child !== "") {
var link = obj[i].getElementsByTagName("a")[0];
link.addEventListener('click', switchOnOff, false);
var li = obj[i];
if (!li.classList.contains('off')) {
li.classList.add('on');
}
}
}
}
function switchOnOff(event) {
var target = event.target;
var parent = target.closest('li');
if (parent.classList.contains('on')) {
parent.classList.add('off');
parent.classList.remove('on');
} else {
parent.classList.add('on');
parent.classList.remove('off');
}
}
function switchOnOffAll(event) {
var target = event.target;
if (target.innerHTML.indexOf("펼치기") !== -1) {
target.innerHTML = target.innerHTML.replace("펼치기", "닫기");
var offItems = document.querySelectorAll('.off');
offItems.forEach(function(item) {
item.classList.remove('off');
item.classList.add('on');
});
} else {
target.innerHTML = target.innerHTML.replace("닫기", "펼치기");
var onItems = document.querySelectorAll('.on');
onItems.forEach(function(item) {
item.classList.remove('on');
item.classList.add('off');
});
}
}
function fncHighlight(obj) {
var highlighted = document.querySelectorAll('.highlight');
highlighted.forEach(function(item) {
item.classList.remove('highlight');
});
var closestLi = obj.closest('li');
closestLi.classList.add('highlight');
}
</script>
</head>
<body>
<div class="pubList">
<h1><a href="index.html" target="_parent">publish list</a></h1>
<h2>publish</h2>
<div class="guide">
<span class="ready">■ 검은색 - 퍼블리싱 완료</span><br>
<span class="before">■ 회색 - 작업전</span><br>
<span class="working">■ 파란색 - 작업중</span><br>
<span class="design">■ 분홍색 - 기획 확인 필요</span><br>
<span class="mod">■ 빨간색 - 수정됨</span><br>
<span class="add">■ 초록색 - 추가</span><br><br>
<span class="x">■ 작업안함</span><br><br>
<a href="#none" title="전체 목록 토글" onclick="switchOnOffAll(event);">전체 펼치기</a>
</div>
<ul class="ready">
<li>
Guide
<ul>
<li>Guide,common/_guide/guide.html</li>
<li>sub_layout,common/sub/layout.html</li>
<li>list,common/sub/list.html</li>
<li>성취기준 검색,common/sub/achievecode.html</li>
<li class="before">Error,common/_guide/error.html</li>
<li class="before">loading,common/_guide/loading.html</li>
</ul>
</li>
<li>
common
<ul>
<li>메인</li>
<li>시설예약</li>
<li>회원계</li>
</ul>
</li>
<li>
선생님
<ul>
<li>수강신청
<ul>
<li>수강신청</li>
<li>과정 개설하기</li>
<li>[팝업]선생님 찾기</li>
<li>[팝업]수업시간 선택</li>
<li>[팝업]평가방법 추가</li>
<li>[팝업]자유게시판 추가</li>
</ul>
</li>
<li>강의
<ul>
<li>홈
<ul>
<li>홈</li>
<li>과정 수정</li>
<li>[팝업]자유게시판 설정</li>
<li>[팝업]게시판 삭제</li>
<li>[팝업]과정 폐강</li>
<li>[팝업]출석QR코드</li>
<li>멤버관리
<ul>
<li>수강생 관리</li>
<li>[팝업]거절사유</li>
<li>초대하기</li>
<li>[팝업]학생찾기</li>
<li>청강생 관리</li>
<li>팀티처 관리</li>
<li>모둠 관리</li>
<li>모둠 만들기</li>
</ul>
</li>
</ul>
</li>
<li>수업
<ul>
<li>수업</li>
<li>상세보기</li>
<li>[팝업]수업완료 리스트</li>
<li>수업 만들기</li>
<li>[팝업]수업 설계안 가져오기</li>
<li>[뷰어]수업설계
<ul>
<li>수업설계</li>
<li>수업설계-영상</li>
<li>수업설계-이미지</li>
<li>수업설계-판서</li>
<li>수업설계-문서</li>
<li>수업설계-링크</li>
<li>[팝업]파일 업로드</li>
<li>[팝업]링크추가</li>
<li>[팝업]나의 보관함에서 추가</li>
<li>[팝업]콘텐츠에서 검색</li>
<li>[팝업]채팅</li>
</ul>
</li>
<li>[뷰어]공동문서편집
<ul>
<li>공동문서편집</li>
<li>[팝업]그룹설정</li>
<li>[팝업]글쓰기</li>
</ul>
</li>
</ul>
</li>
<li>과제
<ul>
<li>과제</li>
<li>상세보기</li>
<li>[팝업]제출 현황</li>
<li>과제 만들기</li>
<li>[팝업]과제 가져오기</li>
<li>제출 과제보기</li>
<li>[팝업]점수 확인</li>
<li>[팝업]과제물 조회/평가</li>
<li>[팝업]과제물 조회/평가-지정서식</li>
</ul>
</li>
<li>평가
<ul>
<li>평가</li>
<li>상세보기</li>
<li>[뷰어]평가지 미리보기</li>
<li>[팝업]풀이완료 리스트</li>
<li>문제풀이 결과</li>
<li>체점하기</li>
<li>평가 만들기</li>
<li>[팝업]나의 보관함에서 추가</li>
<li>[팝업]평가 가져오기</li>
</ul>
</li>
<li>공지사항
<ul>
<li>공지사항</li>
<li>상세보기</li>
<li>글쓰기</li>
</ul>
</li>
<li>질의응답
<ul>
<li>질의응답</li>
<li>문의하기</li>
</ul>
</li>
<li>자유게시판
<ul>
<li>자유게시판</li>
<li>상세</li>
<li>글쓰기</li>
</ul>
</li>
</ul>
</li>
<li>나의보관함</li>
<li>마이페이지</li>
</ul>
</li>
<li>
학생
<ul>
<li>과정신청</li>
<li>나의보관함</li>
<li>마이페이지</li>
</ul>
</li>
</ul>
</div>
<div class="iframe-wrap">
<iframe id="pubView" name="pubView"></iframe>
</div>
<div class="cb"></div>
</body>
</html>