SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Whity

Habe noch etwas getestet und mal das Licht ausm Keller als letzten reingesetzt

let Sensoren_KG = <PageGrid2>{
    'type': 'cardGrid2',
    'heading': 'Sensoren',
    'useColor': true,
    'subPage': true,
    'parent': Untergeschoss,
    'items': [ 
            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Flur_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Flur'},
            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Wasser', icon: "water", offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Heizung_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Heizung'},
            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Wasser', icon: 'water', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Waschkueche_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Waesche'},
            <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
            // <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Vorratsraum_Feuer', icon: 'fire', offColor: MSGreen, onColor: MSRed, name: 'Vorratsraum'},
            // <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer', icon: 'fire',  offColor: MSGreen, onColor: MSRed, name: 'Kellerraum'},
            <PageItem>{ id: 'alias.0.Haus.Untergeschoss.Flur.Licht', interpolateColor: true}
            
           ]
}

dann zeigt er mir das Licht als 8. an

Whity

@kuckuckmann said in SONOFF NSPanel mit Lovelace UI:

@whity

Welche TFT Version (Display_Firmware) hast Du drauf?

4.3.3

Kuckuckmann

@whity

Jetzt setz mal schrittweise erst noch name: 'name' und wenn das geht dann icon: 'fire' dazu.

Wegen der TFT Version: Ich meinte Display_Firmware nicht TFT_Firmware:

0_userdata.0.NSPanel.1.Display_Firmware.TFT.currentVersion

Whity

mit icon: 'fire' ändert er das Symbol auf Flamme
dann mit name: 'Flur' erscheint der Name nicht. Müsste der Name nicht eigentlich automatisch gezogen werden?
jedenfalls macht er das in einer anderen PageGrid alleine, ohne das ich name: 'name' dazu geschrieben habe

Kuckuckmann

@whity

Übersteuern muss eigentlich auch immer gehen. Kann ja sein, dass man einen andren Namen angeben möchte.
Ich würde fast auf einen Bug tippen. Warten wir mal auf @Armilar, vlt. hat er noch eine Idee. Ich habe gerade keine mehr.

Whity

Ich danke euch trotz an diesem besonderen Tage für die bisherige Hilfe :)

Whity

bei einem PageGrid ist bei mir das gleiche Problem, da fehlt dann der 6.

Edith sagt:
Ob es ein Bug ist bin ich mir nicht so sicher, da wenn ich mir das Anzeigen lasse:

let Wetter = <PageGrid>{
    'type': 'cardGrid',
    'heading': 'Wetter',
    'useColor': true,
    'subPage': false,
    'items': [
        <PageItem>{ id: 'alias.0.NSPanel.Wetter.Temperatur', name: 'Außentemp. °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
        <PageItem>{ id: 'alias.0.NSPanel.Wetter.Feuchtigkeit', name: 'Luftfeuchte %', offColor: MSYellow, onColor: MSYellow , useValue: true, colorScale: {'val_min': 0, 'val_max': 100, 'val_best': 65} },
        <PageItem>{ id: 'alias.0.NSPanel.Wetter.Taupunkt', name: 'Taupunkt °C', offColor: MSRed, onColor: MSGreen, useValue: true, colorScale: {'val_min': -20, 'val_max': 40, 'val_best': 20} },
        <PageItem>{ id: 'alias.0.NSPanel.Wetter.UV_Index', name: 'UV Index', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 12} },
        <PageItem>{ id: 'alias.0.NSPanel.Wetter.Windstärke', name: 'Windstärke bft', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 0, 'val_max': 9} },
        <PageItem>{ id: 'alias.0.NSPanel.Wetter.Luftdruck', name: 'Luftdruck hPa', offColor: White , onColor: White, useValue: true, colorScale: {'val_min': 950, 'val_max': 1050, 'val_best': 1013} },
    ]
};

zeigt er es richtig an, alle 6

Kuckuckmann

