Google Material Design Icons

Begonnen von Christoph Morrison, 31 Dezember 2020, 17:40:13

Vorheriges Thema - Nächstes Thema

Christoph Morrison

Hallo zusammen,

ich bin dabei mal meine FHEMWEB-Oberfläche zu modernisieren und wollte dazu die Google Material Design Icons einbinden - immerhin rund 1500 moderne Icons. Die Dateien sind unter der Apache License V2 veröffentlicht, können also sehr liberal verwendet werden (eigentlich ist nur der Weiterverkauf untersagt).

Es war ein bisschen XSLT nötig um fill ordentlich unterstützen zu können, aber ihr findet das Resultat unter FHEM::Icons::Material.

Wzut

Zwei Herzen schlagen in meiner Brust,
ersteinm finde ich es toll wenn sich jemand so eine Arbeit macht und die Sammlung kann sich echt sehen lassen :) :) :)
aber ich verstehe nicht warum man dieses externe github Geschüttel nutzen muß wenn man schon die svn Schreibrechte hat :( :( :(
Maintainer der Module: MAX, MPD, UbiquitiMP, UbiquitiOut, SIP, BEOK, readingsWatcher

Christoph Morrison

Zitat von: Wzut am 31 Dezember 2020, 18:23:42
Zwei Herzen schlagen in meiner Brust,
aber ich verstehe nicht warum man dieses externe github Geschüttel nutzen muß wenn man schon die svn Schreibrechte hat :( :( :(

Ich bin, wie ich schon oft geschrieben habe, kein Freund des Subversion-Repositories und diese Icons sind ein gutes Beispiel weshalb: Die Entwicklung/Pflege der Icons findet nunmal kollaborativ auf Github in Git statt und ich müsste dann einen Workflow bauen, der etwas von Git(hub) in das Subversion-Repository transportiert - weil genau niemand mehr da draußen Subversion für irgendwas benutzt und sowas wie pull requests, Forks, usw. in Subversion gar nicht möglich sind. So habe ich einen Fork des Originalprojekts gemacht und dann meine Sachen dazu geklebt, was ungefähr nur ein Fünftel der Zeit gekostet hätte, hätte ich noch Subversion da mit reingebracht.

Wir hatten die Diskussion aber sicher schon drölfzig mal und es gibt eben nicht mal einen (eigenen) Git-Server des Vereins, sondern Subversion von anno tobak. Jehova, aber man kann ja mal einen Blick rüber zu HASS werfen um zu schauen, was da möglich ist.

nb: Subversion war einer der Gründe, warum ich meine Module abgegeben und meine "privaten" Module nie veröffentlicht habe.

Christoph Morrison

Noch ein Nachsatz, auch wenn's OT ist:
Ich möchte einen Issuetracker haben, in dem ich nachlesen kann ob jemand ein Problem schon mal hatte und Ideen abladen kann, die ich für die Weiterentwicklung habe. Das ist auch seit etwa immer Standard im IT-Geschäft.

ToKa

Hallo Christoph Morrison,

echt Klasse und Danke für die Aufbereitung und Bereitstellung der Icons. Ich bin auch ein Fan der modernen Material Design Icons und habe sie bislang immer von Hand einzeln in meine Installation kopiert.

Unter https://materialdesignicons.com/ gibt es noch wesentlich mehr davon, wobei auch die Google Icons dabei sind. Allerdings gibt es damit auch das Problem des "fill", was ich bislang nur von Hand lösen konnte. Verstehe ich Dich richtig, dass Du das automatisiert hast?

Viele Grüße und alles gute zum neuen Jahr!

Torsten
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

Christoph Morrison

Hallo Torsten,

Zitat von: ToKa am 01 Januar 2021, 15:25:25
Unter https://materialdesignicons.com/ gibt es noch wesentlich mehr davon, wobei auch die Google Icons dabei sind. Allerdings gibt es damit auch das Problem des "fill", was ich bislang nur von Hand lösen konnte. Verstehe ich Dich richtig, dass Du das automatisiert hast?

Exakt. Ich transformiere die SVG mit XSLT dahin, dass an den nötigen Stellen (und an manchen, wo es nicht nötig wäre, aber wohl nicht stört) ein fill-Attribut hinzugefügt wird. Im Prinzip sollte das mit meinem aktuelle Code schon funktionieren, ich schaue mal, ob ich einen Fork davon mit der nötigen Infrastruktur hinbekomme.

ToKa

Das wäre prima und würde mich sehr freuen!
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

FunkOdyssey

Ich habe das auch gestern direkt implementiert.
Man hat darin aber kein automatisches Icon-Set für die Standard-Icons wie z.B. on, off, etc.
Als ich damals openautomation gesetzt hatte, habe ich die üblichen FHEM-Glühbirnen direkt verabschiedet.

Das stelle ich mir mit dieser Variante hier schwieriger vor, da man dann die Kompatibilität zum Google-Git verliert, oder?

Ich überlege nun, ob ich wirklich komplett auf das Material-Design wechseln soll. Das wird viel Arbeit und ich müsste auch mein CSS überarbeiten, da die Icons vertikal anders ausgerichtet sind. Die Gesamtgröße ist ja relativ übersichtlich. Ich meine, dass ich gestern nur ca. 6 MB gesehen habe.

Danke für deine Arbeit.

Christoph Morrison

Zitat von: FunkOdyssey am 01 Januar 2021, 16:17:52
Das stelle ich mir mit dieser Variante hier schwieriger vor, da man dann die Kompatibilität zum Google-Git verliert, oder?

Die sind auch auf Git. Ich würde die direkt forken und dann so wie beim Google Material vorgehen. Im Prinzip kann man neue Icons aus dem Haupt-Repository direkt reinmergen und der Workflow baut dann neue Icons und die Update-Datei.

Christoph Morrison

#9
Ich habe die reinen Google Material Design Icons verschoben:
https://github.com/fhem/FHEM-Icons-Material-Google

Die neuen wird es hier geben:
https://github.com/fhem/FHEM-Icons-Material-Templarian

FunkOdyssey

#10
Ich komme nicht mit. Wo ist denn der Unterschied zwischen den Sets?
Habe ich mich falsch ausgedrückt oder du das falsche Zitat gewählt?

Meine Frage bezog sich auf die automatisierte Nutzung der Icons für die Standard-Icons.
Also eine eigene iconalias.txt:
https://svn.fhem.de/trac/browser/trunk/fhem/www/images/fhemSVG/iconalias.txt
https://svn.fhem.de/trac/browser/trunk/fhem/www/images/openautomation/iconalias.txt

Dies hat den Vorteil, dass man nicht jedes DevStateIcon umschreiben muss.

Christoph Morrison

Zitat von: FunkOdyssey am 01 Januar 2021, 17:05:38
Ich komme nicht mit. Wo ist denn der Unterschied zwischen den Sets?
Habe ich mich falsch ausgedrückt oder du das falsche Zitat gewählt?

Nein, ich hab dich falsch verstanden. Vergiss mein Posting einfach ;-)

Zitat von: FunkOdyssey am 01 Januar 2021, 17:05:38
Meine Frage bezog sich auf die automatisierte Nutzung der Icons für die Standard-Icons.
Also eine eigene iconalias.txt:
https://svn.fhem.de/trac/browser/trunk/fhem/www/images/fhemSVG/iconalias.txt
https://svn.fhem.de/trac/browser/trunk/fhem/www/images/openautomation/iconalias.txt

Dies hat den Vorteil, dass man nicht jedes DevStateIcon umschreiben muss.

Wenn du eine vernünftige Liste machst, checke ich die gerne mit ein. Ich habe die iconalias bisher nie benutzt.

FunkOdyssey

Das kann ich machen. Sobald das nutzbar ist, werde ich ein paar passende Icons heraussuchen.

Christoph Morrison

Schaut mal hier:
https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/development/controls_icons-material-templarian.txt

Sind allerdings nun rund 5200 Icons und dauert entsprechend länger. Als iconPath bitte material-templarian eintragen.

ToKa

Wie muss ich denn das repository in fhem einbinden?
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

Christoph Morrison

update add https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/development/controls_icons-material-templarian.txt
update all https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/development/controls_icons-material-templarian.txt

ToKa

RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

Christoph Morrison

Zitat von: ToKa am 01 Januar 2021, 20:28:13
2021.01.01 20:26:12 1:  https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/development/www/images/material-templarian/material-templarian-apple-keyboard-command.svg: Select timeout/error:

Naja, läuft in einen Timeout zwischen dir und Github. Da kann ich nicht viel tun. Du kannst die Files auch bei Github runterladen und dort hin entpacken.
https://github.com/fhem/FHEM-Icons-Material-Templarian/archive/master.zip

Du brauchst was in www/images/material-templarian liegt.

ToKa

Beim zweiten Update klappt es jetzt wohl.

Die Icons lassen sich nutzen und auch einfärben. Perfekt, vielen Dank!

RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

FunkOdyssey

Das Update läuft. Trotz Background dauert das echt lange.  :D

Ich sehe aber ein Problem mit der iconalias.txt
Ich finde keine Treffer für die meisten Befehle. Keine Bulb-Toggle-Icons, keine Dim-Icons und auch keine on-for-Icons.

Ich probiere noch ein wenig aus.

ToKa

Hallo Christoph,

ich habe heute weiter mit den neuen Icons getestet und es sieht alles gut aus. Lediglich die lange Bezeichnung der Icons ist etwas nervig. Könnte man die Bezeichnung evtl. kürzen:

material-templarian-power --> mt-power

oder mdi-power für material design icons

Viele Grüße
Torsten
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

Christoph Morrison

Ist auf jeden Fall mal überdenkenswert.

Ich denke mdt (material-design-templarian) und mdg (material-design-google) werden es wohl als prefixe werden.

ToKa

RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight


ToKa

Funktioniert auch mit mdt super, das Herunterladen ist etwas zäh...

Danke!
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

Christoph Morrison

Zitat von: ToKa am 03 Januar 2021, 22:14:48
Funktioniert auch mit mdt super, das Herunterladen ist etwas zäh...

Dauerte bei mir etwa 30 Minuten. Sind halt nun auch über 5000 Icons ;-)

ToKa

Zitat von: FunkOdyssey am 01 Januar 2021, 20:38:24
Ich sehe aber ein Problem mit der iconalias.txt
Ich finde keine Treffer für die meisten Befehle. Keine Bulb-Toggle-Icons, keine Dim-Icons und auch keine on-for-Icons.

Ich probiere noch ein wenig aus.

Ich habe für mich jetzt mal die on und off Icons in einer iconalias.txt hinterlegt. Mir war das bislang nicht bekannt und ich habe immer mit devStateIcon gearbeitet.

Das funktioniert prima, bis auf farbliche Änderungen oder habe ich da etwas übersehen? Kann ich in der iconalias.txt auch eine Farbe mit "@" z.B. @red vor einstellen?

Viele Grüße
Torsten
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

Christoph Morrison

Zitat von: ToKa am 04 Januar 2021, 15:52:56
Das funktioniert prima, bis auf farbliche Änderungen oder habe ich da etwas übersehen? Kann ich in der iconalias.txt auch eine Farbe mit "@" z.B. @red vor einstellen?

Das hatte ich bisher auch nie hinbekommen, weshalb ich keine iconalias.txt verwende.

FunkOdyssey

Es gibt dazu bereits einen Pull Request.

Christoph Morrison

Zitat von: FunkOdyssey am 04 Januar 2021, 16:07:57
Es gibt dazu bereits einen Pull Request.

Wo denn? Gefunden. Aber das Problem mit den Farben gibt es nach wie vor, oder?

FunkOdyssey

Zitat von: ToKa am 04 Januar 2021, 15:52:56
Ich habe für mich jetzt mal die on und off Icons in einer iconalias.txt hinterlegt. Mir war das bislang nicht bekannt und ich habe immer mit devStateIcon gearbeitet.

Das funktioniert prima, bis auf farbliche Änderungen oder habe ich da etwas übersehen? Kann ich in der iconalias.txt auch eine Farbe mit "@" z.B. @red vor einstellen?


Mir nicht bekannt. Müsstest du mal ausprobieren. Die Antwort interessiert mich auch.
Ansonsten könnte man Rudi bitte, ob er so etwas implementiert.
Ich denke aber, dass die Farbgebung in einem Iconset keine gute Idee ist. Es ist für uns schon ganz praktisch, aber deine Farben müssen ja nicht zu meinen Farben passen.
Noch viel interessanter wäre es, wenn man in FHEM eine Abstraktionsebene hätte, in der man das zentral konfigurieren kann.  ;D

Mein aktueller Entwurf sieht wie folgt aus:

FS20.off   mdt-lightbulb-off-outline.svg
FS20.on    mdt-lightbulb.svg
off        mdt-lightbulb-off-outline.svg
on         mdt-lightbulb.svg
OFF        mdt-lightbulb-off-outline.svg
ON         mdt-lightbulb.svg
Aus        mdt-lightbulb-off-outline.svg
An         mdt-lightbulb.svg

toggle         mdt-power-cycle.svg
on-for-timer   mdt-progress-clock.svg
off-for-timer  mdt-progress-clock.svg
dimup          mdt-chevron-triple-up.svg
dimdown        mdt-chevron-triple-down.svg

set_on         mdt-power.svg
set_off        mdt-power-off.svg
set-on         mdt-power.svg
set-off        mdt-power-off.svg
set_ON         mdt-power.svg
set_OFF        mdt-power-off.svg
unreachable    mdt-alert-circle-outline.svg
undefined      mdt-help-circle-outline.svg

set_toggle        mdt-power-cycle.svg
set_on_for_timer  mdt-progress-clock.svg
set_off_for_timer mdt-progress-clock.svg
set_dimup         mdt-chevron-triple-up.svg
set_dimdown       mdt-chevron-triple-down.svg

Next       mdt-skip-next-circle-outline.svg
Prev       mdt-skip-previous-circle-outline.svg
Zoom-out   mdt-magnify-minus-outline.svg
Zoom-in    mdt-magnify-plus-outline.svg

back       mdt-account-arrow-left.svg

dim06%     mdt-brightness-1.svg
dim12%     mdt-brightness-1.svg
dim18%     mdt-brightness-1.svg
dim25%     mdt-brightness-2.svg
dim31%     mdt-brightness-2.svg
dim37%     mdt-brightness-3.svg
dim43%     mdt-brightness-3.svg
dim50%     mdt-brightness-4.svg
dim56%     mdt-brightness-4.svg
dim62%     mdt-brightness-4.svg
dim68%     mdt-brightness-5.svg
dim75%     mdt-brightness-5.svg
dim81%     mdt-brightness-6.svg
dim87%     mdt-brightness-6.svg
dim93%     mdt-brightness-7.svg
dim100%    mdt-brightness-7.svg


Die ersten Verbesserungsmöglichkeiten sind mir aber schon aufgefallen.

rudolfkoenig

ZitatNoch viel interessanter wäre es, wenn man in FHEM eine Abstraktionsebene hätte, in der man das zentral konfigurieren kann.  ;D
Nennt sich StyleSheet.

FunkOdyssey

#32
Zitat von: rudolfkoenig am 04 Januar 2021, 16:58:51
Nennt sich StyleSheet.

;D

Das ist schon klar. Aber das hilft uns doch nicht bei devStateIcons, oder?
Ist das aktuell nicht eine Art von Modifier, der den Statustext in SVGs umwandelt?

Nachtrag: Verlesen. Hmm, du meinst vermutlich nur die Farben, oder?

ToKa

Hallo zusammen,

die Vorschläge sind super - sehe schon, da mag jemand auch die outline Versionen :)

Lediglich bei diesen beiden, würde ich persölich eine andere Auswahl treffen:
Next       mdt-page-next-outline.svg
Prev       mdt-page-previous-outline.svg


@Rudi: Danke für den Hinweis - könntest Du den bitte noch etwas präzisieren z.B. wie man off immer in rot und on immer in grün erreicht?
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

rudolfkoenig

ZitatDas ist schon klar. Aber das hilft uns doch nicht bei devStateIcons, oder?
Ist das aktuell nicht eine Art von Modifier, der den Statustext in SVGs umwandelt?
Verstehe beide Fragen nicht.

In defaultCommon.css steht:
svg:not([fill]):not(.jssvg) { fill:#278727; }
svg.on,svg.FS20_on { fill:orange!important; }


Die Farben sollten mAn nicht im Icon-Set sondern im Stylesheet definiert werden.

ToKa

Definitiv sind sie dort besser aufgehoben und damit auch für jeden individuell einstellbar. Habe es gefunden, damit z.B. geht es:

svg#mdi-lightbulb-off-outline {
    fill: red!important;
}
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

FunkOdyssey

Vielleicht noch als kleine Ergänzung, wenn du auch den Status per CSS bei gleichem SVG unterschiedlich anzeigen willst:

svg#mdi-lightbulb-off-outline.on
{
    fill: red!important;
}


svg#mdi-lightbulb-off-outline.off
{
    fill: grey!important;
}


Nicht immer stehen unterschiedliche IDs für gleichnamige SVGs zur Verfügung.

FunkOdyssey

Kann man eine Lösung finden, dass FHEM bei einem Update der controls_icons-mdt.txt (https://github.com/fhem/FHEM-Icons-Material-Templarian/tree/development) nicht immer wieder alle Icons herunterladen will? Die Dateien selbst haben sich doch gar nicht geändert, sondern nur das UPD-Datum im Controlfile.

Oder sind das nur vorübergehende Nebenwirkungen wegen den GitHub-Actions?

Christoph Morrison

Mach mal ne Github-Issue dazu auf, bitte.

ToKa

Das ist wirklich nervig mit dem täglichen Update... dauert und müllt das Log zu.
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

Christoph Morrison

Zitat von: ToKa am 06 Januar 2021, 14:06:16
Das ist wirklich nervig mit dem täglichen Update... dauert und müllt das Log zu.

Sollte sich nun erledigt haben, oder?

ToKa

Ja, alles prima jetzt.
Dankeschön
RaspberryPi3 mit RaZberry2 und Conbee II
Fibaro: FGWPE/F-101 Switch & FIBARO System FGWPE/F Wall Plug Gen5, FGSD002 Smoke Sensor
EUROtronic: SPIRIT Wall Radiator Thermostat Valve Control
Shelly2.5 Rollladenaktoren
Zipato Bulb 2, Osram und InnrLight

enno

Moin Christoph,

Ich habe die Icons eingebunden:
2021.09.20 20:45:47 1: Downloading https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/master/controls_icons-mdt.txt auf meinem Raspy klappt es ohne Probleme, auf dem NUC mit Ubuntu bricht das Update mit folgender Fehlermeldung ab: 2021.09.20 20:46:58 1: Got 1246 bytes for www/images/mdt/mdt-application-cog.svg, expected 1242
2021.09.20 20:46:58 1: aborting.


Woran könnte das liegen? Was müsste ich liefern, um den Fehler einzugrenzen?

Gruss
  Enno
Einfacher FHEM Anwender auf Intel®NUC

Christoph Morrison

Kann es sein, dass du mit dem Raspberry aus dem development-Branch die Daten holst und nicht aus master?
Ist in beiden Branches falsch.

Der Fehler besteht tatsächlich, muss ich mal untersuchen warum die Sizes abweichen.

enno

Moin Christoph,

https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/master/controls_icons-mdt.txt

habe ich jetzt auf meinen Rechnern zum Durchlaufen bekommen, indem ich in global ein paar Symbole ausgeschlossen (exclude_from_update) habe, die zu dem Fehler führten. So läuft es erst mal für mich....

mdt-application-cog.svg mdt-application-settings.svg mdt-application.svg mdt-battery-minus.svg mdt-battery-plus.svg mdt-bell-outline.svg mdt-boom-gate-up-outline.svg mdt-archive-refresh.svg mdt-boom-gate-up.svg mdt-cctv.svg mdt-chili-hot.svg mdt-chili-medium.svg mdt-blood-bag.svg mdt-chili-mild.svg mdt-chili-off.svg mdt-file-pdf-box.svg mdt-gate-arrow-right.svg mdt-human-greeting.svg

Gruss
  Enno
Einfacher FHEM Anwender auf Intel®NUC

misux

#45
Hallo!

Ich habe versucht eben die Icons zu installieren...

Leider klappt es nicht... Hat jemand eine Idee was ich falsch mache?

Habe die beiden Zeilel oben im Fhemweb eingeben und mit enter bestätigt.

update add https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/master/controls_icons-mdt.txt
update all https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/master/controls_icons-mdt.txt


Die erste hat geklappt beider zweiten dann eine Fehlermeldung:

2022.01.31 12:00:50 1 : Downloading https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/master/controls_icons-mdt.txt
2022.01.31 12:00:51 1 : RMDIR: ./restoreDir/update/2021-12-28
2022.01.31 12:00:51 1 : UPD www/images/mdt/iconalias.txt
2022.01.31 12:00:51 1 : open ./www/images/mdt/iconalias.txt failed: No such file or directory, trying to restore the previous version and aborting the update

misux

Hi!

Konnte das Problem selbst lösen...

Habe aber nun ein anderes was ich nicht lösen kann...

Beim Updateprozess bekomme ich nach einer Weile:

2022.02.13 08:37:51 1 : UPD www/images/mdt/mdt-apple.svg
2022.02.13 08:37:51 1 : UPD www/images/mdt/mdt-application-cog.svg
2022.02.13 08:37:52 1 : Got 1246 bytes for www/images/mdt/mdt-application-cog.svg, expected 1242
2022.02.13 08:37:52 1 : aborting.


und dann wars das... Was kann ich da tun?hat jemand Rat?

danke!

slupus

enno hat die Lösung bereits geschrieben:
Zitat von: enno am 11 Oktober 2021, 19:51:52
habe ich jetzt auf meinen Rechnern zum Durchlaufen bekommen, indem ich in global ein paar Symbole ausgeschlossen (exclude_from_update) habe, die zu dem Fehler führten. So läuft es erst mal für mich....

mdt-application-cog.svg mdt-application-settings.svg mdt-application.svg mdt-battery-minus.svg mdt-battery-plus.svg mdt-bell-outline.svg mdt-boom-gate-up-outline.svg mdt-archive-refresh.svg mdt-boom-gate-up.svg mdt-cctv.svg mdt-chili-hot.svg mdt-chili-medium.svg mdt-blood-bag.svg mdt-chili-mild.svg mdt-chili-off.svg mdt-file-pdf-box.svg mdt-gate-arrow-right.svg mdt-human-greeting.svg

attr global exclude_from_update  mdt-application-cog.svg mdt-application-settings.svg mdt-application.svg mdt-battery-minus.svg mdt-battery-plus.svg mdt-bell-outline.svg mdt-boom-gate-up-outline.svg mdt-archive-refresh.svg mdt-boom-gate-up.svg mdt-cctv.svg mdt-chili-hot.svg mdt-chili-medium.svg mdt-blood-bag.svg mdt-chili-mild.svg mdt-chili-off.svg mdt-file-pdf-box.svg mdt-gate-arrow-right.svg mdt-human-greeting.svg mdt-map-marker-radius.svg mdt-head-question-outline.svg

misux

Ach Mist... jetzt verstehe ich... :-[

Okay, vielen Dank! Jetzt funktioniert es.

misux

hmm... alles durchgeführt... aber müssten die Icons nicht danach im

http://192.168.xxx.xx:8083/fhem/tablet/icons_table.html

zu sehen sein? Bei mir sind sie jedenfalls nicht drin... wie aknn ich denn darauf zugreifen?

yersinia

Zitat von: misux am 13 Februar 2022, 10:07:04hmm... alles durchgeführt... aber müssten die Icons nicht danach im

http://192.168.xxx.xx:8083/fhem/tablet/icons_table.html

zu sehen sein? Bei mir sind sie jedenfalls nicht drin... wie aknn ich denn darauf zugreifen?
Nein, weil das eine statische Seite ist, die die mdt nicht dynamisch nachlädt.
Du müsstest für FTUI2 eher mit den Webfonts von Material Icons arbeiten. Die fonts müssen in den Ordner /opt/fhem/www/tablet/fonts und die css muss in /opt/fhem/www/tablet/lib.
Wenn du noch den CSS-Pfad in der icons_tables_dyn.html änderst, dann kannst du eventuell die verfügbaren icons sehen. Über die Stylesheets bindest du dann auch die icons ins FTUI2 ein.
    <link rel="stylesheet" href="lib/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/fhemSVG.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/openautomation.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/weather-icons.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/material-icons.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/materialdesignicons.min.css" type="text/css" /> <!-- <= HIER -->
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

misux

Zitat von: yersinia am 13 Februar 2022, 20:24:59
Nein, weil das eine statische Seite ist, die die mdt nicht dynamisch nachlädt.
Du müsstest für FTUI2 eher mit den Webfonts von Material Icons arbeiten. Die fonts müssen in den Ordner /opt/fhem/www/tablet/fonts und die css muss in /opt/fhem/www/tablet/lib.
Wenn du noch den CSS-Pfad in der icons_tables_dyn.html änderst, dann kannst du eventuell die verfügbaren icons sehen. Über die Stylesheets bindest du dann auch die icons ins FTUI2 ein.
    <link rel="stylesheet" href="lib/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/fhemSVG.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/openautomation.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/weather-icons.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/material-icons.min.css" type="text/css" />
    <link rel="stylesheet" href="lib/materialdesignicons.min.css" type="text/css" /> <!-- <= HIER -->


Vielen Dank für die Erläuterung! Werde es heute abend mal ausprobieren...

Was aber echt komisch ist, nachdem ich das alles installiert habe, sind auf einmal meine FHEMWEB Icons, also die lampen icons anders... dabei habe ich da eigentlich nix geändert... Jetzt ist überall wo die alte schöne kleine Lampe war eine dicke und nicht so schöne Lampe....
Kann man das irgendwie ändern?

yersinia

Zitat von: misux am 14 Februar 2022, 08:36:20Was aber echt komisch ist, nachdem ich das alles installiert habe, sind auf einmal meine FHEMWEB Icons, also die lampen icons anders... dabei habe ich da eigentlich nix geändert... Jetzt ist überall wo die alte schöne kleine Lampe war eine dicke und nicht so schöne Lampe....
Kann man das irgendwie ändern?
Hast du das iconset über iconPath eingebunden? Ggf hier die Reihenfolge ändern. Möglicherweise überschneiden sich die Namen der SVGs der verschiedenen iconsets.
Die Frage ist zudem, ob du die mdt für FHEM und FTUI haben willst oder nur für eines von beiden!?
viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

misux

Ahh.... okay daran könnte es liegen... habe beim iconPath mdt als erstes.. werde es dann heute abend nach hinten setzen.

Die neuen mdt icons würde ich gerne auf jeden Fall in der FTUI nutzen, FTUI2 wohl gemerkt, mit FTUI3 bin ich noch nicht soweit... Im FHEM müssen sie nicht sein...

Irgendiwe habe ich es wohl falsch verstanden... dachte das eine geht ohne das andere nicht...

misux

Jup, daran hat es gelegen... Habe mdt im iconPath nach hinten gelegt. nun ist es wieder schön. Danke!

Christoph Morrison

#55
Ich war mal so frei und habe etwa 7001000 neue Icons vom Quell-Repository nach master gebracht.
Dank der Arbeit von Florian_GT funktioniert nun auch die Generierung der controls-Datei problemlos.

misux

Zitat von: Christoph Morrison am 01 Januar 2021, 20:21:23
update add https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/development/controls_icons-material-templarian.txt
update all https://raw.githubusercontent.com/fhem/FHEM-Icons-Material-Templarian/development/controls_icons-material-templarian.txt


Hi!

Ähm... Wie entferne ich das wieder vom Updateprozess? Kann mir einer einen Tipp geben? Ich benötige das nicht mehr.

yersinia

viele Grüße, yersinia
----
FHEM 6.3 (SVN) on RPi 4B with RasPi OS Bullseye (perl 5.32.1) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

misux

 :-X
Schande über mein Haupt!  :-[

Vielen Dank!