Multilingual UI debugging.

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8876 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2011-08-25 04:16:12 +00:00
parent 0ff789ed42
commit 14d0daa285
4 changed files with 546 additions and 27 deletions

View file

@ -294,8 +294,8 @@ button.text{border:0;overflow:visible;padding:0;margin:0;color:#33a;background:n
/* Dashboard */ /* Dashboard */
.dashboard{position:relative;float:none;width:auto;margin-left:-230px} .dashboard{position:relative;float:none;width:auto;margin-left:-230px}
.dashboard .portlet{float:left;width:48%;margin-right:1em} .dashboard .portlet{float:left;width:48%;margin-right:1em}
.dashboard .portlet:nth-of-type(odd){ float:left;width:49%;margin-right:0} .dashboard .portlet:nth-of-type(odd){float:left;width:49%;margin-right:0}
.dashboard .portlet:nth-of-type(even){ float:right;width:49%;margin-right:0} .dashboard .portlet:nth-of-type(even){float:right;width:49%;margin-right:0}
/* Search */ /* Search */
.search{zoom:1} .search{zoom:1}
.search:after{content:"";display:block;clear:both} .search:after{content:"";display:block;clear:both}
@ -358,9 +358,9 @@ button.text{border:0;overflow:visible;padding:0;margin:0;color:#33a;background:n
.siteMap li li li li li li li li li li li li .hr{left:336px} .siteMap li li li li li li li li li li li li .hr{left:336px}
.siteMap .side{padding-top:0 !important;padding-bottom:0 !important;line-height:30px;background:transparent !important} .siteMap .side{padding-top:0 !important;padding-bottom:0 !important;line-height:30px;background:transparent !important}
.siteMap .side button{text-indent:0;line-height:1} .siteMap .side button{text-indent:0;line-height:1}
.siteMap .tgMap{position:absolute; top:12px; right:1em; padding:0 16px 0 0; line-height:16px; background:url(../img/iconArrow.gif) no-repeat right -126px} .siteMap .tgMap{position:absolute;top:12px;right:1em;padding:0 16px 0 0;line-height:16px;background:url(../img/iconArrow.gif) no-repeat right -126px}
.siteMap.fold .tgMap{background-position:right -158px} .siteMap.fold .tgMap{background-position:right -158px}
.siteMap.fold .h2{border-bottom-color:#fff; border-radius:5px} .siteMap.fold .h2{border-bottom-color:#fff;border-radius:5px}
.siteMap .placeholder{background:#bbb} .siteMap .placeholder{background:#bbb}
.siteMap .draggable, .siteMap .draggable,
.siteMap .draggable .moveTo{background-color:#ddd} .siteMap .draggable .moveTo{background-color:#ddd}
@ -378,8 +378,7 @@ button.text{border:0;overflow:visible;padding:0;margin:0;color:#33a;background:n
.langEdit p, .langEdit .btnArea{white-space:normal} .langEdit p, .langEdit .btnArea{white-space:normal}
.langEdit li.en input, .mLangEdit li.en textarea{background:url(../img/flag.us.gif) no-repeat 99% 5px} .langEdit li.en input, .mLangEdit li.en textarea{background:url(../img/flag.us.gif) no-repeat 99% 5px}
.langEdit li.ko input, .mLangEdit li.ko textarea{background:url(../img/flag.kr.gif) no-repeat 99% 5px} .langEdit li.ko input, .mLangEdit li.ko textarea{background:url(../img/flag.kr.gif) no-repeat 99% 5px}
.langEdit li.ja input, .mLangEdit li.ja textarea{background:url(../img/flag.jp.gif) no-repeat 99% 5px} .langEdit li.jp input, .mLangEdit li.jp textarea{background:url(../img/flag.jp.gif) no-repeat 99% 5px}
.langEdit li.zh input, .mLangEdit li.zh textarea{background:url(../img/flag.cn.gif) no-repeat 99% 5px}
.langEdit li.fr input, .mLangEdit li.fr textarea{background:url(../img/flag.fr.gif) no-repeat 99% 5px} .langEdit li.fr input, .mLangEdit li.fr textarea{background:url(../img/flag.fr.gif) no-repeat 99% 5px}
.langEdit li.de input, .mLangEdit li.de textarea{background:url(../img/flag.de.gif) no-repeat 99% 5px} .langEdit li.de input, .mLangEdit li.de textarea{background:url(../img/flag.de.gif) no-repeat 99% 5px}
.langEdit li.ru input, .mLangEdit li.ru textarea{background:url(../img/flag.ru.gif) no-repeat 99% 5px} .langEdit li.ru input, .mLangEdit li.ru textarea{background:url(../img/flag.ru.gif) no-repeat 99% 5px}
@ -387,10 +386,10 @@ button.text{border:0;overflow:visible;padding:0;margin:0;color:#33a;background:n
.langEdit li.tr input, .mLangEdit li.tr textarea{background:url(../img/flag.tr.gif) no-repeat 99% 5px} .langEdit li.tr input, .mLangEdit li.tr textarea{background:url(../img/flag.tr.gif) no-repeat 99% 5px}
.langEdit li.vi input, .mLangEdit li.vi textarea{background:url(../img/flag.vn.gif) no-repeat 99% 5px} .langEdit li.vi input, .mLangEdit li.vi textarea{background:url(../img/flag.vn.gif) no-repeat 99% 5px}
.langEdit li.mn input, .mLangEdit li.mn textarea{background:url(../img/flag.mn.gif) no-repeat 99% 5px} .langEdit li.mn input, .mLangEdit li.mn textarea{background:url(../img/flag.mn.gif) no-repeat 99% 5px}
.langEdit li.zh-CN input, .mLangEdit li.zh-CN textarea, .langEdit li.zh-TW input, .mLangEdit li.zh-TW textarea{background:url(../img/flag.cn.gif) no-repeat 99% 5px}
.mLangEdit.en strong{background:url(../img/flag.us.gif) no-repeat 0 10px} .mLangEdit.en strong{background:url(../img/flag.us.gif) no-repeat 0 10px}
.mLangEdit.ko strong{background:url(../img/flag.kr.gif) no-repeat 0 10px} .mLangEdit.ko strong{background:url(../img/flag.kr.gif) no-repeat 0 10px}
.mLangEdit.ja strong{background:url(../img/flag.jp.gif) no-repeat 0 10px} .mLangEdit.jp strong{background:url(../img/flag.jp.gif) no-repeat 0 10px}
.mLangEdit.zh strong{background:url(../img/flag.cn.gif) no-repeat 0 10px}
.mLangEdit.fr strong{background:url(../img/flag.fr.gif) no-repeat 0 10px} .mLangEdit.fr strong{background:url(../img/flag.fr.gif) no-repeat 0 10px}
.mLangEdit.de strong{background:url(../img/flag.de.gif) no-repeat 0 10px} .mLangEdit.de strong{background:url(../img/flag.de.gif) no-repeat 0 10px}
.mLangEdit.ru strong{background:url(../img/flag.ru.gif) no-repeat 0 10px} .mLangEdit.ru strong{background:url(../img/flag.ru.gif) no-repeat 0 10px}
@ -398,15 +397,17 @@ button.text{border:0;overflow:visible;padding:0;margin:0;color:#33a;background:n
.mLangEdit.tr strong{background:url(../img/flag.tr.gif) no-repeat 0 10px} .mLangEdit.tr strong{background:url(../img/flag.tr.gif) no-repeat 0 10px}
.mLangEdit.vi strong{background:url(../img/flag.vn.gif) no-repeat 0 10px} .mLangEdit.vi strong{background:url(../img/flag.vn.gif) no-repeat 0 10px}
.mLangEdit.mn strong{background:url(../img/flag.mn.gif) no-repeat 0 10px} .mLangEdit.mn strong{background:url(../img/flag.mn.gif) no-repeat 0 10px}
.mLangEdit.zh-CN strong, .mLangEdit.zh-TW strong{background:url(../img/flag.cn.gif) no-repeat 0 10px}
.mLangEdit ul ul{border:0} .mLangEdit ul ul{border:0}
.mLangEdit li{ position:relative;padding:0} .mLangEdit li{position:relative;padding:0}
.mLangEdit li strong{ display:inline-block;padding:6px 100px 8px 24px;font-weight:normal;line-height:1.5} .mLangEdit li strong{display:inline-block;padding:6px 100px 8px 24px;font-weight:normal;line-height:1.5}
.mLangEdit li .side{ position:absolute;top:8px;right:0;padding-right:18px;background:url(../img/iconArrow.gif) no-repeat right -160px} .mLangEdit li .side{position:absolute;top:8px;right:0;padding-right:18px;background:url(../img/iconArrow.gif) no-repeat right -160px}
.mLangEdit li li{ border:0;padding-right:36px} .mLangEdit li li{border:0;padding-right:36px}
.mLangEdit li textarea{ width:100%;height:16px;padding-right:30px;resize:vertical;line-height:1.4} .mLangEdit li textarea{width:100%;height:16px;padding-right:30px;resize:vertical;line-height:1.4}
.mLangEdit li label{ top:8px !important} .mLangEdit li label{top:8px !important}
.mLangEdit li.active strong{ font-weight:bold} .mLangEdit li.active{background:#FFFDEF}
.mLangEdit li.active .side{ background-position:right -128px} .mLangEdit li.active strong{font-weight:bold}
.mLangEdit li.active .side{background-position:right -128px}
.modal .mLangEdit ul{padding-bottom:1em} .modal .mLangEdit ul{padding-bottom:1em}
.modal .mLangEdit li{border:0;padding-right:36px} .modal .mLangEdit li{border:0;padding-right:36px}
/* Suggestion */ /* Suggestion */

File diff suppressed because one or more lines are too long

View file

@ -8,11 +8,11 @@ $('#langList')
// toggle input control // toggle input control
if($form.attr('aria-hidden') == 'false') { if($form.attr('aria-hidden') == 'false') {
$form.slideUp('fast'); $form.attr('aria-hidden', 'true').slideUp('fast');
$form.attr('aria-hidden', 'true'); $this.closest('li').removeClass('active');
}else{ }else{
$form.slideDown('fast'); $form.attr('aria-hidden', 'false').slideDown('fast');
$form.attr('aria-hidden', 'false'); $this.closest('li').addClass('active');
} }
if($form.data('lang-loaded') == true) return; if($form.data('lang-loaded') == true) return;

View file

@ -4,7 +4,7 @@
</div> </div>
<h1 class="h1">Multilingual</h1> <h1 class="h1">Multilingual</h1>
<p>현재 12 종류의 다국어 문자를 지원할 수 있습니다. 다른 종류의 다국어 지원을 원하는 경우 /common/lang/ 폴더의 다국어 가운데 하나의 세트를 번역해서 XE 개발자(contact@xpressengine.com)에게 보내주세요.</p> <p>현재 12 종류의 다국어 문자를 지원할 수 있습니다. 다른 종류의 다국어 지원을 원하는 경우 /common/lang/ 폴더의 다국어 가운데 하나의 세트를 번역해서 XE 개발자(contact@xpressengine.com)에게 보내주세요.</p>
<div class="mLangEdit ko"><!-- class="mLangEdit LANGCODE" --> <div class="mLangEdit ko form"><!-- class="mLangEdit LANGCODE" -->
<div class="btnArea"> <div class="btnArea">
<span class="btn"><a href="#addWord" class="modalAnchor">새로운 단어 또는 문장 추가...</a></span> <span class="btn"><a href="#addWord" class="modalAnchor">새로운 단어 또는 문장 추가...</a></span>
</div> </div>
@ -12,9 +12,9 @@
<li loop="$lang_code_list=>$key,$value"> <li loop="$lang_code_list=>$key,$value">
{@$langName = $value->name} {@$langName = $value->name}
<strong>{$value->value}</strong> <button type="button" class="side text _edit">Edit</button> <strong>{$value->value}</strong> <button type="button" class="side text _edit">Edit</button>
<form action="./" method="post" class="form" id="langForm_{$langName}" > <form action="./" method="post" id="langForm_{$langName}" >
<input type="hidden" name="act" value="procModuleAdminInsertLang" /> <input type="hidden" name="act" value="procModuleAdminInsertLang" />
<input type="hidden" name="lang_name" value="{$langName}" /> <input type="hidden" name="lang_name" value="{$langName}" />
<ul> <ul>
<li class="{$key2}" loop="$lang_supported=>$key2,$value2"><label for="{$langName}_{$key2}">{$value2}</label> <textarea rows="1" cols="42" name="{$key2}" id="{$langName}_{$key2}"></textarea></li> <li class="{$key2}" loop="$lang_supported=>$key2,$value2"><label for="{$langName}_{$key2}">{$value2}</label> <textarea rows="1" cols="42" name="{$key2}" id="{$langName}_{$key2}"></textarea></li>
</ul> </ul>
@ -31,8 +31,8 @@
</div> </div>
<div class="modal" id="addWord"> <div class="modal" id="addWord">
<form action="./" method="post" class="form mLangEdit fg" id="langForm_new" > <form action="./" method="post" class="form mLangEdit fg" id="langForm_new" >
<h2 class="h2">새로운 단어 또는 문장 추가</h2>
<input type="hidden" name="act" value="procModuleAdminInsertLang" /> <input type="hidden" name="act" value="procModuleAdminInsertLang" />
<h2 class="h2">새로운 단어 또는 문장 추가</h2>
<ul> <ul>
<li class="{$key2}" loop="$lang_supported=>$key2,$value2"><label for="{$langName}_{$key2}">{$value2}</label> <textarea rows="1" cols="42" name="{$key2}" id="{$langName}_{$key2}"></textarea></li> <li class="{$key2}" loop="$lang_supported=>$key2,$value2"><label for="{$langName}_{$key2}">{$value2}</label> <textarea rows="1" cols="42" name="{$key2}" id="{$langName}_{$key2}"></textarea></li>
</ul> </ul>
@ -74,7 +74,7 @@
<input type="hidden" name="module" value="{$module}" /> <input type="hidden" name="module" value="{$module}" />
<input type="hidden" name="act" value="{$act}" /> <input type="hidden" name="act" value="{$act}" />
<input type="hidden" name="search_target" value="value" /> <input type="hidden" name="search_target" value="value" />
<input title="search_keyword" name="search_keyword" value="{htmlspecialchars($search_keyword)}" /> <input title="search" name="search_keyword" value="{htmlspecialchars($search_keyword)}" />
<input type="submit" value="Search" /> <input type="submit" value="Search" />
</form> </form>
</div> </div>