@whity

Das einzige, was ich im vgl. noch sehe, nach der letzten geschweiften Klammer ist ein Strichpunkt gesetzt.

TT-Tom

@whity sagte in SONOFF NSPanel mit Lovelace UI:

dann mit name: 'Flur' erscheint der Name nicht. Müsste der Name nicht eigentlich automatisch gezogen werden?
jedenfalls macht er das in einer anderen PageGrid alleine, ohne das ich name: 'name' dazu geschrieben habe

das ist entscheidend was in den Objektdaten des Alias steht.

Zeige bitte mal die Objektdaten vom Alias. Beispiel channel

{
  "type": "channel",
  "common": {
    "role": "level.timer",
    "name": "Countdown"
  },
  "native": {
    "autocreated": "by automatic ensure logic"
  },
  "_id": "alias.0.NSPanel.Countdown",
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1702121650151
}

Armilar

@whity

Habe mal kurz Zeit zum reinschauen gehabt...

Da ist alles soweit richtig. Das Problem das jetzt zum Tragen kommt ist, dass die Alias-Namen so lang sind, dass das gesamte Payload die zulässige Gesamtlänge des HMI-Strings überschreitet.

Wenn du das etwas kürzer gestalten könntest, wird der Rest ebenfalls angezeigt.

Ansonsten wäre die Alternative @joBr99 zu bitten (falls möglich), den String um mehr Zeichen im TFT zu erweitern.

TT-Tom

@armilar

Vielleicht bauen wir da mal eine Fehlermeldung fürs log. Was ist eigentlich die aktuelle max. Zahl???

So jetzt ist Bescherung 😁

Whity

Ich hatte gerade Bescherung, deswegen jetzt erst die Antworten:

@Kuckuckmann das Semikolon am Ende ist richtig, da es das Ende von der let Eingabe ist, mir ist aber gerade aufgefallen das es an 2 Stellen fehlte, änderte aber nichts

@TT-Tom
vom Datenpunkt:

{
  "_id": "alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer.ACTUAL",
  "common": {
    "name": "ACTUAL",
    "role": "state",
    "type": "boolean",
    "read": true,
    "write": false,
    "alias": {
      "id": "mqtt.0.ESP_Easy_BMA_1.RM_KG_Kellerraum_GPIO1.RM_KG_Kellerraum_GPIO1"
    }
  },
  "native": {},
  "type": "state",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  },
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1703413471320

vom Ordner darüber:

{
  "common": {
    "name": {
      "de": "Kellerraum Feuer"
    },
    "role": "info",
    "icon": null
  },
  "native": {},
  "type": "channel",
  "from": "system.adapter.admin.0",
  "user": "system.user.admin",
  "ts": 1703413471305,
  "_id": "alias.0.Haus.Untergeschoss.Sensoren.Kellerraum_Feuer",
  "acl": {
    "object": 1636,
    "owner": "system.user.admin",
    "ownerGroup": "system.group.administrator"
  }
}

@Armilar muss nur der Name vom Alias Datenpunkt kürzer oder auch die komplette Ordner Struktur darüber?
Hatte es so gebaut wie es in der Doku steht

Whity

OK, der Datenpunktname muss kürzer, es werden jetzt alle 8 angezeigt.

Vielen lieben Dank euch für die Hilfe und Frohe Weihnachten....Ho Ho Ho

Matthias

TT-Tom

@whity den Datenpunkt kannst du nicht ändern. Nur die Länge der Ordnerstruktur.

nono87

@Armilar

Ich habe gelesen, das du dich mit dem Thema schon einmal auseinander gesetzt hast. Kannst du mir vielleicht dabei weiter helfen?

Armilar

@nono87

Mit dem Thema der zu langen Payloads? Oder mit dem NSPanel generell? Wo liegt das Problem? Könntest du kurz schlildern, wo du Hilfe benötigst?

nono87

@armilar

Es ging um diesen Post Spotify keine Geräteliste

