mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-20 19:59:54 +09:00
Issue 2444. multilingual layer UI modify.
git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@11467 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
6a4e458710
commit
db32912966
5 changed files with 128 additions and 81 deletions
|
|
@ -51,6 +51,34 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
|
|||
.x>.body>.gnb.all>a>i,
|
||||
.x>.body>.gnb>ul>li.open>a:before,
|
||||
.x>.body>.gnb>ul>li.active>a:before{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat}
|
||||
/* Rotation 360 */
|
||||
.x .rotation{
|
||||
animation:ROTATION infinite 2s linear;
|
||||
-webkit-animation:ROTATION infinite 2s linear;
|
||||
-moz-animation:ROTATION infinite 1s linear;
|
||||
-o-animation:ROTATION infinite 1s linear;
|
||||
-ms-animation:ROTATION infinite 1s linear;
|
||||
}
|
||||
@keyframes ROTATION{
|
||||
from{transform:rotate(0deg)}
|
||||
to{transform:rotate(360deg)}
|
||||
}
|
||||
@-webkit-keyframes ROTATION{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
@-moz-keyframes ROTATION{
|
||||
from{-moz-transform:rotate(0deg)}
|
||||
to{-moz-transform:rotate(360deg)}
|
||||
}
|
||||
@-o-keyframes ROTATION{
|
||||
from{-o-transform:rotate(0deg)}
|
||||
to{-o-transform:rotate(360deg)}
|
||||
}
|
||||
@-ms-keyframes ROTATION{
|
||||
from{-o-transform:rotate(0deg)}
|
||||
to{-o-transform:rotate(360deg)}
|
||||
}
|
||||
/* Layout */
|
||||
.x{box-shadow:0 0 5px #999;border-radius:5px}
|
||||
.x>.skipNav{margin:0}
|
||||
|
|
@ -192,6 +220,11 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
|
|||
.x .dashboard>section:nth-child(odd),
|
||||
.x .dashboard>section:nth-child(even){float:none;width:auto}
|
||||
}
|
||||
.x .multilingual>select{display:none}
|
||||
.x .multilingual>label.x_add-on>input[type="checkbox"]{opacity:0;filter:alpha(opacity=0);position:relative;z-index:2}
|
||||
.x .multilingual>label.x_add-on{font-size:0;position:relative}
|
||||
.x .multilingual>label.x_add-on>i{position:absolute;top:50%;left:50%;margin:-7px 0 0 -7px;z-index:1;opacity:.25;filter:alpha(opacity=25)}
|
||||
.x .multilingual>label.x_add-on.checked>i{opacity:1;filter:alpha(opacity=100)}
|
||||
.x .multilingual_item>.en{background:url(../img/flag.en.gif) no-repeat right center}
|
||||
.x .multilingual_item>.ko{background:url(../img/flag.ko.gif) no-repeat right center}
|
||||
.x .multilingual_item>.jp{background:url(../img/flag.jp.gif) no-repeat right center}
|
||||
|
|
|
|||
33
modules/admin/tpl/css/admin.min.css
vendored
33
modules/admin/tpl/css/admin.min.css
vendored
|
|
@ -51,6 +51,34 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
|
|||
.x>.body>.gnb.all>a>i,
|
||||
.x>.body>.gnb>ul>li.open>a:before,
|
||||
.x>.body>.gnb>ul>li.active>a:before{background-image:url(../../../../common/img/glyphicons-halflings-white.png);background-repeat:no-repeat}
|
||||
/* Rotation 360 */
|
||||
.x .rotation{
|
||||
animation:ROTATION infinite 2s linear;
|
||||
-webkit-animation:ROTATION infinite 2s linear;
|
||||
-moz-animation:ROTATION infinite 1s linear;
|
||||
-o-animation:ROTATION infinite 1s linear;
|
||||
-ms-animation:ROTATION infinite 1s linear;
|
||||
}
|
||||
@keyframes ROTATION{
|
||||
from{transform:rotate(0deg)}
|
||||
to{transform:rotate(360deg)}
|
||||
}
|
||||
@-webkit-keyframes ROTATION{
|
||||
from{-webkit-transform:rotate(0deg)}
|
||||
to{-webkit-transform:rotate(360deg)}
|
||||
}
|
||||
@-moz-keyframes ROTATION{
|
||||
from{-moz-transform:rotate(0deg)}
|
||||
to{-moz-transform:rotate(360deg)}
|
||||
}
|
||||
@-o-keyframes ROTATION{
|
||||
from{-o-transform:rotate(0deg)}
|
||||
to{-o-transform:rotate(360deg)}
|
||||
}
|
||||
@-ms-keyframes ROTATION{
|
||||
from{-o-transform:rotate(0deg)}
|
||||
to{-o-transform:rotate(360deg)}
|
||||
}
|
||||
/* Layout */
|
||||
.x{box-shadow:0 0 5px #999;border-radius:5px}
|
||||
.x>.skipNav{margin:0}
|
||||
|
|
@ -192,6 +220,11 @@ body>.x,.x label,.x table,.x input,.x textarea,.x select,.x button{font-size:13p
|
|||
.x .dashboard>section:nth-child(odd),
|
||||
.x .dashboard>section:nth-child(even){float:none;width:auto}
|
||||
}
|
||||
.x .multilingual>select{display:none}
|
||||
.x .multilingual>label.x_add-on>input[type="checkbox"]{opacity:0;filter:alpha(opacity=0);position:relative;z-index:2}
|
||||
.x .multilingual>label.x_add-on{font-size:0;position:relative}
|
||||
.x .multilingual>label.x_add-on>i{position:absolute;top:50%;left:50%;margin:-7px 0 0 -7px;z-index:1;opacity:.25;filter:alpha(opacity=25)}
|
||||
.x .multilingual>label.x_add-on.checked>i{opacity:1;filter:alpha(opacity=100)}
|
||||
.x .multilingual_item>.en{background:url(../img/flag.en.gif) no-repeat right center}
|
||||
.x .multilingual_item>.ko{background:url(../img/flag.ko.gif) no-repeat right center}
|
||||
.x .multilingual_item>.jp{background:url(../img/flag.jp.gif) no-repeat right center}
|
||||
|
|
|
|||
|
|
@ -89,22 +89,29 @@ jQuery(function($){
|
|||
contentBugFix();
|
||||
});
|
||||
// Multilingual
|
||||
var $mlCheck = $('.multilingual>label>input[type="checkbox"]');
|
||||
function multilingual(){
|
||||
$('.multilingual').each(function(){
|
||||
$mlCheck.each(function(event){
|
||||
var $this = $(this);
|
||||
var $input = $this.parent('label').next('input, textarea');
|
||||
var $fieldset = $this.parent('label').siblings('fieldset:first');
|
||||
var $input = $label.siblings('input[type="text"]:first');
|
||||
var $select = $label.siblings('select:first');
|
||||
var $label = $this.parent('label'); // Checkbox label
|
||||
var $fieldset = $this.closest('.multilingual').siblings('.multilingual_item:first'); // Multilingual list
|
||||
if($this.is(':checked')){
|
||||
$input.hide();
|
||||
$select.show();
|
||||
$label.addClass('checked');
|
||||
$fieldset.show();
|
||||
} else {
|
||||
$input.show();
|
||||
$select.hide();
|
||||
$label.removeClass('checked');
|
||||
$fieldset.hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
multilingual();
|
||||
$('.multilingual').change(multilingual);
|
||||
$mlCheck.change(multilingual);
|
||||
// Check All
|
||||
$('th>input[type="checkbox"]').change(function(){
|
||||
var $this =$(this);
|
||||
|
|
|
|||
15
modules/admin/tpl/js/admin.min.js
vendored
15
modules/admin/tpl/js/admin.min.js
vendored
|
|
@ -89,22 +89,29 @@ jQuery(function($){
|
|||
contentBugFix();
|
||||
});
|
||||
// Multilingual
|
||||
var $mlCheck = $('.multilingual>label>input[type="checkbox"]');
|
||||
function multilingual(){
|
||||
$('.multilingual').each(function(){
|
||||
$mlCheck.each(function(event){
|
||||
var $this = $(this);
|
||||
var $input = $this.parent('label').next('input, textarea');
|
||||
var $fieldset = $this.parent('label').siblings('fieldset:first');
|
||||
var $input = $label.siblings('input[type="text"]:first');
|
||||
var $select = $label.siblings('select:first');
|
||||
var $label = $this.parent('label'); // Checkbox label
|
||||
var $fieldset = $this.closest('.multilingual').siblings('.multilingual_item:first'); // Multilingual list
|
||||
if($this.is(':checked')){
|
||||
$input.hide();
|
||||
$select.show();
|
||||
$label.addClass('checked');
|
||||
$fieldset.show();
|
||||
} else {
|
||||
$input.show();
|
||||
$select.hide();
|
||||
$label.removeClass('checked');
|
||||
$fieldset.hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
multilingual();
|
||||
$('.multilingual').change(multilingual);
|
||||
$mlCheck.change(multilingual);
|
||||
// Check All
|
||||
$('th>input[type="checkbox"]').change(function(){
|
||||
var $this =$(this);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue