Hi all, I’m trying to save space on my mirror to be.
I’m thinking if it would be possible to make a module where you can “split” a zone. Or rather arrange other modules in another way in a zone. As it is now you can basically only decide what module is on top and the order the modules are added under each other in config. I would like to be able to put modules beside each other as well. Here is an example:
This is my current left top corner:

This is how I would like it to be:

So, I want to move the “moon” to beside the clock, but still be in the top_left.
Is this possible?

Thank you all for this great project! :)

Fixed. Just sent you a PR. :)
Check it, I’m fairly new to Node.js so it may not be the best solution. :)

Hi again, It would be cool to be able to hide the camera manually… For example visit another link… Say http://MagicMirror:8080/motioneye/1/hide
Right? :)

Working. :)

Hi there, got the same problem… It’s time for bed anyway. :)

Description:

This is an modification of of @Vaggan MagicMirror-SonosModule and @CFenner MagicMirror-SonosModule. It was modified to get some enhancements in visualisation and configuration. Also the module hides itself when not playing now.

Note from me: I’m new to the MagicMirror world and Node.js, this is my first attempt to modify a module. There are probably lot’s of things that could have been done better. :)

Screenshots:

When starting the Mirror:

Module on the Left side of the Mirror:

Module in the Center of the Mirror:

Module in the Center of the Mirror playing in 3 different zones:

Module on the Right side of the Mirror:

And, this is my own look on my mirrors (@ top center) using some addition in the custom.css…

If you want my look on it, use this CSS code in your custom.css.

/* Sonos --------------------------------------------*/
.sonos ul .type {
    font-size: 12px;
    padding: 0px 0px;
    line-height: 12px;
    width: 260px;
}
.sonos ul .room {
    font-size: 16px;
    padding: 0px 0px;
    line-height: 16px;
    width: 260px;
}
.sonos ul .song {
    padding: 0px 0px;
    position: relative;
}
.sonos ul .art img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0px 0px;
    border: 2px solid #FFF;
}
.sonos ul .name {
    width: 200px;
    font-size: 16px;
    padding: 0px 4px;
    line-height: 16px;
}
/*****************************************************/

Download:

[card:Snille/MMM-Sonos]

---

Version 0.1

• I’m guessing that’s Vaggans version…

Version 0.2

• Has to be CFenners version…

Version 0.3

• My version… :)

Hi all,
I don’t know if this is the right place, but here it goes.
I forked and made some changes to the Sonos module.
Can be found here: https://github.com/Snille/MMM-Sonos
Let me know is I should present it in some other thread. :)

Best regards Snille

@PhilsterM9 Hi again, maybe I’m missing something…
If you followed the install guide when you installed…
When you SSH in to your Pi (or open a terminal on the desktop of the pi) you should end up in a prompt looking like this:

pi@MagicMirror:~ $

Now, type as follows:

pi@MagicMirror:~ $ cd MagicMirror/config/

You should now be in MagicMirror/config/ looking like this:

pi@MagicMirror:~/MagicMirror/config $

To copy a file enter:

pi@MagicMirror:~/MagicMirror/config $ cp config.js.sample config.js

Check if the files where copied with ls both file should be there now:

pi@MagicMirror:~/MagicMirror/config $ ls

Listed like this:

config.js  config.js.sample

Now, if you want you can edit your config file:

pi@MagicMirror:~/MagicMirror/config $ nano config.js

Change whatever you need to change…
But you actually don’t have to change anything just for testing it.
Now restart the MagicMirror with pm2 like this:

pi@MagicMirror:~/MagicMirror/config $ pm2 restart mm

You should se something like this:

Restarts are now immutable, to update environment or conf use --update-env
[PM2] Applying action restartProcessId on app [mm](ids: 0)
[PM2] [mm](0) ✓
┌──────────┬────┬──────┬───────┬────────┬─────────┬────────┬─────┬──────────┬──────────┐
│ App name │ id │ mode │ pid   │ status │ restart │ uptime │ cpu │ mem      │ watching │
├──────────┼────┼──────┼───────┼────────┼─────────┼────────┼─────┼──────────┼──────────┤
│ mm       │ 0  │ fork │ 26361 │ online │ 32      │ 0s     │ 22% │ 2.3 MB   │ disabled │
└──────────┴────┴──────┴───────┴────────┴─────────┴────────┴─────┴──────────┴──────────┘
 Use `pm2 show ` to get more details about an app
pi@MagicMirror:~/MagicMirror/config $

And your Magic should have started. :)

@PhilsterM9 Hi again, no the config.js.sample should still be left in there.
How does your config.js look now?

@PhilsterM9 Hi!
Put simply, the config.js.sample is a “preconfigured” version of config.js (sort of default settings).
Just do:

cd MagicMirror/config
cp config.js.sample config.js

Now when you copied the sample config you can customize your mirror with:

nano config.js

Make the changes you want…

When done restart the magic mirror with pm2 or basically restart the Pi (computer).
If you followed the guide you can use pm2 like this to restart the MagicMirror (only):

pm2 restart mm

Best regards Snille