[TASK] new disable functions and layout fix

Author: KartoffelToby

README.md

@@ -1,4 +1,4 @@
-[![Version - 0.8.2](https://img.shields.io/badge/Version-0.8.2-009688?style=for-the-badge)](https://github.com/KartoffelToby/better-thermostat-ui-card)
+[![Version - 0.9.0](https://img.shields.io/badge/Version-0.9.0-009688?style=for-the-badge)](https://github.com/KartoffelToby/better-thermostat-ui-card)
 [![Discord](https://img.shields.io/discord/925725316540923914.svg?style=for-the-badge)](https://discord.gg/9BUegWTG3K)
 [![hacs_badge](https://img.shields.io/badge/HACS-Default-41BDF5.svg?style=for-the-badge)](https://github.com/hacs/integration)
 
@@ -26,7 +26,10 @@ As for now the main improvment is the ability to see the extra status from bette
 | eco_temperature      | number  | **optional** | target temp for night/away/eco mode triggerd by ui button                                              |
 | disable_window      | boolean  | **optional** | turn off the window open indicator                                                                     |
 | disable_summer      | boolean  | **optional** | trun off the summer indicator                                                                          |
-
+| disable_heat        | boolean  | **optional** | trun off the on/heat button                                                                          |
+| disable_eco         | boolean  | **optional** | trun off the eco button                                                                          |
+| disable_off         | boolean  | **optional** | trun off the off button                                                                         |
+| name                | string/boolean  | **optional** | override the default entity name, us false to 
 
 ## Help wanted!
 

dist/better-thermostat-ui-card.js

@@ -1,6 +1,6 @@
 {
   "name": "better-thermostat-ui",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "description": "Lovelace better-thermostat-ui",
   "keywords": [
     "home-assistant",

package.json

@@ -148,9 +148,12 @@ export class BetterThermostatUiCard extends LitElement {
         }
 
         const mode = stateObj.state in modeIcons ? stateObj.state : "unknown-mode";
-        const name =
+        let name =
             this._config!.name ||
             this.computeStateName(this.hass!.states[this._config!.entity]);
+        if(this._config!.name === false) {
+            name = "";
+        }
         const targetTemp =
             stateObj.attributes.temperature !== null &&
             Number.isFinite(Number(stateObj.attributes.temperature)) ?
@@ -334,7 +337,7 @@ export class BetterThermostatUiCard extends LitElement {
                     </div>
                     <div id="temperature">${setValues}</div>
                     <div id="current-infos">
-                      <div>
+                      <div class="${stateObj.attributes.humidity !== null && stateObj.attributes.humidity > 0 ? 'two': 'one'}">
                         ${currentTemperature}
                         ${
                           stateObj.attributes.humidity !== null && stateObj.attributes.humidity > 0 ? currentHumidity : ""
@@ -346,13 +349,13 @@ export class BetterThermostatUiCard extends LitElement {
               </div>
               <div id="info" .title=${name}>
                 <div id="modes">
-                  ${this._renderIcon("heat", mode)}
-                  ${
+                  ${this._config.disable_heat ? html `` : this._renderIcon("heat", mode)}
+                  ${this._config.disable_eco ? html `` :
                     stateObj.attributes.saved_temperature &&
                     stateObj.attributes.saved_temperature !== "none" &&
                     stateObj.state !== UNAVAILABLE
                       ? this._renderIcon("eco","eco"): this._renderIcon("eco", "none")}
-                  ${this._renderIcon("off", mode)}
+                  ${this._config.disable_off ? html `` : this._renderIcon("off", mode)}
                 </div>
               </div>
               <div id="title">${name}</div>
@@ -920,11 +923,17 @@ export class BetterThermostatUiCard extends LitElement {
             left: 50%;
             transform: translateX(-50%);
         }
-        #current-infos div {
+        #current-infos div.two {
           width: 60%;
           display: inherit;
           margin: 0px 12%;
           gap: 1em;
+        }
+        #current-infos div.one {
+          width: 100%;
+          display: inherit;
+          margin: 0px 12%;
+          gap: 1em;
         }
           #current-infos svg {
             width: inherit;

src/better-thermostat-ui-card.ts

@@ -1 +1 @@
-export const CARD_VERSION = '0.8.2';
+export const CARD_VERSION = '0.9.0';

src/const.ts

@@ -61,6 +61,18 @@ export class BetterThermostatUiCardEditor extends LitElement implements Lovelace
     return this._config?.disable_summer || false;
   }
 
+  get _disable_eco(): boolean {
+    return this._config?.disable_eco || false;
+  }
+
+  get _disable_heat(): boolean {
+    return this._config?.disable_heat || false;
+  }
+
+  get _disable_off(): boolean {
+    return this._config?.disable_off || false;
+  }
+
   get _show_warning(): boolean {
     return this._config?.show_warning || false;
   }

src/editor.ts

@@ -13,6 +13,9 @@ export interface BetterThermostatUiCardConfig extends LovelaceCardConfig {
   eco_temperature?: number;
   disable_window?: boolean;
   disable_summer?: boolean;
+  disable_eco?: boolean;
+  disable_heat?: boolean;
+  disable_off?: boolean;
   theme?: string;
-  name?: string;
+  name?: any;
 }