diff --git a/src/layouts/partial-panel-resolver.js b/src/layouts/partial-panel-resolver.js
index 229aeaa1ca..295db3db1a 100644
--- a/src/layouts/partial-panel-resolver.js
+++ b/src/layouts/partial-panel-resolver.js
@@ -50,8 +50,8 @@ function ensureLoaded(panel) {
imported = import(/* webpackChunkName: "panel-dev-template" */ '../panels/dev-template/ha-panel-dev-template.js');
break;
- case 'experimental-ui':
- imported = import(/* webpackChunkName: "panel-experimental-ui" */ '../panels/experimental-ui/ha-panel-experimental-ui.js');
+ case 'lovelace':
+ imported = import(/* webpackChunkName: "panel-lovelace" */ '../panels/lovelace/ha-panel-lovelace.js');
break;
case 'history':
@@ -180,7 +180,7 @@ class PartialPanelResolver extends NavigateMixin(PolymerElement) {
}
if (loadingProm === null) {
- this.panelLoadError(panel);
+ this._state = 'error';
return;
}
@@ -199,10 +199,6 @@ class PartialPanelResolver extends NavigateMixin(PolymerElement) {
);
}
- panelLoadError(panel) {
- alert(`Failed to resolve panel ${panel.component_name}`);
- }
-
updateAttributes() {
var customEl = dom(this.$.panel).lastChild;
if (!customEl) return;
diff --git a/src/panels/dev-info/ha-panel-dev-info.js b/src/panels/dev-info/ha-panel-dev-info.js
index 6984dd8232..edefaa11cc 100644
--- a/src/panels/dev-info/ha-panel-dev-info.js
+++ b/src/panels/dev-info/ha-panel-dev-info.js
@@ -141,7 +141,7 @@ class HaPanelDevInfo extends PolymerElement {
Built using
Python 3,
- Polymer [[polymerVersion]],
+ Polymer,
Icons by Google and MaterialDesignIcons.com.
@@ -157,6 +157,7 @@ class HaPanelDevInfo extends PolymerElement {
+ Try out the new Lovelace UI (experimental)
@@ -233,11 +234,6 @@ class HaPanelDevInfo extends PolymerElement {
value: false,
},
- polymerVersion: {
- type: String,
- value: Polymer.version,
- },
-
errorLog: {
type: String,
value: '',
diff --git a/src/panels/experimental-ui/ha-panel-experimental-ui.js b/src/panels/lovelace/ha-panel-lovelace.js
similarity index 65%
rename from src/panels/experimental-ui/ha-panel-experimental-ui.js
rename to src/panels/lovelace/ha-panel-lovelace.js
index dcac9784dc..1d5c82d717 100644
--- a/src/panels/experimental-ui/ha-panel-experimental-ui.js
+++ b/src/panels/lovelace/ha-panel-lovelace.js
@@ -10,18 +10,28 @@ import { html } from '@polymer/polymer/lib/utils/html-tag.js';
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
import '../../layouts/hass-loading-screen.js';
+import '../../layouts/hass-error-screen.js';
import './hui-root.js';
-class ExperimentalUI extends PolymerElement {
+class Lovelace extends PolymerElement {
static get template() {
return html`
-
+
-
+
+
+
+
{ this._config = conf.result; });
+ this.hass.connection.sendMessagePromise({ type: 'frontend/lovelace_config' })
+ .then(
+ conf => this.setProperties({
+ _config: conf.result,
+ _state: 'loaded',
+ }),
+ err => this.setProperties({
+ _state: 'error',
+ _errorMsg: err.message,
+ })
+ );
+ }
+
+ _equal(a, b) {
+ return a === b;
}
}
-customElements.define('ha-panel-experimental-ui', ExperimentalUI);
+customElements.define('ha-panel-lovelace', Lovelace);
diff --git a/src/panels/experimental-ui/hui-camera-preview-card.js b/src/panels/lovelace/hui-camera-preview-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-camera-preview-card.js
rename to src/panels/lovelace/hui-camera-preview-card.js
diff --git a/src/panels/experimental-ui/hui-entities-card.js b/src/panels/lovelace/hui-entities-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-entities-card.js
rename to src/panels/lovelace/hui-entities-card.js
diff --git a/src/panels/experimental-ui/hui-entity-filter-card.js b/src/panels/lovelace/hui-entity-filter-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-entity-filter-card.js
rename to src/panels/lovelace/hui-entity-filter-card.js
diff --git a/src/panels/experimental-ui/hui-error-card.js b/src/panels/lovelace/hui-error-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-error-card.js
rename to src/panels/lovelace/hui-error-card.js
diff --git a/src/panels/experimental-ui/hui-history-graph-card.js b/src/panels/lovelace/hui-history-graph-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-history-graph-card.js
rename to src/panels/lovelace/hui-history-graph-card.js
diff --git a/src/panels/experimental-ui/hui-media-control-card.js b/src/panels/lovelace/hui-media-control-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-media-control-card.js
rename to src/panels/lovelace/hui-media-control-card.js
diff --git a/src/panels/experimental-ui/hui-plant-status-card.js b/src/panels/lovelace/hui-plant-status-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-plant-status-card.js
rename to src/panels/lovelace/hui-plant-status-card.js
diff --git a/src/panels/experimental-ui/hui-root.js b/src/panels/lovelace/hui-root.js
similarity index 94%
rename from src/panels/experimental-ui/hui-root.js
rename to src/panels/lovelace/hui-root.js
index 9769f97c7a..685de280b3 100644
--- a/src/panels/experimental-ui/hui-root.js
+++ b/src/panels/lovelace/hui-root.js
@@ -31,12 +31,18 @@ class HUIRoot extends EventsMixin(PolymerElement) {
--paper-tabs-selection-bar-color: var(--text-primary-color, #FFF);
text-transform: uppercase;
}
+ app-toolbar a {
+ color: var(--text-primary-color, white);
+ }
[[_computeTitle(config)]]
+
+
+
diff --git a/src/panels/experimental-ui/hui-view.js b/src/panels/lovelace/hui-view.js
similarity index 100%
rename from src/panels/experimental-ui/hui-view.js
rename to src/panels/lovelace/hui-view.js
diff --git a/src/panels/experimental-ui/hui-weather-forecast-card.js b/src/panels/lovelace/hui-weather-forecast-card.js
similarity index 100%
rename from src/panels/experimental-ui/hui-weather-forecast-card.js
rename to src/panels/lovelace/hui-weather-forecast-card.js