GUAC-932: Restyle login page and general UI.

This commit is contained in:
Michael Jumper
2014-11-23 01:31:47 -08:00
parent b68f9a0a26
commit b58a9b284f
13 changed files with 216 additions and 200 deletions

View File

@@ -21,34 +21,24 @@ THE SOFTWARE.
-->
<div class="login-ui" ng-class="{error: loginError}" >
<!-- Login error message -->
<p class="login-error">{{'login.loginError' | translate}}</p>
<div class="login-dialog-middle">
<div class="login-dialog">
<!-- Login error message -->
<p class="login-error">{{'login.loginError' | translate}}</p>
<form class="login-form" ng-submit="login()">
<!-- Guacamole version -->
<div class="version">
{{'application.title' | translate}}
</div>
<img class="logo" src="images/guac-tricolor.png" alt=""/>
<div class="version">{{'application.title' | translate}}</div>
<!-- Login fields (username + password) -->
<div class="login-fields">
<table>
<tr>
<th>{{'login.username' | translate}}</th>
<td><input ng-model="username" type="text" name="username" autofocus="autofocus" class="username"/></td>
</tr>
<tr>
<th>{{'login.password' | translate}}</th>
<td><input ng-model="password" type="password" name="password" class="password"/></td>
</tr>
</table>
<img class="logo" src="images/guac-mono-192.png" alt=""/>
<input ng-model="username" placeholder="{{'login.username' | translate}}" type="text" name="username" autofocus="autofocus" class="username"/>
<input ng-model="password" placeholder="{{'login.password' | translate}}" type="password" name="password" class="password"/>
</div>
<!-- Submit button -->