Test Adapter vis 2.0 (Alpha)

[Humidor]

@feuersturm OK, ist nur die Frage ob ich mir damit andere Probleme holen, alles andere ist Stabl.

nun ist Vis-2 grün, öffnen war mit eine Meldung verbunden, denke das war das importieren von VIS 1, nun dauerhaft:

[Feuersturm]

@humidor Installiere bitte mal den Metro Adapter. Hier gibt es wohl noch eine Abhängigkeit zu VIS2 (siehe https://github.com/ioBroker/ioBroker.vis/issues/634) oder hast du den Metro Adapter bei dir schon installiert.
Du hast doch sicherlich ein Testsystem oder entsprechende Backups damit du dein Produktivsystem nicht gefährdest, wenn du Adapter im Alpha oder Beta Stadium installierst

@sigi234 Ich hab @apollon77 mal angeschrieben, dass er die Abhängigkeit zum web Adapter und auch aktuell noch zum Metro Adapter im ersten Posting ergänzt.

ammawel created this issue in ioBroker/ioBroker.vis

closed VIS-2 nur mit installierten Metro-Widgets #37

[Humidor]

@feuersturm Metro installiert, Neustart Vis-2, keine Änderung, Neustart ioBroker, keine Änderung
Vis 1 fkt. einwandfrei, Vis 2 nur Ladesymbol

[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