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.

    MM-Navbar - Navigation Bar for Touchscreens to hide/show modules

    Scheduled Pinned Locked Moved System
    47 Posts 11 Posters 43.4k Views 15 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.
    • cowboysdudeC Offline
      cowboysdude Module Developer
      last edited by

      Pictures? :)

      1 Reply Last reply Reply Quote 0
      • tidus5T Offline
        tidus5 @chrisyy
        last edited by tidus5

        @chrisyy i think you can list all the modules yes but how to attribut the good icon?
        i will check for hide the module on startup tonight - i let you know if i find something

        @cowboysdude 0_1481034446135_Screen Shot 2016-12-06 at 15.26.36.png

        cowboysdudeC 1 Reply Last reply Reply Quote 2
        • C Offline
          chrisyy
          last edited by chrisyy

          Thanks for ur Picture. Mine is looking similar.

          Thats the next thing i thought about. U got all modules, but still u need a text file or sth with a module -> Icon categorization.
          My tries to hide all modules on startup were leading to a totally black screen.

          @tidus5 can I use the picture for github?

          tidus5T 1 Reply Last reply Reply Quote 0
          • tidus5T Offline
            tidus5 @chrisyy
            last edited by

            @chrisyy yes of course :-)

            1 Reply Last reply Reply Quote 0
            • cowboysdudeC Offline
              cowboysdude Module Developer @tidus5
              last edited by

              @tidus5 VERY excellent!! Thank you… I can use that :)

              1 Reply Last reply Reply Quote 0
              • C Offline
                chrisyy
                last edited by

                i added the code to hide all modules on startup :)

                tidus5T 1 Reply Last reply Reply Quote 0
                • tidus5T Offline
                  tidus5 @chrisyy
                  last edited by

                  @chrisyy

                  pretty cool

                  im using your code

                  MM.getModules().exceptModule(this).exceptWithClass(‘clock’).enumerate(function(module){
                  module.hide(1000, function(){
                  });

                  to create an icon to hide or show all
                  for now i can only show all - cant hide all after.

                  did you plan to work on that ?

                  1 Reply Last reply Reply Quote 0
                  • C Offline
                    chrisyy
                    last edited by

                    Its a possibility.
                    Think u are missing a toggle there, i can build u one later and update it.

                    1 Reply Last reply Reply Quote 0
                    • C Offline
                      chrisyy
                      last edited by

                      @tidus5
                      Can u try this?

                      var hideallmodules = true;
                      var hideallmodulesbutton = document.createElement(“span”);
                      hideallmodulesbutton.className = “wi wi-day-rain-mix navbar”; // change icon here
                      wrapper.appendChild(hideallmodulesbutton);

                      $(hideallmodulesbutton).on(“click”, function(){
                      if(hideallmodules){
                      MM.getModules().exceptModule(this).exceptWithClass(‘clock’).enumerate(function(module){
                      module.show(1000, function(){
                      });
                      });
                      hideallmodules = false;
                      }else{
                      MM.getModules().exceptModule(this).exceptWithClass(‘clock’).enumerate(function(module){
                      module.hide(1000, function(){
                      });
                      });
                      hideallmodules = true;
                      }
                      });

                      this is a bit messy, but should work as the rest of the buttons. will publish it to git, when i got time.

                      tidus5T 1 Reply Last reply Reply Quote 0
                      • tidus5T Offline
                        tidus5 @chrisyy
                        last edited by

                        @chrisyy Hello

                        amazing!!! thank you

                        just small error added exceptWithClass(‘MM-navbar’) (exceptmodule(this)) didnt work (the nav itself was hidden)
                        thank you so much

                        	$(hideallmodulesbutton).on("click", function(){
                        		if(hideallmodules){
                        			MM.getModules().exceptWithClass('MM-navbar').exceptWithClass('clock').enumerate(function(module){
                        			module.show(1000, function(){
                        					});
                        				});
                        			hideallmodules = false;
                        		}else{
                        			MM.getModules().exceptWithClass('MM-navbar').exceptWithClass('clock').enumerate(function(module){
                        			module.hide(1000, function(){
                        					});
                        				});
                        			hideallmodules = true;
                        			}
                        		});
                        
                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 4 / 5
                        • 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