mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 19:51:42 +09:00
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
parent
4a8b2f96b9
commit
fc891a8fe1
5 changed files with 52 additions and 71 deletions
|
|
@ -1484,4 +1484,12 @@
|
|||
<value xml:lang="ko"><![CDATA[모두 접기]]></value>
|
||||
<value xml:lang="en"><![CDATA[Close All]]></value>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@ jQuery(function($){
|
|||
}
|
||||
|
||||
$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)]);
|
||||
|
||||
|
|
|
|||
60
modules/admin/tpl/js/admin.min.js
vendored
60
modules/admin/tpl/js/admin.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -189,14 +189,16 @@ body>.x{max-width:none !important}
|
|||
/* Design */
|
||||
#design ._site{display:none}
|
||||
#design ._preview_form{margin:0}
|
||||
#design .mvOption{margin-bottom:10px}
|
||||
#design ul{margin-top:8px}
|
||||
#design .btnBoth{border:0}
|
||||
#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 .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{position:relative;box-shadow:0 0 4px #999 inset;padding:4px;width:212px;height:160px;overflow:hidden;margin-right:18px}
|
||||
#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:after{content:normal}
|
||||
#design .mask{position:absolute;width:100%;height:100%;top:0;left:0}
|
||||
#design._mobile_view_disabled #mobile .shadow{display:none}
|
||||
/* Layout */
|
||||
#layout li ul._edit_menu {display:none}
|
||||
#layout li.selected ul._edit_menu {display:block}
|
||||
|
|
|
|||
|
|
@ -295,12 +295,17 @@
|
|||
</ul>
|
||||
<div class="x_tab-content">
|
||||
<div class="x_tab-pane x_active" id="pc">
|
||||
<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 class="shadow">
|
||||
<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 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>
|
||||
<input type="submit" class="x_icon-zoom-in _mobile_preview_open" value="{$lang->view_zoom}" />
|
||||
<label class="mvOption"><input type="checkbox" name="use_mobile" value="Y"> {$lang->use_mobile_view}</label>
|
||||
<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>
|
||||
|
|
@ -316,7 +321,11 @@
|
|||
</ul>
|
||||
<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="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>
|
||||
</fieldset>
|
||||
|
|
@ -2315,7 +2324,7 @@ jQuery(function($){
|
|||
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 htInfo = htNodeInfo[sMenuId];
|
||||
|
|
@ -2362,13 +2371,33 @@ jQuery(function($){
|
|||
$('#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{
|
||||
$('#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"){
|
||||
$('#design .x_tabbable a[href="#mobile"]').click();
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue