Vis-2(.0) - Neuer Adapter als Beta

[apollon77]

Hallo liebe Visualisierungsfreunde,

einige von euch haben sich schon einige Zeit mit der Alpha Version von Vis 2.0 beschäftigt, was in den letzten Monaten unter https://forum.iobroker.net/topic/60398/test-adapter-vis-2-0-alpha bereits sehr ausführlich getestet wurde. Vielen Dank, vor allem auch im Namen von Denis, an alle die hier tatkräftig unterstützt haben!

Die Software ist inzwischen aus dem Alpha-Status herausgewachsen weil schon sehr viel geht. Da vis 2.0 allerdings eine komplette Neuentwicklung auf aktuellen Technologien ist, hat sich die Rückwärtskompatibilität also doch nicht so einfach zu lösen herausgestellt. Denis hat einigen Aufwand investiert schon viele der alten Widgets anzupassen. Das wird aber nicht bei allen gehen.

Aus diesem, und auch anderen Gründen, und um die weitere Arbeit nicht weiter aufzuhalten mit Rückwärtskompatibilitäts-Themen, hat Denis die Entscheidung getroffen das vis 2.0 ein NEUER Adapter sein wird namens vis-2. Dies bedeutet das es kein automatisches Update von "vis" zu "vis-2" gibt und so jeder User selbst entscheiden kann was er nutzt. Damit einher geht allerdings auch das vis2 die Visualisierungprojekte von vis importieren kann und auch viel gehen wird, allerdings einige Widgets nicht gehen werden. Hier müsstet Ihr dann Eure Visus umbauen.
Wir denken das es so für alle Beteiligten am Transparentesten und klarsten ist. Auch von der Erwartungshaltung her!

In dem Zuge gibt es aber eine Thematik wo Ihr aktiv werden müsst: Stichwort Lizenzen:
Aktuell kann man EINE freie vis-Lizenz haben in einem Account und ggf gekaufte Lizenzen. Dazu können die aktuellen vis(1.0) Lizenzen in vis-2 Lizenzen umgewandelt werden unter https://iobroker.net . Wichtig ist hierbei das dies NICHT wieder zurück zu wandeln geht! Also bitte wandelt um wenn Ihr dann wirklich Eure Vis auf Basis von vis2 "Inbetriebnehmt"! Die "alte" vis (1.0) kann nach einer Umwandlung bis auf weiteres noch für die bestehende vis1.0 Instanz genutzt werden und ist weiterhin gültig.

Damit gesagt ist vis-2 als neuer Adapter seit ein paar Tagen im beta Repository und vis2-beta ist nicht mehr verfügbar und bekommt auch keine Updates mehr. Für alle vis2-beta Nutzer werden die vis2beta Projekte in vis-2 beim ersten Start übernommen. Sonst die von vis1.

Dann hier noch ein paar Informationen zu vis-2:

Bilder sagen mehr als 1000 Worte ...

Visu

Editor

Ein Video mit super Bildern, und mehr als 1000 Worten, sagt noch mehr

@haus-automatisierung hat mal wieder ein Super Video zu Vis2 gemacht, wo man nochmal sehr genau alles vorher sieht und auch einige der Features und Änderungen vorstellt. Vielen Dank dafür!

--> https://m.youtube.com/watch?v=zBFCmcCidhA

Was ist neu?

Um Bluefox zu zitieren: "Es ist einfacher zu sagen was nicht neu ist!"

Vis 2.0 ist zu großen Teilen - vor allem im Editor, aber auch in der sog. "Runtime" (also der Teil der eine Visualisierung dann anzeigt) - neu geschrieben worden. Dabei wurde versucht auch alte Widgets zu unterstützen, es kann aber sehr gut sein das bei diesen Anpassungen nötig sind! Es gibt auch einige neue Widgets, die technisch auch eine ganz andere Basis haben.

Bisher war vis vor allem gut darin auf festen Displaygrößen manuell zusammengestellte Oberflächen mit fest positionierten Elementen zu gestalten. Wer also eine Tablet und eine Mobile Ansicht braucht musste alles doppelt machen.
Mit den neuen Material-basierten Widgets und den neuen Features von Vis ist es ebenso möglich Oberflächen zu erstellen, die sich responsive mit anpassen, wenn die Screengröße geändert wird. Man kann - sofern es Sinn ergibt - immer noch einzelne Elemente Fest positionieren.

Denis und Ingo

[Feuersturm]

@apollon77 @Bluefox vielen Dank für die Weiterentwicklung.

@apollon77 in welchem git Repository sollen jetzt die neuen vis-2 issues gemeldet werden?
In diesem hier? https://github.com/ioBroker/ioBroker.vis-2/issues

Werden die vis2 relevanten issues aus diesem Repository welches für vis-2-beta verwendet wurde https://github.com/ioBroker/ioBroker.vis/issues in das neue vis-2 repository verschoben?

[apollon77]

@feuersturm Ja und Ja

[skvarel]

Danke @apollon77 !

Nun will/muss ich mich damit auch endlich mal beschäftigen.

Wie läuft das nun mit der Lizenz? Ich möchte VIS1 erstmal produktiv weiter nutzen, mich aber in VIS2 einarbeiten ... auch wegen unseren beiden Adaptern.

[Merlin123]

Also das mit der Lizenz ist mir auch noch nicht so klar, vor allem, so lange die vis2 nicht alles kann.
Warum kann man nur eine Lizenz haben und nicht eine für die 1 und eine für die 2? Fände ich logischer.

Gibt es eine Liste der Dinge, die Vis2 noch nicht kann, aber bald können soll?
Quasi das Backlog wo man schauen kann, ob eine bestimmte Funktion schon drin ist oder nicht.

Was mir grad aufgefallen ist: Kann man mit einem Klick alle Seiten im Editor anzeigen lassen? Manuell die sichtbar machen ist etwas anstrengend auf dauer

Und noch 2 Funktionsfragen:
In vis 1 gab es links von den View Tabs die "<>" zum Durchblättern. Gibt es die nicht mehr?
Kann man im Projekt nach Widget-Namen suchen? Ich hab ein paar Widgets, die auf mehreren Seiten angezeigt werden sollen, und die wurden nicht importiert. Oder ich weiß nicht mehr, auf welchen View die initial angelegt waren

Aber allgemein: Tolle Arbeit, die ihr da macht! Danke!

[skvarel]

@apollon77 .. kann der Adapter nun über den Github-Link installiert werden oder muss er wie der Alpha' über npm installiert werden?

[Merlin123]

@skvarel sagte in Vis-2(.0) - Neuer Adapter als Beta:

Der ist ganz normal im Beta Repository unter vis-2

[skvarel]

@merlin123 sagte in Vis-2(.0) - Neuer Adapter als Beta:

@skvarel sagte in Vis-2(.0) - Neuer Adapter als Beta:

Der ist ganz normal im Beta Repository unter vis-2

Danke! Jetzt habe ich ihn dort auch gefunden

Auf dem produktiven System läuft er schonmal.

Bei beiden Test-System scheint aber noch was zu fehlen

[intruder7]

@skvarel bei mir das Selbe

[skvarel]

@intruder7 .. ich habe den Adapter noch mal gelöscht und per npm installiert. Jetzt läuft es!

ssh:

cd /opt/iobroker
npm i iobroker.vis-2
iob add vis-2
iob upload vis-2

[apollon77]

@skvarel Generell ist vis2 ja voll nutzbar, es kommt nur das Wasserzeichen hzw die Warnmeldung. Der Rest geht ja aber. Ich habe bezüglich Adapter-Entwickler mal Denis gefragt ... warte bitte mal ab.

[apollon77]

@merlin123 sagte in Vis-2(.0) - Neuer Adapter als Beta:

so lange die vis2 nicht alles kann.

Liste der Dinge, die Vis2 noch nicht kann, aber bald können soll?

Wie kommst du drauf das das so ist? vis-2 ist quasi eine neue Software. Die kann viele Dinge mehr als vis(1) und dafür vllt einige nicht (oder anders?) als vis(1). Allein das ganze Responsive Thema und einige Widgets die es nur für vis2 gibt. Von daher sieh vis2 doch erstmal als "es kann was es kann" und vergleiche es nicht zwingend mit vis1. Was künftig noch kommt wirst Du sehen wenn es kommt. Vis 2 ist halt anders ... nicht schlechter aber anders (und besser an ein paar Stellen).
Ansonsten gilt wie immer: GitHib issues bei Fehlern machen und gern auch Feature Requests erstellen - aber bitte nicht "vis 1 konnte xyz, warum kann das vis2 nicht"

Die restlichen fragen würde ich den Vis2 experten, die da schon lange testen, zum Antworten belassen bevor ich mit meinem Halbwissen untergehe

Ingo

[Digi-Bit]

Hallo,

Also seit v2.1.2 komm ich nicht weiter weil keins der Navigation Icons mehr geht.

Spoiler

