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

lavolp3

@radioman Warum änderst du die calendar.js? Tu das nicht wenn nicht unbedingt nötig, du wirst Probleme beim Update bekommen.
Für deine spezifische config ist allein die config.js zuständig.

Für dein Problem müsstest du jedoch um zum Ziel zu kommen wirklich die calendar.js manipulieren.
Ich müsste abe rnoch nachschauen wo.

“dateheaders” setzt alle Termine eines Tages unter das Datum als Überschrift. Also:

31.08.
Termin 1 16:00
Termin 2 18:00
01.09.
Termin 3 20:00
Termin 4 21:00

radioman

Ok danke für die schnelle Antwort bezüglich der Erklärung des “dateheaders”
jetzt erschein das auch logisch.
Aber die Sache mit der Änderung in der calendar.js wäre ich dankbar.

radioman

Hallo Gemeinde
Hat jemand schon Erfahrung wie man mit dem Alexa Control Modul den Rain Radar ein und ausblenden lassen kann.
Ich habe wohl einen Code:

/////  Add this function to the modules you want to control with voice //////

	notificationReceived: function (notification, payload) {
		if (notification === 'HIDE_RADAR') {
			this.hide(1000);
		} else if (notification === 'SHOW_RADAR') {
			this.show(1000);
		}

	},

});

Ich hab das mal so probiert aber da Startet min MM nicht und ich bekommen den Scriptfehler Hinweis:

{
            module: 'MMM-AlexaControl',
            position: 'bottom_left',
            config:{
                image: false,
                pm2ProcessName: "mm",
                refresh: true,
                restart: true,
                reboot: false,
                monitorToggle: true,
                vcgencmd: 'vcgencmd',
                deviceName: "Spiegel",
                startPort: 12000,
                notificationReceived: function (notification, payload) {
		if (notification === 'HIDE_RADAR') {
			this.hide(1000);
		} else if (notification === 'SHOW_RADAR') {
			this.show(1000);
		}
               
         }
        },

lavolp3

@radioman Du müsstest die Reihenfolge der einzelnen Elemente in der getDom() Funktion ändern.
Es wird immer ein Tabellenelement erzeugt (timeWrapper = document.createElement("td");) und nach Erzeugung an die Tabellenzeile angehängt: (eventWrapper.appendChild("timeWrapper"))

Die appendChild Methoden geben an was wo liegt weil die Objekte einfach in der Reihenfolge im Code aneinander gereiht werden. Was zuerst kommt wird zuerst angehängt.
So kannst du versuchen die Reihenfolge zu ändern indem du folgende Zeile verschiebst:

eventWrapper.appendChild(titleWrapper);

aus Zeile 284 in Zeile 377.

Dann sollte später dort stehen

eventWrapper.appendChild(timeWrapper);
eventWrapper.appendChild(titleWrapper);

Du hast also das Anhängen des Titlefeldes zeitlich hinter das Zeitfeld verschoben, sodass die Zeit in der Tabelle vor dem Titel stehen sollte.

Das funktioniert nicht im dateheaders Modus.

KEINE GARANTIE dass es wirklich funktioniert. Probier es aus und gib Rückmeldung.

Du kannst wenn es nicht funktioniert ALLE (!) lokalen Änderungen (ausser die an den zusätzlich installierten Modulen) zurückdrehen mit

cd ~/MagicMirror
git reset --hard

radioman

Hal leider nich geklappt:confused_face:

radioman

Habe noch einmal eine Frage
Beim booten des Magic Mirror kommen alle meine Module so wie es sei soll.
Ich kann mit Alexa und der Remote Funktion den Regenradar aus und einschalten.
Nun möchte ich gerne das beim Boozten der Regenradar erst mal nicht angezeigt wird und erst auf anforderung mit Alexa oder Remote der Regenradar eingeblendet wird.
Wie kann mann das umsetzen.
Und kann mann den mittleren Kalender auf die gleiche höhe angleichen wie der erste linke Kalender?
Danke schon mal

radioman

Das mit der Ausrichtung des mittleren Kalenders habe ich hinbekommen indem ich in die custom.js folgendes eingetragen habe.


.region.top.center {
background : black;
margin-left: 10px;
margin-top: 130px;
}

radioman

Hat jemand Erfahrung mit dem Modul MMM-Pages

Piranha1605

@radioman Versuche mal dein Modul zu verschieben und nicht die ganze Region.

.module.calendar {
background : black;
margin-left: 10px;
margin-top: 130px;
}

radioman

Ich hab das mal versucht aber es verschiebt mir alle Kalender
Ich habe alles zurückgestelt und die Verschiebung der region wieder vorgenommen so wie ich es brauche
Ich hatte mir zwar schon sowas gedacht aber ich habs trotzdem mal versucht
Danke aber trotzdem für den Tipp