20200219.0

package.json

@@ -85,7 +85,7 @@
     "fuse.js": "^3.4.4",
     "google-timezones-json": "^1.0.2",
     "hls.js": "^0.12.4",
-    "home-assistant-js-websocket": "^4.4.0",
+    "home-assistant-js-websocket": "4.4.1",
     "intl-messageformat": "^2.2.0",
     "js-yaml": "^3.13.1",
     "leaflet": "^1.4.0",

setup.py

@@ -2,7 +2,7 @@
 
 setup(
     name="home-assistant-frontend",
-    version="20200217.0",
+    version="20200219.0",
     description="The Home Assistant frontend",
     url="https://github.com/home-assistant/home-assistant-polymer",
     author="The Home Assistant Authors",

src/components/ha-form/ha-form-multi_select.ts

@@ -41,6 +41,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
       ? this.schema.options
       : Object.entries(this.schema.options!);
 
+    const data = this.data || [];
     return html`
       <paper-menu-button horizontal-align="right" vertical-offset="8">
         <div class="dropdown-trigger" slot="dropdown-trigger">
@@ -49,7 +50,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
             id="input"
             type="text"
             readonly
-            value=${this.data
+            value=${data
               .map((value) => this.schema.options![value] || value)
               .join(", ")}
             label=${this.label}
@@ -68,7 +69,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
           multi
           slot="dropdown-content"
           attr-for-selected="item-value"
-          .selectedValues=${this.data}
+          .selectedValues=${data}
           @selected-items-changed=${this._valueChanged}
           @iron-select=${this._onSelect}
         >
@@ -79,7 +80,7 @@ export class HaFormMultiSelect extends LitElement implements HaFormElement {
             return html`
               <paper-icon-item .itemValue=${value}>
                 <paper-checkbox
-                  .checked=${this.data.includes(value)}
+                  .checked=${data.includes(value)}
                   slot="item-icon"
                 ></paper-checkbox>
                 ${this._optionLabel(item)}

src/data/cached-history.ts

@@ -9,7 +9,7 @@ import { HomeAssistant } from "../types";
 import { HassEntity } from "home-assistant-js-websocket";
 import { LocalizeFunc } from "../common/translations/localize";
 
-interface CacheConfig {
+export interface CacheConfig {
   refresh: number;
   cacheKey: string;
   hoursToShow: number;

src/data/integration.ts

@@ -0,0 +1,10 @@
+import { LocalizeFunc } from "../common/translations/localize";
+
+export const integrationDocsUrl = (domain: string) =>
+  `https://www.home-assistant.io/integrations/${domain}`;
+
+export const integrationIssuesUrl = (domain: string) =>
+  `https://github.com/home-assistant/home-assistant/issues?q=is%3Aissue+is%3Aopen+label%3A%22integration%3A+${domain}%22`;
+
+export const domainToName = (localize: LocalizeFunc, domain: string) =>
+  localize(`domain.${domain}`) || domain;

src/data/media-player.ts

@@ -3,8 +3,19 @@ import { HomeAssistant } from "../types";
 import { timeCachePromiseFunc } from "../common/util/time-cache-function-promise";
 
 export const SUPPORT_PAUSE = 1;
+export const SUPPORT_SEEK = 2;
+export const SUPPORT_VOLUME_SET = 4;
+export const SUPPORT_VOLUME_MUTE = 8;
+export const SUPPORT_PREVIOUS_TRACK = 16;
 export const SUPPORT_NEXT_TRACK = 32;
+export const SUPPORT_TURN_ON = 128;
+export const SUPPORT_TURN_OFF = 256;
+export const SUPPORT_PLAY_MEDIA = 512;
+export const SUPPORT_VOLUME_BUTTONS = 1024;
+export const SUPPORT_SELECT_SOURCE = 2048;
+export const SUPPORT_STOP = 4096;
 export const SUPPORTS_PLAY = 16384;
+export const SUPPORT_SELECT_SOUND_MODE = 65536;
 export const OFF_STATES = ["off", "idle"];
 
 export interface MediaPlayerThumbnail {

src/data/system_log.ts

@@ -1,6 +1,7 @@
 import { HomeAssistant } from "../types";
 
 export interface LoggedError {
+  name: string;
   message: string;
   level: string;
   source: string;
@@ -14,3 +15,8 @@ export interface LoggedError {
 
 export const fetchSystemLog = (hass: HomeAssistant) =>
   hass.callApi<LoggedError[]>("GET", "error/all");
+
+export const getLoggedErrorIntegration = (item: LoggedError) =>
+  item.name.startsWith("homeassistant.components.")
+    ? item.name.split(".")[2]
+    : undefined;

src/dialogs/config-flow/show-dialog-options-flow.ts

@@ -47,15 +47,15 @@ export const showOptionsFlowDialog = (
       renderShowFormStepHeader(hass, step) {
         return (
           hass.localize(
-            `component.${step.handler}.options.step.${step.step_id}.title`
+            `component.${configEntry.domain}.options.step.${step.step_id}.title`
           ) || hass.localize(`ui.dialogs.options_flow.form.header`)
         );
       },
 
       renderShowFormStepDescription(hass, step) {
         const description = localizeKey(
           hass.localize,
-          `component.${step.handler}.config.step.${step.step_id}.description`,
+          `component.${configEntry.domain}.options.step.${step.step_id}.description`,
           step.description_placeholders
         );
         return description

src/fake_data/demo_config.ts

@@ -17,4 +17,5 @@ export const demoConfig: HassConfig = {
   version: "DEMO",
   whitelist_external_dirs: [],
   config_source: "storage",
+  safe_mode: false,
 };

src/panels/config/areas/dialog-area-registry-detail.ts

@@ -6,6 +6,7 @@ import {
   TemplateResult,
   property,
 } from "lit-element";
+import "@material/mwc-button";
 import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
 import "@polymer/paper-input/paper-input";
 

src/panels/developer-tools/event/events-list.js

@@ -1,6 +1,7 @@
 import { html } from "@polymer/polymer/lib/utils/html-tag";
 import { PolymerElement } from "@polymer/polymer/polymer-element";
 
+import { compare } from "../../../common/string/compare";
 import { EventsMixin } from "../../../mixins/events-mixin";
 import LocalizeMixin from "../../../mixins/localize-mixin";
 
@@ -58,7 +59,7 @@ class EventsList extends EventsMixin(LocalizeMixin(PolymerElement)) {
     super.connectedCallback();
     this.hass.callApi("GET", "events").then(
       function(events) {
-        this.events = events;
+        this.events = events.sort((e1, e2) => compare(e1.event, e2.event));
       }.bind(this)
     );
   }

src/panels/developer-tools/info/integrations-card.ts

@@ -9,6 +9,10 @@ import {
 } from "lit-element";
 import { HomeAssistant } from "../../../types";
 import memoizeOne from "memoize-one";
+import {
+  integrationDocsUrl,
+  integrationIssuesUrl,
+} from "../../../data/integration";
 
 @customElement("integrations-card")
 class IntegrationsCard extends LitElement {
@@ -28,18 +32,12 @@ class IntegrationsCard extends LitElement {
                 <tr>
                   <td>${domain}</td>
                   <td>
-                    <a
-                      href=${`https://www.home-assistant.io/integrations/${domain}`}
-                      target="_blank"
-                    >
+                    <a href=${integrationDocsUrl(domain)} target="_blank">
                       Documentation
                     </a>
                   </td>
                   <td>
-                    <a
-                      href=${`https://github.com/home-assistant/home-assistant/issues?q=is%3Aissue+is%3Aopen+label%3A%22integration%3A+${domain}%22`}
-                      target="_blank"
-                    >
+                    <a href=${integrationIssuesUrl(domain)} target="_blank">
                       Issues
                     </a>
                   </td>

src/panels/developer-tools/logs/dialog-system-log-detail.ts

@@ -14,6 +14,13 @@ import { SystemLogDetailDialogParams } from "./show-dialog-system-log-detail";
 import { PolymerChangedEvent } from "../../../polymer-types";
 import { haStyleDialog } from "../../../resources/styles";
 import { HomeAssistant } from "../../../types";
+import {
+  integrationDocsUrl,
+  integrationIssuesUrl,
+  domainToName,
+} from "../../../data/integration";
+import { formatSystemLogTime } from "./util";
+import { getLoggedErrorIntegration } from "../../../data/system_log";
 
 class DialogSystemLogDetail extends LitElement {
   @property() public hass!: HomeAssistant;
@@ -30,6 +37,8 @@ class DialogSystemLogDetail extends LitElement {
     }
     const item = this._params.item;
 
+    const integration = getLoggedErrorIntegration(item);
+
     return html`
       <ha-paper-dialog
         with-backdrop
@@ -44,7 +53,34 @@ class DialogSystemLogDetail extends LitElement {
           )}
         </h2>
         <paper-dialog-scrollable>
-          <p>${new Date(item.timestamp * 1000)}</p>
+          <p>
+            Logger: ${item.name}
+            ${integration
+              ? html`
+                  <br />
+                  Integration: ${domainToName(this.hass.localize, integration)}
+                  (<a href=${integrationDocsUrl(integration)} target="_blank"
+                    >documentation</a
+                  >,
+                  <a href=${integrationIssuesUrl(integration)} target="_blank"
+                    >issues</a
+                  >)
+                `
+              : ""}
+            <br />
+            ${item.count > 0
+              ? html`
+                  First occured:
+                  ${formatSystemLogTime(
+                    item.first_occured,
+                    this.hass!.language
+                  )}
+                  (${item.count} occurences) <br />
+                `
+              : ""}
+            Last logged:
+            ${formatSystemLogTime(item.timestamp, this.hass!.language)}
+          </p>
           ${item.message
             ? html`
                 <pre>${item.message}</pre>
@@ -73,6 +109,15 @@ class DialogSystemLogDetail extends LitElement {
         ha-paper-dialog {
           direction: ltr;
         }
+        a {
+          color: var(--primary-color);
+        }
+        p {
+          margin-top: 0;
+        }
+        pre {
+          margin-bottom: 0;
+        }
       `,
     ];
   }

src/panels/developer-tools/logs/system-log-card.ts

@@ -15,20 +15,14 @@ import "../../../components/ha-card";
 import "../../../components/buttons/ha-call-service-button";
 import "../../../components/buttons/ha-progress-button";
 import { HomeAssistant } from "../../../types";
-import { LoggedError, fetchSystemLog } from "../../../data/system_log";
-import { formatDateTimeWithSeconds } from "../../../common/datetime/format_date_time";
-import { formatTimeWithSeconds } from "../../../common/datetime/format_time";
+import {
+  LoggedError,
+  fetchSystemLog,
+  getLoggedErrorIntegration,
+} from "../../../data/system_log";
 import { showSystemLogDetailDialog } from "./show-dialog-system-log-detail";
-
-const formatLogTime = (date, language: string) => {
-  const today = new Date().setHours(0, 0, 0, 0);
-  const dateTime = new Date(date * 1000);
-  const dateTimeDay = new Date(date * 1000).setHours(0, 0, 0, 0);
-
-  return dateTimeDay < today
-    ? formatDateTimeWithSeconds(dateTime, language)
-    : formatTimeWithSeconds(dateTime, language);
-};
+import { formatSystemLogTime } from "./util";
+import { domainToName } from "../../../data/integration";
 
 @customElement("system-log-card")
 export class SystemLogCard extends LitElement {
@@ -42,6 +36,9 @@ export class SystemLogCard extends LitElement {
   }
 
   protected render(): TemplateResult {
+    const integrations = this._items
+      ? this._items.map((item) => getLoggedErrorIntegration(item))
+      : [];
     return html`
       <div class="system-log-intro">
         <ha-card>
@@ -61,25 +58,32 @@ export class SystemLogCard extends LitElement {
                       </div>
                     `
                   : this._items.map(
-                      (item) => html`
+                      (item, idx) => html`
                         <paper-item @click=${this._openLog} .logItem=${item}>
                           <paper-item-body two-line>
                             <div class="row">
                               ${item.message}
                             </div>
                             <div secondary>
-                              ${formatLogTime(
+                              ${formatSystemLogTime(
                                 item.timestamp,
                                 this.hass!.language
                               )}
-                              ${item.source} (${item.level})
+                              –
+                              ${integrations[idx]
+                                ? domainToName(
+                                    this.hass!.localize,
+                                    integrations[idx]!
+                                  )
+                                : item.source}
+                              (${item.level})
                               ${item.count > 1
                                 ? html`
                                     -
                                     ${this.hass.localize(
                                       "ui.panel.developer-tools.tabs.logs.multiple_messages",
                                       "time",
-                                      formatLogTime(
+                                      formatSystemLogTime(
                                         item.first_occured,
                                         this.hass!.language
                                       ),

src/panels/developer-tools/logs/util.ts

@@ -0,0 +1,13 @@
+import { formatDateTimeWithSeconds } from "../../../common/datetime/format_date_time";
+
+import { formatTimeWithSeconds } from "../../../common/datetime/format_time";
+
+export const formatSystemLogTime = (date, language: string) => {
+  const today = new Date().setHours(0, 0, 0, 0);
+  const dateTime = new Date(date * 1000);
+  const dateTimeDay = new Date(date * 1000).setHours(0, 0, 0, 0);
+
+  return dateTimeDay < today
+    ? formatDateTimeWithSeconds(dateTime, language)
+    : formatTimeWithSeconds(dateTime, language);
+};