[
 {
   "tpl": "tplJquiIconNav",
   "data": {
     "src": "../icons-mfd-png/scene_summerhouse.png",
     "imageHeight": 86,
     "alt": null,
     "text": "Main",
     "nav_view": "2000_EG_Seite_1",
     "hide_effect": null,
     "hide_duration": null,
     "show_effect": null,
     "show_duration": null,
     "g_common": true,
     "g_css_background": true,
     "g_css_font_text": true
   },
   "style": {
     "left": 608,
     "top": 184,
     "background": "#000000",
     "line-height": "0"
   },
   "_id": "i000001"
 },
 {
   "tpl": "i-vis-universal",
   "data": {
     "iUniversalWidgetType": "Navigation",
     "g_common": true,
     "oid": "nothing_selected",
     "iValueType": "boolean",
     "iValueComparison": "equal",
     "iStateResponseTime": 0,
     "iStateResetValueTime": "0",
     "iNavWait": "100",
     "iHttpType": "iSend",
     "iPopUpBackground": "#666666",
     "iPopUpPreventClickOutside": "",
     "iPopUpShowTitle": "true",
     "iPopUpTitle": "",
     "iPopUpTitleColor": "#ffffff",
     "iPopUpCloseBtnColor": "#dc2e2e",
     "iPopUpWidth": "800px",
     "iPopUpHeight": "500px",
     "iPopUpHeightTitle": "50",
     "iPopUpTitleSize": "28",
     "iPopUpPosition": "center",
     "iPopUpPositionX": "0",
     "iPopUpPositionY": "0",
     "iPopUpCloseAfterSeconds": "0",
     "iPopUpCornerRadiusUL": "12",
     "iPopUpCornerRadiusUR": "0",
     "iPopUpCornerRadiusLR": "12",
     "iPopUpCornerRadiusLL": "0",
     "iPopUpShadowXOffset": "2",
     "iPopUpShadowYOffset": "2",
     "iPopUpShadowBlur": "2",
     "iPopUpShadowSpread": "1",
     "iPopUpShadowColor": "#111111",
     "iButtonCol": "linear-gradient(180deg, rgba(50,50,50,1) 0%, rgba(60,60,60,1) 15%, rgba(70,70,70,1) 35%, rgba(45,45,45,1) 50%, rgba(70,70,70,1) 70%, rgba(60,60,60,1) 80%, rgba(50,50,50,1) 100%)",
     "g_i-css": true,
     "iButtonActive": "linear-gradient(180deg, rgba(50,50,50,1) 0%, rgba(60,60,60,1) 15%, rgba(70,70,70,1) 35%, rgba(45,45,45,1) 50%, rgba(70,70,70,1) 70%, rgba(60,60,60,1) 80%, rgba(50,50,50,1) 100%)",
     "iButtonColHover": "",
     "iOpacityBack": "1",
     "iCornerRadiusUL": 10,
     "iCornerRadiusUR": 10,
     "iCornerRadiusLR": 10,
     "iCornerRadiusLL": 10,
     "iContentFlexDirection": "vertical",
     "iContentVertAlign": "iSpace-between",
     "iContentOrder": "orderImgText",
     "iOpacityCtn": "1",
     "iContentType": "image",
     "iTextColor": "#ffffff",
     "iTextColorActive": "#ffffff",
     "iTextSize": "12",
     "iTextAlign": "iStart",
     "iTextDecoration": "none",
     "iTextSpaceTop": "0",
     "iTextSpaceBottom": "0",
     "iTextSpaceLeft": "0",
     "iTextSpaceRight": "0",
     "iIconSize": 80,
     "iImgAlign": "iCenter",
     "iImgSpaceTop": -20,
     "iImgSpaceBottom": 0,
     "iImgSpaceLeft": "0",
     "iImgSpaceRight": "0",
     "iImgRotation": "0",
     "iImgBlinkFalse": "0",
     "iImgBlinkTrue": "0",
     "iImgColorFalse": "",
     "iImgColorTrue": "",
     "iImgClockFace": "01",
     "iImgClockHands": "01",
     "iImgClockShowBorder": "1",
     "iImgColorClockFace": "#ffffff",
     "iImgColorHands": "#ffffff",
     "iImgColorHandSecond": "#ff0000",
     "iClockShowSeconds": "",
     "iClockTimezone": "Europe/Berlin",
     "iHtmlTextFieldFalse": "",
     "iHtmlTextFieldTrue": "",
     "iShadowXOffset": "2",
     "iShadowYOffset": "2",
     "iShadowBlur": "2",
     "iShadowSpread": "1",
     "iShadowColor": "#111111",
     "iShadowColorActive": "#111111",
     "iShadowColorHover": "",
     "iShadowInnerXOffset": "0",
     "iShadowInnerYOffset": "0",
     "iShadowInnerBlur": "0",
     "iShadowInnerSpread": "0",
     "iShadowInnerColor": "#111111",
     "iShadowInnerColorActive": "#111111",
     "iShadowInnerColorHover": "",
     "iShadowTextXOffset": "0",
     "iShadowTextYOffset": "0",
     "iShadowTextBlur": "0",
     "iShadowTextColor": "#111111",
     "iShadowTextColorActive": "#111111",
     "iBorderSize": "0",
     "iBorderStyle": "none",
     "iBorderColor": "rgba(200,200,200,1)",
     "iBorderColorActive": "rgba(200,200,200,1)",
     "iBorderColorHover": "rgba(200,200,200,1)",
     "nav_view": "2000_EG_Seite_1",
     "iImageFalse": "../icons-mfd-png/scene_summerhouse.png",
     "iImageTrue": "../icons-mfd-png/scene_summerhouse.png"
   },
   "style": {
     "left": 300,
     "top": 187,
     "height": "70px",
     "width": "70px"
   },
   "_id": "i000002"
 },
 {
   "tpl": "i-vis-universal",
   "data": {
     "iUniversalWidgetType": "Navigation",
     "g_common": true,
     "oid": "0_userdata.0.10_VIS-TAB8.Fenster_Türen.ALLES_ZU",
     "iValueType": "value",
     "iValueComparison": "not",
     "iStateResponseTime": "0",
     "iStateResetValueTime": "0",
     "iNavWait": "100",
     "iHttpType": "iSend",
     "iPopUpBackground": "#666666",
     "iPopUpPreventClickOutside": "",
     "iPopUpShowTitle": "true",
     "iPopUpTitle": "",
     "iPopUpTitleColor": "#ffffff",
     "iPopUpCloseBtnColor": "#dc2e2e",
     "iPopUpWidth": "800px",
     "iPopUpHeight": "900px",
     "iPopUpHeightTitle": "50",
     "iPopUpTitleSize": "28",
     "iPopUpPosition": "center",
     "iPopUpPositionX": "0",
     "iPopUpPositionY": "0",
     "iPopUpCloseAfterSeconds": "0",
     "iPopUpCornerRadiusUL": "12",
     "iPopUpCornerRadiusUR": "0",
     "iPopUpCornerRadiusLR": "12",
     "iPopUpCornerRadiusLL": "0",
     "iPopUpShadowXOffset": "2",
     "iPopUpShadowYOffset": "2",
     "iPopUpShadowBlur": "2",
     "iPopUpShadowSpread": "1",
     "iPopUpShadowColor": "#111111",
     "iButtonCol": "linear-gradient(180deg, rgba(50,50,50,1) 0%, rgba(60,60,60,1) 15%, rgba(70,70,70,1) 35%, rgba(45,45,45,1) 50%, rgba(70,70,70,1) 70%, rgba(60,60,60,1) 80%, rgba(50,50,50,1) 100%)",
     "g_i-css": true,
     "iButtonActive": "linear-gradient(180deg, rgba(50,50,50,1) 0%, rgba(60,60,60,1) 15%, rgba(70,70,70,1) 35%, rgba(45,45,45,1) 50%, rgba(70,70,70,1) 70%, rgba(60,60,60,1) 80%, rgba(50,50,50,1) 100%)",
     "iButtonColHover": "",
     "iOpacityBack": "1",
     "iCornerRadiusUL": 5,
     "iCornerRadiusUR": 5,
     "iCornerRadiusLR": 5,
     "iCornerRadiusLL": 5,
     "iContentFlexDirection": "vertical",
     "iContentVertAlign": "iCenter",
     "iContentOrder": "orderImgText",
     "iOpacityCtn": 1,
     "iContentType": "image",
     "iTextColor": "#a2a2a2",
     "iTextColorActive": "#ffffff",
     "iTextSize": 10,
     "iTextAlign": "iCenter",
     "iTextDecoration": "underline",
     "iTextSpaceTop": 0,
     "iTextSpaceBottom": 0,
     "iTextSpaceLeft": 0,
     "iTextSpaceRight": 0,
     "iIconSize": 50,
     "iImgAlign": "iCenter",
     "iImgSpaceTop": 0,
     "iImgSpaceBottom": 0,
     "iImgSpaceLeft": 3,
     "iImgSpaceRight": 0,
     "iImgRotation": 0,
     "iImgBlinkFalse": 0,
     "iImgBlinkTrue": 0,
     "iImgColorFalse": "",
     "iImgColorTrue": "",
     "iImgClockFace": "01",
     "iImgClockHands": "01",
     "iImgClockShowBorder": "1",
     "iImgColorClockFace": "#ffffff",
     "iImgColorHands": "#ffffff",
     "iImgColorHandSecond": "#ff0000",
     "iClockShowSeconds": "",
     "iClockTimezone": "Europe/Berlin",
     "iHtmlTextFieldFalse": "",
     "iHtmlTextFieldTrue": "",
     "iShadowXOffset": 4,
     "iShadowYOffset": 4,
     "iShadowBlur": 0,
     "iShadowSpread": 0,
     "iShadowColor": "rgba(20, 20, 20, 205)",
     "iShadowColorActive": "rgba(20, 20, 20, 205)",
     "iShadowColorHover": "rgba(20, 20, 20, 205)",
     "iShadowInnerXOffset": 2,
     "iShadowInnerYOffset": 2,
     "iShadowInnerBlur": "0",
     "iShadowInnerSpread": "0",
     "iShadowInnerColor": "#111111",
     "iShadowInnerColorActive": "#111111",
     "iShadowInnerColorHover": "",
     "iShadowTextXOffset": 2,
     "iShadowTextYOffset": "0",
     "iShadowTextBlur": "0",
     "iShadowTextColor": "rgba(20, 20, 20, 205)",
     "iShadowTextColorActive": "rgba(20, 20, 20, 205)",
     "iBorderSize": 1,
     "iBorderStyle": "solid",
     "iBorderColor": "rgba(200,200,200,1)",
     "iBorderColorActive": "rgba(200,200,200,1)",
     "iBorderColorHover": "rgba(200,200,200,1)",
     "iImageFalse": "../icons-mfd-png/scene_summerhouse.png",
     "iImageTrue": "/icons-mfd-png/scene_summerhouse.png",
     "iValueFalse": "",
     "iValueTrue": "",
     "iFlipImage": false,
     "g_css_border": true,
     "nav_view": "2100_Wlan_Steck_Dosen_EG",
     "iTextFalse": "Main",
     "iTextTrue": "Main"
   },
   "style": {
     "left": 188,
     "top": 188,
     "width": "68px",
     "height": "68px",
     "z-index": 30,
     "border-radius": "0px"
   },
   "_id": "i000003"
 }
]

