File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
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: #ddd; }
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-image: url("img/temp/dot.gif"); background-repeat: no-repeat; position: relative; }
li:before { content: ''; position: absolute; width: 2px; height: 2px; background: #555; top: 13px; }
li span { display: block; color: #666; margin-top: -5px; padding-bottom: 8px; }
li { background-color: #ccc; 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.on:after,
li.off:after { content: ''; position: absolute; right: 10px; top: 8px; }
li.on:after { content: '+' }
li.off:after { content: '-' }
li.off ul { display: none; }
.ready, .ready a { color: #000; }
.design, .design a { color: pink; }
.mod, .mod a { color: red; }
.working, .working a { color: blue !important; }
.add, .add a { color: green; }
.temp, li.temp a { color: #ff6600; }
.x, .x a { color: #aaa; cursor: default; text-decoration: line-through; }
.before, .before a { color: #aaa; }
.guide { display: block; margin: 10px; font-size: 11px; }
.guide span { line-height: 1.5em; }
li time { color: #555; }
li.highlight { background-color: #a9c8fc }
li.highlight li { background-color: #d4e4fe }
.pubList { float: left; width: 350px; height: 100vh; overflow-y: scroll; }
.iframe-wrap { float: right; width: calc(100% - 350px); 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 src="../../resources/manage/js/jquery-3.6.0.min.js"></script>
<script>
window.onload = function () {
var body = document.body;
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 + "'>" + nm + "</a>" + child;
else obj[i].innerHTML = "<a href='" + lk + "' target='pubView'>" + nm + "</a>" + "<a href='" + lk + "' class='newWin' target='preview' title='open new window'>new window</a>" + "<time title='" + dateArr + "'>" + date + "</time>" + "<span>" + lk + "</span>" + child;
if (child != "") {
if (obj[i].getElementsByTagName("a")[0].addEventListener) obj[i].getElementsByTagName("a")[0].addEventListener('click', switchOnOff, false);
else obj[i].getElementsByTagName("a")[0].attachEvent('onclick', switchOnOff);
if (!$(obj[i]).hasClass('off')) {
$(obj[i]).addClass('on');
}
}
}
}
function switchOnOff(event) {
var target = (event.target) ? event.target : event.srcElement;
target = $(target).parent();
if (target.hasClass('on')) target.addClass('off').removeClass('on');
else target.addClass('on').removeClass('off');
}
function switchOnOffAll(event) {
var target = (event.target) ? event.target : event.srcElement;
if (target.innerHTML.indexOf("펼치기") != -1) {
target.innerHTML = target.innerHTML.replace("펼치기", "닫기");
$(".off").removeClass('off').addClass('on');
} else {
target.innerHTML = target.innerHTML.replace("닫기", "펼치기");
$(".on").removeClass('on').addClass('off');
}
}
</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>Btn,_guide/button.html</li>
<li>Icon,_guide/icon.html</li>
<li>Label,_guide/label.html</li>
<li>Select & Input,_guide/input.html</li>
<li>Component,_guide/component.html</li>
<li>popup,_guide/popup.html</li>
<li>list,_guide/list.html</li>
<li>write,_guide/write.html</li>
<li>loading,_guide/loading.html</li>
<li>error,_guide/error.html</li>
<li>sub_layout,_guide/sub_layout.html</li>
</ul>
</li>
</ul>
</div>
<div class="iframe-wrap">
<iframe id="pubView" name="pubView"></iframe>
</div>
<div class="cb"></div>
</body>
</html>