Site edit > design > mobile view > enable option prototype added.

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12128 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-11-05 09:57:34 +00:00
parent 4a8b2f96b9
commit fc891a8fe1
5 changed files with 52 additions and 71 deletions

View file

@ -1484,4 +1484,12 @@
<value xml:lang="ko"><![CDATA[모두 접기]]></value> <value xml:lang="ko"><![CDATA[모두 접기]]></value>
<value xml:lang="en"><![CDATA[Close All]]></value> <value xml:lang="en"><![CDATA[Close All]]></value>
</item> </item>
<item name="desktop_settings">
<value xml:lang="ko"><![CDATA[PC 설정]]></value>
<value xml:lang="en"><![CDATA[PC Settings]]></value>
</item>
<item name="mobile_settings">
<value xml:lang="ko"><![CDATA[모바일 설정]]></value>
<value xml:lang="en"><![CDATA[Mobile Settings]]></value>
</item>
</lang> </lang>

View file

@ -91,7 +91,7 @@ jQuery(function($){
} }
$this.parent('li').addClass('x_active').siblings().removeClass('x_active'); $this.parent('li').addClass('x_active').siblings().removeClass('x_active');
$this.closest('.x_nav-tabs').next('.x_tab-content').find('>.x_tab-pane').eq($this.attr('data-index')-1).addClass('x_active').show().siblings().removeClass('x_active').hide(); $this.closest('.x_nav-tabs').next('.x_tab-content').find('>.x_tab-pane').eq($this.attr('data-index')-1).addClass('x_active').show().siblings('.x_tab-pane').removeClass('x_active').hide();
$(this).parents('.x_tabbable').trigger('tab_change', [parseInt($(this).attr('data-index'))-1, $(this)]); $(this).parents('.x_tabbable').trigger('tab_change', [parseInt($(this).attr('data-index'))-1, $(this)]);

File diff suppressed because one or more lines are too long

View file

@ -189,14 +189,16 @@ body>.x{max-width:none !important}
/* Design */ /* Design */
#design ._site{display:none} #design ._site{display:none}
#design ._preview_form{margin:0} #design ._preview_form{margin:0}
#design .mvOption{margin-bottom:10px}
#design ul{margin-top:8px} #design ul{margin-top:8px}
#design .btnBoth{border:0} #design .btnBoth{border:0}
#design img{width:220px} #design img{width:220px}
#design .x_tab-pane{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:212px;height:160px;overflow:hidden;margin-right:18px} #design .shadow{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:212px;height:160px;overflow:hidden;margin-right:18px}
#design .x_tab-pane>iframe{border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.20,M22=0.20,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.20);-moz-transform-origin:0 0; -moz-transform: scale(.20);-0-transform-origin:0 0; -0-transform: scale(.20);position:absolute} #design .shadow>iframe{border:0;width:1024px;height:768px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.20,M22=0.20,SizingMethod='auto expand');-webkit-transform-origin:0 0; -webkit-transform: scale(.20);-moz-transform-origin:0 0; -moz-transform: scale(.20);-0-transform-origin:0 0; -0-transform: scale(.20);position:absolute}
#design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px} #design .x_icon-zoom-in{position:absolute;right:4px;bottom:4px;width:24px;height:24px;background-color:#fff;opacity:.75;filter:alpha(opacity:75);background-position:-331px 5px}
#design .x_icon-zoom-in:after{content:normal} #design .x_icon-zoom-in:after{content:normal}
#design .mask{position:absolute;width:100%;height:100%;top:0;left:0} #design .mask{position:absolute;width:100%;height:100%;top:0;left:0}
#design._mobile_view_disabled #mobile .shadow{display:none}
/* Layout */ /* Layout */
#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}

View file

