MMM-Rainbow - Animated text color transition.

Update info: As suggested, I have added the option to assign the random colors to specific modules or to all modules. See the config below to see how to use.

Preview

Modular

Non-Modular

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-Rainbow

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
		module: "MMM-Rainbow",
		/*	Position not required as it has no UI.	*/
		config: {
			fadeTime: 1500,		//	Duration in milliseconds it takes for the color to fade.
			nextColor: 1500,	//	Duration in milliseconds until the next random color is generated and set.
			modular: false,		//	
			moduleList: [		//	Only required if modular is true.
				"MMM-iClock",
				"MMM-Showtimes"
			]
		}
	},
    ]
}

MMM-Console - On screen console output.

I created this module to give more of a "nerdy" feel to my mirror. Displaying the developers console log directly to the mirror.

For the moment it's quite basic. The current config only allows you to change the number of lines displayed and the color for each function.

Preview

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-Console

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
        	module: "MMM-Console",
        	header: "Console Output",
        	position: "bottom_left",
        	config: {
        		lines: 15,
        	}
        
        },

MMM-Showtimes - Local Cinema Showtimes.

Unfortunately this is UK only for now. If there's enough interest I will source a better API for global use.
Although I'm sure most of you could easily alter a few lines with an API of your choice to find cinemas close to you.

Preview

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-Showtimes

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
		module: "MMM-Showtimes",
		position: "top_right",
		config: {
			movies: 5,			//	Number of movies to display at each time.
			cinema: 9521,		//	Get your local cinema ID from http://www.cinelist.co.uk/
			scrollTime: 3000,	//	Duration in milliseconds to display the next film in the list and remove the first.
			title: "Cinema Listings"	//	What ever you want the title to be, e.g. "Cinema Listings"
		}
	},
    ]
}

MMM-iClock - Live Clock module with updates on the minute every minute.

I'm running my MM on a Raspberry Pi and as you can imagine, looping something every second isn't great.
I have decided to recreate the clock module which updates every minute, on the minute and is looped to do so every 60 seconds after calculating the distance between the next minute on the initial load.

**Updates**
I have made the clock somewhat more customisable. You can now choose if you want the clock to update each second or minute. Redesigned the module adding an analogue clock around the digital version. Users can choose the size of the analogue display and the color for all elements contained inside. Users can also choose if they want the digital time displayed (0 = no display, 1 = permanent display, 2 = show for 5 seconds on every minute.) Choose if you want the analogue clock displayed at all, and finally if you would like all elements to have a glow effect or not.

Reccommended settings for displaying only the digital time would be to alter size to “0px”.

Previews

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-iClock

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
	    module: "MMM-iClock",
	    position: "top_center",
	    config:{
	        seconds: false,		//	true = update every second, false = update every minute.
	        size: "350px",		//	Size of analogue clock, also changes margin for digital clock.
	        color: "white",		//	Can be hex, rgb, rgba or color name.
	        digital: 1,		//	0 (no display), 1 (permanent display) or 2 (show for 5 seconds on every miniute).
	        analogue: true,		//	false (no display), true (permanent display).
	        glow: true,		//	false (no display), true (permanent display).
	    }
	},
    ]
}

In case anyone is interested, I have managed to get the console output from anytime after the console module is loaded.

@mykle1 Awesome. Guess you’re treating me to a movie tomorrow then.
I actually have a small issue which i just realized, do you think you could help?
Basically for some reason the css will only display 5 show times, the others seem to overflow, which is then hidden by the default “main.css” i used ul (the movie) display:block, and then ul li (the time) display inline-block and a set width, normally this would just put the next list item on a new line but not on this occasion. Any clue?

Apologies for the bump, but I have added a few updates people may be interested in.

@ganget Sure man, seems simple enough. You could always customize the clock module, or recreate your own and just add a class name to the clock, then alter MMM-Rainbow.js to only change the css for that module. I cheated when creating this module by using jQuery so it’s really simple to mess with. But if you do need any help, feel free to give me a message.

@ganget Have a look at the js Here
This is how I made my clock update every minute, on the minute. Could be done better i’m sure but this works.

@mykle1 LMFAO, as you can see I literally use the same thing as a template for my modules. Thanks for the heads up, i’ll change it now.

Hi,
I have been wanting to make a touch screen mirror for a while now. So today I bought an aspire z3101 all in one computer to get started (because it was cheap). I’ve been looking online for ages to see which type of touch screen it has, can anyone shed some light on this for me?

Thanks,
Seann.

@lavolp3 I have done that :)

@lavolp3 Here :)

MMM-Console - On screen console output.

I created this module to give more of a "nerdy" feel to my mirror. Displaying the developers console log directly to the mirror.

For the moment it's quite basic. The current config only allows you to change the number of lines displayed and the color for each function.

Preview

Installation

Installation is very simple, just clone the git into your modules directory then add the module to your config.

cd ~/MagicMirror/modules
git clone https://github.com/aSeann/MMM-Console

Using the module

To use this module, add the following configuration block to the modules array in the config/config.js file:

var config = {
    modules: [
        {
        	module: "MMM-Console",
        	header: "Console Output",
        	position: "bottom_left",
        	config: {
        		lines: 15,
        	}
        
        },

@sdetweil I like the sound of that! But yeah the crash part may be an issue. But in some cases the module’s just stop updating and your mirror holds the same web content?

In case anyone is interested, I have managed to get the console output from anytime after the console module is loaded.

I had an idea of outputting the developer console to the mirror window to give it more of a nerdy feel.
I have managed to get it to output to the html but I would like it to log all console output even those which say loading modules ect, does anyone have any idea how I could go about achieving this as a module?
Edit:
I should have been a little more specific, I have made an override for the Log.info function currently. It display’s to html any output after all the modules are loaded and the updatenotification is suspended.

@kazanjig If you edit the module “MMM-Unsplash” then yes. It’s a lot easier than it sounds honestly.

@emrhssla This is a common issue for most modules, most people solve the issue by adding “self = this;” as the first line of the function they require the send notification in. Personally I declare a global variable outside of the module; e.g.:

var Test;
Module.register("MMM-Test", {

then inside the start function assign it’s value to be the module.

start: function(){
Test = this;
}

then to send the notification you would just use:

Test.sendNotification(blah blah );

@xc2dn Nice work, might be good to add live currency conversion on there too ;)