thomas/hass-browser_mod
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add auto_close function to popup

Browse Source
This commit is contained in:
Thomas Lovén 2019-07-09 01:44:11 +02:00
parent 6649630754
commit 187f4ea634
3 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -150,8 +150,9 @@ will display the specified `entities` card as a popup on the current device.
![popup-example](https://user-images.githubusercontent.com/1299821/60288984-a7cb6b00-9915-11e9-9322-324323a9ec6e.png)
The optional parameter `large: true` will make the popup wider.
The optional parameter `style:` will apply css style options to the popup.
The optional parameter `large: true` will make the popup wider.
The optional parameter `style:` will apply css style options to the popup.
The optional parameter `auto_close: true` will make the popup close automatically when the mouse is moved or a key is pressed on the keyboard. This also removes the header bar.
Ex:
```yaml

8
custom_components/browser_mod/browser_mod.js
View File

File diff suppressed because one or more lines are too long

11
js/main.js
View File

@ -39,6 +39,8 @@ class BrowserMod {
this.player = new Audio();
this.playedOnce = false;
this.autoclose_popup_active = false;
const updater = this.update.bind(this);
this.player.addEventListener("ended", updater);
this.player.addEventListener("play", updater);
@ -167,11 +169,14 @@ class BrowserMod {
}
popup(msg){
if(!msg.title) return;
if(!msg.title && !msg.auto_close) return;
if(!msg.card) return;
popUp(msg.title, msg.card, msg.large, msg.style);
popUp(msg.title, msg.card, msg.large, msg.style, msg.auto_close);
if(msg.auto_close)
this.autoclose_popup_active = true;
}
close_popup(msg){
this.autoclose_popup_active = false;
closePopUp();
}
navigate(msg){
@ -199,6 +204,8 @@ class BrowserMod {
this.update();
}
no_blackout(msg){
if(this.autoclose_popup_active)
return this.close_popup();
this._blackout.style.visibility = "hidden";
this.update();
}