[MMM-Showtimes] Local Cinema Showtimes

Seann

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

alt text

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"
		}
	},
    ]
}

Mykle1

@seann

If I leave now (from NYC) I can make the early show tomorrow.

Seann

@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?

Mykle1

@seann

css is NOT my strong suit. I usually do a good bit of googling at that point and/or ask right here in the forum. Your question might be lost in here. If you can’t work it out I suggest you create another topic (ex. css help) and I am sure someone will give you the answer pretty quickly.

cowboysdude

@seann He should…but he’s kinda cheap LOL

lavolp3

@seann
My suggestion: Fire up the mirror UI on your browser, press F12, move the move over your module, right click -> inspect.
Then look at the styles section and play with switching styles on and off.
Then you can use whatever you need in your own css overwriting main.css in your module.

Seann

@lavolp3 Thanks! It was something stupid I had done. But I found it with your suggestion.