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

jogibear9988

simpler ist alles zulassen. da ich zig stellen habe wo ich sonst ersetzen muss.

habs jetzt schon umgebaut. kann ja aber jeder so nutzen wie er will. Also einfacher und sicher fehlersicherer ist kleinbuchstaben und keine leerzeichen.

Sollten aber gehen, neues release sollte in 5min online sein

jogibear9988

Bei den Controls muss ich vlt- noch was einbauen, da ersetze ich nun Leerzeichen und Großbuchstaben durch dashes (für die HTML Tags), da HTML Tags nur lowercase sind. Ich muss aber eig. alle Sonderzeichen ersetzen, das ist im Moment noch nicht drin.

Aber wer meint sein Control "$super%control!" nennen zu müssen, hat eben pech.

Smilie108

@jogibear9988
Mir wäre das eigentlich egal gewesen mann muss es nur wissen weil es halt bis jetzt so ging ;)
Aber wie @Blockmove schon sagte Regeln sollte es geben sonst wenn das in die breite geht sich keiner mehr auskennt.
Sollten wir eventuel ein wiki einrichten und schreiben ? mit den Regeln bzw tipps ?

jogibear9988

@smilie108

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

@jogibear9988
Mir wäre das eigentlich egal gewesen mann muss es nur wissen weil es halt bis jetzt so ging ;)
Aber wie @Blockmove schon sagte Regeln sollte es geben sonst wenn das in die breite geht sich keiner mehr auskennt.
Sollten wir eventuel ein wiki einrichten und schreiben ? mit den Regeln bzw tipps ?

gerne, wenn Ihr Zeit dafür habt:

https://github.com/iobroker-community-adapters/ioBroker.webui/wiki

könnt Ihr da was bearbeiten? Oder muss ich euch hinzufügen?

Smilie108

@jogibear9988
Ich kann da nichts

jogibear9988

@smilie108

dann brauchst n github account, schickst mir den namen und ich schalte dich frei

jogibear9988

probiers nochmal, hab was umgestellt

Smilie108

@jogibear9988
Nein kann footer erstellen lach
bin dort auch smilie108

Smilie108

@jogibear9988
jetzt gehts

Blockmove

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

@jogibear9988
jetzt gehts

Bei mir klappt es auch

Blockmove

@jogibear9988

Hallo Jochen,
ist es sinnvoll das wiki in Englisch zu machen?
Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

jogibear9988

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

@jogibear9988

Hallo Jochen,
ist es sinnvoll das wiki in Englisch zu machen?
Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

kp. könnt ihr entscheiden, können ja ein deutschsprachiges machen und mit chatgpt übersetzen.
Da kommt eig. qualtativ gutes englisch bei raus

Blockmove

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

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

@jogibear9988

Hallo Jochen,
ist es sinnvoll das wiki in Englisch zu machen?
Die User von ioBroker kommen doch zum überwiegenden Teil aus dem deutschsprachigen Raum.

kp. könnt ihr entscheiden, können ja ein deutschsprachiges machen und mit chatgpt übersetzen.
Da kommt eig. qualtativ gutes englisch bei raus

An sowas in der Art dachte ich auch.
Die Übersetzer sind bei IT-Themen wirklich nicht schlecht.
Also starten wir mal in Deutsch?

Smilie108

@blockmove
von mir aus gerne.
Denke auch das die meisten User Deutschsprachig sind übersetzten können wir immer noch

jogibear9988

@blockmove

ja, hab mal ne startseite usw angefangen.

Bitte die Seiten englisch benenen mit DE: prefix

Ich hab die Bindings Seite mal von ChatGPT nach deutsch übersetzen lassen. :-)

Smilie108

@Blockmove
Kann man den graph aus pvvorcast

{
  "graphs": [
    {
      "data": [
        0.962,
        1.732,
        2.449,
        3.086,
        3.623,
        4.048,
        4.242,
        4.527,
        4.559,
        4.425,
        4.095,
        3.475,
        1.691,
        0.019,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.031,
        0.152,
        0.28,
        0.398,
        0.476,
        0.518,
        0.522,
        0.518,
        0.507,
        0.482,
        0.441,
        0.367,
        0.257,
        0.144,
        0.05,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.021,
        0.05,
        0.104,
        0.24
      ],
      "type": "bar",
      "legendText": "Total",
      "displayOrder": 1,
      "color": "#000000",
      "tooltip_AppendText": "kW",
      "datalabel_show": true,
      "datalabel_rotation": 270,
      "datalabel_color": "#cccccc",
      "datalabel_fontSize": 12,
      "yAxis_id": 0,
      "yAxis_position": "left",
      "yAxis_show": true,
      "yAxis_appendix": "kW",
      "yAxis_step": 1,
      "yAxis_max": 7,
      "yAxis_maximumDigits": 3
    }
  ],
  "axisLabels": [
    "14.01. 10:30",
    "14.01. 11:00",
    "14.01. 11:30",
    "14.01. 12:00",
    "14.01. 12:30",
    "14.01. 13:00",
    "14.01. 13:30",
    "14.01. 14:00",
    "14.01. 14:30",
    "14.01. 15:00",
    "14.01. 15:30",
    "14.01. 16:00",
    "14.01. 16:30",
    "14.01. 17:00",
    "14.01. 17:30",
    "14.01. 18:00",
    "14.01. 18:30",
    "14.01. 19:00",
    "14.01. 19:30",
    "14.01. 20:00",
    "14.01. 20:30",
    "14.01. 21:00",
    "14.01. 21:30",
    "15.01. 06:00",
    "15.01. 06:30",
    "15.01. 07:00",
    "15.01. 07:30",
    "15.01. 08:00",
    "15.01. 08:30",
    "15.01. 09:00",
    "15.01. 09:30",
    "15.01. 10:00",
    "15.01. 10:30",
    "15.01. 11:00",
    "15.01. 11:30",
    "15.01. 12:00",
    "15.01. 12:30",
    "15.01. 13:00",
    "15.01. 13:30",
    "15.01. 14:00",
    "15.01. 14:30",
    "15.01. 15:00",
    "15.01. 15:30",
    "15.01. 16:00",
    "15.01. 16:30",
    "15.01. 17:00",
    "15.01. 17:30",
    "15.01. 18:00",
    "15.01. 18:30",
    "15.01. 19:00",
    "15.01. 19:30",
    "15.01. 20:00",
    "15.01. 20:30",
    "15.01. 21:00",
    "15.01. 21:30",
    "16.01. 06:00",
    "16.01. 06:30",
    "16.01. 07:00",
    "16.01. 07:30",
    "16.01. 08:00",
    "16.01. 08:30",
    "16.01. 09:00",
    "16.01. 09:30",
    "16.01. 10:00",
    "16.01. 10:30"
  ]
}

Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
muss ich da was beachten ?
bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen ;)

jogibear9988

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

@Blockmove
Kann man den graph aus pvvorcast

