Compact standings table for smaller screens - version 1

[ianperrin]

Hi

This pull request includes a number of changes I have made to allow for a first version of the module which can generate a compact standings table focused on a specific team.

This is achieved by using the newly added focus_on and surrounding_teams config options as follows:

modules: [
    {
        module: 'MMM-soccer',
        position: 'top_right', // This can be any of the regions.
        config: {
                api_key: false,
                show: 'GERMANY',
                focus_on: 'FC Schalke 04',
                surrounding_teams: 3;
                leagues: {
                    "GERMANY":430,
                    "FRANCE": 434,
                    "ENGLAND": 426,
                    "SPAIN": 436,
                    "ITALY": 438 
                }
        }
    },
]

Also included are

• changed to the display of league titles to match header of other modules
• added loading message
• added basic code comments
• added a standard node .gitignore file
• changed all css rules to target MMM-soccer module only
• restored leagues to config options
• changed the file paths for the two icons to use this.file method
• updated readme to include new options and example images

Hope you can use it.

[fewieden]

Hey Ian Perrin, thanks for contributing.

Before I can merge your features there is stuff to do:

• You have to undo your changes here https://github.com/ianperrin/MMM-soccer/blob/6c680933a645a95974c6aa28ce50b6e4539b51a3/MMM-soccer.js#L33 this is causing an issue for updating data, because this has then a new context and not longer the context of the module itself.
• I like the feature focus_on, but I would rather design it as an object, so everyone is able to define a team per league. This will get handy, for upcoming features like changing league via voice command.
• Instead of having surrounding teams, I would define the max of teams, so it's working also for others with smaller screens, which don't prefer a team in a specific league displaying place one to max. Currently if you prefer team on first place, it's not displaying as much teams, as it will be with a team in the middle of the standings table. If we define maxTeams: 7, we will always displaying 7 teams no matter on which place the team stands e.g. 1st, your team, 5 other teams