h3n3/nspanel-lovelace-ui
1
0
Fork 0
mirror of https://github.com/joBr99/nspanel-lovelace-ui.git synced 2026-02-26 06:02:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Updated ioBroker Card Definitionen (Seiten) (markdown)

Armilar
2024-01-02 22:01:14 +01:00
parent 807cfa0cce
commit f3f55c86b6
1 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
ioBroker-Card-Definitionen-(Seiten).md

@@ -4,7 +4,7 @@
4 vertikal angeordnete Steuerelemente (Erstellung der "PageItem" siehe [ioBroker ALIAS Definition](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen)) 4 vertikal angeordnete Steuerelemente (Erstellung der "PageItem" siehe [ioBroker ALIAS Definition](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen))
```typescript ```typescript
var Sprechender_eindeutiger_Seitenname = <PageEntities> let Sprechender_eindeutiger_Seitenname: PageType =
{ {
"type": "cardEntities", "type": "cardEntities",
"heading": "Deine Überschrift", "heading": "Deine Überschrift",
@@ -12,10 +12,10 @@ var Sprechender_eindeutiger_Seitenname = <PageEntities>
"subPage": false, "subPage": false,
"parent": undefined, "parent": undefined,
"items": [ "items": [
<PageItem>{ id: "Dein_Erstellter_Alias_1", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_1", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_2", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_2", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_3", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_3", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_4", Weitere Parameter siehe Alias Definition } { id: "Dein_Erstellter_Alias_4", Weitere Parameter siehe Alias Definition }
] ]
}; };
``` ```
@@ -29,7 +29,7 @@ var Sprechender_eindeutiger_Seitenname = <PageEntities>
6 horizontal angeordnete Steuerelemente (in 2 Reihen je 3 Steuerelemente) (Erstellung der "PageItem" siehe [ioBroker ALIAS Definition](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen)) 6 horizontal angeordnete Steuerelemente (in 2 Reihen je 3 Steuerelemente) (Erstellung der "PageItem" siehe [ioBroker ALIAS Definition](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-ALIAS-Definitionen))
```typescript ```typescript
var Sprechender_eindeutiger_Seitenname = <PageGrid> let Sprechender_eindeutiger_Seitenname: PageType =
{ {
"type": "cardGrid", "type": "cardGrid",
"heading": "Deine Überschrift", "heading": "Deine Überschrift",
@@ -37,12 +37,12 @@ var Sprechender_eindeutiger_Seitenname = <PageGrid>
"subPage": false, "subPage": false,
"parent": undefined, "parent": undefined,
"items": [ "items": [
<PageItem>{ id: "Dein_Erstellter_Alias_1", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_1", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_2", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_2", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_3", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_3", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_4", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_4", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_5", Weitere Parameter siehe Alias Definition }, { id: "Dein_Erstellter_Alias_5", Weitere Parameter siehe Alias Definition },
<PageItem>{ id: "Dein_Erstellter_Alias_6", Weitere Parameter siehe Alias Definition } { id: "Dein_Erstellter_Alias_6", Weitere Parameter siehe Alias Definition }
] ]
}; };
``` ```
@@ -69,14 +69,14 @@ Unter alias.0... wird folgender Alias automatisch angelegt:
**Beispiel der Seitenerstellung:** (im Service-Menü enthalten) **Beispiel der Seitenerstellung:** (im Service-Menü enthalten)
```typescript ```typescript
//Level 0 (if service pages are used with cardUnlock) //Level 0 (if service pages are used with cardUnlock)
let Unlock_Service = <PageUnlock> let Unlock_Service: PageType =
{ {
'type': 'cardUnlock', 'type': 'cardUnlock',
'heading': 'Service Pages', 'heading': 'Service Pages',
'useColor': true, 'useColor': true,
'items': [<PageItem>{ id: 'alias.0.NSPanel.Unlock', 'items': [{ id: 'alias.0.NSPanel.Unlock',
targetPage: 'NSPanel_Service_SubPage', targetPage: 'NSPanel_Service_SubPage',
autoCreateALias: true } autoCreateALias: true }
] ]
}; };
``` ```
@@ -89,12 +89,12 @@ Da die cardUnlock innerhalb eines "Smart Home" nur einmal erforderlich sein soll
Hierzu muss lediglich eine weitere `Page` vom Typ `cardUnlock` definiert werden und das Ziel `targetPage` auf eine `vorhandene subPage` zeigen: Hierzu muss lediglich eine weitere `Page` vom Typ `cardUnlock` definiert werden und das Ziel `targetPage` auf eine `vorhandene subPage` zeigen:
``` ```
let Unlock_PageXYZ = <PageUnlock> let Unlock_PageXYZ: PageType =
{ {
'type': 'cardUnlock', 'type': 'cardUnlock',
'heading': 'Titel der Page', 'heading': 'Titel der Page',
'useColor': true, 'useColor': true,
'items': [<PageItem>{ id: 'alias.0.NSPanel.Unlock', 'items': [{ id: 'alias.0.NSPanel.Unlock',
targetPage: 'Eine_weitere_Subpage', targetPage: 'Eine_weitere_Subpage',
autoCreateALias: true } autoCreateALias: true }
] ]
@@ -107,16 +107,16 @@ let Unlock_PageXYZ = <PageUnlock>
(Erstellung des cardAlarm siehe [ioBroker ALIAS Definition](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#2-alarm-page)) (Erstellung des cardAlarm siehe [ioBroker ALIAS Definition](https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#2-alarm-page))
```typescript ```typescript
let Alarmseite = <PageAlarm> let Alarmseite: PageType =
{ {
"type": "cardAlarm", "type": "cardAlarm",
"heading": "Alarm", "heading": "Alarm",
"useColor": true, "useColor": true,
"subPage": false, "subPage": false,
"items": [ "items": [
<PageItem>{ id: 'alias.0.NSPanel.Alarm' } { id: 'alias.0.NSPanel.Alarm' }
actionStringArray: ['Vollschhutz','Zuhause','Nacht','Besuch','Ausschalten'], // Optional - ansonsten aus Sprachdatei actionStringArray: ['Vollschhutz','Zuhause','Nacht','Besuch','Ausschalten'], // Optional - ansonsten aus Sprachdatei
autoCreateALias: true } autoCreateALias: true }
] ]
}; };
``` ```
@@ -149,14 +149,14 @@ let Alarmseite = <PageAlarm>
**alexa2-Adapter** **alexa2-Adapter**
```typescript ```typescript
let Alexa = <PageMedia> let Alexa: PageType =
{ {
'type': 'cardMedia', 'type': 'cardMedia',
'heading': 'Alexa', 'heading': 'Alexa',
'useColor': true, 'useColor': true,
'subPage': false, 'subPage': false,
'parent': undefined, 'parent': undefined,
'items': [<PageItem>{ 'items': [{
id: AliasPath + 'Media.PlayerAlexa', id: AliasPath + 'Media.PlayerAlexa',
adapterPlayerInstance: 'alexa2.0.', adapterPlayerInstance: 'alexa2.0.',
mediaDevice: 'G0XXXXXXXXXXXXXX', // Eigene Seriennummer des primären Device einstellen mediaDevice: 'G0XXXXXXXXXXXXXX', // Eigene Seriennummer des primären Device einstellen
@@ -186,14 +186,14 @@ let Alexa = <PageMedia>
**spotify-premium Adapter** **spotify-premium Adapter**
```typescript ```typescript
let SpotifyPremium = <PageMedia> let SpotifyPremium: PageType =
{ {
"type": "cardMedia", "type": "cardMedia",
"heading": "Spotify-Premium", "heading": "Spotify-Premium",
"useColor": true, "useColor": true,
"subPage": false, "subPage": false,
"parent": undefined, "parent": undefined,
"items": [<PageItem>{ "items": [{
id: AliasPath + 'Media.PlayerSpotifyPremium', id: AliasPath + 'Media.PlayerSpotifyPremium',
adapterPlayerInstance: "spotify-premium.0.", adapterPlayerInstance: "spotify-premium.0.",
speakerList: ['LENOVO-W11-01','Terrasse','Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche', speakerList: ['LENOVO-W11-01','Terrasse','Überall','Gartenhaus','Esszimmer','Heimkino','Echo Dot Küche',
@@ -214,14 +214,14 @@ let SpotifyPremium = <PageMedia>
**Volumio-Player** **Volumio-Player**
```typescript ```typescript
let VolumioBoss = <PageMedia> let VolumioBoss: PageType =
{ {
'type': 'cardMedia', 'type': 'cardMedia',
'heading': 'Volumio-Büro', 'heading': 'Volumio-Büro',
'useColor': true, 'useColor': true,
'subPage': false, 'subPage': false,
'parent': undefined, 'parent': undefined,
'items': [<PageItem>{ 'items': [{
id: 'alias.0.NSPanel.Volumio-Boss', id: 'alias.0.NSPanel.Volumio-Boss',
adapterPlayerInstance: 'volumio.0.', adapterPlayerInstance: 'volumio.0.',
speakerList: [], /* this must, no function */ speakerList: [], /* this must, no function */
@@ -259,14 +259,14 @@ let VolumioBoss = <PageMedia>
Erstellung der cardQR siehe (https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#5-qr-code-page) by Kuckuckmann Erstellung der cardQR siehe (https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker---FAQ-&-Anleitungen#5-qr-code-page) by Kuckuckmann
```typescript ```typescript
var Sprechender_eindeutiger_Seitenname = <PageQR> let Sprechender_eindeutiger_Seitenname: PageType =
{ {
"type": "cardQR", "type": "cardQR",
"heading": "Deine Überschrift", "heading": "Deine Überschrift",
"useColor": true, "useColor": true,
"subPage": false, "subPage": false,
"parent": undefined, "parent": undefined,
"items": [<PageItem>{ id: "alias.0.NSPanel.Guest_Wifi" }] // Beispiel "items": [{ id: "alias.0.NSPanel.Guest_Wifi" }] // Beispiel
}; };
``` ```
@@ -292,14 +292,14 @@ autoCreateALias: true
![image](https://user-images.githubusercontent.com/102996011/204627014-03173d87-22ba-44fb-b07c-40b7be6366ac.png) ![image](https://user-images.githubusercontent.com/102996011/204627014-03173d87-22ba-44fb-b07c-40b7be6366ac.png)
```typescript ```typescript
var Sprechender_eindeutiger_Seitenname = <PageThermo> let Sprechender_eindeutiger_Seitenname: PageType =
{ {
"type": "cardThermo", "type": "cardThermo",
"heading": "Test Klimaanlage", "heading": "Test Klimaanlage",
"useColor": true, "useColor": true,
"subPage": false, "subPage": false,
"parent": undefined, "parent": undefined,
"items": [<PageItem>{ "items": [{
id: "alias.0.NSPanel_1.TestKlimaanlage", id: "alias.0.NSPanel_1.TestKlimaanlage",
minValue: 50, minValue: 50,
maxValue: 250, maxValue: 250,
@@ -328,40 +328,40 @@ Beispiel: Erstellung des "PageItem" und Alias vom Typ "Info"
ohne `alwaysOnDisplay` Parameter (Nach dem Öffnen wird der Screensaver nach eingestellter Zeit aufgeschaltet): ohne `alwaysOnDisplay` Parameter (Nach dem Öffnen wird der Screensaver nach eingestellter Zeit aufgeschaltet):
```typescript ```typescript
let CardPower = <PagePower> let CardPower: PageType =
{ {
'type': 'cardPower', 'type': 'cardPower',
'heading': 'Energiefluss', 'heading': 'Energiefluss',
'useColor': true, 'useColor': true,
'items': [ 'items': [
<PageItem>{ id: 'alias.0.NSPanel.cardPower' } { id: 'alias.0.NSPanel.cardPower' }
] ]
}; };
``` ```
mit `alwaysOnDisplay` Parameter (Die Seite fällt nicht in den Screensaver-Mode, bis auf eine andere Seite navigiert wird) mit `alwaysOnDisplay` Parameter (Die Seite fällt nicht in den Screensaver-Mode, bis auf eine andere Seite navigiert wird)
```typescript ```typescript
let CardPower = <PagePower> let CardPower: PageType =
{ {
'type': 'cardPower', 'type': 'cardPower',
'heading': 'Energiefluss', 'heading': 'Energiefluss',
'useColor': true, 'useColor': true,
'items': [ 'items': [
<PageItem>{ id: 'alias.0.NSPanel.cardPower', { id: 'alias.0.NSPanel.cardPower',
alwaysOnDisplay: true } alwaysOnDisplay: true }
] ]
}; };
``` ```
Oder im Demo-Modus ohne Alias Oder im Demo-Modus ohne Alias
```typescript ```typescript
let CardPowerExample = <PagePower> let CardPowerExample: PageType =
{ {
'type': 'cardPower', 'type': 'cardPower',
'heading': 'Energiefluss', 'heading': 'Energiefluss',
'useColor': true, 'useColor': true,
'items': [ 'items': [
<PageItem>{ } { }
] ]
}; };
``` ```
@@ -549,14 +549,14 @@ Es wird lediglich ein Alias vom Gerätetyp "Info" benötigt:
**PageItem Beispiel:** **PageItem Beispiel:**
```typescript ```typescript
let CardChartExample = <PageChart> let CardChartExample: PageType =
{ {
"type": "cardChart", "type": "cardChart",
"heading": "Stromzähler L1+L2+L3", "heading": "Stromzähler L1+L2+L3",
"useColor": true, "useColor": true,
"subPage": false, "subPage": false,
"parent": undefined, "parent": undefined,
"items": [<PageItem>{ "items": [{
id: 'alias.0.NSPanel_1.cardChart', id: 'alias.0.NSPanel_1.cardChart',
yAxis: 'Leistung [kW]', yAxis: 'Leistung [kW]',
yAxisTicks: [2,4,6,8,10,2,4,6,8,20,2], yAxisTicks: [2,4,6,8,10,2,4,6,8,20,2],
@@ -643,12 +643,12 @@ on({id: sourceDP, change: "any"}, async function (obj) {
* onColor: Farbe des Graphen * onColor: Farbe des Graphen
```typescript ```typescript
let CardLChartExample = <PageChart> let CardLChartExample: PageType =
{ {
"type": "cardLChart", "type": "cardLChart",
"heading": "Büro Temperatur", "heading": "Büro Temperatur",
"useColor": true, "useColor": true,
'items': [<PageItem>{ 'items': [{
id: 'alias.0.Haus.Erdgeschoss.Buero.Charts.Temperatur', id: 'alias.0.Haus.Erdgeschoss.Buero.Charts.Temperatur',
yAxis: 'Temperatur [°C]', yAxis: 'Temperatur [°C]',
yAxisTicks: [160,170,180,190,200,210,220,230], yAxisTicks: [160,170,180,190,200,210,220,230],