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 132.9k 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 @pjkoeleman
      last edited by ronny3050

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

      pjkoelemanP 1 Reply Last reply Reply Quote 1
      • pjkoelemanP Offline
        pjkoeleman @ronny3050
        last edited by

        @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 Reply Quote 0
        • R Offline
          ronny3050 Module Developer @pjkoeleman
          last edited by

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

          pjkoelemanP 1 Reply Last reply Reply Quote 1
          • pjkoelemanP Offline
            pjkoeleman @ronny3050
            last edited by

            @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 Reply Quote 1
            • R Offline
              ronny3050 Module Developer @pjkoeleman
              last edited by

              @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. :)

              pjkoelemanP 1 Reply Last reply Reply Quote 1
              • pjkoelemanP Offline
                pjkoeleman @ronny3050
                last edited by

                @ronny3050 Never to old to learn.

                1 Reply Last reply Reply Quote 2
                • M Offline
                  mg_switch
                  last edited by

                  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
                  • bheplerB Offline
                    bhepler Module Developer
                    last edited by bhepler

                    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
                    • bheplerB Offline
                      bhepler Module Developer
                      last edited by

                      Well. That was frustrating. I’ll spare you the details, but I modified the module and submitted a PR. Hopefully @ronny3050 will fix my amateurish code and accept it.

                      Anyhow, if you want to try it before then, you can clone from my fork of ronny3050’s module. Remember to run npm install.

                      M 1 Reply Last reply Reply Quote 0
                      • N Offline
                        nickthebeer
                        last edited by

                        Hi, only just discovered this module and it seems like a great idea however I cannot get the wifi symbol to appear.

                        Here’s my config for the module:

                        module: “internet-monitor”,
                        position: “bottom_center”,
                        header: “Internet Monitor”,
                        config: {
                        type: " ",
                        maxTime: “20000”,
                        updateInterval: “0”,
                        verbose: “false”,
                        displayStrength: “true”,
                        displaySpeed: “false”,
                        strengthIconSize: “80”,
                        maxGaugeScale: “100”,
                        wifiSymbol: {
                        size: “50”,
                        fullColor: “3afc25”,
                        almostColour: “#ffff0c”,
                        halfColor: “#ff8c00”,
                        noneColor: “#ff1111”
                        },
                        }
                        }

                        Am I being thick and have missed something?

                        Additionally is the wifi symbol a measure of internet speed on the pi or wifi strength to my AP?

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