Site edit '사이트 기본 레이아웃 사용' checked UI enhancement.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12209 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-11-13 12:21:45 +00:00
parent da4896fb1a
commit 00835f4915
2 changed files with 10 additions and 7 deletions

View file

@ -232,6 +232,9 @@ body>.x{max-width:none !important}
#layout li ul._edit_menu {display:none} #layout li ul._edit_menu {display:none}
#layout li.selected ul._edit_menu {display:block} #layout li.selected ul._edit_menu {display:block}
#layout .x_btn-group{border-top:1px solid #ddd;padding:10px 0} #layout .x_btn-group{border-top:1px solid #ddd;padding:10px 0}
#layout .list{position:relative}
#layout .mask{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;opacity:.5;filter:alpha(opacity=50);z-index:99}
#layout .disabled>.mask{display:block}
/* Message Box */ /* Message Box */
#msgBox {width:600px;margin-left:-300px} #msgBox {width:600px;margin-left:-300px}
#msgBox._small {width:400px;margin-left:-200px} #msgBox._small {width:400px;margin-left:-200px}

View file

@ -364,13 +364,13 @@
<script id="tmpl_layout_list_item_no_layout" type="text/x-jquery-tmpl"> <script id="tmpl_layout_list_item_no_layout" type="text/x-jquery-tmpl">
<li class="${Selected} _layoutItem"> <li class="${Selected} _layoutItem">
<label> <label>
<input type="radio" name="layout_item" title="{$lang->no_use_layout}"> {$lang->no_use_layout} <input type="radio" disabled="disabled" name="layout_item" title="{$lang->no_use_layout}"> {$lang->no_use_layout}
</label> </label>
</li> </li>
</script> </script>
<script id="tmpl_layout_list_item" type="text/x-jquery-tmpl"> <script id="tmpl_layout_list_item" type="text/x-jquery-tmpl">
<li class="${Selected} _layoutItem"> <li class="${Selected} _layoutItem">
<label><input type="radio" name="layout_item" title="${Title}"> ${Title}</label> <label><input type="radio" disabled="disabled" name="layout_item" title="${Title}"> ${Title}</label>
<button type="button" class="item _btnScreenshot" title="{$lang->about_apply_layout}"> <button type="button" class="item _btnScreenshot" title="{$lang->about_apply_layout}">
<img src="${ScreenShotURL}"> <img src="${ScreenShotURL}">
</button> </button>
@ -383,8 +383,9 @@
</li> </li>
</script> </script>
</ul> </ul>
<a href="#downloadLayout" data-admin-show="#downloadLayout" class="x_btn x_btn-link" style="position:absolute;right:5px;bottom:4px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->install_other_layouts}</a> <i class="mask"></i>
</div> </div>
<a href="#downloadLayout" data-admin-show="#downloadLayout" class="x_btn x_btn-link" style="position:absolute;right:5px;bottom:4px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->install_other_layouts}</a>
</div> </div>
</form> </form>
<button type="button" class="x_close" data-admin-hide="#layout">&times;</button> <button type="button" class="x_close" data-admin-hide="#layout">&times;</button>
@ -2769,7 +2770,7 @@ jQuery(function($){
return; return;
} }
$('#layout .list').hide(); $('#layout .list').show();
var htDesign = $._xeAdminVar.htSelectedMenuDesign; var htDesign = $._xeAdminVar.htSelectedMenuDesign;
var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P"; var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
@ -2798,14 +2799,13 @@ jQuery(function($){
function updateLayoutListDisplayStatus(){ function updateLayoutListDisplayStatus(){
$ChkBox = $('#layout ._chkUseDefaultLayout'); $ChkBox = $('#layout ._chkUseDefaultLayout');
if($ChkBox.attr('checked')){ if($ChkBox.attr('checked')){
$('#layout .list').hide(); $('#layout .list').addClass('disabled').find(':radio').attr('disabled','disabled');
updatePreview({ updatePreview({
sLayoutSrl : -1, sLayoutSrl : -1,
htLayoutData : {} htLayoutData : {}
}); });
}else{ }else{
$('#layout .list').show(); $('#layout .list').removeClass('disabled').find(':radio').removeAttr('disabled');
} }
} }
// sType: "P", "M" (PC/Mobile) // sType: "P", "M" (PC/Mobile)