neue Visualisierung "webui" (alternative zu vis & vis-2)

[Smilie108]

@jogibear9988 ok passt dachte du verwendest dort auch webui

[Smilie108]

@jogibear9988 hi kann es sein das es da noch was ned ganz passt ? kann nicht sagen warum aber im chrom get der code edito in firefox nicht.

[Blockmove]

@smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

@jogibear9988 hi kann es sein das es da noch was ned ganz passt ? kann nicht sagen warum aber im chrom get der code edito in firefox nicht.

Gerade getestet ... Ist bei mir auch so.
Firefox geht's nicht, Edge / Chrome funktioniert.

[Smilie108]

@Blockmove oder @jogibear9988
Hi Ihr 2 hätte da mal eine bitte da ihr ja mit webui javascript sehr viel fitter seid als ich.
habe auf der demo unter controls einmal den timeselctor und tred1 importiert.

Ich weiß aber nicht genau wie ich das machen kann.
über grapfanid würde ich gerne die id von grafana übergeben zb. http://192.168.1.173:3000/d/adjree0w95e68f/wr-daten?

daraus standardtmäsig eine url für das iframe generieren die zb
http://192.168.1.173:3000/d-solo/adjree0w95e68f/wr-daten?&orgId=1&from=1715126400000&to=1715742000000&refresh=0s&panelId=3width="450" height="200" frameborder="0"

so aussieht.

wenn dann im timeselector was geändert wird sollte sich die url vom iframe anpassen.
Dazu habe ich eigentilch gemeint das würde über die control.prop gehen und das dann via javascript manipulieren.

könnte mir jemnad für zb einen wert so ein javascript erstellen da ich etwas auf dem schlauch stehe wie ich das mache ?
Javascript selbst kann ich

/
/* Konfiguration */
/*Bei Grafana zeit auf UTC einstellen !!*/
/* Hier werden die Input Variabeln Verknüpft von Zeitvorwahl */
var prefex = '0_userdata.0.timeselctor.Wechselrichter_Charts.Chart_Batterie';
var url1 = 'http://192.168.1.173:3000/d-solo/edjr9y7hvjwu8e/batterie-werte?orgId=1&from=';



/* Ab hier keine änderungen machen*/
var ptag = prefex + ".Selector_Zeit";/*Selector Zeit*/
var prange = prefex + ".Selector_Range";/*Selector Range*/
var prefresh1 = prefex + ".selector_refresh";
/* Id selector selektiert in graphana die id in einem chart dadurch kann man mehrere Vorlagen erstellen wegen mobilen Auswahlforamt*/
/* Wichtig die id muss natürlich auch in grafana vorhanden sein*/
var idselector = prefex + ".Selector_Graph_ID";/*Selector Graph ID*/
/* Variabel wohin dei fertige Url geschrieben wird */
var urlfertig = prefex + ".Fertige_Url";/*Fertige Url*/
var timezone = 2;
var zeitverschiebung = timezone * 3600000;
// Aufplitten zum später zusammensetzen
var urlteil1 = url1;
var urlteil2 = '&to=';
var urlteil21 = '&refresh=';
var urlteil3 = 's&panelId=';
var urlteil4 = 'width="450" height="200" frameborder="0"';
// Auf Änderungen reagieren
var changesArray3 = [ptag, prange, idselector, prefresh1];
on({ id: changesArray3, change: "any" }, function (obj) {
    /* Ausführung der anpassung der Url für aufruf*/
    /* Startzeit für Grafana in Timestamp*/
    var startzeit = getState(ptag).val;
    var endzeit = getState(prange).val;
    var idselector1 = getState(idselector).val;
    var refrescht = getState(prefresh1).val;
    if (endzeit == "jetzt" && startzeit != "0") {
        var helper23 = "0";
        setState(ptag, helper23);
    }

    if (endzeit != "jetzt") {
        var helper25 = "0";
        refrescht = helper25;
    }
    

    if (endzeit != "jetzt" && startzeit == "0") {
        const currentDate = new Date(new Date().setHours(0, 0, 0, 0));
        const timestamp1 = currentDate.getTime();
        var helper24 = (timestamp1 + 3600000);// (Date.now() - 21600000);
        setState(ptag, helper24)
    }
    /* von utc auf timezone +2h 
    var startzeit1 = (startzeit + 3600000);*/
    if (endzeit == "jetzt") {
        startzeit1 = "0";
    }
    else { var startzeit1 = startzeit }


    if (startzeit1 == "0" || startzeit1 == "null" || startzeit1 < "1000") {
        if (endzeit == "day") { var startzeit2 = (Date.now() - 86400000) }
        else if (endzeit == "jetzt") { var startzeitfertig1 = 'now-4h' }    /* 4h*/
        else if (endzeit == "week") { var startzeit2 = (Date.now() - 604800000) }
        else if (endzeit == "month") { var startzeit2 = (Date.now() - 2629743000) }
        else if (endzeit == "year") { var startzeit2 = (Date.now() - 31556926000) }
        else { var startzeit2 = (Date.now() - 86400000) }
    }


    else { startzeit2 = startzeit1 }
    /* da je nach system die Timestamps anders ausschauen kann man sie hier manipulieren */
    var startzeitfertig = startzeit2 / 1;
    if (endzeit == "jetzt") { startzeitfertig = 'now-8h' };

    /* Anzeigeende festlegen*/
    var endezeitad = zeitverschiebung + 3600000;


    if (endzeit == "day") { var endzeitfertig = startzeitfertig + 86400000 + endezeitad }
    else if (endzeit == "jetzt") { var endzeitfertig = 'now%2B2h' }
    else if (endzeit == "week") { var endzeitfertig = startzeitfertig + 604800000 + endezeitad }
    else if (endzeit == "month") { var endzeitfertig = startzeitfertig + 2629743000 + endezeitad }
    else if (endzeit == "year") { var endzeitfertig = startzeitfertig + 31556926000 + endezeitad }
    else { var endzeitfertig = startzeitfertig + 86400000 + endezeitad }


    // Fertige Url generieren
    var urlberechnet = urlteil1 + startzeitfertig + urlteil2 + endzeitfertig + urlteil21 + refrescht + urlteil3 + idselector1 + urlteil4;
    /* fertige url in Objekt schreiben*/
    setState(urlfertig, urlberechnet);

});

