Change configuration entries

src/dialogs/developert-tools/ha-developer-tools-dialog.ts

@@ -1,138 +0,0 @@
-import { mdiClose } from "@mdi/js";
-import "@polymer/paper-tabs";
-import {
-  css,
-  CSSResultGroup,
-  html,
-  LitElement,
-  PropertyValues,
-  TemplateResult,
-} from "lit";
-import { customElement, property, state, query } from "lit/decorators";
-import { fireEvent } from "../../common/dom/fire_event";
-import { haStyleDialog } from "../../resources/styles";
-import type { HomeAssistant, Route } from "../../types";
-import "../../components/ha-dialog";
-import "../../components/ha-tabs";
-import "../../components/ha-icon-button";
-import "../../panels/developer-tools/developer-tools-router";
-import type { HaDialog } from "../../components/ha-dialog";
-import "@material/mwc-button/mwc-button";
-
-@customElement("ha-developer-tools-dialog")
-export class HaDeveloperToolsDialog extends LitElement {
-  @property({ attribute: false }) public hass!: HomeAssistant;
-
-  @state() private _opened = false;
-
-  @state() private _route: Route = {
-    prefix: "/developer-tools",
-    path: "/state",
-  };
-
-  @query("ha-dialog", true) private _dialog!: HaDialog;
-
-  public async showDialog(): Promise<void> {
-    this._opened = true;
-  }
-
-  public async closeDialog(): Promise<void> {
-    this._opened = false;
-    fireEvent(this, "dialog-closed", { dialog: this.localName });
-  }
-
-  protected render(): TemplateResult {
-    if (!this._opened) {
-      return html``;
-    }
-    return html`
-      <ha-dialog open @closed=${this.closeDialog}>
-        <div class="header">
-          <ha-tabs
-            scrollable
-            attr-for-selected="page-name"
-            .selected=${this._route.path.substr(1)}
-            @iron-activate=${this.handlePageSelected}
-          >
-            <paper-tab page-name="state">
-              ${this.hass.localize(
-                "ui.panel.developer-tools.tabs.states.title"
-              )}
-            </paper-tab>
-            <paper-tab page-name="service">
-              ${this.hass.localize(
-                "ui.panel.developer-tools.tabs.services.title"
-              )}
-            </paper-tab>
-            <paper-tab page-name="template">
-              ${this.hass.localize(
-                "ui.panel.developer-tools.tabs.templates.title"
-              )}
-            </paper-tab>
-            <paper-tab page-name="event">
-              ${this.hass.localize(
-                "ui.panel.developer-tools.tabs.events.title"
-              )}
-            </paper-tab>
-            <paper-tab page-name="statistics">
-              ${this.hass.localize(
-                "ui.panel.developer-tools.tabs.statistics.title"
-              )}
-            </paper-tab>
-          </ha-tabs>
-          <ha-icon-button
-            .path=${mdiClose}
-            @click=${this.closeDialog}
-          ></ha-icon-button>
-        </div>
-        <developer-tools-router
-          .route=${this._route}
-          .narrow=${document.body.clientWidth < 600}
-          .hass=${this.hass}
-        ></developer-tools-router>
-      </ha-dialog>
-    `;
-  }
-
-  protected firstUpdated(changedProps: PropertyValues) {
-    super.updated(changedProps);
-    this.hass.loadBackendTranslation("title");
-    this.hass.loadFragmentTranslation("developer-tools");
-  }
-
-  private handlePageSelected(ev) {
-    const newPage = ev.detail.item.getAttribute("page-name");
-    if (newPage !== this._route.path.substr(1)) {
-      this._route = {
-        prefix: "/developer-tools",
-        path: `/${newPage}`,
-      };
-    } else {
-      // scrollTo(0, 0);
-    }
-  }
-
-  static get styles(): CSSResultGroup {
-    return [
-      haStyleDialog,
-      css`
-        ha-dialog {
-          --mdc-dialog-min-width: 100vw;
-          --mdc-dialog-min-height: 100vh;
-        }
-        .header {
-          display: flex;
-        }
-        ha-tabs {
-          flex: 1;
-        }
-      `,
-    ];
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "ha-developer-tools-dialog": HaDeveloperToolsDialog;
-  }
-}

src/dialogs/developert-tools/show-dialog-developer-tools.ts

