x/bansho
Code Issues Proposed changes

Rework Login page

Browse Source 
Change-Id: If4f8625d491f0b65aaeb004b034041dc793dbb94
This commit is contained in:
Thibault Cohen 2015-06-30 10:10:47 -04:00 committed by aviau
parent 4c0574f04a
commit fbb0752518
2 changed files with 99 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
app/assets/sass/temporary.scss
View File

@ -208,5 +208,86 @@ div.ui-pnotify {
.color-scheme--light & { .color-scheme--light & {
background-color:$_color_light_alpha; background-color:$_color_light_alpha;
} }
}
// Login
.login_page {
text-align: center;
position: fixed;
height: 100%;
.color-scheme--dark & {
background-color:$_color_dark_alpha;
}
.color-scheme--light & {
background-color:$_color_light_alpha;
}
}
.login_page .sidebar__applogo {
width: 70%;
margin-bottom: 28px;
}
.login_page form#loginForm {
padding: 20px 25px 5px 25px;
margin: 25px;
text-align: left;
.color-scheme--dark & {
background-color:$_color_dark_gamma;
}
.color-scheme--light & {
background-color:$_color_light_gamma;
}
}
.login_page form#loginForm label {
.color-scheme--dark & {
color:$_color_omega;
}
.color-scheme--light & {
color:$_color_dark_alpha;
}
}
.login_page form#loginForm input {
float: inherit;
width: 500px;
border: none;
padding: 0.8em;
margin: 10px 0px 0px 0px;
outline: 0;
.color-scheme--dark & {
background-color:$_color_dark_beta;
color:$_color_omega;
}
.color-scheme--light & {
background-color:$_color_light_beta;
color:$_color_dark_alpha;
}
}
.login_page form#loginForm .md-raised {
.color-scheme--dark & {
background-color:$_color_dark_alpha;
color:$_color_omega;
}
.color-scheme--light & {
background-color:$_color_light_alpha;
color:$_color_dark_alpha;
}
}
.login_page form#loginForm .md-button {
margin-right: 0px;
}
.login_page form#loginForm #submitButton {
padding-top: 10px;
text-align: right;
} }

25
app/components/authentication/authentication.html
View File

@ -1,31 +1,40 @@
<div class="centered"> <div class="login_page layout__main">
<div class="centered panes__pane">
<br> <br>
<br> <br>
<img class="sidebar__applogo" ng-src="assets/images/surveil-{{themeColor}}-horizontal.svg"> <img class="sidebar__applogo" ng-src="assets/images/surveil-{{themeColor}}-horizontal.svg">
<br> <br>
<form name="loginForm" <form name="loginForm" id="loginForm"
ng-controller="LoginController" ng-controller="LoginController"
ng-submit="login(credentials)" novalidate> ng-submit="login(credentials)" novalidate>
<div class="form-group"> <div class="form-group">
<label for="username" class="label">Username:</label> <label for="username" class="label">Username:</label>
<input type="text" id="username" class="form-control field" <input type="text" id="username" class="form-control field"
ng-model="credentials.auth.passwordCredentials.username"> placeholder="Enter your username..."
ng-model="credentials.auth.passwordCredentials.username">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="password" class="label">Password:</label> <label for="password" class="label">Password:</label>
<input type="password" class="form-control field" id="password" <input type="password" class="form-control field" id="password"
ng-model="credentials.auth.passwordCredentials.password"> placeholder="Enter your password..."
ng-model="credentials.auth.passwordCredentials.password">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="tenantName" class="label">Tenant Name:</label> <label for="tenantName" class="label">Tenant Name:</label>
<input type="text" id="tenant-name"class="form-control field" <input type="text" id="tenant-name"class="form-control field"
placeholder="Enter your tenant name..."
ng-model="credentials.auth.tenantName"> ng-model="credentials.auth.tenantName">
</div> </div>
<button type="submit">Login</button> <div class="form-group" id="submitButton" >
<md-button type="submit" class="md-raised">Log in</md-button>
</div>
</form> </form>
</div>
</div> </div>