Deutsche Anleitung MagicMirror auf RaspberryPi 3

lavolp3

@35110 wenn solche Meldungen erscheinen und man eigentlich nichts geändert haben wollte kann man auch eingeben

git reset --hard

Das löscht alle lokalen Änderungen und setzt das lokale repository auf den vorherigen Stand des Quell-Repositories zurück. Dann kann man mit git pull wieder wie gewohnt updaten.

radioman

Hallo Gemeinde
Ich bin Neu im Thema MM.
Ich habe erfolgreich 2 Google Calender in der Config im Calendermodul eingetragen.
Einmal meinen ind den von meiner Frau.
Nun möchte ich die Kalendersymbole anders farbig darstellen.
Ich weis leider nicht wo ich was einstellen muss.
Habe schon ein paar Vorschläge aus der Googlesuche versucht, leider hat sich aber nie was geändert. Nun benötige ich mal die Hilfe hier im Forum.
Danke

lavolp3

@radioman hallo und willkommen! Willst du NUR die Symbole einfärben und bei jedem Kalender ein anderes Symbol?
Das würde evtl gehen indem du in der calendar configuration die Option symbolClass nutzt. Siehe hier
Gib mit dieser Option dem Symbol eine spezifische Klasse, z.b. “mein_cal” und “frau_ihr_cal”

Dann in der custom.css kannst du folgendes machen:

.calendar .mein_cal {
    color: 'red'
}

.calendar .frau_ihr_cal {
    color: 'green'
}

…oder so.

Wenn du die ganze Zeile einfärben willst gehts einfach mit der color option des Kalenders.

radioman

Vielen Dank für die Anleitung
Ich habe da sjetzt folgendermaßen gelößt
Ich habe in der Config folgendes gemacht

module: "calendar",
			header: "Kalender",
			position: "top_left",
			config: {
			colored: true,
			coloredSymbolOnly: true,
        timeformat: 'absolute',
		 		urgency: 0,
				getRelative: 0,
				calendars: [
					{
						symbol: "calendar-check",
						color: 'green',
						url: "https://calendar.google.com/calendar/ical/xxxxxxxxxxx.ics",
						
						 },
				    {
						symbol: "calendar-check-o",
						url: "https://calendar.google.com/calendar/ical/xxxxxxxxxxxx.ics"   }						
				]
			}
		},		
		{

und in der Custom.css

.fa.fa-calendar-check {
  color: green
}
.fa.fa-calendar-check-o {
  color: fuchsia 
}

Wobei die Farbe grün aus der Custom.css nicht übernommen wurde.
Deswegen inbder Config manuell eingetragen.

Jetzt ist mein Kalender mit grünem Symbol und der meine Frau in Fuchsia

radioman

Nabend Forum

Ich möchte gerne bei der Kalenderanzeige erst das Datum mit der Zeit und dann das Event anzeigen lassen.
Die Anzeige mit Datum und Zeit habe ich schon hinbekommen und in der calendar.js eingestellt.
Nur die Position vor dem Event noch nicht.

Danke

lavolp3

@radioman es gibt den ‘dateheaders’ Modus.
Ist der nicht was? Siehe README.

radioman

Hi
Leider kenne ich den dateheader Modus nicht
und eine Readme habe ich auch nicht gefunden
Bitte nähere Infos
Danke

lavolp3

@radioman https://docs.magicmirror.builders/modules/calendar.html
Die Readme steht in diesem Fall bei den default Modules als gesammelten Dokumentation auf der MagicMirror Homepage, und sonst bei auf der github Seite des Moduls.

Ich meinte die config-Option ‘timeFormat’

radioman

@lavolp3 Die Readme habe ich schon mal gelesen.
Ich hatte “timeFormat” in der config.js schon auf absolute gesetzt und in der calendar.js das Format geändert sihe hier:

Module.register("calendar", {
	// Define module defaults
	defaults: {
		maximumEntries: 10, // Total Maximum Entries
		maximumNumberOfDays: 365,
		displaySymbol: true,
		defaultSymbol: "calendar", // Fontawesome Symbol see https://fontawesome.com/cheatsheet?from=io
		showLocation: false,
		displayRepeatingCountTitle: false,
		defaultRepeatingCountTitle: "",
		maxTitleLength: 25,
		maxLocationTitleLength: 25,
		wrapEvents: false, // wrap events to multiple lines breaking at maxTitleLength
		wrapLocationEvents: false,
		maxTitleLines: 3,
		maxEventTitleLines: 3,
		fetchInterval: 5 * 60 * 1000, // Update every 5 minutes.
		animationSpeed: 2000,
		fade: true,
		urgency: 7,
		timeFormat: "absolute",
		dateFormat: "Do MM YY",
		dateEndFormat: "LT",
		fullDayEventDateFormat: "Do MM YY",
		showEnd: false,
		getRelative: 6,
		fadePoint: 0.25, // Start on 1/4th of the list.
		hidePrivate: false,
		hideOngoing: false,
		colored: false,
		coloredSymbolOnly: false,
		tableClass: "small",
		calendars: [

Das Format hat sich auch erfolgreich geändert.

Nun möchte ich aber erst das Symbol, dann das Datum und dann den Calendereintrag (z.B. Arztbesuch) anzeigen lassen.
Bisher war erst das Calender Symbol dann kam der Termin und dann das Datum.
Wo kann mann die Rheinfolger festlegen.

Danke

radioman

P.S.
Ich weis leider nicht was "dateheaders"bei timeFormat bewirkt