Objekt-Binding und Gruppierung

OliverIO · node.js: v14.19.3 npm: 6.14.17 admin: 5.3.8 web: 4.3.0 vis: 1.4.15

wie gesagt das ist der usprüngliche effekt in vis gewesen der aber korrigiert wurde.
leere mal den cache des browsers

oder schau mal im folgenden link

http://deineiobrokeradresse:8082/vis/js/vis.js

kopiere das in einen editor mit zeilennummern
ob in zeile 1608
das hier steht

            $view = $('#' + groupId);

SpacerX

@oliverio
Browserverlauf Gesamt alles gelöscht.
In Zeile 1608 der Vis.js steht genau die vorgegebene Zuweisung.

Meinen Test noch mal ausgeführt. Bei Aktualisierung des Datenpunktes springt das Widget von der Position die ich ihm peer CSS innerhalb der Gruppe zugewiesen habe.

mfg Ralf.

SpacerX

Ich hab jetzt mal noch die Gruppe Exportiert und im Texteditor für das betreffende Widget die groupid gleich dem anderen Widget was sich in der Gruppe befindet hinzugefügt.
Den gesamten Text dann wieder als Widget importiert.

Nun noch mal zur Kontrolle Widget Exportieren geklickt und im Dialog nachgeschaut.
Nun fehlen bei beiden Widgets die jeweilige groupid.

B-/

OliverIO

@spacerx said in Objekt-Binding und Gruppierung:

Browserverlauf Gesamt alles gelöscht.

nicht den browserverlauf.
den browser cache bitte löschen
https://browser-cache-leeren.de/windows.html

habe das mit dem exportieren ebenfalls getestet.
bleibt bei mir alles erhalten

du könntest auf der konsole im iobroker verzeichnis auch
mal den folgenden befehl eingeben

iob upload all

das registriert im iobroker web server alle dateien neu.

was steht in zeile 1608, was ich weiter oben gefragt habe?

SpacerX

@oliverio sagte in Objekt-Binding und Gruppierung:

was steht in zeile 1608, was ich weiter oben gefragt habe?

genau das was du abgefragt hast.

$view = $('#' + groupId);

Nichts für ungut, ich weis wie man den Browsercache löscht. Geht bei Edge auch über Verlauf/Browserdaten löschen.

Ich werd jetzt erst mal noch

iob upload all

durchführen.

SpacerX

Ich hab dann mal folgendes Ausgeführt:

spacerx@ioBroker:~$ iob stop      
spacerx@ioBroker:~$ iob update
Used repository: stable
Adapter    "admin"        : 5.3.8    , installed 5.3.8
Adapter    "alexa2"       : 3.11.2   , installed 3.11.2
Adapter    "alias-manager": 1.2.4    , installed 1.2.4
Adapter    "daswetter"    : 3.1.2    , installed 3.1.2
Adapter    "discovery"    : 3.0.3    , installed 3.0.3
Adapter    "fullybrowser" : 2.1.2    , installed 2.1.2
Adapter    "hekr"         : 0.0.6    , installed 0.0.6
Adapter    "hm-rega"      : 3.0.40   , installed 3.0.40
Adapter    "hm-rpc"       : 1.15.12  , installed 1.15.12
Adapter    "icons-material-png": 0.1.0, installed 0.1.0
Adapter    "icons-material-svg": 0.1.0, installed 0.1.0
Adapter    "icons-mfd-png": 1.1.0    , installed 1.1.0
Adapter    "icons-mfd-svg": 1.1.0    , installed 1.1.0
Adapter    "influxdb"     : 2.6.3    , installed 2.6.3
Adapter    "iot"          : 1.11.4   , installed 1.11.4
Adapter    "javascript"   : 5.7.0    , installed 5.7.0
Controller "js-controller": 4.0.23   , installed 4.0.23
Adapter    "logparser"    : 1.1.0    , installed 1.1.0
Adapter    "ping"         : 1.5.3    , installed 1.5.3
Adapter    "shelly"       : 5.3.2    , installed 5.3.2
Adapter    "simple-api"   : 2.7.0    , installed 2.7.0
Adapter    "socketio"     : 4.2.0    , installed 4.2.0
Adapter    "tankerkoenig" : 2.1.1    , installed 2.1.1
Adapter    "telegram"     : 1.13.0   , installed 1.13.0
Adapter    "text2command" : 2.2.1    , installed 2.2.1
Adapter    "vis"          : 1.4.15   , installed 1.4.15
Adapter    "vis-icontwo"  : 0.87.0   , installed 0.87.0
Adapter    "vis-justgage" : 1.0.2    , installed 1.0.2
Adapter    "vis-timeandweather": 1.1.7, installed 1.1.7
Adapter    "web"          : 4.3.0    , installed 4.3.0
Adapter    "ws"           : 1.3.0    , installed 1.3.0

