How to Hide Modules After Start (using setTimeout)

[sdetweil]

@tonkxy I don’t understand your question

should you loop like in getDom.?

the click event handler will tell you which button object was clicked.

the pointer

this

will be pointing at the button object
u can query attributes u set at create time

u can set arbitrary attributes to hold info.
number, name, …

[tonkxy]

@sdetweil I am wanting the mirror to start, and once it starts and after it builds the menu it will auto hide the modules instead of me having to click through the buttons. I am just trying to autohide them once without clicking the button. Then have the option to toggle on and off. I hope that makes more sense

[sdetweil]

@tonkxy if u mean where to enable the timer

u should wait to all the modules are loaded

that is a notification_received event

then do your setTimeout there

and the when the timer expires do the loop thru all the modules to hide.

[tonkxy]

@sdetweil I’ve tried a few things and just am struggling with this notification received. Any advice with what I have so far?

/grabs information needed for refresh
notificationReceived: function (notification, payload, sender) {
	  if (notification === 'MODULE_DOM_CREATED') {
		var modules = MM.getModules();
// Lists through all modules for testing.
				for (var i = 0; i < modules.length; i++) {
				// Check if the current module is the one.
				if (modules[i].name === data.module) {
					// Splits out the module number of the module with the same name.
					var idnr = modules[i].data.identifier.split("_");
					// Check if the idnum is an array or not
					if (Array.isArray(data.idnum)) {
						// If it's an array, check what numbers are in it.
						var idnumber = data.idnum.find(function(element) {
							// Number of the module is found in the array.
							return element == idnr[1]; 
						});
					// If idnum is not an array.
					} else {
						// Set the module id to hide.
						var idnumber = data.idnum;
					}
		// Hides the module.
							modules[i].hide(self.config.animationSpeed, {force: self.config.allowForce});
							// Sets the defined symbol for hidden module.
							if (typeof data.symbol2 !== 'undefined') {
								symbol.className = faclassName + data.symbol2;
								// Set the size if it's set.
								if (data.size) {
									symbol.className += " fa-" + data.size;
									symbol.className += data.size == 1 ? "g" : "x";
								}
							// Sets the defined image for hidden module.
							} else if (typeof data.img2 !== 'undefined') {
								image.className = "menubar-picture";
								image.src = data.img2;
							}
							
							// Prints in the console what just happened (adding the ID). 
							console.log("Hiding "+modules[i].name+" ID: "+idnr[1]);
		}}}
},

[sdetweil]

@tonkxy see the doc, that’s the wrong notification

https://docs.magicmirror.builders/development/core-module-file.html#notificationreceived-notification-payload-sender

[hamptonlindsay]

@sdetweil I can’t open this link :(

[sdetweil]

@hamptonlindsay go to the MagicMirror GitHub page, click the documentation link, then the three bar menu top left, pick module development