• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 38.7k 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.
  • C Offline
    chrisyy @in_a_days
    last edited by chrisyy Jan 12, 2017, 7:22 AM Jan 12, 2017, 7:20 AM

    @in_a_days maybe u can make a fork of it in git? Thanks for sharing ur code.

    @AlessandroRa There’s also a button in this module for hiding/showing everything. Do u have another module that will do this function for it?

    @All
    Forgive me if I’m not answering in time. Since I’m moving my time is very limited.
    When we are done (maybe in 2-3 Weeks) i will do some updates on my own mirror and will update code if needed.

    U can also submit code on git, i will take a look and implement it.

    I’ll try to Keep in touch.

    I A 2 Replies Last reply Jan 12, 2017, 3:41 PM Reply Quote 0
    • I Offline
      in_a_days @chrisyy
      last edited by in_a_days Jan 12, 2017, 4:29 PM Jan 12, 2017, 3:41 PM

      @chrisyy

      Here is the navbar code with my modifications:

      https://github.com/in-a-days/MM-navbar

      The user will still need to install voicecontrol, create and load the .pmdl files, and properly configure config.js.

      Is the show/hide all button part of this build? I’m looking for something like

      	var showallbutton = document.createElement("span");
      

      to match these

      	var weatherbutton = document.createElement("span");
      	var newsbutton = document.createElement("span");
      

      And I’m not finding anything. Thanks again, I really love this module!

      What ship would bear me ever back across so wide a Sea?

      C 1 Reply Last reply Jan 13, 2017, 8:53 AM Reply Quote 0
      • A Offline
        AlessandroRa @chrisyy
        last edited by Jan 12, 2017, 4:37 PM

        @chrisyy All I have is the weather, calendar and news buttons, how can I get more of them?
        I’m using: Mail, Hello World, Alarm, News, Calendar and Music player.
        For hiding/showing all I’m using this module: https://github.com/masters1222/mm-hide-all

        C 1 Reply Last reply Jan 13, 2017, 8:50 AM Reply Quote 0
        • T Offline
          tosti007 Module Developer
          last edited by tosti007 Jan 12, 2017, 6:40 PM Jan 12, 2017, 5:20 PM

          @chrisyy first of all I want to say that your module looks really nice, unfortunate that my mirror won’t have touch ;(. This module could be used in conjunction with my ProfileSwitcher module. This way you won’t have to bother with showing/hiding certain modules and others won’t have to modify your code. :)

          If there is anything don't hesitate to contact me!
          ProfileSwitcher, TouchNotifications

          1 Reply Last reply Reply Quote 0
          • C Offline
            chrisyy @AlessandroRa
            last edited by Jan 13, 2017, 8:50 AM

            @AlessandroRa for now, u have to copy a button and Change the code to another module.

            @tosti007 Thanks for the tip. i’ll have a look at the module.

            A 1 Reply Last reply Jan 16, 2017, 1:19 AM Reply Quote 0
            • C Offline
              chrisyy @in_a_days
              last edited by Jan 13, 2017, 8:53 AM

              @in_a_days the code for Show/hide alle of the modules is

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

              but there is not a button implemented until now.

              1 Reply Last reply Reply Quote 1
              • T Offline
                tosti007 Module Developer
                last edited by Jan 13, 2017, 9:28 AM

                I gave your code a look an notived that you imported jquery. First of all, you could also direct to a external file, see module documentation, this way you only have to change that line when you want to update the jquery. However if you would replace the on with addEventListener then you wouldn’t have to import jquery at all. Your code wouldn’t have to change much at all since that method takes the same parameters.

                If there is anything don't hesitate to contact me!
                ProfileSwitcher, TouchNotifications

                1 Reply Last reply Reply Quote 0
                • S Offline
                  shashank @in_a_days
                  last edited by Jan 15, 2017, 2:56 PM

                  @in_a_days hi, how can i change code to show more modules apart from clock, i need weather and calendar to show as default

                  I 1 Reply Last reply Jan 15, 2017, 7:23 PM Reply Quote 0
                  • I Offline
                    in_a_days @shashank
                    last edited by in_a_days Jan 15, 2017, 7:25 PM Jan 15, 2017, 7:23 PM

                    @shashank

                    So right now it hides all modules by default. If you want everything to show by default I think you just need to comment out a section from MM-navbar.js. These are lines 12 - 19 right now:

                    notificationReceived: function(notification, payload, sender){
                    	if (notification === 'DOM_OBJECTS_CREATED'){
                    		MM.getModules().exceptModule(this).exceptWithClass('clock').enumerate(function(module){
                    			module.hide(1000, function(){
                    			});
                    		});
                    	}
                    },
                    

                    Just open and close a comment around this section so it looks like this:

                    /*notificationReceived: function(notification, payload, sender){
                    	if (notification === 'DOM_OBJECTS_CREATED'){
                    		MM.getModules().exceptModule(this).exceptWithClass('clock').enumerate(function(module){
                    			module.hide(1000, function(){
                    			});
                    		});
                    	}
                    },*/
                    

                    And I think it should display all your normal modules on startup.

                    What ship would bear me ever back across so wide a Sea?

                    S 1 Reply Last reply Jan 16, 2017, 5:05 AM Reply Quote 0
                    • A Offline
                      AlessandroRa @chrisyy
                      last edited by Jan 16, 2017, 1:19 AM

                      @chrisyy thank you man, so let me get this straight: I find a button that I like on internet, I copy its code and I put it into the module?
                      I’m sorry, but I’m kinda new to this :)

                      T 1 Reply Last reply Jan 16, 2017, 1:41 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 4 / 5
                      4 / 5
                      • First post
                        31/47
                        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