UPGRADE IP 9 verfügbar!
Timberwolf VISU jetzt mit NEUEM Layout Editor
Freie Anordnung, Reihenfolge und Größe der Widgets - viele weitere Verbesserungen
Infos im Wiki: https://elabnet.atlassian.net/l/cp/06SeuHRJ

NEU! Insider & Leistungsmerkmale FÜR ALLE freigeschaltet
Damit kann nun jeder das Upgrade vornehmen und VISU & IFTTT testen. Alle Info hier: viewtopic.php?f=8&t=5074

[Gelöst] Icons für Custom-Logik

Informationen und Diskussionen über Logik-Engine und Logik-Editor
Forumsregeln
  • Denke bitte an aussagekräftige Titel und gebe dort auch die [Firmware] an. Wenn ETS oder CometVisu beteiligt sind, dann auch deren Version
  • Bitte mache vollständige Angaben zu Deinem Server, dessen ID und dem Online-Status in Deiner Signatur. Hilfreich ist oft auch die Beschreibung der angeschlossener Hardware sowie die verwendeten Protokolle
  • Beschreibe Dein Projekt und Dein Problem bitte vollständig. Achte bitte darauf, dass auf Screenshots die Statusleiste sichtbar ist
  • Bitte sei stets freundlich und wohlwollend, bleibe beim Thema und unterschreibe mit deinem Vornamen. Bitte lese alle Regeln, die Du hier findest: https://wiki.timberwolf.io/Forenregeln
Antworten

Ersteller
TobiasLessing
Reactions:
Beiträge: 56
Registriert: Do Dez 10, 2020 11:24 pm
Wohnort: Zwochau
Hat sich bedankt: 36 Mal
Danksagung erhalten: 54 Mal

Icons für Custom-Logik

#1

Beitrag von TobiasLessing »

Hallo zusammen,

wie kann ich meinen Custom-Logiken, denn ein Icon zuweisen? Es scheint ja vorgesehen zu sein. Leider kann ich mit dem Kommentar nicht viel anfangen.
Ist "image/svg+xml" der Pfad? Falls ja, wie kann ich auf diesen zugreifen? Wird zusätzlich eine .xml-Datei benötigt? Falls ja, was muss da rein und wie soll sie heißen? zeigt die UI auch farbige svg-Icons an?
In der KB finde ich leider nichts (oder ich hab nicht gründlich genug gesucht).

Code: Alles auswählen

"_Meta": { // Optional
    "Description": "",
    "Version": "1.00",
    "Icon": "" // format: "data:image/svg+xml;base64,ENCODED_FILE"
  }
Ist zwar reine Kosmetik, aber wenn sich damit die Übersichtlichkeit erhöht, hat es ja auch einen praktischen Nutzen. Außerdem hat sich jemand die Mühe gemacht es zumindest vorzusehen, dann will ich das auch honorieren (kleiner Teaser...) [ich bin jemand der Bedienungsanweisungen ließt, weil sich da auch jemand Mühe gegeben hat...].

Soweit vielen Dank.
Viel Grüße

Tobias
Zuletzt geändert von TobiasLessing am Mi Apr 28, 2021 2:22 pm, insgesamt 1-mal geändert.
TWS 950Q ID:458, vormals 960Q mit FreshUp, VPN offen, Reboot erlaubt nach Rücksprache
TWS 950Q ID:488, offline
PBM SN 1048

Dragonos2000
Reactions:
Beiträge: 2181
Registriert: So Aug 12, 2018 1:38 pm
Wohnort: Karlsruher Raum
Hat sich bedankt: 481 Mal
Danksagung erhalten: 889 Mal

#2

Beitrag von Dragonos2000 »

Du musst die Rastergrafik base64 kodieren/konvertieren (dabei kommt eine lange kryptische Zeichenfolge raus) und einfügen. Dann sieht die Icon-Zeile so aus (abgekürzt):
"Icon": " data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6I..."

Zum konvertieren kannst Du bspw. folgende Seite nutzen:
https://base64.guru/converter/encode/image/svg
Zuletzt geändert von Dragonos2000 am Mi Apr 28, 2021 2:51 pm, insgesamt 3-mal geändert.
Lg
Jochen
____________________________________________________________
TW 2600 #188
VPN offen, Zugriff jederzeit, Experimente jederzeit, Reboot jederzeit

