Internet Monitor

illskool

@ronny3050 Thank you for the quick response and for the work you did to create this module. I think its fantastic that I can glance at the mirror and see what speeds I am getting. On a side note, do you think it is possible to display the speeds that the modem receives? I would love to show that and then be able to keep a log. That way I could show my ISP whats up with their lying lol

ronny3050

@illskool haha, I am not aware of any way to get your exact modem speeds, but you can connect through LAN to get the closest modem speed ;)

ronny3050

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

pjkoeleman

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

strawberry 3.141

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

pjkoeleman

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

ronny3050

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

fischi87

hello @all

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

thanks

ronny3050

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

pjkoeleman

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

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.

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.

pjkoeleman

@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

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

ronny3050

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

pjkoeleman

@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

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.

ronny3050

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

pjkoeleman

@ronny3050 Never to old to learn.

mg_switch

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”?

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.

bhepler

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.

nickthebeer

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?