message module update

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7681 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2010-09-07 03:59:28 +00:00
parent f5e4778372
commit f7360ef38d
3 changed files with 124 additions and 78 deletions

View file

@ -1,2 +1,60 @@
@charset "utf-8";
/* Miblie XE (/modules/message/m.skins/default/) */
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma,Geneva,sans-serif}
img{border:0}
em{font-style:normal}
form{margin:0;padding:0}
fieldset{margin:0;padding:0;border:0}
textarea{resize:vertical}
input[type=checkbox],
input[type=radio]{width:13px;height:13px;margin:0;padding:0}
/* Common */
.fl{float:left}
.fr{float:right}
/* Hx */
.hx{position:relative;border-bottom:1px solid #ccc8be;padding:8px 10px;margin:0}
.hx:after{content:"";margin:0 -10px;position:relative;top:10px;display:block;clear:both;height:1px;background:#fff}
.hx.h2{background:#e5e5e5;text-shadow:1px 1px 0 #fff}
.hx.h2 em{font-size:12px;color:#6352d2}
.hx.h3{background:#868686;color:#fff}
.hx.h3 em{font-size:12px}
.hx h2, .hx h3{margin:0 10px 0 0;display:inline}
.hx h2{font-size:16px;line-height:1.4}
.hx h3{font-size:14px}
.hx a{color:#000}
.hx .ex{font-size:12px}
.hx .tg{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:visible;border:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);background:none}
.hx .ca{font-size:12px;text-decoration:underline;color:#333}
.hx .ca:after{content:"";display:inline-block;position:relative;left:4px;width:0;height:0;border:4px solid;border-color:transparent;border-left-color:#8d7de1;margin:0 -8px 0 0}
.hx .write{position:absolute;top:8px;right:10px;background-position:0 0;display:inline-block;width:28px;height:27px;font-size:0;overflow:hidden;text-indent:28px}
/* Body */
.bd{background:#f8f8f8;padding:1px 0}
.co{margin:10px;line-height:1.4;font-size:14px;color:#333}
.co:after{content:"";display:block;clear:both;*zoom:1}
/* Form Field */
.ff{margin:0;padding:0}
.ff ul{margin:0;padding:0;list-style:none}
.ff li{margin:0 0 5px 0;padding:0}
.ff label{margin-right:10px}
.ff label+input[type=text],
.ff label+input[type=password],
.ff label+textarea,
.ff label+select{display:block;width:96%;font-size:14px;margin:0 0 5px 0}
.ff label+input[type=text],
.ff label+input[type=password],
.ff label+textarea{padding:5px}
/* Help */
.hp{background:#eee;border-top:1px solid #ddd;padding:12px 10px !important;margin:10px -10px !important;}
.hp li{margin:0;display:inline;border-left:1px solid #ccc;padding:0 4px 0 8px;}
.hp li:first-child{border:0;}
.hp a{color:#333;text-decoration:none}
/* Button Area */
.bna{text-align:center;padding:0 10px;margin:10px 0}
.bna:after{content:"";display:block;clear:both}
.bn{display:inline-block;line-height:26px !important;padding:0 10px;font-size:12px;font-weight:bold;border:1px solid;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;vertical-align:middle}
.bn[type=submit],
.bn[type=button]{height:28px}
.bn[href]{height:26px}
.bn.dark{border-color:#666;background:#777 -webkit-gradient(linear,0% 0%,0% 100%,from(#7e7c78),to(#5c5b58));background:#777 -moz-linear-gradient(top,#7e7c78,#5c5b58);background-color:#777;color:#fff;box-shadow:0 0 1px #fff inset;-moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset}
.bn.white{border-color:#b5b5b5;background:#1b1b1b -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f6f6f6),color-stop(0.5,#f0f0f0),color-stop(0.5,#e4e4e4));background:#1b1b1b -moz-linear-gradient(top,#fff,#e4e4e4);background-color:#1b1b1b;color:#000}

View file

@ -3,36 +3,23 @@ function completeMessageLogin(ret_obj, response_tags, params, fo_obj) {
var url = current_url.setQuery('act','');
location.href = url;
}
/* 오픈아이디 로그인 후 */
function completeMessageOpenIDLogin(ret_obj, response_tags) {
var redirect_url = ret_obj['redirect_url'];
location.href = redirect_url;
}
function doLogin(o,filter){
jQuery('input.inputText',o).each(function(){
var t = jQuery(this);
if(t.attr('title').length>0 && t.attr('title') == t.val()) t.val('');
/* 로그인 폼 토글 */
$(function($){
var gLogin = $('#gLogin');
var oLogin = $('#oLogin');
oLogin.hide();
$('a[href=#oLogin]').click(function(){
gLogin.hide();
oLogin.show();
});
$('a[href=#gLogin]').click(function(){
gLogin.show();
oLogin.hide();
});
procFilter(o,filter);
initLoginTitleMsg();
return false;
}
function initLoginTitleMsg(){
jQuery('.gLogin, .mLogin').find('input.inputText').focus(function(){
var t = jQuery(this);
if(t.attr('title').length>0 && t.attr('title')==t.val()) t.val('');
}).blur(function(){
var t = jQuery(this);
if(t.attr('title').length>0 && t.val()=='') t.val(t.attr('title'));
}).focus().blur();
}
jQuery(function(){
initLoginTitleMsg();
});

View file

@ -1,58 +1,59 @@
<!--%import("message.css")-->
<div id="loginAccess" class="gLogin">
<h1>{$system_message}</h1>
<!--@if(!$is_logged)-->
<!--%import("./filter/login.xml")-->
<!--%import("./filter/openid_login.xml")-->
<!--%import("./message.js")-->
<div class="mLogin" id="gLogin">
<form action="./" method="post" onsubmit="return doLogin(this, message_login)" id="gForm">
<fieldset>
<ul class="idpw">
<li><input type="text" name="user_id" id="uid" value="" class="inputText" title="{$lang->user_id}" /></li>
<li><input type="password" name="password" id="upw" value="" class="inputText" title="{$lang->password}" /></li>
</ul>
<div class="buttonArea">
<p class="keeping">
<input type="checkbox" name="keep_signed" id="keepid" class="inputCheck" value="Y" onclick="jQuery('#warning')[(jQuery('#keepid:checked').size()>0?'addClass':'removeClass')]('open');" />
<!--%import("../../common/js/jquery.js")-->
<div class="bd">
<div class="hx h2">
<h2>{$system_message}</h2>
</div>
<div class="co">
<!--@if(!$is_logged)-->
<!--%import("./filter/login.xml")-->
<!--%import("./filter/openid_login.xml")-->
<!--%import("./message.js")-->
<div class="mLogin" id="gLogin">
<form action="./" method="post" onsubmit="return doLogin(this, message_login)" id="gForm" class="ff">
<fieldset>
<ul>
<li><label for="uid">{$lang->user_id}</label><input type="text" name="user_id" id="uid" value="" /></li>
<li><label for="upw">{$lang->password}</label><input type="password" name="password" id="upw" value="" /></li>
</ul>
<p>
<input type="checkbox" name="keep_signed" id="keepid" value="Y" />
<label for="keepid">{$lang->keep_signed}</label>
</p>
<div id="warning" class="">
<p>{$lang->about_keep_warning}</p>
</div>
<span class="buttonAccount"><input type="submit" value="{$lang->cmd_login}" /></span>
</div>
</fieldset>
</form>
<ul class="help">
<li class="first"><a href="{getUrl('','act','dispMemberFindAccount')}"><span>{$lang->cmd_find_member_account}</span></a></li>
<li><a href="{getUrl('','act','dispMemberSignUpForm')}"><span>{$lang->cmd_signup}</span></a></li>
<!--@if($member_config->enable_openid=='Y')-->
<li><a href="#oLogin" onclick="jQuery('#loginAccess').removeClass('gLogin'); jQuery('#loginAccess').addClass('oLogin'); return false;">Open ID</a></li>
<!--@end-->
</ul>
</div>
<!-- OpenID -->
<!--@if($member_config->enable_openid=='Y')-->
<div class="mLogin" id="oLogin">
<form action="{getUrl('module','member','act','procMemberOpenIDLogin')}" method="post" onsubmit="return doLogin(this, openid_login)" id="oForm">
<fieldset>
<div class="oid">
<input type="text" name="openid" class="inputText" title="Open ID" value="" />
</div>
<input type="submit" value="{$lang->cmd_login}" class="bn dark" />
<ul class="hp">
<li><a href="{getUrl('','act','dispMemberFindAccount')}"><span>{$lang->cmd_find_member_account}</span></a></li>
<li><a href="{getUrl('','act','dispMemberSignUpForm')}"><span>{$lang->cmd_signup}</span></a></li>
<!--@if($member_config->enable_openid=='Y')-->
<li><a href="#oLogin">Open ID</a></li>
<!--@end-->
</ul>
</fieldset>
</form>
</div>
<!-- OpenID -->
<!--@if($member_config->enable_openid=='Y')-->
<div class="mLogin" id="oLogin">
<form action="{getUrl('module','member','act','procMemberOpenIDLogin')}" method="post" onsubmit="return doLogin(this, openid_login)" id="oForm" class="ff">
<fieldset>
<ul>
<li><label for="openid">Open ID</label><input type="text" name="openid" id="openid" value="" /></li>
</ul>
<div class="buttonArea">
<span class="buttonAccount"><input type="submit" value="{$lang->cmd_login}" /></span>
</div>
</fieldset>
</form>
<div class="help"><a href="#gLogin" onclick="jQuery('#loginAccess').removeClass('oLogin'); jQuery('#loginAccess').addClass('gLogin'); return false;">{$lang->cmd_common_id}</a></div>
<input type="submit" value="{$lang->cmd_login}" class="bn dark" />
</div>
<ul class="hp">
<li><a href="#gLogin">{$lang->cmd_common_id}</a></li>
</ul>
</fieldset>
</form>
</div>
<!--@end-->
<!--@end-->
<!--@if($is_logged)-->
<div class="logOut">
<a href="{getUrl('act','dispMemberLogout','module','')}" class="bn dark">{$lang->cmd_logout}</a>
</div>
<!--@end-->
</div>
<!--@end-->
<!--@end-->
<!--@if($is_logged)-->
<div class="logOut">
<span class="buttonAccount"><a href="{getUrl('act','dispMemberLogout','module','')}">{$lang->cmd_logout}</a></span>
</div>
<!--@end-->
</div>
</div>