Fridge-mounted display

shashank

@tshort hi, i am interested in this Fridge display in Kitchen, can you please provide the config file of the modules you have used

shashank

@tshort hi, how to run kitchen timer on non-touch screen

yawns

@shashank
It is a tablet, hence it allows touch

tshort

@shashank here’s my config.js:

https://gist.github.com/tshort/3b17983003f3fe6eb94987707052e307

Note that you’ll have to fill in keys for the weather links.

I did need to modify MagicMirror code to be able to use the MMM-ProfileSwitcher like tabs. Here’s an issue I filed on it (closed with not-fixed as this usage isn’t supported):

https://github.com/MichMich/MagicMirror/issues/889

Here are the changes I made to get around that problem:

diff --git a/js/main.js b/js/main.js
index 6aa313a..1ece53d 100644
--- a/js/main.js
+++ b/js/main.js
@@ -191,7 +191,9 @@ var MM = (function() {
                if (moduleWrapper !== null) {
                        moduleWrapper.style.transition = "opacity " + speed / 1000 + "s";
                        moduleWrapper.style.opacity = 0;
-                       moduleWrapper.style.cssText = "z-index: -99";
+                       moduleWrapper.style.position = "absolute";
+                       moduleWrapper.style.left = "-9000px";
+                       // moduleWrapper.style.cssText = "z-index: -99";

                        clearTimeout(module.showHideTimer);
                        module.showHideTimer = setTimeout(function() {
@@ -199,7 +201,9 @@ var MM = (function() {
                                // since it's fade out anyway, we can see it lay above or
                                // below other modules. This works way better than adjusting
                                // the .display property.
-                               moduleWrapper.style.position = "fixed";
+                               // moduleWrapper.style.position = "fixed";
+                       // moduleWrapper.style.position = "absolute";
+                       // moduleWrapper.style.left = "-1000px";

                                updateWrapperStates();

@@ -252,7 +256,9 @@ var MM = (function() {
                        // Waiting for DOM-changes done in updateWrapperStates before we can start the animation.
                        var dummy = moduleWrapper.parentElement.parentElement.offsetHeight;
                        moduleWrapper.style.opacity = 1;
-                       moduleWrapper.style.cssText = "z-index: 99";
+                       // moduleWrapper.style.position = "relative";
+                       moduleWrapper.style.left = "0px";
+                       // moduleWrapper.style.cssText = "z-index: 99";

                        clearTimeout(module.showHideTimer);
                        module.showHideTimer = setTimeout(function() {

After using this a while, everyone seems to like the main screen a lot. They don’t use the food or weather tabs much. The food tab is a bit glitchy, and the weather tab doesn’t always update. I’ll probably look for better options for these two.

As far as the tablet failing to sleep, that went away after a factory reset and reinstall.

tshort

@shashank, on the non-touch use of a timer, I don’t have anything built in. Maybe it could be integrated with one of the voice recognition modules. I have an Amazon Echo nearby. It’d be cool to show the real-time status of Alexa timers, but I haven’t seen a way to do that.