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

[strawberry 3.141]

@Mar for me electron is supporting all those es6 features, just heard of that some users had problems with some of my modules with the midori browser

[Mar]

@strawberry-3.141 Yeah seems to be a midori thing, unfortunately I’m using a pi zero so need to use midori as it runs pretty amazing with the pi. Electron really slows it down.

Wondering if there is a way around this at all? Maybe breaking out the arrow functions to normal one might work?

[Mar]

@strawberry-3.141

So ive broken out those functions to the following and now get no errors:

*OLD*
                value = value.map((x) => {
                    return x === true ? translated : x;
                });


*NEW*
                value = value.map(
                        function(x){
                                return x === true ? translated :x;
                        }
                );				





*OLD*
                classes.split(" ").forEach((key) => {
                    if (result[key] === undefined) {
                        result[key] = [];
                    }

                    result[key] = result[key].concat(value);
                });

*NEW*
				classes.split(" ").forEach(
					function(key) {
	                    if (result[key] === undefined) {
	                        result[key] = [];
	                    }

	                    result[key] = result[key].concat(value);
	                }
	            );

Now the only error i am getting is on line 89

TypeError: undefined is not a function (evaluating 'classes.includes(self.current_profile)')

But im not sure how to fix this one. And this is the function that decides what to show which could be where Midori cannot parse it properly.

[strawberry 3.141]

@Mar that is also an es6 feature try classes.indexOf(self.current_profile) !== -1

[Mar]

@strawberry-3.141 Thanks, I couldnt figure that one out.

return classes.indexOf(self.current_profile) !== -1;

Along with the changes in the previous post I’ve have fully loaded ProfileSwitcher Midori without any errors. It also is showing the correct modules on load (classes = default).

Thanks for the help through this @strawberry-3-141

Managed to figure this all out so thanks to everyone!

[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