Ersteller
TobiasLessing
Reactions:
Beiträge: 56
Registriert: Do Dez 10, 2020 11:24 pm
Wohnort: Zwochau
Hat sich bedankt: 36 Mal
Danksagung erhalten: 54 Mal

#3

Beitrag von TobiasLessing »

Vielen Dank Jochen,

ist zwar nicht sehr ansehnlich im Code, aber egal. Solange es die Performance nicht eintrübt ist alles gut.
Allerdings bekomme ich es selbst mit einem einfachen, schwarzen Kreis/Ring nicht hin. Die Logik lässt sich mit dem Fehler "Unexpected token in JSON at position xyz"-nicht speichern. Hab mal alle "//" in Base64-Text gelöscht und siehe da, sie ließ sich speichern. Allerdings ist dann keine Grafik zu sehen.
Bei der Konvertierung konnte ich aber nichts weiter einstellen (habe zwei erschiedene Online-Tools getestet, mit unterschiedlichen .svg). Das Ergebnis war überall identisch.
Gibt es beim Bild noch etwas zu beachten? Farbe, Größe,...?

Danke.
Viele Grüße

Tobias
TWS 950Q ID:458, vormals 960Q mit FreshUp, VPN offen, Reboot erlaubt nach Rücksprache
TWS 950Q ID:488, offline
PBM SN 1048

StefanW
Elaborated Networks
Reactions:
Beiträge: 9689
Registriert: So Aug 12, 2018 9:27 am
Wohnort: Frauenneuharting
Hat sich bedankt: 4831 Mal
Danksagung erhalten: 7632 Mal
Kontaktdaten:

#4

Beitrag von StefanW »

Hi Tobias,
TobiasLessing hat geschrieben: Mi Apr 28, 2021 7:38 pmist zwar nicht sehr ansehnlich im Code, aber egal. Solange es die Performance nicht eintrübt ist alles gut.
Bilder sind binär codiert. Text wird auch binär codiert, aber hierbei dienen manche Bits als Steuerzeichen. Um das zu umgehen nimmt man eine Base64 Kodierung vor. Die sieht zwar "wild" aus, aber es ist letztlich der einzige Weg, ein Binärformat in einer Textdatei zu speichern.

lg

Stefan
Zuletzt geändert von StefanW am Mi Apr 28, 2021 7:59 pm, insgesamt 1-mal geändert.
Stefan Werner
Product Owner für Timberwolf Server, 1-Wire und BlitzART
Bitte WIKI lesen. Allg. Support nur im Forum. Bitte keine PN
Zu Preisen, Lizenzen, Garantie, HW-Defekt an service at elabnet dot de

Link zu Impressum und Datenschutzerklärung oben.

Dragonos2000
Reactions:
Beiträge: 2181
Registriert: So Aug 12, 2018 1:38 pm
Wohnort: Karlsruher Raum
Hat sich bedankt: 481 Mal
Danksagung erhalten: 889 Mal

#5

Beitrag von Dragonos2000 »

@TobiasLessing Hmm...hast Du eine Rastergrafik oder Vektorgrafik konvertiert? Ich habe zwar oben von Rastergrafik geschrieben, wenn ich mich recht erinnere muss es aber eine Vektorgrafik sein. Konvertiere mal ein SVG, ob es dann immer noch Fehler gibt.
Lg
Jochen
____________________________________________________________
TW 2600 #188
VPN offen, Zugriff jederzeit, Experimente jederzeit, Reboot jederzeit

Ersteller
TobiasLessing
Reactions:
Beiträge: 56
Registriert: Do Dez 10, 2020 11:24 pm
Wohnort: Zwochau
Hat sich bedankt: 36 Mal
Danksagung erhalten: 54 Mal

#6

Beitrag von TobiasLessing »

