mirror of
https://github.com/MichMich/MagicMirror.git
synced 2025-06-27 03:39:55 +00:00
Support for configuring FontAwesome class in calendar-module: (#2949)
Some icons in FontAwesome, like the Facebook-logo, requires a different class than `fas fa-fw fa-`. Added support for specifying the `className`: ```js { symbol: "facebook-square", symbolClassName: "fab fa-", url: "https://www.facebook.com/events/ical/upcoming/?uid=<some_uid>" } ```
This commit is contained in:
parent
7bbf8c19db
commit
835c893205
@ -33,6 +33,7 @@ Special thanks to: @rejas, @sdetweil
|
|||||||
|
|
||||||
- Correctly show apparent temperature in SMHI weather provider
|
- Correctly show apparent temperature in SMHI weather provider
|
||||||
- Ensure updatenotification module isn't shown when local is _ahead_ of remote
|
- Ensure updatenotification module isn't shown when local is _ahead_ of remote
|
||||||
|
- Possibility to change FontAwesome class in calendar, so icons like `fab fa-facebook-square` works.
|
||||||
|
|
||||||
## [2.21.0] - 2022-10-01
|
## [2.21.0] - 2022-10-01
|
||||||
|
|
||||||
|
@ -14,6 +14,7 @@ Module.register("calendar", {
|
|||||||
limitDays: 0, // Limit the number of days shown, 0 = no limit
|
limitDays: 0, // Limit the number of days shown, 0 = no limit
|
||||||
displaySymbol: true,
|
displaySymbol: true,
|
||||||
defaultSymbol: "calendar-alt", // Fontawesome Symbol see https://fontawesome.com/cheatsheet?from=io
|
defaultSymbol: "calendar-alt", // Fontawesome Symbol see https://fontawesome.com/cheatsheet?from=io
|
||||||
|
defaultSymbolClassName: "fas fa-fw fa-",
|
||||||
showLocation: false,
|
showLocation: false,
|
||||||
displayRepeatingCountTitle: false,
|
displayRepeatingCountTitle: false,
|
||||||
defaultRepeatingCountTitle: "",
|
defaultRepeatingCountTitle: "",
|
||||||
@ -247,7 +248,7 @@ Module.register("calendar", {
|
|||||||
const symbols = this.symbolsForEvent(event);
|
const symbols = this.symbolsForEvent(event);
|
||||||
symbols.forEach((s, index) => {
|
symbols.forEach((s, index) => {
|
||||||
const symbol = document.createElement("span");
|
const symbol = document.createElement("span");
|
||||||
symbol.className = "fas fa-fw fa-" + s;
|
symbol.className = s;
|
||||||
if (index > 0) {
|
if (index > 0) {
|
||||||
symbol.style.paddingLeft = "5px";
|
symbol.style.paddingLeft = "5px";
|
||||||
}
|
}
|
||||||
@ -771,6 +772,11 @@ Module.register("calendar", {
|
|||||||
|
|
||||||
getCalendarPropertyAsArray: function (url, property, defaultValue) {
|
getCalendarPropertyAsArray: function (url, property, defaultValue) {
|
||||||
let p = this.getCalendarProperty(url, property, defaultValue);
|
let p = this.getCalendarProperty(url, property, defaultValue);
|
||||||
|
if (property === "symbol" || property === "recurringSymbol" || property === "fullDaySymbol") {
|
||||||
|
const className = this.getCalendarProperty(url, "symbolClassName", this.config.defaultSymbolClassName);
|
||||||
|
p = className + p;
|
||||||
|
}
|
||||||
|
|
||||||
if (!(p instanceof Array)) p = [p];
|
if (!(p instanceof Array)) p = [p];
|
||||||
return p;
|
return p;
|
||||||
},
|
},
|
||||||
|
Loading…
x
Reference in New Issue
Block a user