SONOFF NSPanel mit Lovelace UI (TypeScript Version)

ravenst0ne

Hallo, mir ist aufgefallen, dass sich das Icon meiner RGB Lampen nicht ändert, wenn ich diese ein-/ausschalte.

Müsste in der Funktion CreateEntity() nicht auch der false state von val behandelt werden?

               case 'rgbSingle':
                    type = 'light';
                    iconId = pageItem.icon !== undefined ? Icons.GetIcon(pageItem.icon) : Icons.GetIcon('lightbulb');
                    optVal = '0';

                    if (val === true || val === 'true') {
                        optVal = '1'
                        iconColor = GetIconColor(pageItem, existsState(pageItem.id + '.DIMMER') ? 100 - getState(pageItem.id + '.DIMMER').val : true, useColors);

                        if (existsState(pageItem.id + '.RGB')) {
                            if (getState(pageItem.id + '.RGB').val != null) {
                                let hex = getState(pageItem.id + '.RGB').val;
                                let hexRed = parseInt(hex[1] + hex[2], 16);
                                let hexGreen = parseInt(hex[3] + hex[4], 16);
                                let hexBlue = parseInt(hex[5] + hex[6], 16);
                                let rgb = <RGB>{ red: Math.round(hexRed), green: Math.round(hexGreen), blue: Math.round(hexBlue) };
                                iconColor = rgb_dec565(pageItem.interpolateColor !== undefined ? rgb : config.defaultOnColor);
                            }
                        }
                    } else {
                        iconColor = GetIconColor(pageItem, false, useColors);
                    }

Analog dann zu 'hue', 'rgb', etc.

Auch springe ich immer wieder zu der Hauptseite zurück, wenn ich das Popup für die RGB Lampen schließe, nicht zur vorherigen Subpage. Könnte aber auch ein Konfigurationsfehler bei mir sein

Armilar

@ravenst0ne

Sehe ich mir die Tage mal an...

ronny130286

@armilar
ne ist auch nicht gut, aber ich habe glaube ne schöne Lösung gefunden:

if (existsState(pageItem.id + '.GET')) {
                val = getState(pageItem.id + '.GET').val;
                RegisterEntityWatcher(pageItem.id + '.GET');
            }
            if(pageItem.monobutton != undefined && pageItem.monobutton == true){
               if (existsState(pageItem.id + '.ACTUAL')) {
                    val = getState(pageItem.id + '.ACTUAL').val;
                    RegisterEntityWatcher(pageItem.id + '.ACTUAL');
                }
            }
            else{
                if (existsState(pageItem.id + '.ACTUAL')) {
                    val = getState(pageItem.id + '.ACTUAL').val;
                    RegisterEntityWatcher(pageItem.id + '.ACTUAL');
                }
                if (existsState(pageItem.id + '.SET')) {
                    val = getState(pageItem.id + '.SET').val;
                    RegisterEntityWatcher(pageItem.id + '.SET');
                }
            }
            if (existsState(pageItem.id + '.ON_ACTUAL')) {
                val = getState(pageItem.id + '.ON_ACTUAL').val;
                RegisterEntityWatcher(pageItem.id + '.ON_ACTUAL');
            } 
            if (existsState(pageItem.id + '.ON_SET')) {
                val = getState(pageItem.id + '.ON_SET').val;
                RegisterEntityWatcher(pageItem.id + '.ON_SET');
            }
            if (existsState(pageItem.id + '.ON')) {
                val = getState(pageItem.id + '.ON').val;
                RegisterEntityWatcher(pageItem.id + '.ON');
            }

Ich verzichte dann im Alias auf den Sonderwert .STATE und nutze .ACTUAL für den Status des Lichts bzw. den SPS Ausgang.
Somit funktioniert bei mir alle wie es soll. Auch das hin und her hüpfen des Status ist weg und die Icon werden auch richtig angezeigt (beim Mono und beim normalen Schalter)

20230110-190950_NIBLaJ1R.mp4

Ich habs auch nochmal im Gridpage getestet, sieht auch gut aus.

Meister-x

Hallo ,
der Part mit dem externen Bewegungsmelder für den Dimmmode wäre genau noch mein Wunsch( hatte ich schon mal geschrieben)
Leider komm ich mit dem Vorschlag vom 8.Januar dazu nicht klar.
Kann das Blockly damit noch erweitert werden ?

