These users contributed to the project by giving a donation: http://magicmirror.builders/donate
@KristjanESPERANTO said:
I would be happy to hear your feedback.
I’ve replaced the Hafas module with this new one and am currently testing it.
Only using it for 1 S-Bahn to and from a single location.
For the moment it looks to meet my needs.
The only thing that I would like to additionally see, is the last 2 departures/arrivals in the past, but I think that is a limitation of the API.
@sdetweil Hi Sam.
I am here 😂
@rmonkey
At the moment I do not have a clue how this can happen in the default setup.
The only thing I can imagine is that you change some other CSS which interfences with the CSS of this module.
Maybe a change to the basic font sizes ore stuff like this.
Can you post your custom css config if you have one?
@evroom keyword means find this(via regex) in the title, then work rest of customization . ONLY For events that find keyword string
.* Means all events
Yes, it is a double regex, right?
First look if this an event title that you would like to change, then search for the string you want to replace.
Still do not understand why the examples from the first post do not work, but for that we would need the exact event titles.
{keyword: ‘this event’, transform: { search: ‘changed’, replace: ‘modified’}
Event title: ‘we want this event to be changed’.
New title: ‘we want this event to be modified’.
Do you happen to know how to make the keyword case insensitive?
string/i or m/string/i do not work.
Neither does (?i)
which means ‘match the reminder of the pattern with the i modifier.
The comments in the code are very confusing, but I think I get it now, more or less.
Try this:
{keyword: '.*', transform: { search: 'Spotify', replace: 'Music'}},
{keyword: '.*', transform: { search: 'Canterbury-Bankstown Bulldogs', replace: 'Bulldogs'},
The keyword is the event title string you want to change, in format regex.
The search is the substring that you want to replace, in format regex
The replace is what will be replaced based on your search
So in this case, let’s say the event title string is:
‘Spotify play list’
Then you search the complete string (.*) for the substring from search and you replace it by the string from replace.
Hence, the event title now becomes:
‘Music play list’
I hope it is a little bit more clear.
Should it not work, then please supply a event title and in short what you want to be replaced.
The ‘Regular Expression’ is your ‘search’ from the config line, hence ‘in Hamburg$’.
The ‘Replacement Pattern’ is your ‘Replace’ from the config line, hence ‘’ (nothing)
The ‘Test String’ is what is triggered by your ‘keyword’ so in this case ‘Geburtstag in Hamburg’ will trigger the search and replace.
So, fill in:
Regular Expression: in Hamburg$
Test String: Geburtstag in Hamburg
Replacement Pattern: ‘’
Then your Match will be ‘in Hamburg’ and your Highlighted will be ‘Geburtstag’ (that what remains white).
For testing search & replace on https://regex101.com, you will need to choose Function - Substitution on the left side.
Regular Expression: .in.Hamburg$
Test String: Geburtstag in Hamburg
Substitution:
This will result in: Geburtstag
This will only match on ‘in Hamburg’, so to make it more flexible you will need to make use of so called grouping:
Regular Expression: (Geburtstag).+$
Substitution: $1
This will result in: Geburtstag
@BKeyport s like they only removed the usage of moment.js from the default calendar module.
@sdetweil All my modules are working well on the dev branch. 🤞
@BKeyport
Instead of setting the spacing with absolute values (like sam does) you can try to set the wrapper which contains the embedded elements to add equal spacing if the elements do not need the whole space.
The wrapper is a flexbox container:
.MMM-EmbedURL .embed .embededSubWrapper0 {
justify-content: center;
}
I found my solution. Maybe interesting for someone else too.
custom.ccs
table.small {
border-collapse: collapse;
}
/* obere Linie */
tr.dateheader.today td {
border-top: 1px solid red;
}
/* untere Linie */
tr.dateheader.today + tr.event.today:last-child td,
tr.event.today + tr:not(.today) td {
border-top: 1px solid red;
}
/* linke und rechte Linie */
tr.today td:first-child {
border-left: 1px solid red;
}
tr.today td:last-child {
border-right: 1px solid red;
}
