Test Adapter vis 2.0 (Alpha)

[Feuersturm]

@humidor Wenn der Ladebildschirm vom vis2 sichtbar ist, drücke mal F12 und schaue welche Fehler unter dem Reiter "Konsole" stehen?

Wie sehen deine Einstellungen beim web Adapter aus? Meine sehen so aus:

[Humidor]

@feuersturm

[Feuersturm]

@humidor Welche Version vom ws Adapter hast du denn installiert? Ansonsten versuche es mal mit meinen Einstellungen.

[Humidor]

@feuersturm Cache, integriert hat nun die Lösung gebracht, ich verstehe sowiso nicht warum und wann man den ws Adapter braucht, aber der war mal notwendig, dass die Vis 1 gelaufen ist... ?

das muss ich wohl von vorne anfangen?

[Feuersturm]

@humidor sagte in Test Adapter vis 2.0 (Alpha):

das muss ich wohl von vorne anfangen?

Ziel ist es nicht von vorne anzufangen, sondern Probleme mit den aktuellen widgets mit dem vis2 Editor zu identifizeiren und diese zu auf github zu melden.
Hier https://github.com/ioBroker/ioBroker.vis/issues findest du die aktuellen offnen issues. Schau dort einmal durch ob du etwas zu deinen verwendeten widgets findest. Wenn es noch kein issue zu deinem Problem gibt, dann lege bitte ein aussagekräftiges issue mit den entsprechenden Fehlermeldungen aus der F12 Konsole an

[Wszene]

@feuersturm sagte in Test Adapter vis 2.0 (Alpha):

Du selbst kannst hier keine Verknüpfung auf der Übersichtsseite anlegen, das muss der Adapter machen. Leg hierfür mal bitte ein issue auf github an.

Ich habe leider keinen Github Account und englisch ist leider auch nicht so meine Stärke

[Humidor]

@wszene sind ja viele D-Leute hier, wenn nicht sogar alle wichtigen, dh wenn du auf Github in D postest, wird es auch gelesen.

[sigi234]

@feuersturm sagte in Test Adapter vis 2.0 (Alpha):

PS: Gibt es Möglichkeit sich auf der Übersichtsseite des ioB eine Verknüpfung zu VIS 2 anzulegen?

Du selbst kannst hier keine Verknüpfung auf der Übersichtsseite anlegen, das muss der Adapter machen. Leg hierfür mal bitte ein issue auf github an.

[Feuersturm]

@sigi234 cool. Das Feature kannte ich noch nicht.

[Feuersturm]

@wszene sagte in Test Adapter vis 2.0 (Alpha):

Ich habe leider keinen Github Account und

Und ein github Account ist kostenlos und schnell angelegt

[Humidor]

@feuersturm bevor ich Github zumülle, hier mal das erste Problem das ich sehe,text aus dem Vis 2 Hintergrund kopiert
dh Materialdesign hinkt nach, oder ist für VIS2 nicht adaptiert?

Spoiler

