MMM-ProfileSwitcher, A Profile/User/Layout Switching Module

[tosti007]

@strawberry-3-141 thank you for helping @Mar

@All @Mar I didn’t know that that browser doesn’t support those features. I will rewite those parts so then it should work out of the box.

[tosti007]

@all I pushed a small update so that older browers should also be able to use this module.
@Mar They are the same changes that you made.

[Mar]

@tosti007 Thanks for updating your module so quickly! and obviously thanks for taking the time to respond and maintain.

[tosti007]

@all Thanks to @roramirez we now have Spanish translations! :D

[mortenbirkelund]

@tosti007 When switching between profiles, there is a short timespan where both the modules of the old profile and of the new profile, is present at the screen at the same time. Is there a way to ensure that the old modules fadeout first, and once they are gone, the new modules will fade in?

[tosti007]

@mortenbirkelund Yes there is, however that would mean that the code has to loop over the modules twice, which isn’t a great thing to do performance wise. I will write a bit of code that does it for you and post it here soon.

Edit: here is the code, all you need to do it replace the whole set_profile function inside the MMM-ProfileSwitcher.js file.

The code:

// Change the current layout into the new layout given the current profile
set_profile: function (useEveryone) {
    var self = this;

    var options = {};
    if (self.config.useLockStrings) {
        options.lockString = self.identifier;
    }

    MM.getModules().exceptWithClass(self.config.ignoreModules).enumerate(function (module) {
        if (!self.isVisible(self, useEveryone, module.data.classes)) {
            module.hide(self.config.animationDuration, function () {
                Log.log(module.name + " is hidden.");
            }, options);
        }
    });

    MM.getModules().exceptWithClass(self.config.ignoreModules).enumerate(function (module) {
        if (self.isVisible(self, useEveryone, module.data.classes)) {
            module.show(self.config.animationDuration, function () {
                Log.log(module.name + " is shown.");
            }, options);
        }
    });
},

Note: Once again this is not so great performance wise, but I dont think you will notice much of it

[mortenbirkelund]

@tosti007 Thank you very much. Very kind of you to create the code for me.

I am new to using Git. How do i alter your my copy of your module, without risking that it will be overwritten on an update? Or is that not something that i should be concerned about?

[mortenbirkelund]

@tosti007 In case anybody is interested, the block of codes that enables the modules, should be altered a bit in order to take the animationDuration into account.

		setTimeout(function() {			
			MM.getModules().exceptWithClass(self.config.ignoreModules).enumerate(function (module) {
				if (self.isVisible(self, useEveryone, module.data.classes)) {
					module.show(self.config.animationDuration, function () {
						Log.log(module.name + " is shown.");
					}, options);
				}
			});			
		}, self.config.animationDuration);

[tosti007]

@mortenbirkelund By altering the code git won’t allow you to pull the new updates, in case of an update you will have to clone it manually again. And thank you for sharing the timeout :)

[tosti007]

Another side note I just realised, if you do use that setTimeout and you swap between profiles in rapid succession I am not sure and cannot quarantee that some of the modules will be shown properly

[mortenbirkelund]

@tosti007 I’ve just tried it, and I don’t experience any problems.

[looolz]

@tosti007

Feature request: Schedule profiles throughout time of day and day of the week. I’m thinking of this not as personal profiles, but rather a way to have the mirror show only the relevant panels at any given time. For instance, at lunch time, a lunch menu or out of office message, but at the end of the day, commuting info

[tosti007]

@looolz I think what you are looking for is the MMM-ModuleScheduler which you can use in combination with my module as described here

[looolz]

@tosti007 Thanks!

[A Former User]

@tosti007 Hello Tosti,

great MMM for the MagicMirror! Unfortunately i do not get it to work, even with a minimal example:

/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 */

var config = {
	port: 8080,
	ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],

	language: 'en',
	timeFormat: 24,
	units: 'metric',

	modules: [
		{
			module: 'alert',
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: 'clock',
			position: 'top_right',
			classes: 'TestA'
		},
		{
			module: 'clock',
			position: 'top_left',
			classes: 'TestB'
		},
		{
			module: 'compliments',
			position: 'lower_third',
			classes: 'default'
		},
		{
			module: 'MMM-ProfileSwitcher',
			header: 'Profile',
			config: {
				defaultTime: 5000,
				defaultClass: 'default',
				everyoneClass: 'everyone',
				useLockStrings: false,
				enterMessages: {
					"TestA TestB": "Hey %profile%!"
				},
				leaveMessages: {
					"everyone": "Bye %person%!", 
					"TestA": ["Another goodbye", true] 
				},
				timers: {
					// when Brian is selected swap to the defaultClass after the defaultTime
					"TestA": {},
				    	//
				        // When Lisa is selected swap to Brian after 20 seconds
				        "TestB": {
						profile: "TestA",
					    	time: 20 * 1000
					},
					"default": {
						profile: "TestB"
					}
				}

			}
		}
		]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== 'undefined') {module.exports = config;}

I can see the compliments module at the beginning as it is in the default class. But then the profile isn’t switching. Even with the ModuleScheduler (different Module) the profiles aren’t switching.

Do i have to define the classes somewhere else, for example in a css file or anything else?

Since nearly a week i’m trying to get it working but i’m running out of luck. Maybe you or anyone else any idea?

Appreciate it sooo much. Thanks in advance
Patrick

[tosti007]

@PatrickGlatz the config file looks fine to me and you don’t have to add the profiles anywhere else than in the module itself.

About the ModuleScheduler, I wrote a how to here about how to use it with this module. Sure you have that correctly set up?

I will copy paste your config into mine tomorrow morning and see if I can reproduce it.

[A Former User]

@tosti007

Hey Tosti, thanks for the fast reply. Your help is warmly welcome.

As you can see in the minimal example I’m only try to get MMM-ProfileSwitcher to work. The other module is not in my minimal config since I want to isolate the issue. :question:

Of course I have read the usage instruction you mentioned in your link, but your MMM will come first this MMM will come second. True story. It’s a fact. (it was only a try to see wether this works or not :smirk: ).

I’m looking forward to hear from you.

Btw: My next steps would be to set up a new raspbian image and install everything from scratch with just your MMM. But this is a bit of effort and I don’t want to do this if there are any options left.

Regards
Patrick

[tosti007]

@PatrickGlatz
I just gave it a look and I know what’s wrong. The problem is that the code only looks at those times when switching to a different profile than the default profile. So it’s not a fault on your side but on mine.
Solution: I already solved it on my local pc and will upload the fix later today uploaded. All you will have to do is pull the new changes and the config you showed should work without a problem :)

Sorry for the inconvenience, a mistake on my part. Thank you for letting me know!

Greetings
Brian

[pepemujica]

Hi! Thanks for this module, seems it is what I’m looking for.
Unfortunately, I very new with all this and wolud like to know if there is a step by step guide for this, for example, if I want so show the clock and the wheather in one profile, and in other news feed… is this possible?

Kind regards

[tosti007]

@pepemujica Yes this is totally possible! Unfortunatly there is no step by step guide for this. However I did write a small how-to here.

In your example you would have to give the weather and clock module the same profile name in classes and give the news feed a different one.

Is that link enough information? If not let me know and I will try to explain it more in depth.