MMM-Page-Selector: A page switcher that can set positions of modules

rudibarani

Dear @Veldrovive,
oh - I have to run and hide somewhere. I did forget to clone the development branch when setting up the Mac Mini. Sorry for bothering you with this :unamused_face:

As always, if you do things right, they work :smiling_face_with_smiling_eyes:

You said you it would be a quick change to update the class list to contain the current page. If you have time to add this, it would help me a lot!

Veldrovive

Ah right. I need to get around to making those changes. I’ll start on them in the morning.

Veldrovive

@rudibarani,
Ok, the development branch now has support for the new class name changes. When a module is shown on a page, it will be given the class page_{Current Page} and then the class will be removed when the module is hidden.

Johans

@veldrovive
Hi, just made a fresh install, and applied your module and MMM-Page-indicator.

Pages are shown, but page indicator and newsfeed module are not on the screen.
When I disbable MMM-Page-Selector, then Newsfeed & MMM-Page-indicator are visisble.

As far as I understand, config is OK

	modules: [
		{
			module: "alert",
			pages: "all",
		},
		{
			disabled: false,
		        module: "MMM-Page-Selector",
		        position: "top_bar",
		        config: {
			        defaultPage: "Page1",
		                displayTitle: true,
			        selectPageNotif: ["SELECT_PAGE"],
		                incrementPageNotif: ["PAGE_UP"],
		                decrementPageNotif: ["PAGE_DOWN"],
   			        autoChange: {
				     	    interval: 100,    // Change page every 100 sec
				            }
		                   }
		},		

		{
			module: "updatenotification",
			position: "top_bar",
			pages: {"Page1": "top_bar"},
		},
		{
			module: "clock",
			position: "top_left",
			pages: {"Page1": "top_left", "Page2": "top_left", "Page3": "top_left", "Page4": "top_left"},

		},
		{
			module: "compliments",
			position: "lower_third",
			pages: {"Page1": "lower_third", "Page2": "lower_third", "Page3": "lower_third", "Page4": "lower_third"},
		},
		{
		        disabled: false,
			module: "MMM-rain-forecast",
			position: "top_right",   // see mirror setting for options
			pages: {"Page1": "top_right"},
			//header: "Regen Voorspelling", 
			config: {   
		                lat: 50.908529,
		                lon: 3.965639,				
				pleaseWait: "Wachten a.u.b",
				noRainText: "Tot %s GEEN regen",
				fillColour: '#0074d9'   // This is a blue color you can also use blue, cyan etc
				}
		},	

		{
			module: "newsfeed",
			position: "bottom_bar",
			pages: "all",
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},
		{
			disabled: false,
		        module: "MMM-page-indicator",
		        position: "bottom_bar",
			pages: "all",
		        config: {
		            //pages: 4,  // No need to set this
		        }
		},	
		{
			module: 'MMM-Cursor',
			pages: "all",
		},
	]

Veldrovive

@Johans,
Ah, I believe the confusion comes from the fact that old discussions on this forum do not reflect the current functionality of the module. I try not to make any changes that break old config files, but one was necessary.
In order to fix this config, you need to replace any instance of pages: "all" with pages: {"all": "some_position"}
New versions don’t require you to have a position prop at all and you can just use the pages one.
For more information, refer to the README.
Hope this helps.

Johans

@veldrovive said in MMM-Page-Selector: A page switcher that can set positions of modules:

pages: {“all”: “some_position”}

Thanks for the info, I should have read the README first. Sorry.

rudibarani

@veldrovive
Thanks again for implementing the current page as “dynamic” class. If I get it right, you had to code procedures to add and remove the page class when switching pages.

Ok, the development branch now has support for the new class name changes. When a module is shown on a page, it will be given the class page_{Current Page} and then the class will be removed when the module is hidden.

Would it be possible to make these procedures accessible via notifications? I am still looking for a way to add and remove classes based on external triggers. A scheme could be like this:

Notification: "MMM_Page-Selector_Update_Class"
Payload: {"add":["Module_1_Name:ClassA_to_add", "Module_2_Name:ClassB_to_add"], "remove":["Module_3_Name:ClassC_to_remove", "Module_4_Name:ClassD_to_remove"]}

Veldrovive

@rudibarani
If I am understanding what you are asking for correctly, this function seems to be out of the scope that Page-Selector encompasses. I would develop a module to include this functionality, but I have been inactive in the world of Magic Mirror as of lately. As it stands, I would post this request to the module suggestions forum or ask somebody to include it in a module that has a closer association with this type of purpose. MMM-Remote-Control could be a good candidate.

rudibarani

@veldrovive
OK - thanks for the reply anyway!

smarthome

Hi all

To make MMM-page-indicator work with MMM-Page-Selector, we must add MMM-page-indicator in to pages

{
			module: "MMM-page-indicator",
			position: "bottom_bar",
			"pages": {"Home": "bottom_bar", "News": "bottom_bar","Weather": "bottom_bar","Entertaiment": "bottom_bar","Smarthome": "bottom_bar","System": "bottom_bar"},	
          	config: {
			pages: 6,
			}
		},

smarthome

@Johans

pages: "all",

You forgot the quotation mark before and after pages

"pages": "all",

Brandenborg

I love this module especially in use together with the MMM-navbar.
Is there any config using existing code that will let me make it return me to “default” page after a given period of time after changing page?

Veldrovive

@Brandenborg
This is not a default function of this module. However, if you can edit a small amount of code, it should be easy to implement.
Just copy these lines of code right after line 235 of MMM-Page-Selector.js. This lines should be selectPage(payload);

clearTimeout(self.default_timeout);
if(![0, this.config.defaultPage].includes(payload)){
    self.default_timeout = setTimeout(() => {
        selectPage(this.config.defaultPage);
    }, TIME)
}

Then just replace TIME with the number of milliseconds you want to remain on the page before it automatically switches back to default. You may also have to change the 0 in the if statement if your default page isn’t at the 0th position.

Brandenborg

@Veldrovive thanks a lot. I should manage that.
I recon the 0 position is the first page I define the contents of?

Veldrovive

@Brandenborg
The 0 should be the position of your default page in the page list. The furthest left is 0.

Brandenborg

@Veldrovive
Thanks. And thank you for a really useful module!

Veldrovive

@Brandenborg
The latest version of this module now has this as a (Not very well tested) feature.
You can now specify a restoreDefault prop in the MMM-Page-Selector config with the number of seconds you want before it returns to the default page.

m1scha

Hi first of all thanks for this great module, Works great. I wanto to remotely change the pages which works with this commands:

http://ip:8080/remote?action=NOTIFICATION&notification=PAGE_DOWN
http://ip:8080/remote?action=NOTIFICATION&notification=PAGE_UP

But if I want to go to a specific page it does noct work with this command:

http://ip:8080/remote?action=NOTIFICATION&notification="SELECT_PAGE"&payload="0"

Can somebody tell me whats wrong?

Veldrovive

@m1scha
Hello, glad you’re enjoying the module.

I am assuming that your page has some name that is not "0".

I haven’t extensively tested with magic mirror remote, but I imagine the issue is with setting payload to be a string. When it gets a string, MMM-Page-Selector assumes it is the name of the page, not a page index. If an integer is sent, it assumes it is a page index.

I don’t know how remote works, but you might be able to use
http://ip:8080/remote?action=NOTIFICATION&notification=“SELECT_PAGE”&payload=0

Or you could specify your page name as
http://ip:8080/remote?action=NOTIFICATION&notification=“SELECT_PAGE”&payload=“YOUR_PAGE_NAME”

m1scha

@veldrovive said in MMM-Page-Selector: A page switcher that can set positions of modules:

remote?action=NOTIFICATION&notification=“SELECT_PAGE”&payload=0

Hi, thanks for you reply.
I tested this in several variations, but I get a sucess Message, but change of page.