Unbekannter Widget-Typ „tplVis-materialdesign-Chart-JSON“
{
"oid": "pvforecast.0.summary.JSONGraph",
"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",
"chartType": "bar",
"backgroundColor": "#mdwTheme:vis-materialdesign.0.colors.charts.background",
"chartAreaBackgroundColor": "#mdwTheme:vis-materialdesign.0.colors.charts.background_chart",
"globalColor": "#mdwTheme:vis-materialdesign.0.colors.charts.global",
"titleLayout": "#mdwTheme:vis-materialdesign.0.fontSizes.card.title",
"titleFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.card.title",
"colorBackground": "#mdwTheme:vis-materialdesign.0.colors.card.background",
"colorTitleSectionBackground": "#mdwTheme:vis-materialdesign.0.colors.card.background_title",
"colorTextSectionBackground": "#mdwTheme:vis-materialdesign.0.colors.card.background_body",
"colorTitle": "#mdwTheme:vis-materialdesign.0.colors.card.title",
"showLegend": "true",
"legendPosition": "right",
"legendFontColor": "#mdwTheme:vis-materialdesign.0.colors.charts.legend",
"legendFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.charts.legend",
"legendFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.charts.legend",
"legendPointStyle": "true",
"showTooltip": "true",
"tooltipMode": "nearest",
"tooltipPosition": "nearest",
"tooltipTimeFormats": "{"millisecond":"lll:ss","second":"lll:ss","minute":"lll","hour":"lll","day":"lll","week":"lll","month":"lll","quarter":"lll","year":"lll"}",
"tooltipBackgroundColor": "#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_background",
"tooltipShowColorBox": "true",
"tooltipTitleFontColor": "#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_title",
"tooltipTitleFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.charts.tooltip_title",
"tooltipTitleFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.charts.tooltip_title",
"tooltipBodyFontColor": "#mdwTheme:vis-materialdesign.0.colors.charts.tooltip_text",
"tooltipBodyFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.charts.tooltip_text",
"tooltipBodyFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.charts.tooltip_text",
"tooltipBodyAlignment": "left",
"xAxisPosition": "bottom",
"xAxisTicksSource": "auto",
"xAxisTitleColor": "#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_title",
"xAxisTitleFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.charts.x_axis_title",
"xAxisTitleFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.charts.x_axis_title",
"xAxisValueLabelColor": "#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_values",
"xAxisValueFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.charts.x_axis_values",
"xAxisValueFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.charts.x_axis_values",
"xAxisDistanceBetweenTicks": "10",
"xAxisValueDistanceToAxis": "0",
"xAxisShowAxis": "true",
"xAxisShowAxisLabels": "true",
"xAxisShowGridLines": "true",
"xAxisGridLinesColor": "#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_gridlines",
"xAxisShowTicks": "true",
"xAxisZeroLineColor": "#mdwTheme:vis-materialdesign.0.colors.charts.x_axis_zeroline",
"xAxisMinRotation": "0",
"xAxisMaxRotation": "0",
"yAxisTitleColor": "#mdwTheme:vis-materialdesign.0.colors.charts.y_axis_values",
"yAxisTitleFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.charts.y_axis_title",
"yAxisTitleFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.charts.y_axis_title",
"yAxisValueLabelColor": "#mdwTheme:vis-materialdesign.0.colors.charts.y_axis_values",
"yAxisValueFontFamily": "#mdwTheme:vis-materialdesign.0.fonts.charts.y_axis_values",
"yAxisValueFontSize": "#mdwTheme:vis-materialdesign.0.fontSizes.charts.y_axis_values",
"yAxisValueDistanceToAxis": "10",
"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
}

null€

null km
HOME
0W
-22000
20000
SMA: 389 W
SE: 0 W
CADDY
0W
-28000
5000
Fronius: 2.628 W

AUS

0 kW

null °C

AUS

523 W

-1256 W

387 W

2616 W

null %
Verbrauch: 9.382 W
Verbrauch: 1.372 W

Strom Zoe: 0,0 A
Strom Tesla: 6 A
PRIO max Zoe: 32 A
PRIO max Tesla: 16 A

AUS

[Wszene]

Heute Morgen hatte ich mal etwas Luft und habe mit VIS2 angefangen
Da habe ich auch schon gleich mein erstes Problem

Es werden leider keine CCS aus dem Tab CCS in den Widgets übernommen
Hat sich da gegenüber von VIS1 etwas geändert was das Laden der CSS angeht?

Ich habe es momentan mit dem "Basic HTML" und "Inventwo-Universal" getestet

Dann habe ich noch eine Frage ob man die Anzeige der Widgets evtl. auch wie in der VIS1 anzeigenlassen kann
In VIS1 werden ja die selbst definierten Namen angezeigt in VIS2 die Widgets-IDs

VIS1:

VIS2:

Danke im Voraus
Gruß
Marcel

[Feuersturm]

@wszene Lege bitte einmal für beide Probleme zwei aussagekräftige issues auf github an. Ich hab vorhin einmal gesucht und kein entsprechendes issue gefunden.

[Wszene]

OK Hier meine GitHub Issues
Problem 1:
https://github.com/ioBroker/ioBroker.vis/issues/703
Problem 2:
https://github.com/ioBroker/ioBroker.vis/issues/704

wszene created this issue in ioBroker/ioBroker.vis

open VIS2 - CSS wird nicht übernohmen #36