hatte das bis jetzt so gelöst da nur ich auf die visu zugegriffen habe. Aber wenn dann mehrere ( multiuser ) zugriffe erfolgen geht das so natürlich nicht.

Ein Herzliches Danke vorab und wenn fragen sind bitte einfach melden.
@jogibear9988 dir kann ich ja ne spende zukommen lassen bei @Blockmove weis nicht ob du paypal hast hab zwar nicht viel aber eine kleine spende geht sich aus

Danke gruß smilie108 /Tom

[Blockmove]

@Smilie108

Hallo Tom,

@smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

Blockmove weis nicht ob du paypal hast hab zwar nicht viel aber eine kleine spende geht sich aus

Das ist sehr nett von dir, aber absolut nicht nötig. Ich bin genauso wie du nur User von webui.
Wenn ich die Möglichkeit und die Zeit habe (was aktuell leider kaum der Fall ist), versuche ich halt ein wenig zur Community beizutragen.

Schönen Sonntag und Viele Grüße
Dieter

[jogibear9988]

@blockmove said in neue Visualisierung "webui" (alternative zu vis & vis-2):

@smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

@jogibear9988 hi kann es sein das es da noch was ned ganz passt ? kann nicht sagen warum aber im chrom get der code edito in firefox nicht.

Gerade getestet ... Ist bei mir auch so.
Firefox geht's nicht, Edge / Chrome funktioniert.

Sorry, schaue ich mir an. War n paar tage nicht hier

[jogibear9988]

@smilie108

Ich raf gerade nicht genau was du willst, sonst würde Ich dir gerne helfen.

Hab nur mal in dein control geschaut. Bindings auf CustomControlProperties gehen mit ?? davor. also ??url statt this.url

Ah falsch, du nutzt bindings meiner BaseCustomwebcomponent... Die ich fälschlicherweise als webuibindings öffne... Ich schau es mir nochmal an

P.S. Über spenden freue ich mich natürlich immer

[jogibear9988]

muss mir das morgen genauer anschauen... hab auch noch fehler im scriptSystem gefunden. ich melde mich

[jogibear9988]

@blockmove said in neue Visualisierung "webui" (alternative zu vis & vis-2):

@smilie108 said in neue Visualisierung "webui" (alternative zu vis & vis-2):

@jogibear9988 hi kann es sein das es da noch was ned ganz passt ? kann nicht sagen warum aber im chrom get der code edito in firefox nicht.

Gerade getestet ... Ist bei mir auch so.
Firefox geht's nicht, Edge / Chrome funktioniert.

So, dies scheint ein Firefox bug zu sein. Mit FF 130 gehts, mit 131 nicht mehr. Hab einen issue erstellt: https://bugzilla.mozilla.org/show_bug.cgi?id=1927838

[jogibear9988]

im monaco editor repo gibts auch ein issue:
https://github.com/microsoft/monaco-editor/issues/4679

nate-bow-db created this issue in microsoft/monaco-editor

open [Bug] Firefox 131: Selection issues when Monaco is in shadow dom #4679

[jogibear9988]

@Smilie108
so nun gehts. schaus dir mal im demo projekt an.

Gefällt mir aber so nicht, da du am äußeren control properties anlegst die du eig. nur intern brauchst. Vlr sollte ich noch screen/control interne variablen und properties unterstützen.

[jogibear9988]

So, nun gibts "internal" properties, die nicht nach außen angezeigt werden.
Diese kann man auch in screens verwenden

Kp. wann das release fertig ist, da im moment die github build agents ausgelastet sind (monthly dependabot build)

[Blockmove]

Hallo Jochen,

ich hab gerade webui auf 1.17.2 aktualisiert.

Dabei ist mir eine Kleinigkeit aufgefallen:
Im Editor wird immer noch 1.14.0 angezeigt

Browsercache hab ich gelöscht.

Die Idee mit den internal Properties find ich gut!

VG
Dieter

[jogibear9988]

@blockmove
nope, dann hat dein update irgendwie nicht geklappt.

[jogibear9988]

Bei den bindings werden die properties der controls/screens nun auch in einer Auswahl vorgeschlagen:

[jogibear9988]

So noch mal ein update... 1.18.0

Screens & Controls werden nun als XML exportiert. css, html und scripte werden als CDATA eingebettet. D.h. auch in dem export kann man mit dem Code was anfangen

[jogibear9988]

Achso, alte JSON exporte können trotzdem noch importiert werden.

[jogibear9988]

Und nochmal was:

Besserer refactor support.

• Properties können umverdrahtet werden.
• ComplexStrings können refactored werden
• Anzeige was das Ziel ist (Signal, Property, Screen, Parameter)

Wozu kann das verwendet werden?

Bspw Ihr habt einige elemente, nun kopiert Ihr diese und müsst nur die Variabelanbindungen und texte ändern, bspw aus AA11 würde BB11 werden usw. könnt ihr das damit machen

[Smilie108]

@jogibear9988 Danke schaue ich mir heute abend an

[jogibear9988]

@smilie108
Und?