spacerx@ioBroker:~$ iob upgrade self
Host    "ioBroker"       is up to date.
spacerx@ioBroker:~$ iob upgrade     
All adapters are up to date
spacerx@ioBroker:~$ iob fix    
library: loaded
Library version=2022-06-15

==========================================================================

    Welcome to the ioBroker installation fixer!
    Script version: 2022-06-03
    
    You might need to enter your password a couple of times.

==========================================================================


==========================================================================
    Installing prerequisites (1/3)
==========================================================================

[sudo] password for spacerx: 
Get:1 http://security.debian.org bullseye-security InRelease [44.1 kB]
Hit:2 http://ftp.debian.org/debian bullseye InRelease                                                         
Get:3 http://ftp.debian.org/debian bullseye-updates InRelease [39.4 kB]                           
Get:4 http://security.debian.org bullseye-security/main amd64 Packages [160 kB]                  
Hit:5 https://deb.nodesource.com/node_14.x bullseye InRelease
Get:6 http://security.debian.org bullseye-security/main Translation-en [99.8 kB]
Fetched 344 kB in 0s (884 kB/s)                                 
Reading package lists... Done
Installed gcc-c++

==========================================================================
    Checking ioBroker user and directory permissions (2/3)
==========================================================================

Created /etc/sudoers.d/iobroker
Fixing directory permissions...

==========================================================================
    Checking autostart (3/3)
==========================================================================

Enabling autostart...
Autostart enabled!

==========================================================================

    Your installation was fixed successfully
    Run iobroker start to start ioBroker again!

==========================================================================

spacerx@ioBroker:~$ iob start
spacerx@ioBroker:~$

Dann mal meine Testgruppe neu Erstellt und den zugehörigen Datenpunkt aktualisiert. Das Widget springt wieder.
Die Gruppe Exportiert und die groupid im Texteeditor hinzugefügt. Text als Widget importiert noch mal im Exportdialog nachgeschaut und die groupid ist wieder weg.

Hier noch mal mein korrigierter Export:

