FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Micha14 am 20 Juli 2016, 16:53:22

Titel: FTUI FB-CallList Icons
Beitrag von: Micha14 am 20 Juli 2016, 16:53:22
Beim Zusammenbau meiner Index-Seite bin ich jetzt beim Widget CallList angekommen.
Das kann man auch sehr gut übernehmen, ich bekomme alle Daten angezeigt.
Ein Problem habe ich mit den Icons:
Die
"oa-phone_call_end_in","oa-phone_missed_in","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_answersing"
werden einfach nicht angezeigt >:(
Wenn ich die Icons aus dem Müllkalender nehme, klappt die Anzeige ;D, aber die möchte ich ja nicht.

Liegen die FB-Icons woanders, muss ich die zusätzlich herunterladen?
Es scheint ja weniger ein Problem des Widgets zu sein, als vielmehr der gesamten Installation.
Habt Ihr eine Idee, wo ich schauen muss?
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Photon68 am 20 Juli 2016, 18:11:14
Hallo Micha,

vermutlich hast du im Header der Seite nicht die Schriftart "openautomation" eingebunden.

z.B. bei mir:

<link rel="stylesheet" href="/fhem/tablet_eval/lib/openautomation.css" />

In diesem Ordner sollte die Schrift natürlich auch liegen.

Gruß Dirk
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Tobias am 20 Juli 2016, 20:08:40
Poste dochmal dein ganzes html dazu und ein Bild deiner Callist auf der UI. Ich habe noch nicht so super Beispiele gefunden....
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Micha14 am 21 Juli 2016, 11:06:00
Vielen Dank für Eure Hinweise.
Da habe ich wieder einen Ansatz zum Weiterlernen gefunden.
Meine Gerätedefinition für das Icon sieht jetzt so aus:
  <div data-type="symbol"
                        data-device="CallList"
                        data-get="2-state"
                        data-states='["=>","=> X","=> ((o))","=> [=]","=> O_O"]'
                        data-icons='["oa-phone_call_end_in","oa-phone_missed_in","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_answersing"]'
                         data-colors='["green","firebrick","red","green","#aa6900"]'
                        class="small">
                   </div>

Danke für Eure Mühe.
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: setstate am 21 Juli 2016, 11:26:38
Die Status sehen lustig aus. Gibt es keine maschinenlesbare Varianten als Literal oder Zahl? Das Modul sollte schon dem UI (FHEMWEB oder FTUI) die Darstellung überlassen und nicht versuchen, Icons per ASCII darstellen zu wollen.
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Micha14 am 27 Juli 2016, 15:21:47
Danke Photon, hab ich gefunden :-*
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Micha14 am 28 Juli 2016, 20:35:17
Doch noch nicht gefunden,-(
ich kann die oa-icons nicht anzeigen.
die fa-icons funktionieren. (damit hab ich mir jetzt erstmal geholfen.

die openautomation.css wird im Meta-Abschnitt eingelinkt.
<link rel="stylesheet" href="/fhem/tablet_eval/lib/openautomation.css" />

(woran sieht man, dass das klappt?
die openautomation.css liegt mit den richtigen Berechtigungen im richtigen lib-Verzeichnis
so richtig kenne ich mich mit css nicht aus und bin ein wenig ratlos.
hat noch jemand eine Idee?
LG
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Micha14 am 28 Juli 2016, 21:50:07
wenn man drüber schreibt, wird's besser.
im link steht ..._eval - den Pfad gibt es nicht:-)
und mit F12 kann man die Fehlermeldungen kontrollieren.
Das mit den Icons klappt immer noch nicht, aber das ist der Weg:-)
LG
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: h3llsp4wn am 29 Juli 2016, 10:33:46
Hallo zusammen,

hatte auch diese Problem - vor allem, warum das Modul nicht sprechende "IDs" verwendet - ich habe es dann lokal umgebaut, damit alle Stati auch sauber in Icons übersetzt werden.
Falls es hilft, kann ich meinen geänderten Block dazu mal posten.


Cheers,

h3ll
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Vize am 29 Juli 2016, 13:57:00
Hi Micha14,

versuch mal, den Pfad so einzubinden:
<link rel="stylesheet" href="lib/openautomation.css" />

Bei mir funktionieren die Icons...

Gruß
Andreas
Titel: Antw:FTUI FB-CallList Icons
Beitrag von: Micha14 am 01 August 2016, 14:11:33
danke, funktionieren jetzt auch bei mir