Hallo zusammen,
ich bin gerade dabei mir einen MagicMirror zubauen, bzw erstmal sehen ob es überhaupt klappt den Spiegel für FHEM zunutzen.
Da ich ein großer Fan von Fuip bin dachte ich im ersten Moment ist ja einfach. MagicMirror(https://magicmirror.builders/) aufsetzen Ifrmae zum Fuip einbinden fertig, aber dann fiel mir ein FUIP generiet ja die Seiten erst wenn man drauf geht.
Meine Idee ist nun eine zweite FUIP Instanz(Flex) die erste Instanz ist Grid und sobald ich auf Flex umstelle zerschießt es mir meine ganzen Ansichten. Da ist eine neue Instanz direkt auf Flex schneller gebaut.
Das Prinzip vom MagicMirror ist ja das die ganzen Info's links und rechts am Rand stehen und Rest Schwarz sowie die Schriftgröße etwas größer. Ist es möglich das mit FUIP zubauen? Die einzelnen "Kasten" wollen ja immer kuscheln. Es dürften dann auch keine Ränder etc sein.
Gruß
Micha
Zitat von: TNT0068 am 20 Mai 2021, 14:32:56
Meine Idee ist nun eine zweite FUIP Instanz(Flex) die erste Instanz ist Grid und sobald ich auf Flex umstelle zerschießt es mir meine ganzen Ansichten. Da ist eine neue Instanz direkt auf Flex schneller gebaut.
Naja, das Ding versucht so gut es geht, die Zellen in die Bereiche zu verschieben. Das funktioniert manchmal besser, manchmal schlechter. Normalerweise kann man es irgendwie retten, indem man erstmal in der Page Config "Repair" aufruft. Dann kann man wieder damit arbeiten.
Zitat
Das Prinzip vom MagicMirror ist ja das die ganzen Info's links und rechts am Rand stehen und Rest Schwarz sowie die Schriftgröße etwas größer. Ist es möglich das mit FUIP zubauen? Die einzelnen "Kasten" wollen ja immer kuscheln. Es dürften dann auch keine Ränder etc sein.
Da so ein Spiegel wahrscheinlich seine Größe nicht ändert bringt da "flex" wahrscheinlich nichts. Ich würde da mit "gridster" arbeiten. Dann nimmst Du Dir ein styleSchema, das der ganzen Sache nahekommt, wie z.B. darkblue. Dann machst Du Dir eine Zelle in der Mitte ziemlich groß. Das Ding in der Mitte ganz dunkel zu bekommen müsste mit einer einfachen HTML View gehen, die einfach einen schwarzen Kasten anzeigt.
<div style="width:100%;height:100%;background-color:black;"></div>
Die 100% bei width und height sorgen dafür, dass Du das Teil einfach über die ganze Zelle ziehen kannst.
Die äußeren Zellen gestaltest Du dann so, wie es Dir passt. Insbesondere die Farben kann man mit "Colours" im Zellenmenü einstellen.
Achso: Die Schriftgröße kann man nicht einfach so einstellen. Allerdings gibt es einige Views, die man in der Größe passend machen kann, wie z.B. die drei (oder so) mit "Label" oder auch den Wetter-Krams.
Zeig mal ein Screenshot mit Deinen Versuchen, dann kann ich da vielleicht noch ein bisschen konkreter werden.
Gruß,
Thorsten
Guten Morgen Thorsten,
vielen Dank für deine schnelle Antwort. Die Mitte habe ich mit einem leeren Feld gelöst :)
Colours sind komplett auf Schwarz eingestellt aber das werde ich nochmal testen sobald das LCD hinter dem Glas sitzt.
Die Batterie Anzeige vor allem die Schrift hätte ich gerne Größer und etwas transparenter, vielleicht mache ich da auch einzelne größere Icons, da bin ich mir noch unsicher.
Der Kalender ist das FTUI Calender Widget aber noch in der alten Version, muss mal schauen ob die neue Version nun bei mir auch läuft.
Aber ich bin doch ganz zufrieden wie es bisher aussieht. Und ging schnell mit der Einrichtung FUIP macht immer wieder spaß. Gerade für mich als HTML,CSS Legastheniker
Achja das Wetter kommt jenach dem ob der LCD oben im Spiegel oder unten eingebaut wird, nach oben oder unten.
Was genial wäre wenn es eine Möglichkeit geben würde ein View zuerstellen der immer die aktuellsten Nachrichten von der Tagesschau anzeigt nur in Short form und die letzten 3 oder so <<<das ist über html ftui nun eingebunden
Gruß
Micha
Hallo Thorsten,
ist es möglich ein Ticker view in FUIP zubauen ohne großen Aufwand?
Ich benutze in FHEM rssFeed der bereitet die Meldungen schon auf als Toast oder/und Marquee
Das view müsste den Inhalt von Marquee als Laufschrift dann anzeigen. Hintergrund änderbar transparent Schriftgröße und Geschwindigkeit :)
Neue Version mit größerer Schrift und die Tasks sowie Einkaufsliste sind über html view gemacht. Checklist widget
Was mich noch stört ist bei der Batterie Übersicht (FUIP) die kleine Schrift und Alive und Volt zahl.
Desweiteren soll überall die Schrift noch größer und dieses leichte Grau haben
Zitat von: TNT0068 am 21 Mai 2021, 09:51:34
ist es möglich ein Ticker view in FUIP zubauen ohne großen Aufwand?
Ich benutze in FHEM rssFeed der bereitet die Meldungen schon auf als Toast oder/und Marquee
Das view müsste den Inhalt von Marquee als Laufschrift dann anzeigen. Hintergrund änderbar transparent Schriftgröße und Geschwindigkeit :)
Zeig mir mal, wie das momentan implementiert ist. ...also lists der beteiligten FHEM-Devices und was Du bisher sonst so dazu hast. Ich kenne den Kram nicht und würde mich ungern von Null einarbeiten.
Zitat von: TNT0068 am 21 Mai 2021, 14:33:49
Was mich noch stört ist bei der Batterie Übersicht (FUIP) die kleine Schrift und Alive und Volt zahl.
Desweiteren soll überall die Schrift noch größer und dieses leichte Grau haben
Kannst Du nicht irgendwie grundsätzlich alles größer machen? Also so wie z.B. im Browser alles auf 120% stellen?
Für die Farben müsstest Du mir mal sagen, in welchen Views Du meinst und genau welchen Text. Wenn ich mir den Screenshot anschaue, dann sind ja eigentlich nur die HTML-Views uneinheitlich, oder?
Gruß,
Thorsten
Ich hab sowas vor einiger Zeit Mal mit FTUI umgesetzt. Ist zwar kein "fertiger" Stand, aber vielleicht hilft es Dir:
https://forum.fhem.de/index.php/topic,50187.msg944157.html#msg944157
Ticker war mir zu "oll" und einfach schlecht zu lesen. Drum hab ich einen "Fade-Effekt" genommen, der zwischen den einzelnen Schlagzeilen überblendet.
Danke für den Tipp
Mit dem Ticker könntest du Recht haben, Laufschrift hat jeder.Das Frontend habe ich nun noch etwas erweitertet. Leider bekomme ich erst in 2 Wochen Bescheid wegen dem Display. Wird dann 24 Zoll bzw 27. Wenn ich das Display habe geht es mit dem Rahmen und Glas weiter. Der Spiegel wird dann im oberen Drittel oder unten die Anzeige haben. Wird knapp 90 cm hoch und 45 cm breit