Zitat:

ich bin gerade dabei die SpotifyCard zum laufen zu bringen, aber ein paar Dinge lassen mich gerade noch verzweifeln.
Die drei Listen unten im Player sind bei mir leider immer leer. Der Rest funktioniert soweit.
Also es werden keine Geräte, Playlisten oder Titellisten angezeigt.
Script ist das aktuellste v4.3.3.25

Armilar

@nono87

Etwas härtere Nuss denke ich jetzt mal

Deine Variable funktioniert bei mir (mal nur so auf die 3 Listen beschränkt)

8c3ecddf-35d7-4cc5-903b-b6785200bad3-Nextion_Editor_JAOuFCaaxJ.gif

Bekommst du Fehlermeldungen, wenn du auf die Icons klickst?

Die Tracklist, (mittleres Icon) wird nur angezeigt, wenn eine Playlist ausgewählt wurde

Armilar

@tt-tom

Vielleicht bauen wir da mal eine Fehlermeldung fürs log. Was ist eigentlich die aktuelle max. Zahl???

Ja, ich versuche die Längen der unterschiedlichen Cards mal zu ermitteln... Mir wäre es aktuell lieber, wenn ein längeres Payload möglich wäre.

nono87

@armilar

Fehlermeldung im Log vom Script meinst du richtig?
Nein da ist leider nichts zu sehen,
Manchmal steht dort kein Eintrag und manchmal bleibt es leer.
Jetzt bleibt die die ganze Zeit leer.
Das Icon für die Tracklist ist aber dennoch zu sehen, aber auch leer
Auch die EqualizerList wird nicht angezeigt und das ganz rechte Symbol auch nicht

Edit:

habe den DebugMode eingeschaltet und nun bekomme ich diesen Eintrag im Log vom Script

Was mir auch im dem Zuge komisch vor kommt ist, das ich keine Einstellungen vom Display aus machen kann, sondern nur direkt in der Objektliste erledigen kann

12:35:04.743	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: findPageItem -> pageItem [object Object]
12:35:04.743	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: HandleMessage -> pageOpenDetail event - pageOpenDetail - popupInSel - alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium?speak - undefined
12:35:04.743	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: GenerateDetailPage Übergabe Type: popupInSel - optional: speak - pageItem.id: alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium
12:35:04.744	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: unsubscribeMediaSubscriptions gestartet
12:35:04.744	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: media - no_speaker_found
12:35:04.746	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: media - speaker
12:35:04.747	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: media - playlist
12:35:04.749	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: media - tracklist
12:35:04.750	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: media - equalizer
12:35:04.751	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: media - tools
12:35:04.752	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: function findLocale: missing translation: media - tools
12:35:04.752	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: GetNavigationString Übergabe pageId: 0
12:35:04.753	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: GenerateMediaPage payload: [object Object]
12:35:04.753	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: function SendToPanel payload: entityUpd~Spotify-Premium~button~bPrev~~65535~~~button~bNext~~65535~~~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium~As I Was A Child~65504~Odium | As I Was A Child~65504~8~~65535~~button~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium~~7852~tools~media5~input_sel~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium?speakerlist~~1374~Wiedergabegeräte~media0~input_sel~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium?playlist~~1374~Wiedergabeliste~media1~input_sel~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium?tracklist~~1374~Titelliste~media2~input_sel~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium?equalizer~~1374~Equalizer~media3~button~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium?repeat~~17299~Repeat~media4
12:35:04.753	info	javascript.0 (147) script.js.common.Gebäude.EG_Wohnzimmer.NSPanel: function SendToPanel payload: entityUpdateDetail2~alias.0.Gebäude.Erdgeschoss.Wohnzimmer.NSPanel.Media.PlayerSpotifyPremium?speak~~1374~~~Kein Eintrag

Community Forum

NEWS

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Support us

575

32.7k

82.4k

1.3m