Minor frontend bugfixes

This commit is contained in:
Paulus Schoutsen 2014-11-13 22:25:43 -08:00
parent 2478656622
commit cea18ee561
5 changed files with 2791 additions and 56 deletions

View file

@ -1,2 +1,2 @@
""" DO NOT MODIFY. Auto-generated by build_frontend script """ """ DO NOT MODIFY. Auto-generated by build_frontend script """
VERSION = "d23de9af256f9c1ab74fc3969fa410d3" VERSION = "dd558fd889218687c8f42d6fe21fd1b3"

File diff suppressed because it is too large Load diff

View file

@ -4,15 +4,11 @@
"authors": [ "authors": [
"Paulus Schoutsen <Paulus@PaulusSchoutsen.nl>" "Paulus Schoutsen <Paulus@PaulusSchoutsen.nl>"
], ],
"main": "index.htm", "main": "splash-login.html",
"license": "MIT", "license": "MIT",
"private": true, "private": true,
"ignore": [ "ignore": [
"**/.*", "bower_components"
"node_modules",
"bower_components",
"test",
"tests"
], ],
"dependencies": { "dependencies": {
"webcomponentsjs": "Polymer/webcomponentsjs#~0.5.1", "webcomponentsjs": "Polymer/webcomponentsjs#~0.5.1",

View file

@ -31,40 +31,46 @@
text-transform: uppercase; text-transform: uppercase;
} }
.dropdown { paper-dropdown {
border-radius: 3px; border-radius: 3px;
} }
.menu { paper-dropdown .menu {
margin: 0; margin: 0;
padding: 8px 0; padding: 8px 0;
color: black; color: black;
} }
paper-item {
height: 45px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style> </style>
<core-header-panel fullbleed> <core-header-panel fullbleed>
<core-toolbar class='medium-tall'> <core-toolbar class='medium-tall'>
<div flex> <div flex>Home Assistant</div>
Home Assistant <paper-icon-button icon="refresh"
</div> on-click="{{handleRefreshClick}}"></paper-icon-button>
<paper-icon-button icon="refresh" on-click="{{handleRefreshClick}}"></paper-icon-button>
<paper-icon-button icon="settings-remote" <paper-icon-button icon="settings-remote"
on-click="{{handleServiceClick}}"></paper-icon-button> on-click="{{handleServiceClick}}"></paper-icon-button>
<paper-menu-button> <paper-menu-button>
<paper-icon-button icon="more-vert" noink></paper-icon-button> <paper-icon-button icon="more-vert" noink></paper-icon-button>
<paper-dropdown class="dropdown" halign="right" duration="200"> <paper-dropdown halign="right" duration="200" class="dropdown">
<core-menu class="menu"> <core-menu class="menu">
<paper-item label="Set State"> <paper-item>
<a on-click={{handleAddStateClick}}></a> <a on-click={{handleAddStateClick}}>Set State</a>
</paper-item> </paper-item>
<paper-item label="Trigger Event"> <paper-item>
<a on-click={{handleEventClick}}></a> <a on-click={{handleEventClick}}>Trigger Event</a>
</paper-item> </paper-item>
<paper-item label="Log Out"> <paper-item>
<a on-click={{handleLogOutClick}}></a> <a on-click={{handleLogOutClick}}>Log Out</a>
</paper-item> </paper-item>
</core-menu> </core-menu>
</paper-dropdown> </paper-dropdown>

View file

@ -29,11 +29,11 @@
height: 125px; height: 125px;
} }
#validateBox { #validatebox {
text-align: center; text-align: center;
} }
#validateMessage { #validatemessage {
margin-top: 10px; margin-top: 10px;
} }
@ -56,9 +56,9 @@
<paper-button on-click={{validatePassword}}>Log In</paper-button> <paper-button on-click={{validatePassword}}>Log In</paper-button>
</div> </div>
<div id="validateBox" hidden> <div id="validatebox" hidden>
<paper-spinner active="true"></paper-spinner><br /> <paper-spinner active="true"></paper-spinner><br />
<div id="validateMessage">Validating password...</div> <div id="validatemessage">Validating password...</div>
</div> </div>
</div> </div>
</div> </div>
@ -92,7 +92,7 @@
// log out functionality // log out functionality
if(newVal == "" && this.state == "valid_auth") { if(newVal == "" && this.state == "valid_auth") {
this.state = "no_auth"; this.state = "no_auth";
this.$.validateMessage.innerHTML = "Validating password..."; this.$.validatemessage.innerHTML = "Validating password...";
} }
}, },
@ -106,10 +106,10 @@
validatePassword: function() { validatePassword: function() {
this.$.loginform.setAttribute('hidden', null); this.$.loginform.setAttribute('hidden', null);
this.$.validateBox.removeAttribute('hidden'); this.$.validatebox.removeAttribute('hidden');
var passwordValid = function(result) { var passwordValid = function(result) {
this.$.validateMessage.innerHTML = "Loading data..."; this.$.validatemessage.innerHTML = "Loading data...";
this.api.fetchEvents(); this.api.fetchEvents();
this.api.fetchStates(function() { this.api.fetchStates(function() {
@ -126,7 +126,7 @@
this.auth = null; this.auth = null;
this.$.passwordDecorator.isInvalid = true; this.$.passwordDecorator.isInvalid = true;
this.$.loginform.removeAttribute('hidden'); this.$.loginform.removeAttribute('hidden');
this.$.validateBox.setAttribute('hidden', null); this.$.validatebox.setAttribute('hidden', null);
this.$.passwordInput.focus(); this.$.passwordInput.focus();
} }