Danke und Grüße

Armilar

@ravenst0ne

Ist kein Konfigurationsfehler von deiner Seite, war aber auch noch nie drin ;-) . Bin mal die Historie bis zum Anfang zurückgesprungen...

Nur mit dem else-Zweig wie beim light war es aber nicht getan. val muss auch in den Farbroutinen greifen.

Habe jetzt alle bis auf den CIE in der DEV. Der kommt aber auch noch...

Ist dann im nächsten Release 3.8.3 demnächst

Armilar

@meister-x

Wie sieht dein Blockly denn aus?

ravenst0ne

@meister-x Hi, ich nutze bei mir folgendes einfaches Blockly:

Abhängig von ACTUAL, in einem Fall der Beweungsmelder, wird die aktuelle Hellligkeit entweder auf NSPanel_Dimmode_brightnessNight oder NSPanel_Dimmode_brightnessDay gesetzt.

BlocklyJavascriptTypeScriptRules
Protokoll
Ausgewählte Blöcke exportieren

<block xmlns="https://developers.google.com/blockly/xml" type="on" id="xkUT),gJZ%H~oK+!piwo" x="38" y="38">
  <field name="OID">alias.0.Flur.Licht.ACTUAL</field>
  <field name="CONDITION">ne</field>
  <field name="ACK_CONDITION"></field>
  <statement name="STATEMENT">
    <block type="controls_if" id="9:TR)sZ=gTMK{!Mg[NfW">
      <mutation else="1"></mutation>
      <value name="IF0">
        <block type="logic_compare" id="oP$[aE*UASa5S*+UL60f">
          <field name="OP">EQ</field>
          <value name="A">
            <block type="logic_boolean" id="sL;r=yYdcWb@lV|wc`+t">
              <field name="BOOL">FALSE</field>
            </block>
          </value>
          <value name="B">
            <block type="on_source" id="CK8/,FyD4*69y:TRF+c3">
              <field name="ATTR">state.val</field>
            </block>
          </value>
        </block>
      </value>
      <statement name="DO0">
        <block type="control" id="_ZPC[8*%a{IUav:AIp9|">
          <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
          <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
          <field name="WITH_DELAY">FALSE</field>
          <value name="VALUE">
            <block type="get_value" id="emcV3lR:.1CV8bIo90BJ">
              <field name="ATTR">val</field>
              <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessNight</field>
            </block>
          </value>
        </block>
      </statement>
      <statement name="ELSE">
        <block type="control" id=":NJ49];sb!e%KhU_^`dc">
          <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
          <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
          <field name="WITH_DELAY">FALSE</field>
          <value name="VALUE">
            <block type="get_value" id=";1=GeTNL%eYJ.8n=:R3S">
              <field name="ATTR">val</field>
              <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessDay</field>
            </block>
          </value>
        </block>
      </statement>
    </block>
  </statement>
</block>

<block xmlns="https://developers.google.com/blockly/xml" type="on" id="xkUT),gJZ%H~oK+!piwo" x="38" y="38">
  <field name="OID">alias.0.Flur.Licht.ACTUAL</field>
  <field name="CONDITION">ne</field>
  <field name="ACK_CONDITION"></field>
  <statement name="STATEMENT">
    <block type="controls_if" id="9:TR)sZ=gTMK{!Mg[NfW">
      <mutation else="1"></mutation>
      <value name="IF0">
        <block type="logic_compare" id="oP$[aE*UASa5S*+UL60f">
          <field name="OP">EQ</field>
          <value name="A">
            <block type="logic_boolean" id="sL;r=yYdcWb@lV|wc`+t">
              <field name="BOOL">FALSE</field>
            </block>
          </value>
          <value name="B">
            <block type="on_source" id="CK8/,FyD4*69y:TRF+c3">
              <field name="ATTR">state.val</field>
            </block>
          </value>
        </block>
      </value>
      <statement name="DO0">
        <block type="control" id="_ZPC[8*%a{IUav:AIp9|">
          <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
          <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
          <field name="WITH_DELAY">FALSE</field>
          <value name="VALUE">
            <block type="get_value" id="emcV3lR:.1CV8bIo90BJ">
              <field name="ATTR">val</field>
              <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessNight</field>
            </block>
          </value>
        </block>
      </statement>
      <statement name="ELSE">
        <block type="control" id=":NJ49];sb!e%KhU_^`dc">
          <mutation xmlns="http://www.w3.org/1999/xhtml" delay_input="false"></mutation>
          <field name="OID">0_userdata.0.NSPanel.3.ScreensaverInfo.activeDimmodeBrightness</field>
          <field name="WITH_DELAY">FALSE</field>
          <value name="VALUE">
            <block type="get_value" id=";1=GeTNL%eYJ.8n=:R3S">
              <field name="ATTR">val</field>
              <field name="OID">0_userdata.0.NSPanel.3.NSPanel_Dimmode_brightnessDay</field>
            </block>
          </value>
        </block>
      </statement>
    </block>
  </statement>
