Add readme links. Bump patch number.

thomasloven · Mar 9, 2022 · 466df9c · 466df9c
1 parent 4773f01
commit 466df9c
Show file tree

Hide file tree

Showing 6 changed files with 69 additions and 36 deletions.
diff --git a/layout-card.js b/layout-card.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "layout-card",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "",
   "private": true,
   "scripts": {

diff --git a/src/layout-card-editor.ts b/src/layout-card-editor.ts
@@ -159,6 +159,17 @@ class LayoutCardEditor extends LitElement {
       ...this._config,
     };
     return html`
+      <p>
+        See
+        <a
+          href="https://github.com/thomasloven/lovelace-layout-card"
+          target="_blank"
+          rel="no referrer"
+        >
+          layout-card on github
+        </a>
+        for usage instructions.
+      </p>
       <ha-form
         .hass=${this.hass}
         .data=${data}
@@ -294,6 +305,10 @@ class LayoutCardEditor extends LitElement {
         .gui-mode-button {
           margin-right: auto;
         }
+
+        a {
+          color: var(--primary-color);
+        }
       `,
     ];
   }

diff --git a/src/main.ts b/src/main.ts
@@ -10,8 +10,9 @@ import "./patches/hui-view-editor";
 import "./gap-card.ts";
 import pjson from "../package.json";
 
-console.info(
+console.groupCollapsed(
   `%cLAYOUT-CARD ${pjson.version} IS INSTALLED`,
-  "color: green; font-weight: bold",
-  ""
+  "color: green; font-weight: bold"
 );
+console.log("Readme:", "https://github.com/thomasloven/lovelace-layout-card");
+console.groupEnd();
diff --git a/src/patches/hui-view-editor.ts b/src/patches/hui-view-editor.ts
@@ -22,6 +22,24 @@ customElements.whenDefined("hui-view-editor").then(() => {
       return retval;
     };
 
+    const helpLink = document.createElement("p");
+    helpLink.innerHTML = `
+      You have layout-card installed which adds some options to this dialog. <br/>
+      Please see
+        <a
+          href="https://github.com/thomasloven/lovelace-layout-card"
+          target="_blank"
+          rel="no referrer"
+        >
+          layout-card on github
+        </a>
+        for usage instructions.
+        <style>
+          p {padding: 16px 0 0; margin-bottom: 0;}
+          a {color: var(--primary-color);}
+        </style>
+    `;
+    this.shadowRoot.appendChild(helpLink);
     this.requestUpdate();
   };
 });