Module

Einführung

Module dienen der Visualierung von Datenpunkten und Informationen.

Globale Einstellungen für Module

Jedes Modul, dass in einem Widget (einer Box) angezeigt wird (und damit nicht fullscreen ist), unterstützt die folgenden Einstellungen:

Parameter	Beschreibung	mögliche Werte	Standard
title	individueller Titel der Box	beliebiger Wert
icon	individuelles Icon der Box	beliebiges Icon von https://materialdesignicons.com/	home
iconStyle	individueller Style des Icons der Box	CSS-Anweisungen in Javascript Syntax	{ backgroundColor: theme.palette.primary.main, color: '#fff', fontSize: '24px' }

Liste der Module

• AdapterStatus

• Calendar

• Chart

• CustomHTML

• DateTime

• DisplayImage

• iFrame

• JsonTable

• Map

• MediaControl

• StateList

• StateListHorizontal

• Weather

Modul: AdapterStatus

Kurzbeschreibung

Zeigt alle installierten Adapter mit ihren Instanzen und dem jeweiligen Status (active & alive, active & not connected, inactive) an.

Beispiel Screenshots

Screenshot1

Screenshot AdapterStatus1.png

Konfiguration

Parameter	Beschreibung	Typ	Standard
updates	Adapter Updates	Switch	true
list	Liste angezeigter Adapter	Text	-
blacklist	Liste nicht angezeigter Adapter	Text	-

Modul: Calendar

Kurzbeschreibung

Zeigt ical / ics Inhalte in einem Kalender an.

Beispiel Screenshots

Keine Screenshots verfügbar

Konfiguration

Parameter	Beschreibung	Typ	Standard
calendarPreview	Zeigt eine Kalender-Vorschau	Switch	true
calendarView	Wähle die Art der Anzeige von Ereignissen	RadioGroup	listView
refresh	Aktualisierung (in Minuten)	Number	5
daysReview	Zeigt vergangene Ereignisse (in Tagen)	Number	-
daysPreview	Zeigt zukünftige Ereignisse (in Tagen)	Number	7

Modul: Chart

Kurzbeschreibung

Stellt historische Werte (z.B. aus ioBroker.history) grafisch als Chart mittels Chart.js dar.

Beispiel Screenshots

Screenshot1

Screenshot Chart1.png

Konfiguration

Parameter	Beschreibung	Typ	Standard
chartConfigyLeftAxisUnitBefore	Einheit der y-Achse (vor dem Bezeichner)	Text	-
chartConfigyLeftAxisUnitAfter	Einheit der y-Achse (nach dem Bezeichner)	Text	-
chartFilterTimeRangeValue	Standard-Zeit des historischen Rückblicks	Number	1
chartFilterTimeRangeUnit	Standard-Einheit des historischen Rückblicks	Select (seconds, minutes, hours, days, weeks, months, years)	days
liveUpdates	Live-Aktualisierung	Switch	true
multiplicator	Multiplikator	Number	1

Modul: CustomHTML

Kurzbeschreibung

Zeigt dynamische HTML Inhalte von Datenpunkten an.

Beispiel Screenshots

Keine Screenshots verfügbar

Konfiguration

Keine Konfiguration

Modul: DateTime

Kurzbeschreibung

Das Modul dient der Anzeige des aktuellen Datums und Zeit.

Beispiel Screenshots

Screenshot1

Screenshot DateTime1.png

Konfiguration

Parameter	Beschreibung	Typ	Standard
format	Format des Datums / Uhrzeit	Text	d. MMMM yyyy HH:mm
style	Style des Textes	Text	{ "fontSize": "1.5rem", "textAlign": "center" }
city	Zeigt die Stadt	Switch	true
sun	Zeigt Zeiten für Sonnenauf- und -untergang	Switch	true
calendarweek	Zeigt die aktuelle Kalenderwoche	Switch	true

Modul: DisplayImage

Kurzbeschreibung

Zeigt ein Bild aus einer URL oder einem base64-Wert an.

Beispiel Screenshots

Keine Screenshots verfügbar

Konfiguration

Parameter	Beschreibung	Typ	Standard
url	Datenpunkt, URL oder Base64-Wert des Bilds	Text	http://
height	Höhe des Fensters	Text	100%
width	Breite des Fensters	Text	100%
refresh	Aktualisierungsintervall	Number	0

Modul: iFrame

Kurzbeschreibung

Zeigt Inhalte anderer Seiten in einem iFrame an.

Beispiel Screenshots

Keine Screenshots verfügbar

Konfiguration

Parameter	Beschreibung	Typ	Standard
url	URL, die zu laden / anzuzeigen ist	Text	http://
height	Höhe des iFrame Fensters	Text	100%
width	Breite des iFrame Fensters	Text	100%
refresh	Aktualisierungsintervall	Number	0

Modul: JsonTable

Kurzbeschreibung

Zeigt eine Tabelle auf Basis einer JSON-Struktur an.

Beispiel Screenshots

Keine Screenshots verfügbar

Konfiguration

Parameter	Beschreibung	Typ	Standard
thead	Spalten	Text	[{ "label": "Spalte", "align": "left" }]
sortable	Sortierung	Switch	true
max	Max. Einträge	Number	-

Modul: Map

Kurzbeschreibung

Zeigt eine Karte von OpenStreetMap.

Beispiel Screenshots

Screenshot1

Screenshot Map1.png

Konfiguration

Parameter	Beschreibung	Typ	Standard
defaultZoom	initialer Zoom der Karte	Number	10
defaultPosition	initiale Koordinaten auf der Karte	Text	-
tooltipDirection	Richtung in die der Tooltip öffnet	Select (auto, center, top, left, right, bottom)	bottom
tooltipPermanent	Permanenter Tooltip	Switch	true
height	Höhe der Karte	Number	500

Modul: MediaControl

Kurzbeschreibung

Zeigt ein Multimedia-Player an (z. B. Spotify).

Beispiel Screenshots

Keine Screenshots verfügbar

Konfiguration

Parameter	Beschreibung	Typ	Standard
adapter	Musik Adapter	Select	-
coverMode	Cover Modus	Switch	-
coverHeight	Cover Höhe	Number	200
coverUrl	Cover Prefix URL	Text	-

Modul: StateList

Kurzbeschreibung

Zeigt eine Liste von States an.

Beispiel Screenshots

Screenshot1

Screenshot StateList1.png

Screenshot2

Screenshot StateList2.png

Screenshot3

Screenshot StateList3.png

Screenshot4

Screenshot StateList4.png

Konfiguration

Keine Konfiguration

Modul: StateListHorizontal

Kurzbeschreibung

Zeigt eine Liste von States (horizontal) an.

Beispiel Screenshots

Screenshot1

Screenshot StateListHorizontal1.png

Konfiguration

Keine Konfiguration

Modul: Weather

Kurzbeschreibung

Zeigt die Wetter-Vorschau an.

Beispiel Screenshots

Keine Screenshots verfügbar

Konfiguration

Parameter	Beschreibung	Typ	Standard
apikey	API Schlüssel (affiliate_id) von daswetter.com	Text	-
localid	Ort (localid) von daswetter.com	Text	-
display	Anzeigevariante	Select (both, overview, preview)	both
forecastSunRain	Zeige Sonne/Regen-Vorschau	Switch	true
iconSetWeather	Icon Set Wetter	Select (set1, set2, set3, set4, set5, set5-white)	set5
forecastTemperature	Zeige Temperatur-Vorschau	Switch	true
forecastWind	Zeige Wind-Vorschau	Switch	true
iconSetWind	Icon Set Wind	Select (set1, set2, set5-white)	set2