I just made a quick attempt with the first one of your code.
I’m slowly approaching the goal ;-).
I still have questions.
This is my code:
/* Magic Mirror Config Sample
*
* For more information how you can configurate this file
* See https://github.com/MichMich/MagicMirror#configuration
*
*/
var config = {
address: "0.0.0.0",
//port: 8080,
port: 8080,
ipWhitelist: [],
language: "de",
timeFormat: 24,
units: "metric",
modules: [
{
module: 'MMM-Page-Selector',
position: 'top_center',
config: {
defaultPage: "main",
displayTitle: true,
selectPageNotif: [""],
incrementPageNotif: [""],
decrementPageNotif: [""]
}
},
{
module: 'MMM-DWD-WarnWeather',
position: 'top_bar',
pages: {main: 'top_bar'},
header: 'Wieslauf',
config: {
region: 'Rudersberg',
changeColor: true,
displayRegionName: false,
interval: 3 * 60 * 1000, // every 10 minutes
loadingText: 'Warnungen werden geladen...',
noWarningText: 'Keine Warnungen'
}
},
{
module: 'MMM-DWD-WarnWeather',
position: 'top_bar',
pages: {main: 'top_bar'},
header: 'Strohgäu',
config: {
region: 'Hemmingen / BW',
changeColor: true,
displayRegionName: false,
interval: 3 * 60 * 1000, // every 10 minutes
loadingText: 'Warnungen werden geladen...',
noWarningText: 'Keine Warnungen'
}
},
{
module: 'MMM-DWD-WarnWeather',
position: 'top_bar',
pages: {main: 'top_bar'},
header: 'Schönbuch',
config: {
region: 'Dettenhausen',
changeColor: true,
displayRegionName: false,
interval: 3 * 60 * 1000, // every 10 minutes
loadingText: 'Warnungen werden geladen...',
noWarningText: 'Keine Warnungen'
}
},
{
module: 'MMM-DWD-WarnWeather',
position: 'top_bar',
pages: {main: 'top_bar'},
header: 'Täles',
config: {
region: 'Neuffen',
changeColor: true,
displayRegionName: false,
interval: 3 * 60 * 1000, // every 10 minutes
loadingText: 'Warnungen werden geladen...',
noWarningText: 'Keine Warnungen'
}
},
{
module: 'MMM-DWD-WarnWeather',
position: 'top_bar',
pages: {main: 'top_bar'},
header: 'Rossberg',
config: {
region: 'Wolfegg',
changeColor: true,
displayRegionName: false,
interval: 3 * 60 * 1000, // every 10 minutes
loadingText: 'Warnungen werden geladen...',
noWarningText: 'Keine Warnungen'
}
},
{
module: "clock",
position: "middle_center",
pages: {main: 'middle_center'},
config: {
showDate: false,
displayType: 'analog',
analogSize: '540px',
analogFace: 'face-001',
secondsColor: '#FF0000',
analogPlacement: 'top',
//analogShowDate: 'bottom',
}
},
{
module: "clock",
position: "bottom_center",
pages: {main: 'bottom_center'},
},
{
module: "currentweather",
position: "top_right",
pages: {main: 'top_right'},
config: {
lang: "de",
location: "Beinstein",
locationID: "3220785", //ID from http://www.openweathermap.org/help/city_list.txt
appid: "08541xxxxxxxxxxxxxxxxx"
}
},
{
module: "MMM-PublicTransportHafas",
position: "bottom_right",
pages: {second: 'bottom_right'},
config: {
stationID: "008007193", // Replace with your stationID!
headerPrefix: "von",
stationName: "Miedelsbach", // Replace with your station name!
direction: "", // Show only departures heading to this station. (A station ID.)
ignoredLines: [], // Which lines should be ignored? (comma-separated list of line names)
excludedTransportationTypes: ["bus"], // Which transp not be shown (, list) values:StN tram, BuN bus, s suburban
timeInFuture: 240,
showColoredLineSymbols: true, // Want colored line symbols?
useColorForRealtimeInfo: true, // Want colored real time information (timeToStation, early)?
showTableHeadersAsSymbols: true, // Table Headers as symbols or text?
maxUnreachableDepartures: 1, // How many unreachable departures should be shown?
maxReachableDepartures: 5, // How many reachable departures should be shown?
customLineStyles: "hafas", // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitive)
showOnlyLineNumbers: false // Display only the line number instead of the complete name, i. e. "11" instead of "STR 11"
}
},
{
module: "MMM-PublicTransportHafas",
position: "bottom_right",
pages: {second: 'bottom_right'},
config: {
stationID: "008007446", // Replace with your stationID!
headerPrefix: "von",
stationName: "Frickenhausen", // Replace with your station name!
direction: "", // Show only departures heading to this station. (A station ID.)
ignoredLines: [], // Which lines should be ignored? (comma-separated list of line names)
excludedTransportationTypes: ["bus"], // Which transp not be shown (, list) values:StN tram, BuN bus, s suburban
timeInFuture: 240,
showColoredLineSymbols: true, // Want colored line symbols?
useColorForRealtimeInfo: true, // Want colored real time information (timeToStation, early)?
showTableHeadersAsSymbols: true, // Table Headers as symbols or text?
maxUnreachableDepartures: 1, // How many unreachable departures should be shown?
maxReachableDepartures: 5, // How many reachable departures should be shown?
customLineStyles: "hafas", // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitive)
showOnlyLineNumbers: false // Display only the line number instead of the complete name, i. e. "11" instead of "STR 11"
}
},
{
module: "MMM-PublicTransportHafas",
position: "bottom_left",
pages: {second: 'bottom_left'},
config: {
stationID: "008003409",// Replace with your stationID!
headerPrefix: "von",
stationName: "Korntal DB", // Replace with your station name!
direction: "", // Show only departures heading to this station. (A station ID.)
ignoredLines: [], // Which lines should be ignored? (comma-separated list of line names)
excludedTransportationTypes: ["bus", "Fernverkehr"], // Which transp not be shown (, list) values:StN tram, BuN bus, s suburban
timeInFuture: 240,
showColoredLineSymbols: true, // Want colored line symbols?
useColorForRealtimeInfo: true, // Want colored real time information (timeToStation, early)?
showTableHeadersAsSymbols: true, // Table Headers as symbols or text?
maxUnreachableDepartures: 1, // How many unreachable departures should be shown?
maxReachableDepartures: 5, // How many reachable departures should be shown?
customLineStyles: "hafas", // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitive)
showOnlyLineNumbers: false // Display only the line number instead of the complete name, i. e. "11" instead of "STR 11"
}
},
{
module: "MMM-PublicTransportHafas",
position: "bottom_left",
pages: {second: 'bottom_left'},
config: {
stationID: "000557824",// Replace with your stationID!
headerPrefix: "von",
stationName: "Münchingen", // Replace with your station name!
direction: "", // Show only departures heading to this station. (A station ID.)
ignoredLines: [], // Which lines should be ignored? (comma-separated list of line names)
excludedTransportationTypes: ["bus"], // Which transp not be shown (, list) values:StN tram, BuN bus, s suburban
timeInFuture: 240,
showColoredLineSymbols: true, // Want colored line symbols?
useColorForRealtimeInfo: true, // Want colored real time information (timeToStation, early)?
showTableHeadersAsSymbols: true, // Table Headers as symbols or text?
maxUnreachableDepartures: 1, // How many unreachable departures should be shown?
maxReachableDepartures: 5, // How many reachable departures should be shown?
customLineStyles: "hafas", // Prefix for the name of the custom css file. ex: Leipzig-lines.css (case sensitive)
showOnlyLineNumbers: false // Display only the line number instead of the complete name, i. e. "11" instead of "STR 1
}
},
{
module: "MMM-page-indicator",
position: "bottom_center",
pages: "all"
},
{
"module": "MMM-Cursor",
}
]
};
/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}
The first page looks good, but on the second page, the modules are shown above the other instead of 2 left 2 right.
main:
second:
This is how the modules (train schedule) should look like: