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

[Smilie108]

@jogibear9988 ist drauf wenn du zb bei dem wärmepumpenbild unten wo die temperaturen drauklickst kommt ein popup für details das popup ist für alle gleich da übergibst du

die daten
würde nun gerne im popup auch sehen wann das letzte mal die daten vom zigbeee empfangen wurden von dem sensor das geht ja aber nur entweder über umwege in dem ich für alle ein script jeweils schreibe und die werte in ein objekt packe oder eben wie du das mit $ ja hast aber weis jetz nich genau wie ich das umsetzen kann und ob das überhaupt geht

Und sorry wenn man mittendrin ist meint man vieles weil mans im kopf hat das hat das gegenüber ja nicht

[jogibear9988]

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

@jogibear9988 ist drauf wenn du zb bei dem wärmepumpenbild unten wo die temperaturen drauklickst kommt ein popup für details das popup ist für alle gleich da übergibst du

die daten
würde nun gerne im popup auch sehen wann das letzte mal die daten vom zigbeee empfangen wurden von dem sensor das geht ja aber nur entweder über umwege in dem ich für alle ein script jeweils schreibe und die werte in ein objekt packe oder eben wie du das mit $ ja hast aber weis jetz nich genau wie ich das umsetzen kann und ob das überhaupt geht

Und sorry wenn man mittendrin ist meint man vieles weil mans im kopf hat das hat das gegenüber ja nicht

ah, du willst das indirekte signal, mit $ adressieren um das objekt zu laden?
Kp ob das geht (warscheinlich nicht), aber kann man sicher einbauen.
Wie geht denn der dialog auf? fehlt der button?

[Smilie108]

@jogibear9988
einfach da woh die temperaturfühler sind in einen freien bereich klicken ist im svg als cklick drin

[jogibear9988]

hab grad was gebaut (ungetestet), hoffe damit gehts. Muss noch probieren, kanns aber auch erst testen wenn das release fertig ist

[jogibear9988]

schau im folder indirect, da gehts nun

[Smilie108]

@jogibear9988 sagte in neue Visualisierung "webui" (alternative zu vis):

schau im folder indirect, da gehts nu

schomal vorab herzlichen dank

[jogibear9988]

hab im wiki bischen was zu javascript geschrieben:

https://github.com/iobroker-community-adapters/ioBroker.webui/wiki/DE%3AJavascript

[Marc Berg]

@jogibear9988 sagte in neue Visualisierung "webui" (alternative zu vis):

Es gibt wieder eine Live Demo der WebUI, darin könnt Ihr rumspielen und probieren...

Ich weiß nicht, wer die "radial" Menüs in der Demo angelegt hat, aber wie geil ist das denn?

Das weckt meinen Spieltrieb, aber da muss ich wirklich noch einen weiten (CSS-/HTML-) Weg gehen ...

[jogibear9988]

@marc-berg said in neue Visualisierung "webui" (alternative zu vis):

@jogibear9988 sagte in neue Visualisierung "webui" (alternative zu vis):

Es gibt wieder eine Live Demo der WebUI, darin könnt Ihr rumspielen und probieren...

Ich weiß nicht, wer die "radial" Menüs in der Demo angelegt hat, aber wie geil ist das denn?

Das weckt meinen Spieltrieb, aber da muss ich wirklich noch einen weiten (CSS-/HTML-) Weg gehen ...

hab ich iwo vom internet kopiert

glaub von hier:

https://www.cssscript.com/tag/radial-menu/

da gibts noch n paar:

https://freefrontend.com/css-circle-menus/

[jogibear9988]

hab mal noch ein 3d menü reinkopiert:

das gabs hier: https://codepen.io/jcoulterdesign/pen/pjQdGb/

was man meist machen muss:

im html - body tags entfernen. im css body durch :host ersetzen

[Blockmove]

@marc-berg said in neue Visualisierung "webui" (alternative zu vis):

Das weckt meinen Spieltrieb, aber da muss ich wirklich noch einen weiten (CSS-/HTML-) Weg gehen ...

Nachdem ich mit vis und vis2 nie so richtig warm geworden bin, bin ich vor einigen Wochen auf webui umgestiegen.
Also dem Spieltrieb kann man wirklich freien Lauf lassen.

[jogibear9988]

1.) wisst ihr schon?

Im Designer Strg+F, öffnet sich ein such dialog. In den könnt Ihr einen CSS Selektor eingeben, dann werden die elmente die darauf passen selektiert:

[jogibear9988]

2.) Ich hab den Designer ein bisschen umgebaut. Der gezeichnete content ist nun in einem extra shadow-root, das sollte die Styles besser kappseln und ich muss diese nicht mehr dynamisch umschreiben.
Dadurch musste ich aber vieles umbauen, daher falls etwas nicht mehr geht, lasst es mich wissen.

[jogibear9988]

3.) Ich lade nun auch die Overlays dynamisch neu, d.h. wenn ihr etwas per css animiert habt, sollten die rahmen usw. sich mitbewegen.

[jogibear9988]

Beispiel wie man z.B. die Sichtbarkeit an 2 Signale hängen kann:

oder so:

[jogibear9988]

so, die neuste webUi version ist nun auch im stable repo

[Smilie108]

@jogibear9988 muss mich mal kurz entschuldigen bin momentan beruflich voll im stress wird noch etwas dauern bis ich wieder weitermachen kann sorry. Aber danke einstweilen für alles

[Blockmove]

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

@jogibear9988 muss mich mal kurz entschuldigen bin momentan beruflich voll im stress wird noch etwas dauern bis ich wieder weitermachen kann sorry. Aber danke einstweilen für alles

Da kann ich mich gerade auch anschließen.
Aktuell fehlt mir auch die Zeit.
Irgendwie beginnt das Jahr ziemlich stressig

[Kur]

Hallo,
ich bin dabei den Adapter auszuprobieren. Gefällt mir sehr gut. Weiter so
Nun wollte ich aus dem Package @material/web ein Icon Button hinzufügen.
<md-icon style="position:absolute;left:100px;top:227px;">edit</md-icon>
Wenn ich das richtig verstanden habe, sollte dann ein "Edit"-Icon angezeigt werden. Leider wird anstatt des Icons nur ein Teil des Textes angezeigt.
Muss ich vorher noch eine weitere Library laden?

[jogibear9988]

@kur said in neue Visualisierung "webui" (alternative zu vis):

md-icon

füge das

<link href="https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined" rel="stylesheet">

in global config / header tags hinzu.

das du das brauchst steht hier: https://github.com/material-components/material-web/blob/main/docs/components/icon.md

ob es die auch als paket oder download gibt... kp.