jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-09 02:16:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add splash image to login form

Browse Source
This commit is contained in:
Paulus Schoutsen 2015-08-29 11:50:24 -07:00
parent 3567fe70be
commit 9d97e51ee2
2 changed files with 18 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/layouts/login-form.html
View File

@ -41,6 +41,7 @@
} }
#validatebox { #validatebox {
margin-top: 16px;
text-align: center; text-align: center;
} }
@ -50,33 +51,25 @@
</style> </style>
<template> <template>
<div class="layout horizontal center fit login" id="splash"> <div class="layout vertical center center-center fit">
<div class="layout vertical center flex"> <img src="/static/splash.png" height="230" />
<a href="#" id="hideKeyboardOnFocus"></a>
<img src="/static/favicon-192x192.png" /> <div class='interact'>
<h1>Home Assistant</h1> <div id='loginform' hidden$="[[isValidating]]">
<paper-input-container id="passwordDecorator" invalid="[[isInvalid]]">
<a href="#" id="hideKeyboardOnFocus"></a> <label>Password</label>
<input is="iron-input" type="password" id="passwordInput" />
<div class='interact'> <paper-input-error invalid="[[isInvalid]]">[[errorMessage]]</paper-input-error>
<div id='loginform' hidden$="[[isValidating]]"> </paper-input-container>
<paper-input-container id="passwordDecorator" invalid="[[isInvalid]]"> <div class="layout horizontal center">
<label>Password</label> <paper-checkbox for id='rememberLogin'>Remember</paper-checkbox>
<input is="iron-input" type="password" id="passwordInput" /> <paper-button id='loginButton'>Log In</paper-button>
<paper-input-error invalid="[[isInvalid]]">[[errorMessage]]</paper-input-error>
</paper-input-container>
<div class="layout horizontal center">
<paper-checkbox for id='rememberLogin'>Remember</paper-checkbox>
<paper-button id='loginButton'>Log In</paper-button>
</div>
</div>
<div id="validatebox" hidden$="[[!isValidating]]">
<paper-spinner active="true"></paper-spinner><br />
<div class="validatemessage">Loading data…</div>
</div> </div>
</div> </div>
<div id="validatebox" hidden$="[[!isValidating]]">
<paper-spinner active="true"></paper-spinner><br />
<div class="validatemessage">Loading data</div>
</div>
</div> </div>
</div> </div>
</template> </template>

1
src/layouts/login-form.js
View File

@ -54,7 +54,6 @@ export default new Polymer({
if (ev.keyCode === 13) { if (ev.keyCode === 13) {
this.validatePassword(); this.validatePassword();
ev.preventDefault(); ev.preventDefault();
// clear error after we start typing again // clear error after we start typing again
} else if (this.isInvalid) { } else if (this.isInvalid) {
this.isInvalid = false; this.isInvalid = false;