Skip to content

Latest commit

 

History

History
295 lines (184 loc) · 8.2 KB

File metadata and controls

295 lines (184 loc) · 8.2 KB

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