@ -295,12 +295,17 @@
</ul> </ul>
<div class="x_tab-content"> <div class="x_tab-content">
<div class="x_tab-pane x_active" id="pc"> <div class="x_tab-pane x_active" id="pc">
<iframe name="_pc_preview_ifr" src="about:_blank"></iframe><i class="mask"></i> <div class="shadow">
<input type="submit" class="x_icon-zoom-in _pc_preview_open" value="{$lang->view_zoom}" /> <iframe name="_pc_preview_ifr" src="about:_blank"></iframe><i class="mask"></i>
<input type="submit" class="x_icon-zoom-in _pc_preview_open" value="{$lang->view_zoom}" />
</div>
</div> </div>
<div class="x_tab-pane" id="mobile"> <div class="x_tab-pane" id="mobile">
<iframe name="_mobile_preview_ifr" src="about:_blank" style="width:480px;height:800px;margin-left:60px"></iframe><i class="mask"></i> <label class="mvOption"><input type="checkbox" name="use_mobile" value="Y"> {$lang->use_mobile_view}</label>
<input type="submit" class="x_icon-zoom-in _mobile_preview_open" value="{$lang->view_zoom}" /> <div class="shadow">
<iframe name="_mobile_preview_ifr" src="about:_blank" style="width:480px;height:800px;margin-left:60px"></iframe><i class="mask"></i>
<input type="submit" class="x_icon-zoom-in _mobile_preview_open" value="{$lang->view_zoom}" />
</div>
</div> </div>
</div> </div>
</div> </div>
@ -316,7 +321,11 @@
</ul> </ul>
<div class="btnBoth" style="position:absolute;bottom:0;left:0;margin:0;width:100%"> <div class="btnBoth" style="position:absolute;bottom:0;left:0;margin:0;width:100%">
<button type="reset" class="x_btn x_btn-warning x_pull-left _btn_cancel">{$lang->cmd_cancel}</button> <button type="reset" class="x_btn x_btn-warning x_pull-left _btn_cancel">{$lang->cmd_cancel}</button>
<button type="button" class="x_btn x_btn-primary x_pull-right _btn_save">{$lang->cmd_save}</button> <button type="button" class="x_btn x_btn-primary x_pull-right _btn_save">
<span class="langDesktop">{$lang->desktop_settings}</span>
<span class="langMobile">{$lang->mobile_settings}</span>
{$lang->cmd_save}
</button>
</div> </div>
</div> </div>
</fieldset> </fieldset>
@ -2315,7 +2324,7 @@ jQuery(function($){
if(this !== ev.target) return; if(this !== ev.target) return;
// 데모용 // 데모용
$('#design .x_tabbable a[href="#mobile"]').parent().addClass('x_disabled'); // $('#design .x_tabbable a[href="#mobile"]').parent().addClass('x_disabled');
var sMenuId = $._xeAdminVar.sSelectedMenuSrl; var sMenuId = $._xeAdminVar.sSelectedMenuSrl;
var htInfo = htNodeInfo[sMenuId]; var htInfo = htNodeInfo[sMenuId];
@ -2362,13 +2371,33 @@ jQuery(function($){
$('#design').addClass('_mobile_view_disabled'); $('#design').addClass('_mobile_view_disabled');
// 데모용 // 데모용
$('#design .x_tabbable a[href="#mobile"]').parent().addClass('x_disabled'); // $('#design .x_tabbable a[href="#mobile"]').parent().addClass('x_disabled');
}else{ }else{
$('#design').removeClass('_mobile_view_disabled'); $('#design').removeClass('_mobile_view_disabled').find('.mvOption>:checkbox').attr('checked','checked');
// 데모용 // 데모용
$('#design .x_tabbable a[href="#mobile"]').parent().removeClass('x_disabled'); // $('#design .x_tabbable a[href="#mobile"]').parent().removeClass('x_disabled');
} }
// 데모용
$('.mvOption>:checkbox').change(function(){
var $design = $('#design');
if($(this).is(':checked')){
$design.removeClass('_mobile_view_disabled').find('.nav').show();
} else {
$design.addClass('_mobile_view_disabled').find('.nav').hide();
}
});
// 데모용
$('._preview_form .x_nav a').click(function(){
var $this = $(this);
if($this.is('[href="#pc"]')){
$('.langDesktop, #design .nav').show();
$('.langMobile').hide();
} else if($this.is('[href="#mobile"]')) {
$('.langDesktop, #design._mobile_view_disabled .nav').hide();
$('.langMobile').show();
}
});
if($._xeAdminVar.sOpenDeisgnWith && $._xeAdminVar.sOpenDeisgnWith === "M"){ if($._xeAdminVar.sOpenDeisgnWith && $._xeAdminVar.sOpenDeisgnWith === "M"){
$('#design .x_tabbable a[href="#mobile"]').click(); $('#design .x_tabbable a[href="#mobile"]').click();