</block>

missi

Moin,
kurze Frage zur Einheit, gibt es im Script ein Euro Zeichen ?
Habe eine keine Info Seite mit denn Sprit Preisen der Nachbartankstelle erstellt.
Fände es schick wenn die Währung hinter dem Preis korrekt wäre :)
Für Doller kann ich Tanken nur nicht für Euro :D

var SpritpreiseAral: PageEntities =
{
"type": "cardEntities",
"heading": "BenzinPreis Aral",
"useColor": true,
"subPage": false,
"parent": undefined,
"items": [
<PageItem>{ id: "alias.0.NSPanel.SpritPreise.DieselAral", name: "Diesel", icon:"gas-station", unit: "€", offColor: Blue, onColor: Blue, useColor: true },
<PageItem>{ id: "alias.0.NSPanel.SpritPreise.SuperAral", name: "SuperE5", icon:"gas-station", unit: "$", offColor: Blue, onColor: Blue, useColor: true },

Beste Grüße
aus der Nacht :)

PS Node.js : v19.3.0 ist momentan nicht die beste Idee oder ? werde mal ein DownGrade auf 16 Vornehmen.

mading

Hi, ich möchte das NSPanel auf meinen Schreibtisch stellen, um die wichtigsten Infos direkt zu sehen. Es gibt ja auch einen Standfuß dafür. Hat jemand einen Link zu einem Netzteil?

egal

@mading
wird direkt an 230V angeschlossen.

Ich verzichte hier auf den Standfuß (IMO für das EU-Panel zu klobig),
außerdem steht das Teil schon im passenden WInkel für den Schreibtisch, Gummifüßchen gegen verrutschen ...

missi

gibt für denn 3D Drucker eine Vorlage für ein Tischstand, auf Thingiverse
Versorgt wird es bei mir mit 230 Volt, da ein Reelle direkt meine Schreibtischlampe schaltet.

Beste Grüße

Armilar

@ravenst0ne
@Meister-x

Ich hätte jetzt auch einen Trigger erwartet, jedoch würde das bedeuten, dass der ACTUAL über einen längeren Zeitraum gehalten wird, was die meisten Bewegungsmelder nicht machen. Somit würde auch in dem Blockly von @ravenst0ne das Panel (zumindest bei meinen Bewegungsmeldern unterschiedlicher Hersteller wäre es so) permanent die Helligkeit ändern.

Daher würde ich es (ungetestet) eher so machen:

<xml xmlns="https://developers.google.com/blockly/xml">
  <variables>
    <variable id="T{[c0=4G#wWDoVFE!;vu">PanelPath</variable>
    <variable type="timeout" id="timeout">timeout</variable>
  </variables>
  <block type="variables_set" id="Ou[p`j.9:LS49;(d`ydh" x="37" y="-87">
    <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
    <value name="VALUE">
      <block type="text" id="yFuV!E?3sh;6?.+6p8?q">
        <field name="TEXT">0_userdata.0.NSPanel.1.</field>
      </block>
    </value>
    <next>
      <block type="on_ext" id="WmK_{C-/U_]f2c,!onV^">
        <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation>
        <field name="CONDITION">ne</field>
        <field name="ACK_CONDITION"></field>
        <value name="OID0">
          <shadow type="field_oid" id="b9Mi:+tC(;O-%}6b5qU!">
            <field name="oid">default</field>
          </shadow>
          <block type="text" id="tzk#0O5uEH5cj6COWS.|">
            <field name="TEXT">hier Trigger auf DP von BWM</field>
          </block>
        </value>
        <statement name="STATEMENT">
          <block type="controls_if" id="`v7.LxPyQ(HEYvVhpWfw">
            <value name="IF0">
              <block type="on_source" id="d?7UJ~+o3Y)ZhHw{TBE/">
                <field name="ATTR">state.val</field>
              </block>
            </value>
            <statement name="DO0">
              <block type="control_ex" id="l*^r%n+t7$MplXhL8.U1">
                <field name="TYPE">false</field>
                <field name="CLEAR_RUNNING">FALSE</field>
                <value name="OID">
                  <shadow type="field_oid" id="5fM_G@dXcswE[vjR|fj1">
                    <field name="oid">Object ID</field>
                  </shadow>
                  <block type="text_join" id="I!kX:P|jYs#R.nvAt:X$">
                    <mutation items="2"></mutation>
                    <value name="ADD0">
                      <block type="variables_get" id="D=~K)3Z@BhWXyeQF8B~E">
                        <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
                      </block>
                    </value>
                    <value name="ADD1">
                      <block type="text" id="Y9p%K-~hG|qq7;{qvqn-">
                        <field name="TEXT">ScreensaverInfo.activeDimmodeBrightness</field>
                      </block>
                    </value>
                  </block>
                </value>
                <value name="VALUE">
                  <shadow type="logic_boolean" id="nvKhE59q{A$yAa33F#in">
                    <field name="BOOL">TRUE</field>
                  </shadow>
                  <block type="get_value_var" id="wBdL1#WMy[Lt)%iLc#ZX">
                    <field name="ATTR">val</field>
                    <value name="OID">
                      <shadow type="text" id="):jKR?kS8LDKyp?.24ES">
                        <field name="TEXT"></field>
                      </shadow>
                      <block type="text_join" id="T]~SW}TjS8+o}*?A$PSz">
                        <mutation items="2"></mutation>
                        <value name="ADD0">
                          <block type="variables_get" id="yO:^h4HG[G=UkD`U-?mv">
                            <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
                          </block>
                        </value>
                        <value name="ADD1">
                          <block type="text" id="IQ64~mO96?c3}MFl2qzx">
                            <field name="TEXT">ScreensaverInfo.activeBrightness</field>
                          </block>
                        </value>
                      </block>
                    </value>
                  </block>
                </value>
                <value name="DELAY_MS">
                  <shadow type="math_number" id="3]|#5BwR2|N--h{m0it8">
                    <field name="NUM">0</field>
                  </shadow>
                </value>
                <next>
                  <block type="timeouts_cleartimeout" id="Vr:iRZ)-d~@(6{KkIvjz">
                    <field name="NAME">timeout</field>
                    <next>
                      <block type="timeouts_settimeout" id="{KB@kI*3EcbPOu=f[M!l">
                        <field name="NAME">timeout</field>
                        <field name="DELAY">90</field>
                        <field name="UNIT">sec</field>
                        <statement name="STATEMENT">
                          <block type="control_ex" id="6fLdhT{4=Oe^gb!}sZ6V">
                            <field name="TYPE">false</field>
                            <field name="CLEAR_RUNNING">FALSE</field>
                            <value name="OID">
                              <shadow type="field_oid" id="]A[%5rKO~k9FiOJ^,EZW">
                                <field name="oid">Object ID</field>
                              </shadow>
                              <block type="text_join" id=";F{,f/JP=ayJD_G|,j)U">
                                <mutation items="2"></mutation>
                                <value name="ADD0">
                                  <block type="variables_get" id="1^LBeA4vuCe6x7I!DY7s">
                                    <field name="VAR" id="T{[c0=4G#wWDoVFE!;vu">PanelPath</field>
                                  </block>
                                </value>
                                <value name="ADD1">
                                  <block type="text" id="N1b$P`r,Z1?c__pjEihj">
                                    <field name="TEXT">ScreensaverInfo.activeDimmodeBrightness</field>
                                  </block>
                                </value>
                              </block>
                            </value>
                            <value name="VALUE">
                              <shadow type="logic_boolean" id="E8b|IE1u2yYv3gm,YUxb">
                                <field name="BOOL">TRUE</field>
                              </shadow>
                              <block type="logic_null" id="3zCOeQ{nN/kssv2%vx!U"></block>
                            </value>
                            <value name="DELAY_MS">
                              <shadow type="math_number" id="d=a^Vm37f^=#;=1PFh?6">
                                <field name="NUM">0</field>
                              </shadow>
                            </value>
                          </block>
                        </statement>
                      </block>
                    </next>
                  </block>
                </next>
              </block>
            </statement>
          </block>
        </statement>
      </block>
    </next>
  </block>
</xml>

Wo ist der Unterschied?

Der Bewegungsmelder löst aus (Wert ist true) --> das Display wird hell.
Über ein Timeout (in diesem Fall 90 Sekunden) wird das Timeout jedesmal wenn der Tigger des Bewgungsmelders (BWM) feuert, erneut gestartet. Wenn 90 Sekunden keine Bewegung mehr, dann schalte auf den eingestellten Dimmode für aus... Wenn der 0 sein sollte, dann ist das Display komplett aus.

Armilar

@mading

Hatte es auch auf dem Tisch stehen, aber bei den aktuellen Preisen für das Gehäuse dann mal eins bestellt. Das ist mit den Gummifüßen schon nicht schlecht... aber ja, doch etwas größer. Macht dann aber auch einen professionelleren Eindruck.

Habe es direkt bei AliExpress geschossen und bei dem Preis auf einen Eigendruck verzichtet.

Du brauchst kein Netzteil... Das Kabel wird durch das Gehäuse geschoben (hinten ist eine kleine Öffnung) und dann wieder direkt an 230V angeklemmt (wie @egal und @missi es schon korrekt formuliert haben). Danach wird das Panel direkt mit 2 Schrauben (im Lieferumfang) fixiert.

Armilar

@missi sagte in SONOFF NSPanel mit Lovelace UI:

PS Node.js : v19.3.0 ist momentan nicht die beste Idee oder ? werde mal ein DownGrade auf 16 Vornehmen.

Die ungeraden Versionen sind Developer-Versionen --> Da mal lieber ganz die Finger von lassen.

Ich bin aktuell im Test mit der 18.12.1 und kann nichts negatives feststellen. Empfohlen ist aber immer noch die 16.19.0

Armilar

@missi sagte in SONOFF NSPanel mit Lovelace UI:

unit: "€"

sehe ich mir mal an. Ich denke es ist ein normaler Info-Alias, oder?

mading

@armilar @egal danke für eure Antwort. Ich bin bei der Elektrik etwas dünn beschlagen. D.h. ich kaufe ein normales 230 V mit dünnem Schuko Stecker, klemme egal was am anderen Ende ist ab und schließe es direkt an? Sorry für die DAU Frage :/

Edit: sowas? https://www.amazon.de/Inotech-Einfache-Montage-Boden-Halskette-Prolongateurho3Vvh2F-Schwarz/dp/B00BW4WEAW/ref=sr_1_15?__mk_de_DE=ÅMÅŽÕÑ&keywords=schuko+kabel+schmal&qid=1673442170&sr=8-15

missi

@armilar

genau ein Info Alies auf den Benzin Adapter.
$ geht bei € bleibt das Feld einfach leer

ravenst0ne

@mading Schau mal hier: https://www.amazon.de/Goobay-51345-Euro-Kabel-Konfektionieren/dp/B000L116L0/ref=sr_1_3_mod_primary_new?__mk_de_DE=ÅMÅŽÕÑ&crid=2YNO88I9TXWI0&keywords=euro%2Bkabel%2Boffen&qid=1673442790&sbo=RZvfv%2F%2FHxDF%2BO5021pAnSA%3D%3D&sprefix=euro%2Bkabel%2Boffen%2Caps%2C91&sr=8-3&th=1

Ich weiß nicht wie das Panel intern geschalten ist, evtl. vorher noch mit Phasenprüfer dann die Enden abchecken...

missi

@mading

genau das Gerät hat einen 230 Volt Netzteil verbaut.
Vlt findet du in deinem Sortiment ein alles "PC-Kabel" Netzstecker Kaltgerätestecker.
Dort einfach denn Stecker abschneiden und angeschlossen.

Am Panel wird dann L und N angeschlossen, braun blau.

Armilar

@mading

Ja genau... Abisolieren, blau an N und daneben ist L mit schwarz oder grau oder braun

10m? Gibt es die nicht günstiger in kürzer?

Community Forum

NEWS

SONOFF NSPanel mit Lovelace UI (TypeScript Version)

Support us

560

32.7k

82.4k

1.3m