Jetzt bin ich etwas verwirrt. :?
.svg sind doch scalable vector grafics. Ich behaupte die gibt es nicht auf Rasterbasis.
Es waren ansonsten .svg-Dateien die ich genutzt habe. Allerdings der zeit wegen online gesucht. Ich erstelle sonst morgen mal ein eigenes und gebe Bescheid ob's hilft.
TWS 950Q ID:458, vormals 960Q mit FreshUp, VPN offen, Reboot erlaubt nach Rücksprache
TWS 950Q ID:488, offline
PBM SN 1048

Dragonos2000
Reactions:
Beiträge: 2181
Registriert: So Aug 12, 2018 1:38 pm
Wohnort: Karlsruher Raum
Hat sich bedankt: 481 Mal
Danksagung erhalten: 889 Mal

#7

Beitrag von Dragonos2000 »

TobiasLessing hat geschrieben: Mi Apr 28, 2021 9:36 pm .svg sind doch scalable vector grafics. Ich behaupte die gibt es nicht auf Rasterbasis.
Ja, das ist auch richtig. Ich habe mich oben verschrieben mit der Rastergrafik. Sorry für die Verwirrung. Poste mal den kompletten Meta-Abschnitt mit dem codierten Bild, ob da was falsch ist. Aber bitte darauf achten, dass das codierte und hier gepostete Bild auch Lizenz mäßig sauber ist, damit es da keinen Stress gibt.
Zuletzt geändert von Dragonos2000 am Do Apr 29, 2021 12:25 am, insgesamt 2-mal geändert.
Lg
Jochen
____________________________________________________________
TW 2600 #188
VPN offen, Zugriff jederzeit, Experimente jederzeit, Reboot jederzeit

Ersteller
TobiasLessing
Reactions:
Beiträge: 56
Registriert: Do Dez 10, 2020 11:24 pm
Wohnort: Zwochau
Hat sich bedankt: 36 Mal
Danksagung erhalten: 54 Mal

#8

Beitrag von TobiasLessing »

So heute hab ich es geschafft.

Vielen Dank noch einmal Jochen. Das Problem saß wie üblich vorm Bildschirm. :angry-banghead:
Man muss auch .svg-Dateien konvertieren. Ich hab zwar online nach einfachen Vektorgrafiken gesucht, beim Download waren es dann aber doch .png-Dateien... Hätte mir schon eher auffallen müssen. Mit Inkscape konnte ich jetzt ein eigenes .svg-Icon erstellen.
Sorry für die geklaute Zeit! Ich gelobe Besserung.

An der Stelle noch eine kleine Rechtsfrage:
kann über die TOLL auch gleich das Verwendungsrecht an einer eigens erstellten Grafik erteilt werden? Die TOLL selbst bezieht ja auch die Dokumentation mit ein. Ein Icon zu besseren Unterscheidung der Blöcke würde ich da jetzt einfach mit dazu zählen. Aber ob das dann auch reicht? ICh würde meine Grafiken jedenfalls mit freigeben, wenn ich dazu komme, welche zu machen.

Viele Grüße
Tobias
TWS 950Q ID:458, vormals 960Q mit FreshUp, VPN offen, Reboot erlaubt nach Rücksprache
TWS 950Q ID:488, offline
PBM SN 1048

adimaster
Reactions:
Beiträge: 375
Registriert: So Apr 14, 2019 11:12 am
Hat sich bedankt: 203 Mal
Danksagung erhalten: 198 Mal

#9

Beitrag von adimaster »

Dragonos2000 hat geschrieben: Mi Apr 28, 2021 2:49 pm Zum konvertieren kannst Du bspw. folgende Seite nutzen:
https://base64.guru/converter/encode/image/svg
Cool, ist zwar schon eine Weile her der Beitrag, aber hat mir eben geholfen :handgestures-thumbsup:

Feature/Idee ... eine "Bilderauswahl" hier oder im Wiki speichern.

Allerdings stelle ich fest, dass ein Bild mit 839.972 Zeichen die Logik ganz schön verlangsamt :doh:
GIbt es eine Empfehlung für die Anzahl an Pixels für die Bilder?
Zuletzt geändert von adimaster am So Mär 13, 2022 5:16 pm, insgesamt 2-mal geändert.
Grüße, Adi
TWS 2600 ID: 331, VPN geschlossen, Reboot nach Rücksprache
Antworten

Zurück zu „Logikengine & Logik-Editor“