HTML Kachelsammlung (Bewohnerstatus, Wärmepumpe etc...)

Hallo zusammen,

nachfolgend findet ihr die erste Version meiner HTML Kachelsammlung die mit dem neuen Kachel-SDK für die 7.1 erstellt wurden.

pv_screenshot

screenshot_waschmaschine

bewohner_kachel

heatpump_kachel

ImageVariable2

Bitte die noch relativ dürftige Doku auf der Github-Seite der jeweiligen Kacheln beachten.

Bisher enthalten sind:

  • Button Kachel (Bildet bis zu 10 Toggle-Button ab)
  • PV-Übersicht
  • Waschmaschinen/Wäschetrockner/Geräte Status
  • Raum-Header-Kachel
  • Wärmepumpenkachel
  • Bewohnerstatus
  • Bild (ein vollflächiges Bild. Beim vergrößern der Kachel werden Links und andere Objekte die unter der Instanz liegen als Liste angezeigt)
  • Bild + Variable (ein vollflächiges Bild und ein Variablenwert. Beim vergrößern der Kachel werden Links und andere Objekte die unter der Instanz liegen als Liste angezeigt)

ToDos:

  • Code optimieren und aufräumen
  • Übersetzung vervollständigen
  • Dokumentation

Viel Spaß beim testen und gebt gerne zahlreich Feedback.

Updates:
15.01.2024: Farben und Schriftgrößen in der Wärmepumpenkachel konfigurierbar.
08.02.2024: Kachel Waschmaschinenstatus hinzugefügt
09.02.2024: Bilder für Wäschetrockner und Umschaltmöglichkeit hinzugefügt
12.02.2024: PV-Übersicht Kachel hinzugefügt

Gruß Stephan

9 „Gefällt mir“

kleines Feedback

Bild bzw TileVisuImage zeigt kein Bild an, weil was fehlt
image
P.S: habe den Ordner assets/ mit Inhalt aus dem Bewohnerstatus kopiert, sieht gut aus

Bewohnerkachel schaut super aus.

Ich bin echt gespannt was noch kommt, sehr cool.

ist korrigiert, danke!

Gruß Stephan

Moin,

Meinst Du du könntest die TileVisuImage erweitern, das man nicht nur Bilder sondern auch eine Hauptvariable angezeigt bekommt?

Das wäre Cool für eine „Fenster auf“ Variable. Ich habe eine Variable die heißt „Fenster geöffnet“, wenn man die Tile vergrößert, wird zzt nur die Variable vergrößert, erst wenn ich auf Listenansicht gehe, sehe ich die Links drunter (mit den einzelnen Fenstern).

Viele Grüße

@kris steht schon auf meiner Liste :wink:

@kris mach mal ein Update. Es gibt jetzt eine Kachel TileVisuImageVariable. Bei der kannst du ein Bild einstellen und eine Variable anzeigen.

ImageVariable

Konfigurierbar sind:

  • Foto
  • Transparenz vom Foto
  • Farbe der Kachel
  • Schriftgröße
  • Schriftfarbe

Viele Spaß beim testen

Gruß Stephan

Ich konnte leider nur sehr schnell testen, aber sehr geil, vielen Dank dafür.

Wollt es mir auch ansehen, geht aber erst ab 7.1

@hfichtinger

no risk no fun :wink:

Gruß Stephan

Das erklär mal meinem Chef :smiley:

Ich finde es nicht im Modul-Store ???

IPS Version 7.1

Die Kacheln musst du über die Kerninstanz Module installieren. Da einfach den GitHub Link eintragen.

Gruß
Stephan

Hallo zusammen,

ich würde gerne mal mit euch etwas Brainstorming betreiben.

Ich baue gerade eine Header Kachel für Räume.

Der Sinn der Kachel soll es sein, neben dem optischen Aspekt, eine Übersicht über wichtige Zustande zu geben wie z.B. Temperatur, Stromverbrauch, Präsenzanzeige und eventuell ein Button für z.B. zentral AUS oder ähnliches.

Besteht an so etwas Interesse und welche Infos bzw. Funktionen würdet ihr euch wünschen?
Ziel ist es natürlich das Teil möglichst frei konfigurierter zu machen…

Momentan gibt es den linken und rechten Bereich um Infos anzuzeigen.

@paresy
das hier ist ein gutes Beispiel warum man die Headline (oben links) und den Vergrößern-Button in Kacheln optional ausblenden können sollte :wink:

Viele Grüße

Stephan

6 „Gefällt mir“

Das sieht richitg gut aus, lieferst du auch die Hintergrundbilder für Räume mit? :slight_smile:
Ich würde folgendes auf jeden Fall aufnehmen:

  • Fenster
  • Rauchmelder
  • Temperatur
  • Licht

Ansonsten ggf. Variablen, die man selbst platzieren kann und mit Koordinaten XY verschieben kann?

Grüße,
Kai

sieht wie immer super aus.

Ich fände gut

  • Temperatur,
  • Luftfeuchtigkeit
  • Status Leuchtmittel ( also an, sobald eine Leuchte an ist)
  • Status Fenster ( also an, sobald ein Fenster auf ist)

Hier der aktuelle Stand:

Bild:
Medienobjekt Bild vom User einstellbar

Raumname:
Freier Text (einstellbar: Schriftgröße, Farbe, Transparenz)

Infobereich links und rechts:
Anzeige eines Variablenwertes. Wenn im Profil eingestellt auch mit Icon. (einstellbar: Schriftgröße)

Info/Menüleiste:

Linker Bereich:
Anzeige von bis zu 5 Variablen. Mögliche Einstellungen: Icon, Variablenname, Wert

Rechter Bereich:
Anzeige von bis zu 5 Button (ToggleSwitch). Mögliche Einstellungen: Icon, Variablenname, Wert. Farbe wird aus dem Variablenprofil ausgelesen. Jeder Button benötigt eine Bool Variable mit Profil und Aktion.

Beta kommt vermutlich in 1-2 Tagen.

Was sagt ihr?

Viele Grüße
Stephan

7 „Gefällt mir“

Schön langsam kommst du IPSView in die Quere :wink:

1 „Gefällt mir“

Moin,

sieht schon sehr geil aus :slight_smile:

Ein Problem hab ich aber direkt: Bei den Schaltern kann ich keine Links angeben und die Originale haben bei mir einen eher Kryptischen Namen. (Anschluss aus Plan)

image
image

Dadurch bekomme ich da keine sinnvolle Beschriftung hin.
Könnte man dort entweder Links aus wählbar machen oder den Variablennamen mit Freitext überschreibbar?

Danke für die Arbeit!!

1 „Gefällt mir“

Danke für deine Rückmeldung.
Schau ich mir mal an. Problem ist das man mit dem Variablen-Auswahldialog keine Links auswählen kann. Entweder müsste man einen zweiten Auswahldialog für Links einbauen oder wie von dir vorgeschlagen ein freies Textfeld. Das könnte man vielleicht in dem Einstellungen Pop-Up platzieren.
„Variablenname überschreiben“ oder so…

Viele Grüße
Stephan

1 „Gefällt mir“

Das ist in diesem Zusammenhang eine heftige Einschränkung. Vielleicht könnte @Dr.Niels sich einmal anschauen, ob man da nicht eine Option anbieten könnte.