Popup Auto Closure

[FaiekA]

Hi - After a very long time of struggling with this - I managed to get it working , I'm sure that this is probably not correct, but does work with a small issues it seems - whereby the popup would close unexpectedly if you go back to the popup within the 5 seconds.

	{
	  position: [0, 1],
	  type: TYPES.POPUP,			  
	  id: {},
	  icon: "mdi-home-group",
	  title: "Home Scenes",
	  customStyles: {
	  "background-color": "#7dba81",},			  
	  height: 1,
	  state: false,		  
	  popup: {
		tileSize: 100,
		items: [
	{
		position: [0, 0],
		width: 2,
		title: "Guest Mode",
		classes: [CLASS_BIG],
		type: TYPES.INPUT_BOOLEAN,					
		id: "input_boolean.guest_mode",
		icons: {
			  on: "mdi-account-multiple-plus",
			  off: "mdi-account-multiple-outline",
	},
		customStyles: function (item, entity) {
		if (entity.state === "off") {
		return { backgroundColor: "#898c80" };
		} else {
		return { backgroundColor: "red" };
		}
	},
		states: {
		  on: "Guests",
		  off: "No Guests",
		},	
		state: function (item, entity) {
		this.$scope.entityClick.bind(this);	
	    setTimeout(this.$scope.closePopup.bind(this), 5000); },
	},

			],	
  },				  
},

I was hoping to finally get this sorted, with a push in the right direction any help will be appreciated.
action: function - doesnt work
the requested is mentioned in #727

[akloeckner]

Have you tried this (adapted from #496 with the knowledge of #535)?

action: function (item, entity) {
   this.$scope.entityClick({}, item, entity); 
   this.$scope.popupTimeout = $timeout(function () {
      this.$scope.closePopup();
   }, timeout_in_millliseconds);}

Should solve your issue, because this.$scope.popupTimeout is cleared, whenever you close a popup.

[Erelen-Laiquendi]

Solution:

action: function (item, entity) {
   this.$scope.openPopup(item, entity);
   this.$scope.popupTimeout = setTimeout(function () {
      this.$scope.closePopup();
   }.bind(this), 5 * 1000);
},

[FaiekA]

@Erelen-Laiquendi
Thanks works Great