@@ -1,12 +0,0 @@
-import { fireEvent } from "../../common/dom/fire_event";
-
-export const loadDeveloperToolDialog = () =>
-  import("./ha-developer-tools-dialog");
-
-export const showDeveloperToolDialog = (element: HTMLElement): void => {
-  fireEvent(element, "show-dialog", {
-    dialogTag: "ha-developer-tools-dialog",
-    dialogImport: loadDeveloperToolDialog,
-    dialogParams: {},
-  });
-};

src/panels/config/blueprint/ha-blueprint-overview.ts

@@ -224,7 +224,7 @@ class HaBlueprintOverview extends LitElement {
         .narrow=${this.narrow}
         back-path="/config"
         .route=${this.route}
-        .tabs=${configSections.automations}
+        .tabs=${configSections.blueprints}
         .columns=${this._columns(this.narrow, this.hass.language)}
         .data=${this._processedBlueprints(this.blueprints)}
         id="entity_id"

src/panels/config/ha-panel-config.ts

@@ -57,22 +57,22 @@ export const configSections: { [name: string]: PageNavigation[] } = {
     {
       path: "/config/automation",
       name: "Automations & Scenes",
-      description: "Automations, blueprints, scenes and scripts",
+      description: "Automations, helpers, scenes and scripts",
       iconPath: mdiRobot,
       iconColor: "#518C43",
-      components: ["automation", "blueprint", "scene", "script"],
-    },
-    {
-      path: "/config/helpers",
-      name: "Automation Helpers",
-      description: "Elements that help build automations",
-      iconPath: mdiTools,
-      iconColor: "#4D2EA4",
       core: true,
     },
+    {
+      path: "/config/blueprint",
+      name: "Blueprints",
+      description: "Manage blueprints",
+      iconPath: mdiPaletteSwatch,
+      iconColor: "#4D2EA4",
+      component: "blueprint",
+    },
     {
       path: "/hassio",
-      name: "Add-ons & Backups (Supervisor)",
+      name: "Add-ons, Backups & Supervisor",
       description: "Create backups, check logs or reboot your system",
       iconPath: mdiHomeAssistant,
       iconColor: "#4084CD",
@@ -155,13 +155,6 @@ export const configSections: { [name: string]: PageNavigation[] } = {
     },
   ],
   automations: [
-    {
-      component: "blueprint",
-      path: "/config/blueprint",
-      translationKey: "ui.panel.config.blueprint.caption",
-      iconPath: mdiPaletteSwatch,
-      iconColor: "#518C43",
-    },
     {
       component: "automation",
       path: "/config/automation",
@@ -169,6 +162,14 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       iconPath: mdiRobot,
       iconColor: "#518C43",
     },
+    {
+      component: "helpers",
+      path: "/config/helpers",
+      translationKey: "ui.panel.config.helpers.caption",
+      iconPath: mdiTools,
+      iconColor: "#4D2EA4",
+      core: true,
+    },
     {
       component: "scene",
       path: "/config/scene",
@@ -184,14 +185,13 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       iconColor: "#518C43",
     },
   ],
-  helpers: [
+  blueprints: [
     {
-      component: "helpers",
+      component: "blueprint",
-      path: "/config/helpers",
+      path: "/config/blueprint",
-      translationKey: "ui.panel.config.helpers.caption",
+      translationKey: "ui.panel.config.blueprint.caption",
-      iconPath: mdiTools,
+      iconPath: mdiPaletteSwatch,
-      iconColor: "#4D2EA4",
+      iconColor: "#518C43",
-      core: true,
     },
   ],
   tags: [

src/panels/config/helpers/ha-config-helpers.ts

@@ -132,7 +132,7 @@ export class HaConfigHelpers extends LitElement {
         .narrow=${this.narrow}
         back-path="/config"
         .route=${this.route}
-        .tabs=${configSections.helpers}
+        .tabs=${configSections.automations}
         .columns=${this._columns(this.narrow, this.hass.language)}
         .data=${this._getItems(this._stateItems)}
         @row-click=${this._openEditDialog}

src/state/quick-bar-mixin.ts

@@ -1,6 +1,5 @@
 import type { PropertyValues } from "lit";
 import tinykeys from "tinykeys";
-import { showDeveloperToolDialog } from "../dialogs/developert-tools/show-dialog-developer-tools";
 import {
   QuickBarParams,
   showQuickBar,
@@ -33,7 +32,6 @@ export default <T extends Constructor<HassElement>>(superClass: T) =>
       tinykeys(window, {
         e: (ev) => this._showQuickBar(ev),
         c: (ev) => this._showQuickBar(ev, true),
-        d: () => showDeveloperToolDialog(this),
       });
     }