Internet Monitor

ronny3050

@pjkoeleman @Advokaten try changing type in config to type: '' from type: 'minimal'.
Also, thank you for the kind words! :)

Advokaten

@ronny3050 I’m sorry. I don’t understand if this made any difference other than it took some extra time to load the indicator. Is there a way to change colors in the css file now or what…? Sorry once more for being such a nublet and thank you for taking your time to do stuff like this!

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:

CSS coloring (you have complete control over the colors)
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