FTUI FB-CallList Icons

[Micha14]

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 , 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?

[Photon68]

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

[Tobias]

Poste dochmal dein ganzes html dazu und ein Bild deiner Callist auf der UI. Ich habe noch nicht so super Beispiele gefunden....

[Micha14]

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.

[setstate]

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.

[Micha14]

Danke Photon, hab ich gefunden

[Micha14]

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

[Micha14]

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

[h3llsp4wn]

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

[Vize]

Hi Micha14,

versuch mal, den Pfad so einzubinden:

Code Auswählen Erweitern

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

Bei mir funktionieren die Icons...

Gruß
Andreas

[Micha14]

danke, funktionieren jetzt auch bei mir