Apply styles.... ing

This commit is contained in:
MinSoo Kim 2017-01-08 11:30:20 +09:00
parent ef247c2ea9
commit e059d87012
6 changed files with 223 additions and 124 deletions

View file

@ -2,8 +2,10 @@
<load target="js/member.js" />
<section class="rx_simple_member">
<ul class="nav nav-tabs" cond="$is_logged && $logged_info->menu_list && (!$member_srl || $member_srl == $logged_info->member_srl)">
<li loop="$logged_info->menu_list=>$key,$val" class="active"|cond="$key==$act">
<a href="{getUrl('', 'act',$key, 'mid', $mid, 'vid', $vid)}">{lang($val)}</a>
</li>
</ul>
<div class="rx_simple_tab">
<ul class="rx_simple_tab" cond="$is_logged && $logged_info->menu_list && (!$member_srl || $member_srl == $logged_info->member_srl)">
<li loop="$logged_info->menu_list=>$key,$val" class="active"|cond="$key==$act">
<a href="{getUrl('', 'act',$key, 'mid', $mid, 'vid', $vid)}"><span>{lang($val)}</span></a>
</li>
</ul>
</div>

View file

@ -8,6 +8,11 @@
padding: 0 15px;
}
.rx_simple_member a
{
color: #2196f3;
text-decoration: none;
}
/* Horizontal Align */
.rx_simple_member .pull-right{float:right}
.rx_simple_member .pull-left{float:left}
@ -17,38 +22,72 @@
right:0
}
/* Sign-in form */
.rx_member-notice
{
background: #e3f2fd;
padding: 15px;
margin:0;
margin-top:0;
text-align: justify;
}
/* member forms */
.rx_simple_member .signin
{
max-width:400px;
margin:30px auto;
box-sizing:border-box
}
.rx_simple_member fieldset
.rx_simple_member .sw-body
{
box-sizing:border-box;
background-color:#ffffff;
padding: 20px;
margin: 0 0 20px;
border: 1px solid #e0e0e0;
}
.rx_simple_member form fieldset div.control-group>*
.rx_simple_member .sw-body>*
{
padding: 20px;
margin:0;
border: 0;
}
.rx_simple_member .sw-body h1
{
margin:0;
border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member form div.control-group>*, .rx_simple_member .sw-body dl>*
{
display:block;
position:relative;
box-sizing: border-box;
width:100%;
min-height:25px;
margin:0px;
margin-top: 10px;
padding-bottom: 5px;
}
.rx_simple_member form fieldset div.control-group>input
.rx_simple_member form div.control-group>*:first-child
{
margin-top: 0;
}
.rx_simple_member form div.control-group>input, .rx_simple_member form div.control-group>select
{
border: 1px solid #bdbdbd;
border-radius: 0;
font-size:14px;
line-height: 18px;
margin-top: 0;
padding:8px 8px 6px;
-webkit-appearance: none;
}
.rx_simple_member .sw-body dl>*
{
list-style:none;
border-bottom: 1px solid #e0e0e0;
}
.rx_simple_member .sw-body dl dt
{
font-weight: bold;
border:0;
}
.rx_simple_member form
{
@ -57,13 +96,13 @@
white-space: normal;
box-sizing: border-box;
}
.rx_simple_member form fieldset div.control-group>input[type="submit"], .rx_simple_member .login-footer>a
.rx_simple_member form div.control-group>input[type="submit"], .rx_simple_member .login-footer>a
{
display:block;
background: #2196f3 none repeat scroll 0 0;
border: medium none;
color: #fff;
margin: 0;
margin-top: 20px;
padding: 10px;
vertical-align: bottom;
}
@ -73,11 +112,51 @@
text-decoration: none;
text-align: center;
}
#rx_member-warning
{
background: #e3f2fd;
padding: 15px;
margin-top:0;
margin-bottom: 10px;
text-align: justify;
/* 상단 탭 스타일 */
.rx_simple_member div.rx_simple_tab{
overflow: hidden;
background: #ffffff;
width:100%;
height: 52px;
white-space: nowrap;
border: 1px solid #e0e0e0;
margin-bottom:5px;
box-sizing: border-box;
}
.rx_simple_member ul.rx_simple_tab{
list-style: outside none none;
margin: 0;
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 6px 0px 100px;
text-decoration: none;
}
.rx_simple_member ul.rx_simple_tab>li {
display:inline-block;
height: 40px;
line-height: 18px;
position: relative;
}
.rx_simple_member ul.rx_simple_tab>li a {
display:inline-block;
color: #000;
font-weight: 400;
letter-spacing: -1px;
line-height: 40px;
text-decoration: none;
}
.rx_simple_member ul.rx_simple_tab>li a:hover, .rx_simple_member ul.rx_simple_tab>li.active a {
color: #2196f3;
font-weight: 700;
}
.rx_simple_member ul.rx_simple_tab>li a span {
border-left: 1px solid #e0e0e0;
padding: 0 15px;
}
.rx_simple_member ul.rx_simple_tab>li:first-child a span {
border-left: 0 none;
}

View file

@ -1,31 +1,33 @@
<include target="./common_header.html" />
<load target="filter/find_member_account.xml" />
<section>
<section class="sw-body">
<h1>{$lang->cmd_find_member_account_with_email}</h1>
<p>{$lang->about_find_member_account}</p>
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skin/default/find_member_account/1'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skin/default/find_member_account/1'" class="rx_member-notice {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<p class="rx_member-notice">{$lang->about_find_member_account}</p>
<form action="{getUrl('', 'act', 'procMemberFindAccount')}" method="get" ruleset="findAccount">
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="procMemberFindAccount" />
<input type="hidden" name="document_srl" value="{$document_srl}" />
<input type="hidden" name="page" value="{$page}" />
<input type="hidden" name="xe_validator_id" value="modules/member/skin/default/find_member_account/1" />
<div>
<input type="email" name="email_address" required placeholder="{$lang->email_address}" title="{$lang->email_address}" /><br />
<div class="control-group">
<label for="uid">
{lang('common.email_address')}
</label>
<input type="email" name="email_address" id="uid" required title="{$lang->email_address}" />
<block cond="$captcha">{$captcha}<br /></block>
<input type="submit" class="btn btn-inverse" value="{$lang->cmd_find_member_account}" />
<input type="submit" value="{$lang->cmd_find_member_account}" />
</div>
</form>
</section>
<hr cond="count($lang->find_account_question_items)>1 && $enable_find_account_question == 'Y'">
<section cond="count($lang->find_account_question_items)>1 && $enable_find_account_question == 'Y'">
<section class="sw-body" cond="count($lang->find_account_question_items)>1 && $enable_find_account_question == 'Y'">
<h1>{$lang->cmd_find_member_account_with_email_question}</h1>
<p>{$lang->about_find_account_question}</p>
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skin/default/find_member_account/2'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skin/default/find_member_account/2'" class="rx_member-notice {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<p class="rx_member-notice">{$lang->about_find_account_question}</p>
<form action="{getUrl('', 'act', 'procMemberFindAccountByQuestion')}" method="get" ruleset="@find_member_account_by_question">
<input type="hidden" name="module" value="member" />
<input type="hidden" name="mid" value="{$mid}" />
@ -34,42 +36,51 @@
<input type="hidden" name="success_return_url" value="{getUrl('', 'act', 'dispMemberGetTempPassword')}" />
<input type="hidden" name="page" value="{$page}" />
<input type="hidden" name="xe_validator_id" value="modules/member/skin/default/find_member_account/2" />
<div>
<input type="text" name="user_id" required placeholder="{$lang->user_id}" title="{$lang->user_id}" cond="$identifier == 'user_id'" />
</div>
<div>
<input type="email" name="email_address" required placeholder="{$lang->email_address}" title="{$lang->email_address}" />
</div>
<div>
<select name="find_account_question">
<div class="control-group">
<label for="user_id" cond="$identifier == 'user_id'">
{lang('common.user_id')}
</label>
<input type="text" name="user_id" id="user_id" required title="{$lang->user_id}" cond="$identifier == 'user_id'" />
<label for="email_address">
{lang('common.email_address')}
</label>
<input type="email" name="email_address" id="email_address" required title="{$lang->email_address}" />
<label for="find_account_question">
{lang('member.find_account_question')}
</label>
<select name="find_account_question" id="find_account_question">
<!--@for($i=1,$c=count($lang->find_account_question_items);$i<=$c;$i++)-->
<option value="{$i}">{$lang->find_account_question_items[$i]}</option>
<!--@end-->
</select>
</div>
<div>
<input type="text" name="find_account_answer" value="" required placeholder="{$lang->find_account_question}" title="{$lang->find_account_question}" />
<div class="control-group">
<input type="text" name="find_account_answer" value="" required title="{$lang->find_account_question}" />
</div>
<div class="control-group">
<block cond="$captcha">{$captcha}<br /></block>
<input type="submit" value="{$lang->cmd_get_temp_password}" />
</div>
<block cond="$captcha">{$captcha}<br /></block>
<input type="submit" class="btn btn-inverse" value="{$lang->cmd_get_temp_password}" style="min-width:220px" />
</form>
</section>
<hr>
<section>
<section class="sw-body">
<h1>{$lang->cmd_resend_auth_mail}</h1>
<p>{$lang->about_resend_auth_mail}</p>
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skin/default/find_member_account/3'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skin/default/find_member_account/3'" class="rx_member-notice {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<p class="rx_member-notice">{$lang->about_resend_auth_mail}</p>
<form ruleset="resendAuthMail" action="{getUrl('', 'act', 'procMemberResendAuthMail')}" method="post">
<input type="hidden" name="module" value="member" />
<input type="hidden" name="act" value="procMemberResendAuthMail" />
<input type="hidden" name="success_return_url" value="{getUrl(act, $act)}" />
<input type="hidden" name="xe_validator_id" value="modules/member/skin/default/find_member_account/3" />
<div>
<input type="email" id="email_address" name="email_address" value="" required placeholder="{$lang->email_address}" title="{$lang->email_address}" /><br />
<div class="control-group">
<label for="email_address">
{lang('common.email_address')}
</label>
<input type="email" id="email_address" name="email_address" value="" required title="{$lang->email_address}" /><br />
<block cond="$captcha">{$captcha}<br /></block>
<input type="submit" value="{$lang->cmd_resend_auth_mail}" class="btn btn-inverse" />
<input type="submit" value="{$lang->cmd_resend_auth_mail}" />
</div>
</form>
</section>

View file

@ -1,6 +1,6 @@
<include target="./common_header.html" />
<div class="signin">
<div class="login-body">
<div class="sw-body">
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skins'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
@ -9,32 +9,28 @@
<input type="hidden" name="success_return_url" value="{$referer_url}" />
<input type="hidden" name="act" value="procMemberLogin" />
<input type="hidden" name="xe_validator_id" value="modules/member/skins" />
<fieldset>
<div class="control-group">
<label for="uid">
<block cond="$identifier == 'user_id'">
{lang('common.user_id')}
</block>
<block cond="$identifier != 'user_id'">
{lang('common.email_address')}
</block>
</label>
<input type="text" cond="$identifier == 'user_id'" name="user_id" id="uid" required title="{$lang->user_id}" />
<input type="email" cond="$identifier != 'user_id'" name="user_id" id="uid" required title="{$lang->email_address}" />
<label for="upw">{lang('common.password')}<a class="pos-right" href="{getUrl('act','dispMemberFindAccount')}">{lang('member.cmd_find_member_account')}</a></label>
<input type="password" name="password" id="upw" required title="{$lang->password}" />
<div class="control-group">
<label for="uid">
<block cond="$identifier == 'user_id'">
{lang('common.user_id')}
</block>
<block cond="$identifier != 'user_id'">
{lang('common.email_address')}
</block>
</label>
<input type="text" cond="$identifier == 'user_id'" name="user_id" id="uid" required title="{$lang->user_id}" />
<input type="email" cond="$identifier != 'user_id'" name="user_id" id="uid" required title="{$lang->email_address}" />
<label for="upw">{lang('common.password')}<a class="pos-right" href="{getUrl('act','dispMemberFindAccount')}">{lang('member.cmd_find_member_account')}</a></label>
<input type="password" name="password" id="upw" required title="{$lang->password}" />
<label for="keepid_opt">
<input type="checkbox" name="keep_signed" id="keepid_opt" value="Y" />
{$lang->keep_signed}
</label>
<div id="rx_member-warning" class="rx_member-notice">
{$lang->about_keep_warning}
</div>
<div class="control-group">
<label for="keepid_opt">
<input type="checkbox" name="keep_signed" id="keepid_opt" value="Y" />
{$lang->keep_signed}
</label>
<div id="rx_member-warning">
{$lang->about_keep_warning}
</div>
<input type="submit" value="{$lang->cmd_login}" />
</div>
</fieldset>
<input type="submit" value="{$lang->cmd_login}" />
</div>
</form>
</div>
<div class="login-footer">

View file

@ -1,27 +1,29 @@
<include target="./common_header.html" />
<h1>{$lang->member_info}</h1>
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skins/default/1'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<dl class="dl-horizontal">
<block loop="$displayDatas => $item">
<dt><em cond="$item->required || $item->mustRequired">*</em> {$item->title}</dt>
<dd cond="$item->value">{$item->value}</dd>
<dd cond="!$item->value" style="color:#ccc">&hellip;</dd>
</block>
<dt>{$lang->member_group}</dt>
<dd>{implode(', ', $memberInfo['group_list'])}</dd>
<dt>{$lang->signup_date}</dt>
<dd>{zdate($memberInfo[regdate],"Y-m-d")}</dd>
<block cond="$memberInfo[member_srl] == $logged_info->member_srl || $logged_info->is_admin == 'Y'">
<dt>{$lang->last_login}</dt>
<dd>{zdate($memberInfo[last_login],"Y-m-d")}</dd>
</block>
</dl>
<div class="btnArea btn-group" cond="$memberInfo['member_srl'] == $logged_info->member_srl">
<a href="{getUrl('act', 'dispMemberModifyEmailAddress')}" class="btn" cond="$member_config->identifier == 'email_address'">{$lang->cmd_modify_member_email_address}</a>
<a href="{getUrl('act','dispMemberModifyInfo','member_srl','')}" class="btn">{$lang->cmd_modify_member_info}</a>
<a href="{getUrl('act','dispMemberModifyPassword','member_srl','')}" class="btn">{$lang->cmd_modify_member_password}</a>
<a href="{getUrl('act','dispMemberLeave','member_srl','')}" class="btn">{$lang->cmd_leave}</a>
<section class="sw-body">
<h1>{$lang->member_info}</h1>
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skins/default/1'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<dl class="dl-horizontal">
<block loop="$displayDatas => $item">
<dt>{$item->title} <sup cond="$item->required || $item->mustRequired">*</sup></dt>
<dd cond="$item->value">{$item->value}</dd>
<dd cond="!$item->value" style="color:#ccc">&hellip;</dd>
</block>
<dt>{$lang->member_group}</dt>
<dd>{implode(', ', $memberInfo['group_list'])}</dd>
<dt>{$lang->signup_date}</dt>
<dd>{zdate($memberInfo[regdate],"Y-m-d")}</dd>
<block cond="$memberInfo[member_srl] == $logged_info->member_srl || $logged_info->is_admin == 'Y'">
<dt>{$lang->last_login}</dt>
<dd>{zdate($memberInfo[last_login],"Y-m-d")}</dd>
</block>
</dl>
<div class="btnArea btn-group" cond="$memberInfo['member_srl'] == $logged_info->member_srl">
<a href="{getUrl('act', 'dispMemberModifyEmailAddress')}" class="btn" cond="$member_config->identifier == 'email_address'">{$lang->cmd_modify_member_email_address}</a>
<a href="{getUrl('act','dispMemberModifyInfo','member_srl','')}" class="btn">{$lang->cmd_modify_member_info}</a>
<a href="{getUrl('act','dispMemberModifyPassword','member_srl','')}" class="btn">{$lang->cmd_modify_member_password}</a>
<a href="{getUrl('act','dispMemberLeave','member_srl','')}" class="btn">{$lang->cmd_leave}</a>
</div>
</div>
<include target="./common_footer.html" />

View file

@ -1,28 +1,37 @@
<include target="./common_header.html" />
<h1>{$member_title = $lang->cmd_modify_member_password}</h1>
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
<div class="sw-body">
<h1>{$member_title = $lang->cmd_modify_member_password}</h1>
<div cond="$XE_VALIDATOR_MESSAGE" class="rx_member-notice {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form ruleset="modifyPassword" id="fo_insert_member" action="./" method="post">
<input type="hidden" name="module" value="member" />
<input type="hidden" name="act" value="procMemberModifyPassword" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="document_srl" value="{$document_srl}" />
<input type="hidden" name="page" value="{$page}" />
<input type="hidden" name="xe_validator_id" value="modules/member/skins/default/1" />
<input type="hidden" name="success_return_url" value="{getUrl('act','dispMemberInfo')}" />
<div class="control-group">
<label for="uid">
{lang($identifier)}
</label>
<input type="email" disabled="disabled" value="{$formValue}" id="uid" title="{lang($identifier)}" />
<label for="cpw">
{lang('member.current_password')}
</label>
<input type="password" name="current_password" id="cpw" required title="{$lang->current_password}" />
<label for="npw1">
{lang('common.password1')}
</label>
<input type="password" name="password1" id="npw1" required title="{$lang->password1}" /> <span class="rx_member-notice">{$lang->about_password_strength[$member_config->password_strength]}</span>
<label for="npw2">
{lang('common.password2')}
</label>
<input type="password" name="password2" id="npw2" required title="{$lang->password2}" />
<input type="submit" value="{$lang->cmd_registration}" />
</div>
</form>
</div>
<form ruleset="modifyPassword" id="fo_insert_member" action="./" method="post">
<input type="hidden" name="module" value="member" />
<input type="hidden" name="act" value="procMemberModifyPassword" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="document_srl" value="{$document_srl}" />
<input type="hidden" name="page" value="{$page}" />
<input type="hidden" name="xe_validator_id" value="modules/member/skins/default/1" />
<input type="hidden" name="success_return_url" value="{getUrl('act','dispMemberInfo')}" />
<div>
<input type="email" disabled="disabled" value="{$formValue}" id="uid" placeholder="{lang($identifier)}" title="{lang($identifier)}" />
</div>
<div>
<input type="password" name="current_password" id="cpw" required placeholder="{$lang->current_password}" title="{$lang->current_password}" />
</div>
<div>
<input type="password" name="password1" id="npw1" required placeholder="{$lang->password1}" title="{$lang->password1}" /> <span class="help-inline">{$lang->about_password_strength[$member_config->password_strength]}</span>
</div>
<div>
<input type="password" name="password2" id="npw2" required placeholder="{$lang->password2}" title="{$lang->password2}" />
</div>
<input type="submit" value="{$lang->cmd_registration}" class="btn btn-inverse" style="min-width:220px" />
</form>
<include target="./common_footer.html" />