From 964c028c72f7c46ca391e0029ac1beb8ffd85800 Mon Sep 17 00:00:00 2001 From: Paulus Schoutsen Date: Thu, 19 Jul 2018 10:51:00 +0200 Subject: [PATCH] Tweaks to user flow (#1473) * Tweaks to user flow * Mobile layout * Final tweaks --- src/auth/ha-auth-flow.js | 12 +++- src/auth/ha-pick-auth-provider.js | 15 +++-- src/authorize.html | 3 + src/entrypoints/authorize.js | 27 +++++++-- src/onboarding.html | 3 + src/onboarding/ha-onboarding.js | 55 +++++++++++++++---- .../config/dashboard/ha-config-users-menu.js | 1 + src/panels/config/users/ha-dialog-add-user.js | 26 ++++++++- src/panels/config/users/ha-user-picker.js | 1 + 9 files changed, 117 insertions(+), 26 deletions(-) diff --git a/src/auth/ha-auth-flow.js b/src/auth/ha-auth-flow.js index d398161635..a676aad401 100644 --- a/src/auth/ha-auth-flow.js +++ b/src/auth/ha-auth-flow.js @@ -10,6 +10,12 @@ import EventsMixin from '../mixins/events-mixin.js'; class HaAuthFlow extends EventsMixin(PolymerElement) { static get template() { return html` + @@ -26,7 +32,9 @@ class HaAuthFlow extends EventsMixin(PolymerElement) { - [[_computeSubmitCaption(_step.type)]] +
+ [[_computeSubmitCaption(_step.type)]] +
`; } @@ -87,7 +95,7 @@ class HaAuthFlow extends EventsMixin(PolymerElement) { } _computeSubmitCaption(stepType) { - return stepType === 'form' ? 'Submit' : 'Start over'; + return stepType === 'form' ? 'Next' : 'Start over'; } _handleSubmit() { diff --git a/src/auth/ha-pick-auth-provider.js b/src/auth/ha-pick-auth-provider.js index 41001ac776..2041ee54cf 100644 --- a/src/auth/ha-pick-auth-provider.js +++ b/src/auth/ha-pick-auth-provider.js @@ -1,4 +1,5 @@ import '@polymer/paper-item/paper-item.js'; +import '@polymer/paper-item/paper-item-body.js'; import { html } from '@polymer/polymer/lib/utils/html-tag.js'; import { PolymerElement } from '@polymer/polymer/polymer-element.js'; @@ -11,13 +12,12 @@ class HaPickAuthProvider extends EventsMixin(PolymerElement) { static get template() { return html` `; diff --git a/src/authorize.html b/src/authorize.html index 4873cb10e0..3e70e0c7ce 100644 --- a/src/authorize.html +++ b/src/authorize.html @@ -2,6 +2,9 @@ + + + Home Assistant -
- +
+
+ + Home Assistant +

Logging in to [[clientId]].

diff --git a/src/onboarding.html b/src/onboarding.html index 3ffa72caf6..26834af002 100644 --- a/src/onboarding.html +++ b/src/onboarding.html @@ -2,6 +2,9 @@ + + + Home Assistant -
- -

Create your owner user account.

-

It is not possible yet to change your password. Coming soon!

+ .action { + margin: 32px 0; + text-align: center; + } + +
+
+ + Home Assistant +
+ +
+

Are you ready to awaken your home, reclaim your privacy and join a worldwide community of tinkerers?

+

Let's get started by creating a user account.

+
+ this.shadowRoot.querySelector('paper-input').focus(), 0); + } + + _maybePopulateUsername() { + if (this._username) return; + + const parts = this._name.split(' '); + + if (parts.length) { + this._username = parts[0].toLowerCase(); + } } async _createUser() { - if (!this._username || !this._password) return; + if (!this._name || !this._username || !this._password) return; this._loading = true; this._errorMsg = null; @@ -111,7 +131,7 @@ class HaDialogAddUser extends LocalizeMixin(PolymerElement) { try { const userResponse = await this.hass.callWS({ type: 'config/auth/create', - name: this._username, + name: this._name, }); userId = userResponse.user.id; } catch (err) { diff --git a/src/panels/config/users/ha-user-picker.js b/src/panels/config/users/ha-user-picker.js index 88233b85c1..42ac578886 100644 --- a/src/panels/config/users/ha-user-picker.js +++ b/src/panels/config/users/ha-user-picker.js @@ -38,6 +38,7 @@ class HaUserPicker extends EventsMixin(NavigateMixin(LocalizeMixin(PolymerElemen margin: 16px auto; } a { + text-decoration: none; color: var(--primary-text-color); }