• 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 116.1k 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
    last edited by Mar 15, 2017, 6:56 AM

    @pjkoeleman @Advokaten customizable WiFi symbol is updated on github. Unfortunately, I could not test on my Mirror yet (especially the animations). I would greatly appreciate any feedback :D

    I hope this is what you were looking for.

    P 1 Reply Last reply Mar 15, 2017, 8:25 AM Reply Quote 1
    • P Offline
      pjkoeleman @ronny3050
      last edited by Mar 15, 2017, 8:25 AM

      @ronny3050 said in Internet Monitor:

      @pjkoeleman @Advokaten customizable WiFi symbol is updated on github. Unfortunately, I could not test on my Mirror yet (especially the animations). I would greatly appreciate any feedback
      I hope this is what you were looking for.

      Thanks for your work in updating the module, but I now have a black screen with nothing on it.
      Here is my part of config.js what I’am using.

       {
      	 module: 'internet-monitor',
      	 position: 'bottom_right',
      	 config: {
      		 type: 'minimal',
      		 maxTime: 7000,
      		 updateInterval: 120000,
      		 verbose: false,
      		 displayStrength: true,
      		 displaySpeed: false,
      		 strengthIconSize: 40,
      		 maxGaugeScale: 25,
      		 wifiSymbol:{
      			 size: 50,
      			 fullColor: '#3afc25',
      			 almostColor: '#ffff0c',
      			 halfColor: '#ff8c00',
      			 noneColor: '#ff1111'
      		 }
      	 }
       },
      

      I have nothing in custom.css regarding internet-monitor.
      When I start with npm start dev, I see one error in the panel, this is the following;

      loader.js:189 GET http://localhost:8080/modules/internet-monitor//convert.js 
      loadFile @ loader.js:189
      loadFile @ loader.js:236
      loadNextScript @ module.js:236
      (anonymous function) @ module.js:238
      script.onload @ loader.js:187
      

      Personaly I think animated gif’s are a bit to much, change them back to PNG-files with the option to color them.
      One other thing; is color options not something for the custom.css?

      S 1 Reply Last reply Mar 15, 2017, 8:39 AM Reply Quote 1
      • S Offline
        strawberry 3.141 Project Sponsor Module Developer @pjkoeleman
        last edited by strawberry 3.141 Mar 15, 2017, 8:39 AM Mar 15, 2017, 8:39 AM

        @pjkoeleman he forgot to push the file convert.js which leads to the black screen

        Please create a github issue if you need help, so I can keep track

        P 1 Reply Last reply Mar 15, 2017, 9:11 AM Reply Quote 1
        • P Offline
          pjkoeleman @strawberry 3.141
          last edited by Mar 15, 2017, 9:11 AM

          @strawberry-3.141 Thanks, waiting for @ronny3050 reaction.

          R 1 Reply Last reply Mar 15, 2017, 2:35 PM Reply Quote 1
          • R Offline
            ronny3050 Module Developer @pjkoeleman
            last edited by Mar 15, 2017, 2:35 PM

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

            The color option is currently part of the config, mostly because editing the css will take quite a bit of work as a lot of classes/places need to be updated, so I thought of just having a variable inside the config.

            Animation can be turned off in the config in my next update, but I would like to hear your feedback currently.

            Thank you!

            P 1 Reply Last reply Mar 16, 2017, 5:30 PM Reply Quote 1
            • F Offline
              fischi87
              last edited by Mar 15, 2017, 7:23 PM

              hello @all

              it is possible to motoring the internet from a other device in the same network?

              thanks

              R 1 Reply Last reply Mar 15, 2017, 7:27 PM Reply Quote 0
              • 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
                      • 1
                      • 2
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 10
                      • 11
                      • 7 / 11
                      7 / 11
                      • First post
                        62/108
                        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