Issue 2444. Panel UI update. #auth

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11385 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-09-19 09:52:16 +00:00
parent 8245d5c3e4
commit 521866670a

View file

@ -23,18 +23,18 @@
<li id="${MenuId}">
<a href="#">${MenuTitle}</a>
<span class="side">
<button data-toggle="#add" data-param='{ "sMenuId":"${MenuId}","sNodeType":"${NodeType}" }'>메뉴추가</button>
<button data-toggle="${Target}" data-param='{ "sMenuId":"${MenuId}","sNodeType":"${NodeType}" }'>속성편집</button>
<button type="button" class="addItem" data-toggle="#add" data-param='{ "sMenuId":"${MenuId}","sNodeType":"${NodeType}" }'>메뉴추가</button>
<button type="button" class="showProp" data-toggle="${Target}" data-param='{ "sMenuId":"${MenuId}","sNodeType":"${NodeType}" }'>속성편집</button>
</span>
{{html SubTree}}
</li>
</script>
</section>
<div class="x_btn-group" style="margin:15px 0;padding:10px 0;border-top:1px solid #ccc;text-align:right">
<div class="x_btn-group">
<button type="button" class="x_btn x_btn-small x_btn-inverse"><i class="x_icon-plus x_icon-white"></i> 사이트맵 추가</button>
</div>
</div>
<div class="col" id="add_root">
<div class="col" id="propertiesRoot">
<section>
<h1><a href="#" target="_blank">{사이트맵 이름}</a></h1>
<ul class="nav">
@ -43,7 +43,7 @@
<li><button type="button">삭제</button></li>
</ul>
</section>
<button type="button" class="x_close" data-hide="#add_root">&times;</button>
<button type="button" class="x_close" data-hide="#propertiesRoot">&times;</button>
</div>
<div class="col" id="properties">
<section>
@ -74,7 +74,7 @@
<li><a href="#add_page" data-show="#add_page">게시판 <i class="x_icon-circle-arrow-right"></i></a></li>
<li><a href="#add_url" data-show="#add_url">URL 링크 <i class="x_icon-circle-arrow-right"></i></a></li>
</ul>
<div class="x_btn-group" style="margin:0;padding:10px 0;text-align:right">
<div class="x_btn-group">
<a href="#download" class="x_btn x_btn-small x_btn-inverse" data-show="#download"><i class="x_icon-plus x_icon-white"></i> 다른 메뉴타입설치</a>
</div>
</section>
@ -97,7 +97,7 @@
<input id="menuId" type="text" required placeholder="생략시 임의값 사용" />
</li>
</ul>
<div class="x_btn-group" style="margin:0;padding:10px 0;border-top:1px solid #ccc;text-align:right">
<div class="x_btn-group">
<button type="button" class="x_btn x_btn-small x_btn-primary">확인</button>
</div>
</fieldset>
@ -128,7 +128,7 @@
</div>
</li>
</ul>
<div class="x_btn-group" style="margin:0;padding:10px 0;border-top:1px solid #ccc;text-align:right">
<div class="x_btn-group">
<button type="button" class="x_btn x_btn-small x_btn-primary">확인</button>
</div>
</fieldset>
@ -163,10 +163,98 @@
</section>
<button type="button" class="x_close" data-hide="#download">&times;</button>
</div>
<div class="col" id="default">
<section>
<h1>기본 설정</h1>
</section>
<button type="button" class="x_close" data-hide="#default">&times;</button>
</div>
<div class="col" id="imgbtn">
<section>
<h1>이미지 버튼</h1>
</section>
<button type="button" class="x_close" data-hide="#imgbtn">&times;</button>
</div>
<div class="col" id="design">
<section>
<h1>디자인</h1>
</section>
<button type="button" class="x_close" data-hide="#design">&times;</button>
</div>
<div class="col" id="auth">
<section>
<h1>권한</h1>
<ul>
<li>
<label for="authMenu">메뉴 노출 대상</label>
<select id="authMenu">
<option value="all">모든 사용자</option>
<option value="loged">로그인 사용자</option>
<option value="selected">선택그룹 사용자</option>
</select>
<div class="selected x_hide">
<label><input type="checkbox" title="관리그룹"> 관리그룹</label>
<label><input type="checkbox" title="정회원"> 정회원</label>
<label><input type="checkbox" title="준회원"> 준회원</label>
</div>
</li>
<li>
<label for="displayMenu">글읽기</label>
<select id="displayMenu">
<option value="all">모든 사용자</option>
<option value="loged">로그인 사용자</option>
<option value="selected">선택그룹 사용자</option>
</select>
<div class="selected x_hide">
<label><input type="checkbox" title="관리그룹"> 관리그룹</label>
<label><input type="checkbox" title="정회원"> 정회원</label>
<label><input type="checkbox" title="준회원"> 준회원</label>
</div>
</li>
<li>
<label for="authWrite">글쓰기</label>
<select id="authWrite">
<option value="all">모든 사용자</option>
<option value="loged">로그인 사용자</option>
<option value="selected">선택그룹 사용자</option>
</select>
<div class="selected x_hide">
<label><input type="checkbox" title="관리그룹"> 관리그룹</label>
<label><input type="checkbox" title="정회원"> 정회원</label>
<label><input type="checkbox" title="준회원"> 준회원</label>
</div>
</li>
<li>
<label for="authReply">댓글쓰기</label>
<select id="authReply">
<option value="all">모든 사용자</option>
<option value="loged">로그인 사용자</option>
<option value="selected">선택그룹 사용자</option>
</select>
<div class="selected x_hide">
<label><input type="checkbox" title="관리그룹"> 관리그룹</label>
<label><input type="checkbox" title="정회원"> 정회원</label>
<label><input type="checkbox" title="준회원"> 준회원</label>
</div>
</li>
</ul>
<div class="x_btn-group">
<button type="button" class="x_btn x_btn-small x_btn-primary">확인</button>
</div>
</section>
<button type="button" class="x_close" data-hide="#auth">&times;</button>
</div>
<div class="col" id="details">
<section>
<h1>상세 설정</h1>
</section>
<button type="button" class="x_close" data-hide="#details">&times;</button>
</div>
</div>
<style>
/* Site */
#site{position:relative;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
#site .x_btn-group{text-align:right;padding:10px 0;margin:15px 0;border-top:1px solid #ccc}
.col{display:inline-block;vertical-align:top;position:relative;white-space:normal;height:100%;min-width:220px;padding:10px 25px 10px 10px;margin:0 4px 0 0;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd}
.col>*>h1{line-height:30px;font-size:16px;border-bottom:2px solid #666;margin:0;color:#333}
.col>*>ul{margin:0;padding:0;list-style:none}
@ -192,8 +280,8 @@
/* li>.side */
.mapi .side{position:absolute;z-index:2;top:0;right:0;line-height:0}
.mapi .side>button{border:0;border-radius:3px;width:23px;height:23px;overflow:hidden;font-size:0;line-height:0;text-indent:24px;background:url({getUrl('')}common/img/glyphicons-halflings.png) no-repeat;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}
.mapi .side>button[data-toggle="#add"]{background-position:4px -91px}
.mapi .side>button[data-toggle="#info"]{background-position:-428px 5px}
.mapi .side>button.addItem{background-position:4px -91px}
.mapi .side>button.showProp{background-position:-428px 5px}
.mapi .side>button:hover,
.mapi .side>button:focus{background-color:#333;background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png)}
/* Plugin style override */
@ -214,12 +302,11 @@
.col .nav li>a:focus>i,
.col .nav li.active>a>i{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png);background-repeat:no-repeat;opacity:1;filter:alpha(opacity=100)}
/* Properties */
#properties ul{margin:15px 0 0 0;padding:0 0 8px 0;border-bottom:1px solid #ddd}
#properties ul{margin:8px 0 0 0;padding:0 0 8px 0;border-bottom:1px solid #ddd}
#properties li{position:relative;white-space:nowrap}
#properties li.navitem>a,
#properties li.navitem>button{margin:0 -8px}
#properties li>strong{margin:0 0 0 8px}
#properties li>a,
#properties li>button{position:relative;display:block;padding:0 8px;height:30px;line-height:30px;background-color:transparent;border:0;text-align:left;text-decoration:none}
#properties li>button{color:#000;position:relative;display:block;padding:0 8px;height:30px;line-height:30px;background-color:transparent;border:0;text-align:left;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}
#properties li>a{padding:0 24px 0 8px}
#properties li.add{border:1px solid #ddd;border-left:0;border-right:0;margin-top:8px;margin-bottom:8px}
#properties li.default{margin:8px 0 0 0;padding-top:8px;border-top:1px solid #ddd}
@ -237,6 +324,8 @@
#properties li>*:active>i,
#properties li>*:focus>i,
#properties li.active>*>i{background-image:url({getUrl('')}common/img/glyphicons-halflings-white.png);opacity:1;filter:alpha(opacity=100)}
/* Add */
#add>*>.x_btn-group{border:0;padding:0}
/* Add Page */
#add_page ul{margin:15px 0}
/* Add URL */
@ -255,6 +344,14 @@
#download a.x_icon-download-alt:hover,
#download a.x_icon-download-alt:focus{background-color:#333}
#download p>i{font-style:normal;color:#ccc}
/* Auth */
#auth ul{margin:15px 0}
#auth li{border-top:1px solid #ddd;margin:0 0 15px 0;padding:15px 0 0 0}
#auth li:first-child{border:0}
#auth label:first-child{font-weight:bold}
#auth select{padding:0;width:100%}
#auth label{cursor:pointer}
#auth label>input[type="checkbox"]{margin:0}
</style>
<!--[if IE 7]>
<script>
@ -539,6 +636,16 @@ setTimeout(function(){
}
});
});
// Auth
$('#auth select').change(function(){
var $this = $(this);
var $selected = $this.next('.selected');
if($this.find('>option:selected').val() == 'selected'){
$selected.show();
} else {
$selected.hide();
}
});
});
//]]>
</script>