wszene created this issue in ioBroker/ioBroker.vis

closed VIS2 - Widgetliste Anzeige #704

[Nas007]

Hallo,

ich wollte die neue vis 2 aus ausprobieren.

Leider funktioniert es bei mir nicht. Wenn ich den Editor aufrufe, erscheint kurz oben eine Leiste (wahrscheinlich die vom Editor) und danach ist die Seite weiß. Einzige Fehlermeldung im Log ist, dass "No license found for vis. Please get one on https://iobroker.net !", wobei das laut Installationsanweisung nicht erforderlich ist.

Auch ein Neustart des Raspberry hat nichts verändert.

Brauche ich eine Lizenz?

[Feuersturm]

@nas007 Hi, hast du den metro Adapter installiert? Poste bitte mal die Einstellungen von deiner web Instanz und den der weiße Screen kommt bitte einmal F12 drücken und das log vom Reiter Konsole hier in Code Tags posten.

Eine Lizenz wird noch nicht benötigt.

[Nas007]

@feuersturm Ich habe den hier installiert:

Hier der Webadapter:

Meinst du das hier aus der Konsole?

Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. jquery-1.11.2.min.js:4:29775
Use of Mutation Events is deprecated. Use MutationObserver instead. analyser.js:485:17
iobroker.vis-2-beta@2.0.24 using theme "colored" bootstrap.jsx:20:8

██╗ ██████╗ ██████╗ ██████╗  ██████╗ ██╗  ██╗███████╗██████╗ 
██║██╔═══██╗██╔══██╗██╔══██╗██╔═══██╗██║ ██╔╝██╔════╝██╔══██╗
██║██║   ██║██████╔╝██████╔╝██║   ██║█████╔╝ █████╗  ██████╔╝
██║██║   ██║██╔══██╗██╔══██╗██║   ██║██╔═██╗ ██╔══╝  ██╔══██╗
██║╚██████╔╝██████╔╝██║  ██║╚██████╔╝██║  ██╗███████╗██║  ██║
╚═╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝
main.7b76ba87.js:658:11
Nice to see you here! :) Join our dev community here https://github.com/ioBroker/ioBroker or here https://github.com/iobroker-community-adapters main.7b76ba87.js:658:26
Help us to create open source project with reactJS! main.7b76ba87.js:658:186
See you :) main.7b76ba87.js:658:253
Einige Cookies verwenden das empfohlene "SameSite"-Attribut inkorrekt. 3
TypeError: e.field is undefined
    Ns ToolbarItems.jsx:61
    As ToolbarItems.jsx:255
    As ToolbarItems.jsx:247
    An main.7b76ba87.js:1912
    ma main.7b76ba87.js:1914
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
main.7b76ba87.js:1914:177
TypeError: e.field is undefined
    Ns ToolbarItems.jsx:61
    As ToolbarItems.jsx:255
    As ToolbarItems.jsx:247
    An main.7b76ba87.js:1912
    ma main.7b76ba87.js:1914
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
main.7b76ba87.js:1914:177
TypeError: l.settings is undefined
    Mi View.jsx:206
    An main.7b76ba87.js:1912
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
main.7b76ba87.js:1914:177
Uncaught TypeError: e.field is undefined
    Ns ToolbarItems.jsx:61
    As ToolbarItems.jsx:255
    As ToolbarItems.jsx:247
    An main.7b76ba87.js:1912
    ma main.7b76ba87.js:1914
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
ToolbarItems.jsx:61:16
Metro version: "1.2.0" edit.html:645:10
Version Info-Adapter-Widget: 0.0.9 info.js:29:12
Source-Map-Fehler: Error: request failed with status 404
Ressourcen-Adresse: http://192.168.100.40:8082/vis-2-beta/widgets/vis-2-widgets-material/static/css/src_Map_jsx-node_modules_leaflet_dist_leaflet_css.11ebe247.chunk.css
Source-Map-Adresse: src_Map_jsx-node_modules_leaflet_dist_leaflet_css.11ebe247.chunk.css.map

Source-Map-Fehler: Error: request failed with status 404
Ressourcen-Adresse: http://192.168.100.40:8082/vis-2-beta/static/js/main.7b76ba87.js
Source-Map-Adresse: main.7b76ba87.js.map

