MagicMirror² v2.12.0 is available! For more information about this release, check out this topic.

[MMM-Showtimes] Local Cinema Showtimes


  • Module Developer

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

  • Project Sponsor Module Developer

    @seann

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


  • Module Developer

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


  • Project Sponsor Module Developer

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


  • Project Sponsor Module Developer

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


  • Module Developer

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


  • Module Developer

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


Log in to reply