mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-08 19:42:15 +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:
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="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>
|
||||||
|
|
|
||||||
|
|
@ -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)]);
|
||||||
|
|
||||||
|
|
|
||||||
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 */
|
||||||
#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}
|
||||||
|
|
|
||||||
|
|
@ -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();
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue