poowaa / mmm-network-signal

MagicMirror2 solid network status

MMM-network-signal

Display a solid wifi logo as network signal for MagicMirror²

Dependencies

• MagicMirror²
• NPM Ping

Installation

Open up your terminal and paste the following code into it.

cd ~/MagicMirror/modules/
git clone https://github.com/PoOwAa/MMM-network-signal.git
cd MMM-network-signal
npm i

Configuration

• Now use your editor nano or vim to edit the following file

nano ~/MagicMirror/config/config.js # change nano to your favorite editor

• Paste the following code into modules section

   {
       module: "MMM-network-signal",
       position: "bottom_right",
       config: {
           // Configuration of the module goes here
       }
   }

Configuration Options

Option	Default	Description
updateInterval	5000	Time in ms between connection tests
maxTimeout	1000	Maximum timeout in ms for every pings
animationSpeed	250	Icon change animation time in ms
initialLoadDelay	3000	Delay in ms for first ping
server	8.8.8.8	Pingable server IP address
thresholds	{ strong: 50, medium: 150, weak: 500 }	Tresholds for icons (ping answer in ms)
showMessage	true	Shows status messages depending on how good or bad is the connection
flexDirection	row	Sets the direction the module is displayed; row displays the row in left-to-right mode (default), row-reverse displays the row in right-to-left mode.
scale	0.45	How much to scale the ping icon. Must be greater than 0.

mmm-network-signal's Issues

Black screen

Hi,

I installed the module, made npm i in the module directory and git pull && npm install in the MagicMirror directory too.

Unfortunatly, I have a black screen.

do you have any idea about this problem ?

Thanks.

Mirror doesn't load up

My Mirror doesn't load up and if I remove the network-signal module part from config file - the mirror works fine. I have tried what was mentioned in issue #2 but no luck.

I get the following error while following the steps -

Error: Cannot find module 'ping'
at Module._resolveFilename (internal/modules/cjs/loader.js:602:15)
at Function.Module._resolveFilename (/home/pi/MagicMirror/node_modules/electron/dist/resources/electron.asar/common/reset-search-paths.js:35:12)
at Function.Module._load (internal/modules/cjs/loader.js:528:25)
at Module.require (internal/modules/cjs/loader.js:658:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object. (/home/pi/MagicMirror/modules/MMM-network-signal/node_helper.js:2:14)
at Object. (/home/pi/MagicMirror/modules/MMM-network-signal/node_helper.js:35:3)
at Module._compile (internal/modules/cjs/loader.js:711:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:722:10)
at Module.load (internal/modules/cjs/loader.js:620:32)
Whoops! There was an uncaught exception...
{ Error: Cannot find module 'ping'
at Module._resolveFilename (internal/modules/cjs/loader.js:602:15)
at Function.Module._resolveFilename (/home/pi/MagicMirror/node_modules/electron/dist/resources/electron.asar/common/reset-search-paths.js:35:12)
at Function.Module._load (internal/modules/cjs/loader.js:528:25)
at Module.require (internal/modules/cjs/loader.js:658:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object. (/home/pi/MagicMirror/modules/MMM-network-signal/node_helper.js:2:14)
at Object. (/home/pi/MagicMirror/modules/MMM-network-signal/node_helper.js:35:3)
at Module._compile (internal/modules/cjs/loader.js:711:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:722:10)
at Module.load (internal/modules/cjs/loader.js:620:32) code: 'MODULE_NOT_FOUND' }

Thanks in advance

Colour?

Hi,

Is it possible to get the WiFi signal in colour?

Translate to danish "da.json"

{
"excellent": "Fremragende",
"good": "God",
"normal": "Acceptabelt",
"bad": "Dårligt"
}

bottom right, bottom left

Hello,
I spend time with this module that I really like and I would like to put the icon on the bottom right or bottom left but it's really don't want do go "on the real corner"
it's always on the top of my RSS feed who is "bottom_bar"
on the other corner I've the module "onScreenMenu" and no issue is on the "real corner"

Consider transparent images and text with no predefined background

The images representing the network speed (and maybe the optional text label "showMessage" but I'm not using that so I don't know) have a hardcoded black background to them, consider not having any background at all, to fit better with those who may be using for example an image slideshow or even just a different color background. Attached is an example of what I mean - I have the signal in the top_right and the background is from a photo slideshow

Feature request: optional reconnect if connection drop

I didn't found the good way to do it... but if you detect that there is no more network to try to reconnect to it ...

Icon Size

Hi there;

I wanna decrease icon size smaller than original size. How can i do that. Also I want to change module position bottom_left or bottom_right.

Actually I wanna put that module bottom edge. Please help me about fix this issue

top_right icon/status overlap

In top_right region the status message overlaps with the icon instead of being next to the icon. Nothing else is in that region. The region in question should have what space it needs – the only other thing on top is the clock in the top_left.

Module breaks config

After installing module and setting up in config.js, module doesnt work and breaks the config

Module always shows the same animation

Hey,

The module always shows the last animation as you can see in icons.gif.
As soon as I enter a server into the configuration, the whole config is no longer compatible.

My Config:

    {
        module: "MMM-network-signal",
        position: "top_right",
        config: {
        // Optional config options
        updateInterval: 5000,
        animationSpeed: 200,
        showMessage: true,
    }
    },

Can anyone help me?

Cheers

Documentation

Finding the instructions ambiguous.

Where do the listed options go? In the config? Application does not appear to run with null values.

Please add Dutch translation (nl.js)

{
"excellent": "Excellent",
"good": "Goed",
"normal": "Acceptabel",
"bad": "Slecht"
}

Remeber to inster the line

Remeber to inster the line to MMM-network-signal.js

da: "translations/da.json",