Naja, außer wenn sie zu 1000_Main ausgerichtet sind alles andere geht einfach nicht

Und ich habe schon alle versucht.

Kann mir mal einer eins geben was auch zu einer anderen Seite geht ?

Wenn ich auf das rechte klicke ist zu war in der Browser Adresszeile dies

http://xxx.xxx.xxx.xxx:xxxx/vis-2/?Kastanienhof#2000_EG_Seite_1

zu sehen aber der zeigt nicht die Seite an, es passiert einfach garnix.

Entweder stimmt hier bei mir irgend was nicht oder ich stell mich zu doof an...

Kann mir da mal einer weiter helfen oder sagen wieso das so ist ?

mfg

Digi-bit

[David G.]

Gibt's irgendwo ein Video wie sich das responsive Design verhält?

Wo der Browser größer und kleiner gezogen wird oder so?

[apollon77]

@david-g webbed Im video aus dem ersten post nicht drin ist dann sag ich mal frech: Versuchs doch selbst

[apollon77]

@digi-bit im Zweifel GitHub issue anlegen bitte.

[Chaot]

@skvarel sagte in Vis-2(.0) - Neuer Adapter als Beta:

iob upload vis-2

Irgendwas ist bei mir seltsam. Ich bekomme keinerlei Widgets angezeigt die ich auswählen könnte.
Import ergibt absturz mit weißer Seite.
Werde nochmal alles löschen und schauen ob es dann funktioniert.

Kann es sein, dass von der Alpha Version noch Reste im System rumgeistern?

Edit:
... und was ist die Widgeteria???

[skvarel]

@chaot ... 'Widgeteria' sagt mir nichts

Ich bin auch der falsche Ansprechpartner für VIS-2. Ich habe es gestern erst installiert und bis jetzt noch nicht geöffnet. Die VIS-2-Beta hatte ich letztes Jahr im Dezember mal kurz drauf und direkt wieder runtergenommen, da ich die Alpha-Phase abwarten wollte.

Um VIS-2 in Verbindung mit unseren inventwo Adapter kümmere ich Anfang der kommenden Woche.

[skvarel]

An alle ..

Funktioniert mittweile das Binding in den Beschreibungen der Widgets oder ist das gar nicht geplant? Meine letzten Teste mit VIS-2 waren Ende letzten Jahres, da ging es noch nicht.

Beispiel VIS-1:

[David G.]

Irgendwie will der Adapter bei mir nicht kommen.
Bin seit gestern Abend auf Beta und hab das System einmal durchgestartet.