Internet Monitor

[ronny3050]

@Advokaten @pjkoeleman Silly me, I am sorry, I thought you requested colors for the speed gauges, which are already there. As for colors for the wifi strength indicator, there are two ways:

1. CSS coloring (you have complete control over the colors)
2. Pre-made images with different colors (colors chosen by me).

I am sure 1 would be preferred. I will get back to you in a little bit with my progress on this. Thank you very much for suggesting this.

[cowboysdude]

Yes #1 preferred ;)

[ronny3050]

@cowboysdude Usually preferred = harder ;)

[cowboysdude]

@ronny3050 said in Internet Monitor:

@cowboysdude Usually preferred = harder ;)

LOL yeah me too but for once thought I’d go the easier route…

[Advokaten]

@ronny3050 Option 1 would be quite amazing, yes! Another question, would it be possible to remove everything in the module except for the wi-fi indicator part, to make it smaller and quicker (maybe easier to configure for nubs like me)? Like remove all unnecessary files and coding. I’m afraid I’ll break it if I tinker with it lol.

[strawberry 3.141]

@ronny3050 you could achieve this with css3 filters

[ronny3050]

@Advokaten sure, I’ll clean it up :)

[ronny3050]

@strawberry-3.141 Hey bro, thanks for the heads up! I was going to go that route except not sure whether everyone’s raspberry browser supports css3.

[cowboysdude]

@strawberry-3.141 said in Internet Monitor:

@ronny3050 you could achieve this with css3 filters

I swear to God I’m calling you “Magic Man”… :)

[pjkoeleman]

@ronny3050 Thanks for taking up the challenge.
I would prefer option #1 as well. So the user can choose its own colors.

[pjkoeleman]

@Advokaten said in Internet Monitor:

Don’t know what is turning the strength bars into a white color

There are four images (white) used for the strength. You can find them in the sub-folder ‘images’.

[illskool]

Great Module. Does it monitor the speed of my internet from my modem or the speed that my raspberry pi is reaching? Is there a way to maintain a log of speeds?

[ronny3050]

@illskool Thank you. It is the speed that your pi is reaching.
I am currently logging the speed and it can be found in your mirror’s logs by typing pm2 logs in the command line. I am removing this in my next update due to the massive amounts of logs produced. You can set an updateInterval for the mirror to refresh and update the speed if needed.

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