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

@ -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,6 +397,7 @@ 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}
@ -405,6 +405,7 @@ button.text{border:0;overflow:visible;padding:0;margin:0;color:#33a;background:n
.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{background:#FFFDEF}
.mLangEdit li.active strong{font-weight:bold} .mLangEdit li.active strong{font-weight:bold}
.mLangEdit li.active .side{background-position:right -128px} .mLangEdit li.active .side{background-position:right -128px}
.modal .mLangEdit ul{padding-bottom:1em} .modal .mLangEdit ul{padding-bottom:1em}

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,7 +12,7 @@
<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>
@ -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>