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 """
VERSION = "d23de9af256f9c1ab74fc3969fa410d3"
VERSION = "dd558fd889218687c8f42d6fe21fd1b3"

File diff suppressed because it is too large Load Diff

View File

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

View File

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

View File

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