[Feuersturm]

@nas007 aktivieren mal beim web Adapter auf der ersten Seite "reine web-sockets verwenden "

[Nas007]

@feuersturm Leider ohne Erfolg. War alles wieder weiß.

Layout-Darstellung wurde erzwungen, bevor die Seite vollständig geladen war. Falls Stylesheet noch nicht geladen sind, kann dies zu einem kurzzeitigen Darstellung des Inhalts ohne Formatierung führen. jquery-1.11.2.min.js:4:29775
Mutations-Ereignisse sollten nicht mehr verwendet werden. Verwenden Sie MutationObserver stattdessen. analyser.js:485:17
iobroker.vis-2-beta@2.0.24 using theme "colored" bootstrap.jsx:20:8

██╗ ██████╗ ██████╗ ██████╗  ██████╗ ██╗  ██╗███████╗██████╗ 
██║██╔═══██╗██╔══██╗██╔══██╗██╔═══██╗██║ ██╔╝██╔════╝██╔══██╗
██║██║   ██║██████╔╝██████╔╝██║   ██║█████╔╝ █████╗  ██████╔╝
██║██║   ██║██╔══██╗██╔══██╗██║   ██║██╔═██╗ ██╔══╝  ██╔══██╗
██║╚██████╔╝██████╔╝██║  ██║╚██████╔╝██║  ██╗███████╗██║  ██║
╚═╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝
main.7b76ba87.js:658:11
Nice to see you here! :) Join our dev community here https://github.com/ioBroker/ioBroker or here https://github.com/iobroker-community-adapters main.7b76ba87.js:658:26
Help us to create open source project with reactJS! main.7b76ba87.js:658:186
See you :) main.7b76ba87.js:658:253
[2023-05-04T19:26:32.634Z] Try to connect socket.io.js:66:41
TypeError: e.field is undefined
    Ns ToolbarItems.jsx:61
    As ToolbarItems.jsx:255
    As ToolbarItems.jsx:247
    An main.7b76ba87.js:1912
    ma main.7b76ba87.js:1914
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
main.7b76ba87.js:1914:177
TypeError: e.field is undefined
    Ns ToolbarItems.jsx:61
    As ToolbarItems.jsx:255
    As ToolbarItems.jsx:247
    An main.7b76ba87.js:1912
    ma main.7b76ba87.js:1914
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
main.7b76ba87.js:1914:177
TypeError: l.settings is undefined
    Mi View.jsx:206
    An main.7b76ba87.js:1912
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
main.7b76ba87.js:1914:177
Uncaught TypeError: e.field is undefined
    Ns ToolbarItems.jsx:61
    As ToolbarItems.jsx:255
    As ToolbarItems.jsx:247
    An main.7b76ba87.js:1912
    ma main.7b76ba87.js:1914
    _c main.7b76ba87.js:1914
    Uo main.7b76ba87.js:1914
    Fc main.7b76ba87.js:1914
    Ha main.7b76ba87.js:1914
    _o main.7b76ba87.js:1914
    Ma main.7b76ba87.js:1914
    B3 main.7b76ba87.js:1912
    I0 main.7b76ba87.js:1914
ToolbarItems.jsx:61:16
Metro version: "1.2.0" edit.html:645:10
Version Info-Adapter-Widget: 0.0.9 info.js:29:12
Source-Map-Fehler: Error: request failed with status 404
Ressourcen-Adresse: http://192.168.100.40:8082/vis-2-beta/static/js/main.7b76ba87.js
Source-Map-Adresse: main.7b76ba87.js.map

​

[Feuersturm]

@nas007 Leg mal bitte ein github issue mit deiner Fehlerbeschreibung und dem Log hier an https://github.com/ioBroker/ioBroker.vis/issues
Ich vermute in deiner VIS1 die bei der Installation übernommen wird ist ein widget enthalten welches Probleme bei vis2 macht.

Danach kannst du einmal hier im Admin im Datei Menü schauen ob dort dein vis Projekt auftaucht

Wenn du den entsprechenden Unterordner löscht, dann sollte vis2 mit einem leeren Projekt starten