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

1
README.md
View File

@ -152,6 +152,7 @@ will display the specified `entities` card as a popup on the current device.
The optional parameter `large: true` will make the popup wider. 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 `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: Ex:
```yaml ```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.player = new Audio();
this.playedOnce = false; this.playedOnce = false;
this.autoclose_popup_active = false;
const updater = this.update.bind(this); const updater = this.update.bind(this);
this.player.addEventListener("ended", updater); this.player.addEventListener("ended", updater);
this.player.addEventListener("play", updater); this.player.addEventListener("play", updater);
@ -167,11 +169,14 @@ class BrowserMod {
} }
popup(msg){ popup(msg){
if(!msg.title) return; if(!msg.title && !msg.auto_close) return;
if(!msg.card) 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){ close_popup(msg){
this.autoclose_popup_active = false;
closePopUp(); closePopUp();
} }
navigate(msg){ navigate(msg){
@ -199,6 +204,8 @@ class BrowserMod {
this.update(); this.update();
} }
no_blackout(msg){ no_blackout(msg){
if(this.autoclose_popup_active)
return this.close_popup();
this._blackout.style.visibility = "hidden"; this._blackout.style.visibility = "hidden";
this.update(); this.update();
} }