Comment on page

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

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