DigitaleAgentur___ALT
/
registration
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Polish the looks of createAccount form

This commit is contained in:
Pellaeon Lin 2014-10-04 22:23:48 +08:00
parent db7a287564
commit ceb1da06d4
2 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
css/style.css
View File

@ -1,3 +1,18 @@
#hello { #email, #username {
color: red; width: 223px !important;
} padding-left: 36px !important;
}
#email-icon, #username-icon {
position: absolute;
left: 16px;
top: 22px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: .3;
}
#body-login input[type="email"] {
width: 249px;
}
#username-icon {
top: 17px;
}

18
templates/form.php
View File

@ -1,4 +1,6 @@
<form action="<?php print_unescaped(OC_Helper::linkToRoute('registration.register.createAccount', array('token'=>$_['token']))) ?>" method="post"> <?php
\OCP\Util::addStyle('registration', 'style');
?><form action="<?php print_unescaped(OC_Helper::linkToRoute('registration.register.createAccount', array('token'=>$_['token']))) ?>" method="post">
<fieldset> <fieldset>
<?php if ( $_['errormsgs'] ) {?> <?php if ( $_['errormsgs'] ) {?>
<ul class="error"> <ul class="error">
@ -6,21 +8,25 @@
echo "<li>$errormsg</li>"; echo "<li>$errormsg</li>";
} ?> } ?>
</ul> </ul>
<?php } else { ?>
<ul class="success"><!-- TODO: add success style -->
<li><?php print_unescaped($l->t('Welcome, you can create your account below.')); ?></li>
</ul>
<?php } ?> <?php } ?>
<p class="infield grouptop"> <p class="infield grouptop">
<input type="email" name="email" id="email" value="<?php echo $_['email']; ?>" disabled /> <input type="email" name="email" id="email" value="<?php echo $_['email']; ?>" disabled />
<label for="email" class="infield"><?php echo $_['email']; ?></label> <label for="email" class="infield"><?php echo $_['email']; ?></label>
<img class="svg" src="<?php print_unescaped(image_path('', 'actions/mail.svg')); ?>" alt=""/> <img id="email-icon" class="svg" src="<?php print_unescaped(image_path('', 'actions/mail.svg')); ?>" alt=""/>
</p> </p>
<p class="infield groupmiddle"> <p class="infield groupmiddle">
<input type="text" name="username" id="username" value="<?php echo $_['entered_data']['user']; ?>" /> <input type="text" name="username" id="username" value="<?php echo $_['entered_data']['user']; ?>" placeholder="<?php print_unescaped($l->t('Username')); ?>" />
<label for="username" class="infield"><?php print_unescaped($l->t( 'Username' )); ?></label> <label for="username" class="infield"><?php print_unescaped($l->t('Username')); ?></label>
<img class="svg" src="<?php print_unescaped(image_path('', 'actions/user.svg')); ?>" alt=""/> <img id="username-icon" class="svg" src="<?php print_unescaped(image_path('', 'actions/user.svg')); ?>" alt=""/>
</p> </p>
<p class="infield groupbottom"> <p class="infield groupbottom">
<input type="password" name="password" id="password" /> <input type="password" name="password" id="password" placeholder="<?php print_unescaped($l->t('Password')); ?>"/>
<label for="password" class="infield"><?php print_unescaped($l->t( 'Password' )); ?></label> <label for="password" class="infield"><?php print_unescaped($l->t( 'Password' )); ?></label>
<img id="password-icon" class="svg" src="<?php print_unescaped(image_path('', 'actions/password.svg')); ?>" alt=""/> <img id="password-icon" class="svg" src="<?php print_unescaped(image_path('', 'actions/password.svg')); ?>" alt=""/>
<input id="show" name="show" type="checkbox"> <input id="show" name="show" type="checkbox">