Add new option show_locate_button (default true) (#90)

README.md

@@ -92,6 +92,7 @@ min_height: 0
 | show_pause_button | boolean | true | Show the pause button for vacuum_entity
 | show_stop_button | boolean | true | Show the stop button for vacuum_entity
 | show_home_button | boolean | true | Show the home button for vacuum_entity
+| show_locate_button | boolean | true | Show the locate button for vacuum_entity
 | goto_target_icon | string | mdi:pin | The icon to use for the go to target
 | goto_target_color | string | 'blue' | The color to use for the go to target icon
 | dock_icon | string | mdi:flash | The icon to use for the charging dock

valetudo-map-card.js

@@ -528,6 +528,7 @@ class ValetudoMapCard extends HTMLElement {
     if (this._config.show_pause_button === undefined) this._config.show_pause_button = true;
     if (this._config.show_stop_button === undefined) this._config.show_stop_button = true;
     if (this._config.show_home_button === undefined) this._config.show_home_button = true;
+    if (this._config.show_locate_button === undefined) this._config.show_locate_button = true;
 
     // Width settings
     if (this._config.virtual_wall_width === undefined) this._config.virtual_wall_width = 1;
@@ -905,6 +906,19 @@ class ValetudoMapCard extends HTMLElement {
           this.controlFlexBox.appendChild(homeButton);
         }
 
+        if (this._config.show_locate_button) {
+          const locateButton = document.createElement('paper-button');
+          const locateIcon = document.createElement('ha-icon');
+          const locateRipple = document.createElement('paper-ripple');
+          locateIcon.icon = 'hass:map-marker';
+          locateButton.appendChild(locateIcon);
+          locateButton.appendChild(locateRipple);
+          locateButton.addEventListener('click', (event) => {
+            this._hass.callService('vacuum', 'locate', { entity_id: this._config.vacuum_entity }).then();
+          });
+          this.controlFlexBox.appendChild(locateButton);
+        }
+
         this.customControlFlexBox = document.createElement('div');
         this.customControlFlexBox.classList.add('flex-box');