jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-04-25 13:57:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Don't put components in entrypoint (#1548)

Browse Source 
* Don't put components in entrypoint

* Remove extra deps
This commit is contained in:
Paulus Schoutsen 2018-08-07 23:11:57 +02:00 committed by GitHub
parent 22433d1a39
commit 1cbe0b7b9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 97 additions and 93 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

96
src/auth/ha-authorize.js Normal file
View File

@ -0,0 +1,96 @@
import '@polymer/iron-flex-layout/iron-flex-layout-classes.js';
import '@polymer/polymer/lib/elements/dom-if.js';
import '@polymer/polymer/lib/elements/dom-repeat.js';
import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../auth/ha-auth-flow.js';
import '../auth/ha-pick-auth-provider.js';
class HaAuthorize extends PolymerElement {
static get template() {
return html`
<style include="iron-flex iron-positioning"></style>
<style>
.content {
padding: 20px 16px;
max-width: 360px;
margin: 0 auto;
}
.header {
text-align: center;
font-size: 1.96em;
display: flex;
align-items: center;
justify-content: center;
font-weight: 300;
}
.header img {
margin-right: 16px;
}
</style>
<div class="content layout vertical fit">
<div class='header'>
<img src="/static/icons/favicon-192x192.png" height="52">
Home Assistant
</div>
<p>Logging in to <b>[[clientId]]</b>.</p>
<template is="dom-if" if="[[_authProvider]]">
<ha-auth-flow
client-id="[[clientId]]"
redirect-uri="[[redirectUri]]"
oauth2-state="[[oauth2State]]"
auth-provider="[[_authProvider]]"
on-reset="_handleReset"
></ha-auth-flow>
</template>
<template is="dom-if" if="[[!_authProvider]]">
<ha-pick-auth-provider
client-id="[[clientId]]"
on-pick="_handleAuthProviderPick"
></ha-pick-auth-provider>
</template>
</div>
`;
}
static get properties() {
return {
_authProvider: {
type: String,
value: null,
},
clientId: String,
redirectUri: String,
oauth2State: String,
};
}
ready() {
super.ready();
const query = {};
const values = location.search.substr(1).split('&');
for (let i = 0; i < values.length; i++) {
const value = values[i].split('=');
if (value.length > 1) {
query[decodeURIComponent(value[0])] = decodeURIComponent(value[1]);
}
}
const props = {};
if (query.client_id) props.clientId = query.client_id;
if (query.redirect_uri) props.redirectUri = query.redirect_uri;
if (query.state) props.oauth2State = query.state;
this.setProperties(props);
}
_handleAuthProviderPick(ev) {
this._authProvider = ev.detail;
}
_handleReset() {
this._authProvider = null;
}
}
customElements.define('ha-authorize', HaAuthorize);

94
src/entrypoints/authorize.js
View File

@ -1,103 +1,11 @@
import '@polymer/iron-flex-layout/iron-flex-layout-classes.js';
import '@polymer/polymer/lib/elements/dom-if.js';
import '@polymer/polymer/lib/elements/dom-repeat.js';
import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../components/ha-iconset-svg.js';
import '../resources/ha-style.js';
import '../resources/roboto.js';
import '../auth/ha-auth-flow.js';
import '../auth/ha-pick-auth-provider.js';
import '../auth/ha-authorize.js';
/* polyfill for paper-dropdown */
import(/* webpackChunkName: "polyfill-web-animations-next" */ 'web-animations-js/web-animations-next-lite.min.js');
class HaAuthorize extends PolymerElement {
static get template() {
return html`
<style include="iron-flex iron-positioning"></style>
<style>
.content {
padding: 20px 16px;
max-width: 360px;
margin: 0 auto;
}
.header {
text-align: center;
font-size: 1.96em;
display: flex;
align-items: center;
justify-content: center;
font-weight: 300;
}
.header img {
margin-right: 16px;
}
</style>
<div class="content layout vertical fit">
<div class='header'>
<img src="/static/icons/favicon-192x192.png" height="52">
Home Assistant
</div>
<p>Logging in to <b>[[clientId]]</b>.</p>
<template is="dom-if" if="[[_authProvider]]">
<ha-auth-flow
client-id="[[clientId]]"
redirect-uri="[[redirectUri]]"
oauth2-state="[[oauth2State]]"
auth-provider="[[_authProvider]]"
on-reset="_handleReset"
></ha-auth-flow>
</template>
<template is="dom-if" if="[[!_authProvider]]">
<ha-pick-auth-provider
client-id="[[clientId]]"
on-pick="_handleAuthProviderPick"
></ha-pick-auth-provider>
</template>
</div>
`;
}
static get properties() {
return {
_authProvider: {
type: String,
value: null,
},
clientId: String,
redirectUri: String,
oauth2State: String,
};
}
ready() {
super.ready();
const query = {};
const values = location.search.substr(1).split('&');
for (let i = 0; i < values.length; i++) {
const value = values[i].split('=');
if (value.length > 1) {
query[decodeURIComponent(value[0])] = decodeURIComponent(value[1]);
}
}
const props = {};
if (query.client_id) props.clientId = query.client_id;
if (query.redirect_uri) props.redirectUri = query.redirect_uri;
if (query.state) props.oauth2State = query.state;
this.setProperties(props);
}
_handleAuthProviderPick(ev) {
this._authProvider = ev.detail;
}
_handleReset() {
this._authProvider = null;
}
}
customElements.define('ha-authorize', HaAuthorize);