• 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.

Internet Monitor

Scheduled Pinned Locked Moved Utilities
108 Posts 27 Posters 115.2k Views 30 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.
  • R Offline
    ronny3050 Module Developer @fischi87
    last edited by Mar 15, 2017, 7:27 PM

    @fischi87 not exactly sure I understand your question. If you mean you would like to monitor the internet speed on another device (not a mirror), you can visit speednet and you should get similar results.

    1 Reply Last reply Reply Quote 0
    • P Offline
      pjkoeleman @ronny3050
      last edited by Mar 16, 2017, 5:30 PM

      @ronny3050 said in Internet Monitor:

      Oops, forgot to remove convert.js from the script. Should work now.

      Just installed the latest update and it’s running like an well-oiled machine.

      One question I still have and can’t find an solution for. I have the internet-monitor in te ‘bottom_right’ location and added the following to my custom.css

      .wifi-symbol-1 [foo], .wifi-symbol-1, .wifi-symbol-2 [foo], .wifi-symbol-2, .wifi-symbol-3 [foo], .wifi-symbol-3, .wifi-symbol-4 [foo], .wifi-symbol-4 {
      position: absolute;
      float: right;
      margin-top: 35px;
      }
      

      Now it looks like this;

      0_1489685072547_Klembord-2.png

      How can I give it a little right-margin so it lines out to the right side of my screen, now its a little to much to the right.

      Already tried margin-left an padding but no one is giving me the result I want.

      R 1 Reply Last reply Mar 16, 2017, 5:43 PM Reply Quote 1
      • R Offline
        ronny3050 Module Developer @pjkoeleman
        last edited by ronny3050 Mar 16, 2017, 5:46 PM Mar 16, 2017, 5:43 PM

        @pjkoeleman Thank you! By the way, the symbol looks great, if I say so myself :stuck_out_tongue_closed_eyes:

        In the code for your custom.css, try to change position from absolute to relative.

        P 1 Reply Last reply Mar 16, 2017, 5:58 PM Reply Quote 1
        • P Offline
          pjkoeleman @ronny3050
          last edited by Mar 16, 2017, 5:58 PM

          @ronny3050 said in Internet Monitor:

          In the code for your custom.css, try to change position from absolute to relative.

          When I do that, that gives not the result I’am looking for. With the following code in the custom.css

          position: relative;
          float: right;
          margin-top: 5px;
          margin-right: 5px;
          

          It gives me the following on my screen

          0_1489686952109_Klembord-1.png

          Much lower and to the left. Now your guess is as good as mine !

          R 1 Reply Last reply Mar 16, 2017, 6:00 PM Reply Quote 0
          • R Offline
            ronny3050 Module Developer @pjkoeleman
            last edited by Mar 16, 2017, 6:00 PM

            @pjkoeleman remove all margins from the custom.css (or remove just the top and adjust the right as needed).

            P 1 Reply Last reply Mar 16, 2017, 8:48 PM Reply Quote 1
            • P Offline
              pjkoeleman @ronny3050
              last edited by Mar 16, 2017, 8:48 PM

              @ronny3050 said in Internet Monitor:

              remove all margins from the custom.css

              I have been testing for some time and found a solution !
              My custom.css looks like this now

              .wifi-symbol-1 [foo], .wifi-symbol-1, .wifi-symbol-2 [foo], .wifi-symbol-2, .wifi-symbol-3 [foo], .wifi-symbol-3, .wifi-symbol-4 [foo], .wifi-symbol-4 {
              position: relative;
              float: right;
              margin-top: -30px; 
              margin-right: -20px;
              }
              

              The result on the screen looks like this
              0_1489696946508_Klembord-3.png

              Now it looks like this I took out the header of Internet-monitor, now it belongs to the header with my status. Didn’t now negative numbers in margins were also possible till I tested it.

              R 1 Reply Last reply Mar 16, 2017, 8:55 PM Reply Quote 1
              • R Offline
                ronny3050 Module Developer @pjkoeleman
                last edited by Mar 16, 2017, 8:55 PM

                @pjkoeleman That’s correct since you float it to right, but then half of the symbol will be out of bounds on the right, so you can indeed use negative margin-right. :)

                P 1 Reply Last reply Mar 16, 2017, 9:01 PM Reply Quote 1
                • P Offline
                  pjkoeleman @ronny3050
                  last edited by Mar 16, 2017, 9:01 PM

                  @ronny3050 Never to old to learn.

                  1 Reply Last reply Reply Quote 2
                  • M Offline
                    mg_switch
                    last edited by Apr 19, 2019, 10:39 PM

                    Thanks for the great module. I can see that it will be a fine product once I have one little issue sorted.

                    The verbose display shows that the speed test is always referencing one specific server in China (not in my home country) and as such the meter readings are showing at 1/10th of what a manual speed test shows (using ookla to a local server in another browser).

                    Is there any way to specify the server in use or at least limit the servers to a local list or “geofence”?

                    1 Reply Last reply Reply Quote 0
                    • B Offline
                      bhepler Module Developer
                      last edited by bhepler Apr 20, 2019, 3:08 AM Apr 20, 2019, 2:50 AM

                      According to the documentation, it pulls down a list of servers and their associated ping times. The default is to pick the server with the smallest ping. This is quite curious.

                      It does look like you can pass in a serverID and have it use that server. You can get the ID of a specific server here. I think with a little editing of the node_helper.js file, you can pass in an object that specifies a particular server.

                      For bonus points, make the server ID and/or server URL a parameter that you can specify in the config.js entry for the module. Test it and then submit a pull request to the module developer.

                      Huh. I just tried this and it’s picking servers in Norway, which is very much not nearby.

                      ETA: Looking at it, it doesn’t seem to be terribly hard. The Start() function sends the socket notification that gets it all going, passing in the config argument. The only option passed in is maxTime. If you can figure out the format that speedtest wants, you could pretty easily pass in whatever you wanted to extract from the config object (payload in the node_helper.js).

                      I may play with this later myself, just to learn some things.

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 10
                      • 11
                      • 7 / 11
                      • 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