[{"tpl":"_tplGroup","data":{"members":["w00401","w00398"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"1","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"widgetSet":null,"style":{"top":"266px","left":"193px","width":"184px","height":"189px"}},{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"&nbsp;Test_Neu","title_color":"","title_top":"0","title_left":"0","header_height":"0","header_color":"black","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"class":"boxWidget"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupid":"g00032","groupName":"w00401"},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/vis.0/Tankicons/{s:0_userdata.0.Test_String;s.split(\"|\")[0]}.png"},"style":{"left":"58px","top":"73px","width":"80","height":"40"},"widgetSet":"basic","grouped":true,"groupid":"g00032","groupName":"w00398"}]

Könnte das mal jemand bei sich Importieren und dann für diese Gruppe im Exportierendialog in der letzten Zeile nach "groupid" suchen?

OliverIO

@spacerx

ne nix zu finden.
ich habe die beiden widgets dann ent-gruppiert und wieder neu gruppiert.
der export sieht dann so aus:

[{"tpl":"_tplGroup","data":{"members":["w00035","w00036"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"1","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"widgetSet":null,"style":{"top":32.00000762939453,"left":"52px","width":"138px","height":"113px"}},{"tpl":"tplImage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"src":"/vis.0/Tankicons/{s:0_userdata.0.Test_String;s.split(\"|\")[0]}.png"},"style":{"left":"42.03%","top":"64.59%","width":"57.97%","height":"35.4%"},"widgetSet":"basic","grouped":true,"groupid":"g00002","groupName":"w00035"},{"tpl":"tplFrame","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","title":"&nbsp;Test_Neu","title_color":"","title_top":"0","title_left":"0","header_height":"0","header_color":"black","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"class":"boxWidget"},"style":{"left":"0%","top":"0%","width":"0%","height":"0%"},"widgetSet":"basic","grouped":true,"groupid":"g00002","groupName":"w00036"}]

also bis auf die geänderte nummerierung kein unterschied

kannst du mit den developer tools des browsers ein wenig umgehen?
mich würde die html struktur des gruppierten widgets vor und nach der aktualisierung interessieren.

wenn du damit umgehen kannst könnte ich dir genaue anweisungen geben.

SpacerX

@OliverIO

Na logisch nach dem Auflösen der Gruppe und neu Gruppieren ist alles easy das klappt bei mir ja auch.

Du meinst html von der Gruppe so wie ich sie habe mit Positionsänderung nach Aktualisierung und einmal nach dem Neugruppieren. Das bekomme ich hin. Heute Abend.

Was mich so umtreibt ist, warum verschwindet die groupid nach dem Importieren der Gruppe einfach. Warum wird diese auch beim Anlegen des Bindings entfernt.

Einfacher wäre es wohl einfach die Gruppe aufzulösen und neu zu Gruppieren. Es wurmt mich aber warum das nicht so gehen soll.

OliverIO

@spacerx
ja leider ist da noch etwas mehr der wurm drin.
insbesondere bei copy/paste von mehrfach verschachtelten und gruppierten widget.
schreibe dazu gleich in einem anderen thread was dazu

SpacerX

@oliverio

Ich schiebe mal das html nach.

View geladen (mal nur das entsprechende Widget)

<div class="vis-widget  vis-tpl-basic-undefined" style="overflow: visible; top: 265px; left: 193px; width: 184px; height: 189px;" id="g00032">
    <div class="vis-widget boxWidget vis-tpl-basic-Border" style="overflow: visible; border: 1px solid rgb(136, 136, 136);" id="w00401">
        <div style="width: 100%; height: 0px; background-color: black;"></div>
        <div style="position: absolute; top: 0px; left: 0px;">&nbsp;Test_Neu</div>
    </div>
    <div class="vis-widget  vis-tpl-basic-Image" style="width: 80px; height: 40px; left: 54px; top: 74px;" id="w00398">
        <div class="vis-widget-body">
            <img class=" vis-no-user-select vis-no-pointer-events" style="top: 0px; left: 0px; position: absolute; width: 100%;" src="/vis.0/Tankicons/JET.png">
            <div></div>
        </div>
    </div>
</div>

Nach dem aktualisieren des Datenpunktes:

<div class="vis-widget  vis-tpl-basic-undefined" style="overflow: visible; top: 265px; left: 193px; width: 184px; height: 189px;" id="g00032">
    <div class="vis-widget boxWidget vis-tpl-basic-Border" style="overflow: visible; border: 1px solid rgb(136, 136, 136);" id="w00401">
        <div style="width: 100%; height: 0px; background-color: black;"></div>
        <div style="position: absolute; top: 0px; left: 0px;">&nbsp;Test_Neu</div>
     </div>
</div>
<div class="vis-widget  vis-tpl-basic-Image" style="width: 80px; height: 40px; left: 54px; top: 74px;" id="w00398">
    <div class="vis-widget-body">
        <img class=" vis-no-user-select vis-no-pointer-events" style="top: 0px; left: 0px; position: absolute; width: 100%;" src="/vis.0/Tankicons/JET.png">
        <div></div>
    </div>
</div>

Ich teste mal noch ein bisschen rum.

OliverIO

@spacerx

ok, hab noch was gefunden.
wenn man gruppierte widgets exportiert und wieder importiert
geht die information groupid leider verloren.

dieser issue und fix habe ich bereitgestellt
https://github.com/ioBroker/ioBroker.vis/issues/508

wann das angenommen wird und ob ist immer etwas fraglich.
vor allem sollte es man testen, sobald es drin ist.

für wagemutige zum vorab testen auf einem iobroker testsystem
löschen des adapters iobroker.vis und installieren aus folgender github url:
https://github.com/oweitman/ioBroker.vis

SpacerX

@oliverio
Ich hab da auch noch einen ;-(

Beim Hinzufügen eines Widgets in geöffnete Gruppen, in "Gruppe editieren" wird keine groupid erzeugt.

OliverIO

@spacerx

wo muss man da drücken? kenn die funktion nicht und hab sie gerade auch nicht gefunden?

SpacerX

@oliverio
Einfach die Gruppe doppelt anklicken. Dann öffnet sich die Gruppe zum editieren.

OliverIO

@spacerx

ok gefunden und fix erweitert

SpacerX

@oliverio Danke für deine Bemühungen.

Ich würde auch gern Testen doch von Github direkt kommt mir nichts auf die Kiste. Ich hab kein Testsystem vorrätig.

Community Forum

NEWS

Objekt-Binding und Gruppierung

Support us

795

32.4k

81.5k

1.3m