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

Updated NSPanel Page ‐ Typen_How 2_Beispiele (markdown)

Armilar
2023-10-20 12:43:15 +02:00
parent d0f145c923
commit b3b9c6f3d2
1 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
NSPanel-Page-‐-Typen_How-2_Beispiele.md

@@ -56,7 +56,7 @@ Gäste sollen einfach und easy ins Gäste-WLAN rein kommen? Am besten mit dem Sc
## Basisseite ## Basisseite
Der Rahmen einer Seite besteht aus einem Frame wie folgend: Der Rahmen einer Seite besteht aus einem Frame wie folgend:
```ruby ```typescript
let name = <PageType> let name = <PageType>
{ {
'type': 'cardType', 'type': 'cardType',
@@ -198,7 +198,7 @@ Das `<PageItem>` wird gefolgt von `{},`. Innerhalb der geschweiften Klammern fol
## Basisseite mit PageItem ## Basisseite mit PageItem
Wenn man nun ein oder je nach gewähltem Page Type mehrere `<PageItems>` aufgebaut hat und diese dem Punkte `items : []` hinzugefügt hat, erhält man eine Seite mit - nennen wir es etwas sichtbares. Wenn man nun ein oder je nach gewähltem Page Type mehrere `<PageItems>` aufgebaut hat und diese dem Punkte `items : []` hinzugefügt hat, erhält man eine Seite mit - nennen wir es etwas sichtbares.
```ruby ```typescript
let name = <PageType> let name = <PageType>
{ {
'type': 'cardType', 'type': 'cardType',
@@ -280,7 +280,7 @@ Bedient Euch gerne an den nachfolgend aufgelisteten Beispielen aus unserer Entwi
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/16930a8e-88cd-468d-9502-4c6c51293434) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/16930a8e-88cd-468d-9502-4c6c51293434)
```ruby ```typescript
let Buero_Seite_1 = <PageEntities> let Buero_Seite_1 = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -300,7 +300,7 @@ let Buero_Seite_1 = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/bc21c636-d12f-4a5b-8c75-ac1483fa5ead) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/bc21c636-d12f-4a5b-8c75-ac1483fa5ead)
```ruby ```typescript
let Test_Licht1 = <PageEntities> let Test_Licht1 = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -320,7 +320,7 @@ let Test_Licht1 = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/d5cb9173-042c-4ef1-89de-a84b3a646b3f) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/d5cb9173-042c-4ef1-89de-a84b3a646b3f)
```ruby ```typescript
let Test_Licht2 = <PageEntities> let Test_Licht2 = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -341,7 +341,7 @@ let Test_Licht2 = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/09ddd04f-24af-40b4-9960-882576464c1f) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/09ddd04f-24af-40b4-9960-882576464c1f)
```ruby ```typescript
let Test_Funktionen = <PageEntities> let Test_Funktionen = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -362,7 +362,7 @@ let Test_Funktionen = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/ecb15b38-b98b-4c85-b1a0-e0aeb9134fa3) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/ecb15b38-b98b-4c85-b1a0-e0aeb9134fa3)
```ruby ```typescript
let Buero_Seite_1 = <PageEntities> let Buero_Seite_1 = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -382,7 +382,7 @@ let Buero_Seite_1 = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/7893e23e-b9cc-437b-8690-48fb5813cca3) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/7893e23e-b9cc-437b-8690-48fb5813cca3)
```ruby ```typescript
let Fenster_1 = <PageEntities> let Fenster_1 = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -402,7 +402,7 @@ let Fenster_1 = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/0cd4c9d5-88b8-4e30-b3cd-44b3b237c58d) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/0cd4c9d5-88b8-4e30-b3cd-44b3b237c58d)
```ruby ```typescript
let Button_1 = <PageEntities> let Button_1 = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -421,7 +421,7 @@ let Button_1 = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/f20cdc59-5cf8-470c-bc45-73b1c0427be3) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/f20cdc59-5cf8-470c-bc45-73b1c0427be3)
```ruby ```typescript
let Subpages_1 = <PageEntities> let Subpages_1 = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -439,7 +439,7 @@ let Subpages_1 = <PageEntities>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/124622d2-1b02-4ced-8045-62ba04c62c95) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/124622d2-1b02-4ced-8045-62ba04c62c95)
```ruby ```typescript
let Abfall = <PageEntities> let Abfall = <PageEntities>
{ {
'type': 'cardEntities', 'type': 'cardEntities',
@@ -467,7 +467,7 @@ let Abfall = <PageEntities>
![](https://user-images.githubusercontent.com/102996011/216006611-32155c9c-84ba-48eb-8b07-2485d80eb99b.png) ![](https://user-images.githubusercontent.com/102996011/216006611-32155c9c-84ba-48eb-8b07-2485d80eb99b.png)
```ruby ```typescript
let SensorGrid = <PageGrid>{ let SensorGrid = <PageGrid>{
'type': 'cardGrid', 'type': 'cardGrid',
'heading': 'Sensor Werte', 'heading': 'Sensor Werte',
@@ -490,7 +490,7 @@ let SensorGrid = <PageGrid>{
Popup für Shutter Popup für Shutter
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/785416ec-e542-4c01-8afb-80ca4967ecef) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/785416ec-e542-4c01-8afb-80ca4967ecef)
```ruby ```typescript
let Buero_Seite_2 = <PageGrid> let Buero_Seite_2 = <PageGrid>
{ {
'type': 'cardGrid', 'type': 'cardGrid',
@@ -512,7 +512,7 @@ let Buero_Seite_2 = <PageGrid>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/99131208/f1d2c2dd-01f6-4b68-a14e-0d774bcc49a7) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/99131208/f1d2c2dd-01f6-4b68-a14e-0d774bcc49a7)
```ruby ```typescript
let Sensor_FontSize = <PageGrid2> let Sensor_FontSize = <PageGrid2>
{ {
'type': 'cardGrid2', 'type': 'cardGrid2',
@@ -537,7 +537,7 @@ let Sensor_FontSize = <PageGrid2>
popupTimer popupTimer
![Nextion_Editor_DyyGoz044r](https://user-images.githubusercontent.com/102996011/208929333-0be6783c-aca8-453c-92fb-5d83861da21a.gif) ![Nextion_Editor_DyyGoz044r](https://user-images.githubusercontent.com/102996011/208929333-0be6783c-aca8-453c-92fb-5d83861da21a.gif)
```ruby ```typescript
let Radiosender = <PageGrid> let Radiosender = <PageGrid>
{ {
'type': 'cardGrid', 'type': 'cardGrid',
@@ -555,7 +555,7 @@ let Radiosender = <PageGrid>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/11543b7e-bd79-4b74-8589-2475a41ae552) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/11543b7e-bd79-4b74-8589-2475a41ae552)
```ruby ```typescript
let WLED = <PageGrid> let WLED = <PageGrid>
{ {
'type': 'cardGrid', 'type': 'cardGrid',
@@ -601,7 +601,7 @@ PlayList:
Equalizer: Equalizer:
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/f5033d44-bf2f-4cb3-bf12-77b43b58623d) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/f5033d44-bf2f-4cb3-bf12-77b43b58623d)
```ruby ```typescript
// NEW: Neue Definition von Medien-Aliasen // NEW: Neue Definition von Medien-Aliasen
// adapterPlayerInstance = alexa2.0. or spotify-premium.0. or sonos.0. or chromecast.0. // adapterPlayerInstance = alexa2.0. or spotify-premium.0. or sonos.0. or chromecast.0.
let Alexa = <PageMedia> let Alexa = <PageMedia>
@@ -640,7 +640,7 @@ let Alexa = <PageMedia>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/3bf458ac-5a0d-44dc-83fe-5feb37d33697) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/3bf458ac-5a0d-44dc-83fe-5feb37d33697)
```ruby ```typescript
let Sonos = <PageMedia> let Sonos = <PageMedia>
{ {
'type': 'cardMedia', 'type': 'cardMedia',
@@ -680,7 +680,7 @@ Equalizer
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/3ccb9714-fd0c-4162-b595-3761c27f99bf) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/3ccb9714-fd0c-4162-b595-3761c27f99bf)
```ruby ```typescript
let SpotifyPremium = <PageMedia> let SpotifyPremium = <PageMedia>
{ {
'type': 'cardMedia', 'type': 'cardMedia',
@@ -708,7 +708,7 @@ let SpotifyPremium = <PageMedia>
![image](https://user-images.githubusercontent.com/102996011/194286414-a1635626-d33b-4cc6-b8e6-1c1749636900.png) ![image](https://user-images.githubusercontent.com/102996011/194286414-a1635626-d33b-4cc6-b8e6-1c1749636900.png)
```ruby ```typescript
let SqueezeboxRPC = <PageMedia> let SqueezeboxRPC = <PageMedia>
{ {
'type': 'cardMedia', 'type': 'cardMedia',
@@ -730,7 +730,7 @@ let SqueezeboxRPC = <PageMedia>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/3b72ecfa-07ef-42e4-88b7-b5846a6a91a2) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/3b72ecfa-07ef-42e4-88b7-b5846a6a91a2)
```ruby ```typescript
let VolumioBoss: PageMedia = let VolumioBoss: PageMedia =
{ {
'type': 'cardMedia', 'type': 'cardMedia',
@@ -754,7 +754,7 @@ let VolumioBoss: PageMedia =
}; };
``` ```
```ruby ```typescript
let VolumioMobil: PageMedia = let VolumioMobil: PageMedia =
{ {
'type': 'cardMedia', 'type': 'cardMedia',
@@ -789,7 +789,7 @@ let VolumioMobil: PageMedia =
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/a7426ca1-600b-456e-a8a4-11f6b5c6fb11) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/a7426ca1-600b-456e-a8a4-11f6b5c6fb11)
```ruby ```typescript
let Buero_Themostat = <PageThermo> let Buero_Themostat = <PageThermo>
{ {
'type': 'cardThermo', 'type': 'cardThermo',
@@ -816,7 +816,7 @@ oder
popupThermo: popupThermo:
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/775e6fee-e06a-4a1c-8f9d-695a8624da86) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/775e6fee-e06a-4a1c-8f9d-695a8624da86)
```ruby ```typescript
let Buero_Klimaanlage = <PageThermo> let Buero_Klimaanlage = <PageThermo>
{ {
'type': 'cardThermo', 'type': 'cardThermo',
@@ -844,7 +844,7 @@ let Buero_Klimaanlage = <PageThermo>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/69e577bd-e56d-4411-9af0-a0dd19ba030f) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/69e577bd-e56d-4411-9af0-a0dd19ba030f)
```ruby ```typescript
let Pool_Waermepumpe = <PageThermo> let Pool_Waermepumpe = <PageThermo>
{ {
'type': 'cardThermo', 'type': 'cardThermo',
@@ -872,7 +872,7 @@ let Pool_Waermepumpe = <PageThermo>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/8e8e353c-ca6a-43d3-85b2-ff6532283e2c) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/8e8e353c-ca6a-43d3-85b2-ff6532283e2c)
```ruby ```typescript
let Buero_Alarm = <PageAlarm> let Buero_Alarm = <PageAlarm>
{ {
'type': 'cardAlarm', 'type': 'cardAlarm',
@@ -887,7 +887,7 @@ let Buero_Alarm = <PageAlarm>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/8f18098b-96e5-4e88-a86d-4824cc2b6299) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/8f18098b-96e5-4e88-a86d-4824cc2b6299)
```ruby ```typescript
let Unlock_Service = <PageUnlock> let Unlock_Service = <PageUnlock>
{ {
'type': 'cardUnlock', 'type': 'cardUnlock',
@@ -907,7 +907,7 @@ let Unlock_Service = <PageUnlock>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/274f5742-f491-4522-ac6f-7db3661dd5e2) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/274f5742-f491-4522-ac6f-7db3661dd5e2)
```ruby ```typescript
let CardChartExample = <PageChart> let CardChartExample = <PageChart>
{ {
'type': 'cardChart', 'type': 'cardChart',
@@ -927,7 +927,7 @@ let CardChartExample = <PageChart>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/7c99fa26-9383-45f7-a913-48ea23fb0baf) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/7c99fa26-9383-45f7-a913-48ea23fb0baf)
```ruby ```typescript
let CardLChartExample = <PageChart> let CardLChartExample = <PageChart>
{ {
'type': 'cardLChart', 'type': 'cardLChart',
@@ -947,7 +947,7 @@ let CardLChartExample = <PageChart>
![Nextion_Editor_9AYbpowjZS](https://user-images.githubusercontent.com/102996011/194641145-660e1218-f559-4f25-83ca-984cc677e0d8.gif) ![Nextion_Editor_9AYbpowjZS](https://user-images.githubusercontent.com/102996011/194641145-660e1218-f559-4f25-83ca-984cc677e0d8.gif)
```ruby ```typescript
let CardPowerExample = <PagePower> let CardPowerExample = <PagePower>
{ {
'type': 'cardPower', 'type': 'cardPower',
@@ -970,7 +970,7 @@ let CardPowerExample = <PagePower>
![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/b855ff4a-fcf9-4c67-a45e-822cd9487437) ![image](https://github.com/joBr99/nspanel-lovelace-ui/assets/102996011/b855ff4a-fcf9-4c67-a45e-822cd9487437)
```ruby ```typescript
let WLAN = <PageQR> let WLAN = <PageQR>
{ {
'type': 'cardQR', 'type': 'cardQR',