Deutsche Anleitung MagicMirror auf RaspberryPi 3

[OldSunGuy]

@SARCux

A previous post showed how to change the color of the icons for the currentweather/weatherforcast modules here: colors-changed

As Far As I Know, setting colored: true changes the color of the min/max temperature listing.

[35110]

@35110 said in Deutsche Anleitung MagicMirror auf RaspberryPi 3:

@lavolp3
ja ich befürchte auch dass es mit dem Subnetz zu tun hat. Das LAN läuft auf 192.168.1.XXX WLAN auf 192.168.212.XXX Der PI auf dem die MMM-Sonos läuft ist sowohl über LAN als auch WLAN verbunden. Wobei ich denke das LAN in diesem Fall dann priorisiert wird. Hab das vorhaben jetzt auch erstmal wieder auf Eis gelegt und versuche seitdem MMM-RTSPStream zum laufen zu bringen - das stellt sich auch schwierig da.

Hat jemand das zufällig auf seinem MM laufen?

Nachdem meine beiden Systeme wieder laufen und ich alle Module wieder installiert habe, versuche ich mich erneut an dem MMM-RTSPStream. Da der bei mir weiterhin kein Bild auswerfen will, hier erneut die Frage, hat den jemand erfolgreich am laufen bzw. kann mir jemand evtl. einen Tip geben woran es leigen könnte? Ich habe die URL der Kamera erfolgreich unter VLC geprüft, die funktioniert - nur warum zeigt mein MM den nicht an? Der Rahmen in dem das Videobild angezeigt werden sol, wird mir angezeigt.

Habe meinen IP Bereich im Haus geändert und alle nun im selben IP Bereich laufen. Habe auch auf dem PI bzw. in der config “localhost” gegen die IP des Pi ausgetauscht - ich habe sonst den Config Web Assistenten des Modul nicht erreicht.

Anbei mal meine config dazu:

{
    module: "MMM-RTSPStream",
    position: "middle_center",
    config: {
	initialSetup: false,
        autoStart: true,
        rotateStreams: false,
        rotateStreamTimeout: 10,
        moduleWidth: 710,
        moduleHeight: 580,
        localPlayer: 'vlc',
        remotePlayer: 'none',
        showSnapWhenPaused: false,
        remoteSnaps: false,
            stream1: {
            name: 'Hof',
            url: 'rtsp://ADMIN:PASSWORT@IP_CAM:554/cam/realmonitor?channel=1&subtype=1',
            frameRate: 'undefined',
            width: 704,
            height: 576,
            },
        }
}

[sw76]

This post is deleted!

[35110]

Jetzt muß ich doch nochmal fragen, weil dass hatte ich jetzt auch noch nicht.
Ich wollte gerade MM Updaten und habe dazu eingegeben:

cd MagicMirror
git pull && npm install

Doch da bekomm ich jetzt folgende Fehlermeldung und komme nicht weiter:

Aktualisiere 500147e..447c0bf
error: Ihre lokalen Änderungen in den folgenden Dateien würden durch den Merge
überschrieben werden:
        package-lock.json
Bitte committen oder stashen Sie Ihre Änderungen, bevor Sie mergen.
Abbruch

Hat jemand mal eine Idee was ich falsch machen bzw. was der Fehler zu bedeuten hat?

Gibt es einen anderen Befehl um MM zu updaten??

Ich danke euch!!

[lavolp3]

@35110 es gibt ein neues Update&Install script von sdetweil. Ich denke er hat dieses Problem in seinem Skript gelöst.

Eine Lösung ist jedenfalls die package-lock.json zu löschen.

rm package-lock.json
git pull && npm install

Es gibt für Node.js-Projekte eine package.jsonund eine package-lock.json. Die package.json gibt Informationen was bei Ausführen on npm install installiert werden soll. Die package-lock.jsonschreibt die Version der jeweils installierten Pakete fest. Wenn man sie gelöscht hat wird sie einfach neu erstellt.

Eigentlich sollte die Datei nicht von git versioniert werden. Warum trotzdem immer mal wieder dieser Fehler auftritt kann ich nicht sagen.

[sdetweil]

@35110 u can erase the package-lock.json file

The git pull again

[35110]

@lavolp3 und @sdetweil vielen Dank! Wenn man das weiß, lassen sich auch die Module Updaten. Die haben mir nämlich auch folgenden Fehler angezeigt, als ich versucht habe sie zu updaten:

Aktualisiere 7cf5bb3..a40302e
error: Ihre lokalen Änderungen in den folgenden Dateien würden durch den Merge
überschrieben werden:
        package.json
Bitte committen oder stashen Sie Ihre Änderungen, bevor Sie mergen.
Abbruch

einfach die package.json gelöscht und git pull ernuet ausgeführ und es lief.

Zum Schluss noch pm2 restart und alles ist aktuell ;-)

[sdetweil]

@35110 said in Deutsche Anleitung MagicMirror auf RaspberryPi 3:

einfach die package.json gelöscht und git pull ernuet ausgeführ und es lief.
Zum Schluss noch pm2 restart und alles ist aktuell

in the future (every 3 months) , please use my nre upgrade_script, it should take care of all this for you
see https://github.com/sdetweil/MagicMirror_scripts

read the readme for the instructions
upgrade is a two part process, once to test (so you know if there will be problems than need to be addressed) and once to execute.

[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.