{
  "graphs": [
    {
      "data": [
        0.962,
        1.732,
        2.449,
        3.086,
        3.623,
        4.048,
        4.242,
        4.527,
        4.559,
        4.425,
        4.095,
        3.475,
        1.691,
        0.019,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.031,
        0.152,
        0.28,
        0.398,
        0.476,
        0.518,
        0.522,
        0.518,
        0.507,
        0.482,
        0.441,
        0.367,
        0.257,
        0.144,
        0.05,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0,
        0.021,
        0.05,
        0.104,
        0.24
      ],
      "type": "bar",
      "legendText": "Total",
      "displayOrder": 1,
      "color": "#000000",
      "tooltip_AppendText": "kW",
      "datalabel_show": true,
      "datalabel_rotation": 270,
      "datalabel_color": "#cccccc",
      "datalabel_fontSize": 12,
      "yAxis_id": 0,
      "yAxis_position": "left",
      "yAxis_show": true,
      "yAxis_appendix": "kW",
      "yAxis_step": 1,
      "yAxis_max": 7,
      "yAxis_maximumDigits": 3
    }
  ],
  "axisLabels": [
    "14.01. 10:30",
    "14.01. 11:00",
    "14.01. 11:30",
    "14.01. 12:00",
    "14.01. 12:30",
    "14.01. 13:00",
    "14.01. 13:30",
    "14.01. 14:00",
    "14.01. 14:30",
    "14.01. 15:00",
    "14.01. 15:30",
    "14.01. 16:00",
    "14.01. 16:30",
    "14.01. 17:00",
    "14.01. 17:30",
    "14.01. 18:00",
    "14.01. 18:30",
    "14.01. 19:00",
    "14.01. 19:30",
    "14.01. 20:00",
    "14.01. 20:30",
    "14.01. 21:00",
    "14.01. 21:30",
    "15.01. 06:00",
    "15.01. 06:30",
    "15.01. 07:00",
    "15.01. 07:30",
    "15.01. 08:00",
    "15.01. 08:30",
    "15.01. 09:00",
    "15.01. 09:30",
    "15.01. 10:00",
    "15.01. 10:30",
    "15.01. 11:00",
    "15.01. 11:30",
    "15.01. 12:00",
    "15.01. 12:30",
    "15.01. 13:00",
    "15.01. 13:30",
    "15.01. 14:00",
    "15.01. 14:30",
    "15.01. 15:00",
    "15.01. 15:30",
    "15.01. 16:00",
    "15.01. 16:30",
    "15.01. 17:00",
    "15.01. 17:30",
    "15.01. 18:00",
    "15.01. 18:30",
    "15.01. 19:00",
    "15.01. 19:30",
    "15.01. 20:00",
    "15.01. 20:30",
    "15.01. 21:00",
    "15.01. 21:30",
    "16.01. 06:00",
    "16.01. 06:30",
    "16.01. 07:00",
    "16.01. 07:30",
    "16.01. 08:00",
    "16.01. 08:30",
    "16.01. 09:00",
    "16.01. 09:30",
    "16.01. 10:00",
    "16.01. 10:30"
  ]
}

Eigentlich mit stadartmitteln in eine graphische ansicht wandeln?
muss ich da was beachten ?
bei vis gabs dafür die vom material desinge den json-chart der das konnte. steh grad mal wieder am schlauch versuche das ganze möglichst ohne umbauten zu übernehmen ;)

screen "chart sample"

Smilie108

@jogibear9988
Sorry so geht das leider nicht ich glaub ich muss mich jetzt doch mal mit diesem parse beschäftigen.
Eigentlich ist es schon extrem wenn man mal ca 5 jahre nix mehr mit html usw macht wieviel man da vergisst schande
muss ich mir morgen mal anschen für heute gute nacht bin noch nicht ganz fit aber morgen ruft die arbeit ;)

Blockmove

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

@jogibear9988
Sorry so geht das leider nicht ich glaub ich muss mich jetzt doch mal mit diesem parse beschäftigen.
Eigentlich ist es schon extrem wenn man mal ca 5 jahre nix mehr mit html usw macht wieviel man da vergisst schande
muss ich mir morgen mal anschen für heute gute nacht bin noch nicht ganz fit aber morgen ruft die arbeit ;)

Zum Spielen mit JSON.parse und map nutz ich immer ein normales ioBroker-Script. Da hast du bessere Debug-Möglichkeit.
Den Chart hab ich noch nie verwendet. Da muß ich auch mal schauen.

Blockmove

@jogibear9988

Hallo Jochen,
ich wollte gerade das node-projects Package installieren und hab dabei festgestellt, dass ich keine Packages mehr installieren kann. Das Kontextmenu mit "Install Package" öffnet sich nicht.
webui-Version 1.0.15

VG
Dieter

Community Forum

NEWS

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

Support us

843

32.4k

81.5k

1.3m