MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Collaboration of MMM-ProfileSwitcher and MMM-pages modules

    Scheduled Pinned Locked Moved Solved Troubleshooting
    9 Posts 2 Posters 1.3k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @Kostosso
      last edited by sdetweil

      @Kostosso i posted it

      pages has a config option

          modules: [
          ]
      

      which has the list of page configurations

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @Kostosso
        last edited by sdetweil

        @Kostosso

        setup your pages config as I had shown

        only one classname in each ‘page’ definition, ‘page1’,‘page2’, etc

        then go to a module definition

        calendar

        what pages do you want THIS instance to appear on

        add those ‘page’ names to the classes list

        repeat thru all the modules in config.

        now profile is a DIFFERENT way of selecting modules

        they take some logical profile name

        by person
        SAM
        MARY
        SUE
        TOM

        so you would add THOSE profile name(maybe more than 1) to the modules you want shown of THAT person (or more)

        suppose u want the family calendar to be shown for both mom and dad and they have profile names that way
        you would add “mom dad” to the classes list for that calendar entry, but not for the kids profiles

        and then u would tell profile switch (via the notification), which PROFILE name to show modules for…

        MagicMirror can only show or hide modules… everything in config.js is loaded EVERY time it starts up.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        K 1 Reply Last reply Reply Quote 0
        • K Offline
          Kostosso @sdetweil
          last edited by

          @sdetweil
          How and where to use classes: I understood in modules.

          I read a lot of articles in the forum, but never our sample structure

          modules:[
          [ ‘page1’ ],
          [‘page2’]
          ]
          And how to apply it in practice, I did not find.

          Maybe there is a piece of the config file where it can be seen in detail (example).

          :folded_hands: Thanks again for your help.

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @Kostosso
            last edited by sdetweil

            @Kostosso

            you won’t find this documented anywhere, its just my idea of making it all better

            i took the sample config (config.js.sample)

            and added mmm-pages

            and used the sample mm-pages config (its only for a few modules) (from the readme.md)

            mmm-pages added at the end…
            only classes: added for the pages defined

            
                modules: [
                    {
                        module: "alert",
                    },
                    {
                        module: "updatenotification",
                        position: "top_bar"
                    },
                    {
                        module: "clock",
                        position: "top_left"
                    },
                    {
                        module: "calendar",
                        header: "US Holidays",
                        position: "top_left",
                        classes:"page2"
                        config: {
                            calendars: [
                                {
                                    symbol: "calendar-check",
                                    url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
                                }
                            ]
                        }
                    },
                    {
                        module: "compliments",
                        position: "lower_third",
                        classes:"page2"
                    },
                    {
                        module: "weather",
                        position: "top_right",
                        config: {
                            weatherProvider: "openweathermap",
                            type: "current",
                            location: "New York",
                            locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                            apiKey: "YOUR_OPENWEATHER_API_KEY"
                        }
                    },
                    {
                        module: "weather",
                        position: "top_right",
                        header: "Weather Forecast",
                        config: {
                            weatherProvider: "openweathermap",
                            type: "forecast",
                            location: "New York",
                            locationID: "5128581", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                            apiKey: "YOUR_OPENWEATHER_API_KEY"
                        }
                    },
                    {
                        module: "newsfeed",
                        position: "bottom_bar",
                        classes:"page1",
                        config: {
                            feeds: [
                                {
                                    title: "New York Times",
                                    url: "https://rss.nytimes.com/services/xml/rss/nyt/HomePage.xml"
                                }
                            ],
                            showSourceTitle: true,
                            showPublishDate: true,
                            broadcastNewsFeeds: true,
                            broadcastNewsUpdates: true
                        }
                    },
                    {
                        module: 'MMM-pages',
                        config: {
                                modules:
                                    [
                                     [ "page1"],
                                     [ "page2"]
                                    ],
                                fixed: [ "clock", "weather", "MMM-page-indicator" ], // could have used 'fixed' as a classname here and add that to fixed modules
                                hiddenPages: {      // same here screensaver and admin classes
                                    "screenSaver": [ "clock", "MMM-SomeBackgroundImageModule" ],
                                    "admin": [ "MMM-ShowMeSystemStatsModule", "MMM-AnOnScreenMenuModule" ],
                                },
                        }
                    }
               ]
            };
            

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • K Offline
              Kostosso
              last edited by

              :thumbs_up: Super! Issue closed!

              THANK YOU SO MUCH!:handshake:

              1 Reply Last reply Reply Quote 1
              • S sdetweil referenced this topic on
              • 1 / 1
              • First post
                Last post
              Enjoying MagicMirror? Please consider a donation!
              MagicMirror created by Michael Teeuw.
              Forum managed by Sam, technical setup by Karsten.
              This forum is using NodeBB as its core | Contributors
              Contact | Privacy Policy