FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Gunther am 08 November 2015, 18:04:47

Titel: [Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 18:04:47
Hat schon jemand Readings der FB_Calllist sauber in der Tablet UI eingebunden?

Ich scheiter noch an den unterschiedlichen Readings.
Freue mich über die entscheidenden Zeilen aus der entprechenden undd funktionierenden html Datei.

Die readings habe ich angeknipst, bekomme aber leider nichts auf der Tablet-UI Oberfläche angezeigt. Lediglich die Hörer-Icons sehe ich in der entsprechenden Farbe (zum Test).

Das (Auszug) liefert mir ein
list Fitzboxanrufe

Internals:
   DEF        Fritzboxanrufe
   FB         Fritzboxanrufe
   NAME       Fritzboxanrufeliste
   NOTIFYDEV  Fritzboxanrufe
   NR         1810
   NTFY_ORDER 50-Fritzboxanrufeliste
   STATE      Initialized
   TYPE       FB_CALLLIST

Readings:
     2015-11-08 16:46:01   1-connection    DECT_3
     2015-11-08 16:46:01   1-duration      00:00:05
     2015-11-08 16:46:01   1-external      ISDN
     2015-11-08 16:46:01   1-internal      6918333
     2015-11-08 16:46:01   1-name          -
     2015-11-08 16:46:01   1-number        0xxxxxx8923
     2015-11-08 16:46:01   1-row           1
     2015-11-08 16:46:01   1-state         <=
     2015-11-08 16:46:01   1-timestamp     So, 08 Nov 2015 16:45:26
     2015-11-08 16:46:01   2-connection    DECT_3
     2015-11-08 16:46:01   2-duration      00:00:06
     2015-11-08 16:46:01   2-external      ISDN
     2015-11-08 16:46:01   2-internal      6918333
     2015-11-08 16:46:01   2-name          -
     2015-11-08 16:46:01   2-number        0xxxxxxx23
     2015-11-08 16:46:01   2-row           2
     2015-11-08 16:46:01   2-state         <=
     2015-11-08 16:46:01   2-timestamp     So, 08 Nov 2015 16:02:53
     2015-11-08 16:46:01   3-connection    Answering_Machine_1

usw.


Mein html-Code schaut so aus:

<!-- ============= Anrufliste ============= -->
<!-- ====================================== -->
<li data-row="2" data-col="2" data-sizex="5" data-sizey="4">
    <header>Anrufliste</header>
    <table border="0px" width="100%">
        <tr>
            <td><div type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp"></div></td>
            <td>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="1-number" style="font-size:x-large;color:#aa6900;"></div>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="1-name"></div>
            </td>
            <td class="r"><div type="label" data-device="Fritzboxanrufeliste" data-get="1-duration"></div></td>
            <td class="r"><div data-type="symbol" data-device="Fritzboxanrufeliste"
                        data-get="1-state"
                        data-icons='["fa-phone","fa-phone"]'
                        data-get-on='["=>","<="]'
                        data-on-colors='["green","red"]'></div>
                    </div></td>
        </tr>
       
        <tr>
            <td><div type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp"></div></td>
            <td>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="2-number" style="font-size:x-large;color:#aa6900;"></div>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="2-name"></div>
            </td>
            <td class="r"><div type="label" data-device="Fritzboxanrufeliste" data-get="2-duration"></div></td>
            <td class="r"><div data-type="symbol" data-device="Fritzboxanrufeliste"
                        data-get="2-state"
                        data-icons='["fa-phone","fa-phone"]'
                        data-get-on='["=>","<="]'
                        data-on-colors='["green","red"]'></div>
                    </div></td>
        </tr>
        <tr>
            <td><div type="label" data-device="Fritzboxanrufeliste" data-get="3-timestamp"></div></td>
            <td>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="3-number" style="font-size:x-large;color:#aa6900;"></div>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="3-name"></div>
            </td>
            <td class="r"><div type="label" data-device="Fritzboxanrufeliste" data-get="3-duration"></div></td>
            <td class="r"><div data-type="symbol" data-device="Fritzboxanrufeliste"
                        data-get="3-state"
                        data-icons='["fa-phone","fa-phone"]'
                        data-get-on='["=>","<="]'
                        data-on-colors='["green","red"]'></div>
                    </div></td>
        </tr>
        <tr>
            <td><div type="label" data-device="Fritzboxanrufeliste" data-get="4-timestamp"></div></td>
            <td>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="4-number" style="font-size:x-large;color:#aa6900;"></div>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="4-name"></div>
            </td>
            <td class="r"><div type="label" data-device="Fritzboxanrufeliste" data-get="4-duration"></div></td>
            <td class="r"><div data-type="symbol" data-device="Fritzboxanrufeliste"
                        data-get="3-state"
                        data-icons='["fa-phone","fa-phone"]'
                        data-get-on='["=>","<="]'
                        data-on-colors='["green","red"]'></div>
                    </div></td>
        </tr>
        <tr>
            <td><div type="label" data-device="Fritzboxanrufeliste" data-get="4-timestamp"></div></td>
            <td>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="4-number" style="font-size:x-large;color:#aa6900;"></div>
                <div type="label" data-device="Fritzboxanrufeliste" data-get="4-name"></div>
            </td>
            <td class="r"><div type="label" data-device="Fritzboxanrufeliste" data-get="4-duration"></div></td>
            <td class="r"><div data-type="symbol" data-device="Fritzboxanrufeliste"
                        data-get="4-state"
                        data-icons='["fa-phone","fa-phone"]'
                        data-get-on='["=>","<="]'
                        data-on-colors='["green","red"]'></div>
                    </div></td>
        </tr>

</table>
</li>
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: setstate am 08 November 2015, 18:10:29
data-type statt nur type
und
data-device statt nur device
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: roman1528 am 08 November 2015, 19:31:55
Hi Gunther..

danke für deine Nachricht. Ja habe ich. Durch den Tipp mal die FB_CALLLIST.pm zur Hand zu nehmen... Ich habe dort die Stati 1:1 raus kopiert dann hat alles funktioniert. Das kopieren aus FHEM hat dagegen leider nicht geklappt.

Hier noch mein FTUI-Code: Ich lese die letzten 4 Anrufe aus... Ankommendes Gerät (Feste Nummern zugeteilt) wird als Raumsymbol dargestellt.
<li class="halbTransparent" data-row="2" data-col="2" data-sizex="5" data-sizey="2">
<header class="headerTransparent">ANRUFE</header>
<table width="100%" class="top-space">
        <tr>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="1-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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="1-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-duration"></div>
</td>
</tr>
<tr>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" 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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="2-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
</td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-duration"></div>
            </td>
        </tr>
        <tr>
<td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="3-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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="3-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
</td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="4-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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="4-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="4-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
</td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-duration"></div>
            </td>
        </tr>
</table>
</li>


Bild:
Wie fügt man ein Bild in den Text ein  :o  siehe Anhang  ;)

Falls du noch was brauchst sag bescheid.
Kannst du mir vielleicht sagen wie ich in der FB_Calllist Namen den Nummern zuordnen kann? hab da wie du siehst nur einen Bindestrich weil es keine Zuordnung gibt...
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 19:48:02
Ihr seid super! Danke Euch!

@setstate: das war es!

@Roman: Super!
Genau auf der Suche der Zuordnung bin ich auch gerade.
Denke, dass das unten stehende Attribut die Hilfe bringt, dazu muss vermutlich über die FB-Oberfläche das Telefonbuch als XML gespeichert werden.
Das habe ich dazu gefunden: http://avm.de/service/fritzbox/fritzbox-7390/wissensdatenbank/publication/show/100_Telefonbuecher-der-FRITZ-Box-sichern-und-wiederherstellen/ (http://avm.de/service/fritzbox/fritzbox-7390/wissensdatenbank/publication/show/100_Telefonbuecher-der-FRITZ-Box-sichern-und-wiederherstellen/)

Leider hat meine FB7390 mit FW6.30 diesen "Speichern" Button nicht. Oder ich bin blind.

attr Callmonitor reverse-search-phonebook-file /opt/fhem/config/telefonbuch.xml

In diesen Pfad muss das Telefon kopiert werden.
Schöner wäre natürlich ein Direktzugriff auf das Telefonbuch der FB.

Wenn hier noch jemand etwas weiss...  :D
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: kjmEjfu am 08 November 2015, 19:57:30
Zitat von: Gunther am 08 November 2015, 19:48:02

Leider hat meine FB7390 mit FW6.30 diesen "Speichern" Button nicht. Oder ich bin blind.

attr Callmonitor reverse-search-phonebook-file /opt/fhem/config/telefonbuch.xml

In diesen Pfad muss das Telefon kopiert werden.
Schöner wäre natürlich ein Direktzugriff auf das Telefonbuch der FB.

Wenn hier noch jemand etwas weiss...  :D

hat jetzt zwar nicht mehr direkt was mit dem eigentlich Topic zu tun, aber lösch mal das Attribut und füg stattdessen hinzu


   fritzbox-remote-phonebook 1
   fritzbox-remote-phonebook-via tr064
   reverse-search phonebook,klicktel.de,dasoertliche.de,search.ch,dasschnelle.at,textfile


dann wird per TR064 auf direkt auf das Adressbuch der Fritzbox, alternativ die diversen Rückwärtssuchen, zugegriffen.

VG
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: roman1528 am 08 November 2015, 20:03:50
Zitat von: Gunther am 08 November 2015, 19:48:02

Leider hat meine FB7390 mit FW6.30 diesen "Speichern" Button nicht. Oder ich bin blind.

attr Callmonitor reverse-search-phonebook-file /opt/fhem/config/telefonbuch.xml

Danke. Das werde ich testen ... ich habe dir da nochmal nen screeny fertig gemacht wie es auf meiner FB (7362SL auch neuste Version) aussieht... vielleicht findest du dann deinen Button  :P

Zitat von: kjmEjfu am 08 November 2015, 19:57:30

   fritzbox-remote-phonebook 1
   fritzbox-remote-phonebook-via tr064
   reverse-search phonebook,klicktel.de,dasoertliche.de,search.ch,dasschnelle.at,textfile


Danke dir... auch das werde ich testen  ;D
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 20:05:20
Zitat von: kjmEjfu am 08 November 2015, 19:57:30
hat jetzt zwar nicht mehr direkt was mit dem eigentlich Topic zu tun, aber lösch mal das Attribut und füg stattdessen hinzu


   fritzbox-remote-phonebook 1
   fritzbox-remote-phonebook-via tr064
   reverse-search phonebook,klicktel.de,dasoertliche.de,search.ch,dasschnelle.at,textfile


dann wird per TR064 auf direkt auf das Adressbuch der Fritzbox, alternativ die diversen Rückwärtssuchen, zugegriffen.

VG

Das klingt super. Danke! Allerdings verlangt das Modul nach einem Passwort. Wie gebe ich das mit?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 20:06:21
Roman, kannst Du bitte noch etwas zu den Definitionen mit data-part="1" sagen?

Bei mir wird so die Uhrzeit nicht angezeigt.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 08 November 2015, 20:22:08
Zitat von: Gunther am 08 November 2015, 20:05:20
Das klingt super. Danke! Allerdings verlangt das Modul nach einem Passwort. Wie gebe ich das mit?

Sofern ein Password benötigt wird, wird das set-Kommando "password" in FHEMWEB verfügbar.


set Anrufliste password MeinGeheimesPasswort
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: roman1528 am 08 November 2015, 20:25:13
Zitat von: Gunther am 08 November 2015, 20:06:21
Roman, kannst Du bitte noch etwas zu den Definitionen mit data-part="1" sagen?

Bei mir wird so die Uhrzeit nicht angezeigt.

Da sind insgesamt drei <div> die den Timestamp des Telefonats ausgeben: leerzeichen separierte Liste siehe auch: https://github.com/knowthelist/fhem-tablet-ui#label-widgets (https://github.com/knowthelist/fhem-tablet-ui#label-widgets)

<div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="3" class=""></div>


der Timestamp in meiner CallList sieht so aus:
Fr, 30.10.15 12:53

definiert durch:

attr FritzBoxCallList time-format-string %a, %d.%m.%y %H:%M

%a, Wochentag Kurzform
%d. Datum Tag
%m. Datum Monat
%y Datum Jahr Kurzform
%H: Stunde
%M Minute

siehe auch: http://fhem.de/commandref_DE.html#FB_CALLLIST (http://fhem.de/commandref_DE.html#FB_CALLLIST) -> time-format-string
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 21:33:42
Super, klappt! Danke!

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 21:34:06
Zitat von: Markus Bloch am 08 November 2015, 20:22:08
Sofern ein Password benötigt wird, wird das set-Kommando "password" in FHEMWEB verfügbar.


set Anrufliste password MeinGeheimesPasswort


thx!
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 21:35:49
Zitat von: kjmEjfu am 08 November 2015, 19:57:30
hat jetzt zwar nicht mehr direkt was mit dem eigentlich Topic zu tun, aber lösch mal das Attribut und füg stattdessen hinzu


   fritzbox-remote-phonebook 1
   fritzbox-remote-phonebook-via tr064
   reverse-search phonebook,klicktel.de,dasoertliche.de,search.ch,dasschnelle.at,textfile


dann wird per TR064 auf direkt auf das Adressbuch der Fritzbox, alternativ die diversen Rückwärtssuchen, zugegriffen.

VG

Leider klappt das nicht. In den Readings steht weiterhin "-".
Kann ich irgendwie prüfen, was falsch läuft?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: uniqueck am 08 November 2015, 22:07:15
Hi roman1528,

was ist denn das für ein Background auf deinem TabletUI, bzw. woher hast du den?

Gruß

Zitat von: roman1528 am 08 November 2015, 19:31:55
Hi Gunther..

danke für deine Nachricht. Ja habe ich. Durch den Tipp mal die FB_CALLLIST.pm zur Hand zu nehmen... Ich habe dort die Stati 1:1 raus kopiert dann hat alles funktioniert. Das kopieren aus FHEM hat dagegen leider nicht geklappt.

Hier noch mein FTUI-Code: Ich lese die letzten 4 Anrufe aus... Ankommendes Gerät (Feste Nummern zugeteilt) wird als Raumsymbol dargestellt.
<li class="halbTransparent" data-row="2" data-col="2" data-sizex="5" data-sizey="2">
<header class="headerTransparent">ANRUFE</header>
<table width="100%" class="top-space">
        <tr>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="1-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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="1-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="1-duration"></div>
</td>
</tr>
<tr>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" 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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="2-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
</td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="2-duration"></div>
            </td>
        </tr>
        <tr>
<td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="3-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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="3-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
</td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="3-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="4-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","firebrick","green","#aa6900"]'></div>
</td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="4-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-number"></div>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-name"></div>
</td>
            <td>
<div data-type="symbol" data-device="FritzBoxCallList" data-get="4-internal" data-get-on='["Wohnzimmer","Büro"]' data-icons='["oa-scene_livingroom","oa-scene_office"]' data-on-colors='["",""]'></div>
</td>
            <td>
<div data-type="label" data-device="FritzBoxCallList" data-get="4-duration"></div>
            </td>
        </tr>
</table>
</li>


Bild:
Wie fügt man ein Bild in den Text ein  :o  siehe Anhang  ;)

Falls du noch was brauchst sag bescheid.
Kannst du mir vielleicht sagen wie ich in der FB_Calllist Namen den Nummern zuordnen kann? hab da wie du siehst nur einen Bindestrich weil es keine Zuordnung gibt...
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 08 November 2015, 22:22:37
Ich möchte gerne für meine untershiedlichen Telefonnummern Icons (eigene Logos) verwenden. Gibt es da eine Möglicheit?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: roman1528 am 09 November 2015, 10:10:56
Zitat von: uniqueck am 08 November 2015, 22:07:15
Hi roman1528,

was ist denn das für ein Background auf deinem TabletUI, bzw. woher hast du den?

Gruß

Moin.
Einfach mal Tante Google's Fotoalbum befragen.  ;)
Anschließend hab ich in /opt/fhem/www/tablet den ordner /images angelegt und über **-custom.css den Hintergrund eingebunden.
body {
background:#000000 url(../images/orange_blue_bg.jpg) 0 0 no-repeat
}


So wird der Hintergrund aus der originalen CSS überschrieben. Dran denken die CSS in deinen HTML's zu verlinken/deklarieren:
        <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-custom.css" />

Kleiner Tipp. Das Bild in genau der Auflösung suchen/herunterladen in der du dein FTUI später darstellen möchtest.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: setstate am 09 November 2015, 12:51:04
Vielen Dank für die kurze Erklärung bezüglich des Hindergrundbildes. Ich habe es gleich ins Wiki FTUI FAQ  (http://www.fhemwiki.de/wiki/FHEM_Tablet_UI/FAQ#Wie_kann_ich_ein_eigenes_Hintergrundbild_einbinden.2C_anstatt_des_einfachen_schwarz.3F) übernommen.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 09 November 2015, 12:51:38
So, das schaut jetzt bei mir schon gut aus. (Bild anbei)

Mein Code dazu in entsprechender html:
<li data-row="2" data-col="2" data-sizex="5" data-sizey="4">
    <header>Anrufliste</header>
<table width="100%" class="top-space">
        <tr>
            <td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="1-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","firebrick","green","#aa6900"]'></div>
</td>
<td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="1-internal" data-get-on='["Sipgate","6932","Privat","Oculus Concept","Fotografie","Fax","982"]' data-icons='["gk-question","gk-question","gk-h-g","gk-oculusconcept","gk-gk-photo","gk-file-text","gk-question"]' data-colors='["red","red","green","blue","red","red"]'></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-internal"></div>
            </td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-name"></div>
</td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" 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","firebrick","green","#aa6900"]'></div>
</td>
<td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="2-internal" data-get-on='["Sipgate","6932","Privat","Oculus Concept","Fotografie","Fax","982"]' data-icons='["gk-question","gk-question","gk-h-g","gk-oculusconcept","gk-gk-photo","gk-file-text","gk-question"]' data-colors='["red","red","green","blue","red","red"]'></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-internal"></div>
            </td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-name"></div>
</td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="3-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","firebrick","green","#aa6900"]'></div>
</td>
<td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="3-internal" data-get-on='["Sipgate","692","Privat","Oculus Concept","Fotografie","Fax","982"]' data-icons='["gk-question","gk-question","gk-h-g","gk-oculusconcept","gk-gk-photo","gk-file-text","gk-question"]' data-colors='["red","red","green","blue","red","red"]'></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-internal"></div>
            </td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-name"></div>
</td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="4-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","firebrick","green","#aa6900"]'></div>
</td>
<td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="4-internal" data-get-on='["Sipgate","692","Privat","Oculus Concept","Fotografie","Fax","982"]' data-icons='["gk-question","gk-question","gk-h-g","gk-oculusconcept","gk-gk-photo","gk-file-text","gk-question"]' data-colors='["red","red","green","blue","red","red"]'></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-internal"></div>
            </td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-name"></div>
</td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="5-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","firebrick","green","#aa6900"]'></div>
</td>
<td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="5-internal" data-get-on='["Sipgate","692","Privat","Oculus Concept","Fotografie","Fax","982"]' data-icons='["gk-question","gk-question","gk-h-g","gk-oculusconcept","gk-gk-photo","gk-file-text","gk-question"]' data-colors='["red","red","green","blue","red","red"]'></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-internal"></div>
            </td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-name"></div>
</td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="6-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","firebrick","green","#aa6900"]'></div>
</td>
<td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="6-internal" data-get-on='["Sipgate","692","Privat","Oculus Concept","Fotografie","Fax","982"]' data-icons='["gk-question","gk-question","gk-h-g","gk-oculusconcept","gk-gk-photo","gk-file-text","gk-question"]' data-colors='["red","red","green","blue","red","red"]'></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-internal"></div>
            </td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-name"></div>
</td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="7-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","firebrick","green","#aa6900"]'></div>
</td>
<td>
<div data-type="symbol" data-device="Fritzboxanrufeliste" data-get="7-internal" data-get-on='["Sipgate","692","Privat","Oculus Concept","Fotografie","Fax","982"]' data-icons='["gk-question","gk-question","gk-h-g","gk-oculusconcept","gk-gk-photo","gk-file-text","gk-question"]' data-colors='["red","red","green","blue","red","red"]'></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-internal"></div>
            </td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-name"></div>
</td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-duration"></div>
</td>
</tr>
</table>
</li>



Meine fhem.cfg
define Fritzboxanrufe FB_CALLMONITOR 192.168.0.1
attr Fritzboxanrufe fritzbox-remote-phonebook 1
attr Fritzboxanrufe fritzbox-remote-phonebook-via tr064
attr Fritzboxanrufe reverse-search phonebook,klicktel.de,dasoertliche.de,search.ch,dasschnelle.at,textfile
attr Fritzboxanrufe room Haus


define Fritzboxanrufeliste FB_CALLLIST Fritzboxanrufe
attr Fritzboxanrufeliste create-readings 1
attr Fritzboxanrufeliste event-on-change-reading 1
attr Fritzboxanrufeliste event-on-update-reading 1
attr Fritzboxanrufeliste time-format-string %a, %d.%m.%y %H:%M
attr Fritzboxanrufeliste internal-number-filter {'1234567' => 'Sipgate', '1234567' => '1234567', '1234567' => 'Privat', '1234567' => 'Oculus Concept', '1234567' => 'Fotografie', '1234567' => 'Fax', '1234567' => '1234567'}
attr Fritzboxanrufeliste connection-mapping {'DECT_1' => 'Telefon Büro', 'DECT_2' => 'Telefon Küche', 'DECT_3' => 'Telefon Kino', 'DECT_4' => 'Telefon Schlafzimmer'}
attr Fritzboxanrufeliste room Haus

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 09 November 2015, 12:53:06
Was nun leider noch nicht klappt ist die Übernahme der Nummern aus dem FB-Telefonbuch. Muss ich dafür noch etwas machen?


Edit: für einige Nummern klappt das. Vermute das Problem liegt im Mapping, wenn mal mit internationaler Nummer und mal ohne im Adressbuch.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 09 November 2015, 13:20:48
Und ich schiebe noch eine 2. Frage hinterher:

Auf dem Homescreen möchte ich nur 2 einfache Textzeilen mit den nicht angenommenen, verpassten Anrufen und den AB-Mitteilungen

Mein Code sieht so aus:
<table width="100%" class="top-space">
        <tr>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-state" data-states='["=> X","=> O_O"]'</div>
</td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-name"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-state" data-states='["=> X","=> O_O"]'></div>
</td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-name"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-duration"></div>
</td>
</tr>
</table>


Wie bekomme ich es hin, dass nur die verpassten Anrufe angezeigt werden?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: setstate am 09 November 2015, 13:30:10
@Gunther: Deine Icons funktionieren jetzt, oder? Ich konnte noch nicht schauen ...

Deine Icons sehen auch sehr gut aus!
Wenn ihr allgemeine und schöne Icons selbst gebaut habt (die Urheber seit) und sie der Allgemeinheit zur Verfügung stellen wollt, schickt sie mir einfach. Ich lasse sie dann durch meinen garantiert subjektiven  ;) Stil-Check laufen und binde sie dann in den FTUI-Font mit ein. Vielleicht bekommen wir so schnell die Openautomation Icons weg, die ich immer noch als sehr hässlich empfinde, bzw. sie vom Stil her nicht zum FTUI passend finde.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: roman1528 am 09 November 2015, 14:38:08
Zitat von: setstate am 09 November 2015, 13:30:10
Vielleicht bekommen wir so schnell die Openautomation Icons weg, die ich immer noch als sehr hässlich empfinde, bzw. sie vom Stil her nicht zum FTUI passend finde.

Die können nicht weg  :o
dann müsste ich alles ändern  ::)
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: setstate am 09 November 2015, 14:56:32
Ja, mache ich auch nicht. Keine Angst ...
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: roman1528 am 09 November 2015, 16:44:38
Zitat von: setstate am 09 November 2015, 14:56:32
Ja, mache ich auch nicht. Keine Angst ...

juhu  ;D
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: l3skon3 am 09 November 2015, 20:39:23
Zitat von: Gunther am 09 November 2015, 13:20:48
Und ich schiebe noch eine 2. Frage hinterher:

Auf dem Homescreen möchte ich nur 2 einfache Textzeilen mit den nicht angenommenen, verpassten Anrufen und den AB-Mitteilungen

Mein Code sieht so aus:
<table width="100%" class="top-space">
        <tr>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-state" data-states='["=> X","=> O_O"]'</div>
</td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-name"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-duration"></div>
</td>
</tr>
        <tr>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-state" data-states='["=> X","=> O_O"]'></div>
</td>
            <td>
                <div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="1" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="2" class="inline"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" data-part="3" class=""></div>
            </td>
            <td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-number"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-name"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-duration"></div>
</td>
</tr>
</table>


Wie bekomme ich es hin, dass nur die verpassten Anrufe angezeigt werden?

Hallo,

das ist jetzt nur eine Vermutung aber sollte klappen:

1. Leg die noch einen FB_CALLLIST an z.B. Fritzboxanrufeliste_missing
2. Setzte das attr list-type auf "missed-calls"
3. editiere dein html auf das neue data-device="Fritzboxanrufeliste_missing"

Gruß

Daniel

ps: Du hast mich da grad auf eine Idee gebracht, muss mal bisschen mit dem widget_Select spielen.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: uniqueck am 09 November 2015, 22:28:33
Dankeschön, natürlich google ist nen guter Ansatz ;)
Ich finde nur die Größenberechnung etwas schwierig, da wenn ich 8 Reihen habe + 116 in der Breite, dann noch 9 x gridster_margin von 5 drauf, komme ich irgendwie nicht auf die Größe, in welcher das Bild sein muss, aber das ist natürlich eine andere Baustelle.

Oder kann mir gerade jemand schnell sagen wie ich anhand dieser Angaben auf die tatsächliche Größe vom Tablet, oder halt andersrum.

Ziel soll es nämlich sein, eine DSL zu entwerfen, womit einfach solche TabletUI Seite entworfen werden können. Ich habe schon einen Stand, der bald soweit ist, dass ich ihn vorstellen kann.


Zitat von: roman1528 am 09 November 2015, 10:10:56
Moin.
Einfach mal Tante Google's Fotoalbum befragen.  ;)
Anschließend hab ich in /opt/fhem/www/tablet den ordner /images angelegt und über **-custom.css den Hintergrund eingebunden.
body {
background:#000000 url(../images/orange_blue_bg.jpg) 0 0 no-repeat
}


So wird der Hintergrund aus der originalen CSS überschrieben. Dran denken die CSS in deinen HTML's zu verlinken/deklarieren:
        <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-custom.css" />

Kleiner Tipp. Das Bild in genau der Auflösung suchen/herunterladen in der du dein FTUI später darstellen möchtest.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: roman1528 am 10 November 2015, 09:17:29
Zitat von: uniqueck am 09 November 2015, 22:28:33
Dankeschön, natürlich google ist nen guter Ansatz ;)
Ich finde nur die Größenberechnung etwas schwierig, da wenn ich 8 Reihen habe + 116 in der Breite, dann noch 9 x gridster_margin von 5 drauf, komme ich irgendwie nicht auf die Größe, in welcher das Bild sein muss, aber das ist natürlich eine andere Baustelle.

Oder kann mir gerade jemand schnell sagen wie ich anhand dieser Angaben auf die tatsächliche Größe vom Tablet, oder halt andersrum.

Ziel soll es nämlich sein, eine DSL zu entwerfen, womit einfach solche TabletUI Seite entworfen werden können. Ich habe schon einen Stand, der bald soweit ist, dass ich ihn vorstellen kann.

Ausgehen von einem Android Tablet... AntutuBenchmark installieren und unter Device Info die Display Resolution nehmen. Oder in den Technischen Details des herstellers nachschauen.

Dann die width und height der einzelnen grister elemente pixelweise erhöhen bis man einen einigermaßen gleichmäßigen Außenrand hat... Manuelle Methode. So hab ich das gemacht. Als beispiel mal ein Screenshot im Anhang. Wenn ich dann meine CUL's am laufen habe und einige weitere Geräte dazu gekommen sind stell ich meine FTUI auch gern im User-Thread vor^^
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: uniqueck am 10 November 2015, 12:48:17
Jap so habe ich das auch gemacht, da ich gerade aber am entwickeln einer DSL für das Thema TabletUI sitze, will ich ja gerade nur die Angaben zur maximalen Auflosung machen und dann wieviele Spalten / Zeilen hätte ich gerne. Der Rest soll halt automatisch berechnet werden. Der Vorteil ich kann bei jeder Seite prüfen ob die gridster immer nich in der Range liegen und solche nützlichen Validierungen. Genauso kann ich zum Beispiel prüfen, ob eine Seite welche ich per Button anspringen möchte auch vorhanden ist. Naja dazu dann später mehr.

Gesendet von meinem GT-N7100 mit Tapatalk

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 10 November 2015, 13:02:08
Was ist den eine DSL?  ???
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: uniqueck am 10 November 2015, 23:50:36
domain-specific language siehe auch https://de.wikipedia.org/wiki/Dom%C3%A4nenspezifische_Sprache
Zitat von: Gunther am 10 November 2015, 13:02:08
Was ist den eine DSL?  ???
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 11 November 2015, 08:55:33
Danke!  :)
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: janlau am 27 November 2015, 12:23:57
Guten Tag,
habe die FB_Calllist nun auch soweit eingebunden. Leider werden bei mir die Symbole wie z.B. oa-phone_call_end_in nicht angezeigt.
Muss ich diese erst irgendwo herunterladen? Oder habt ihr einen Tipp für mich woran das liegen könnte?
Danke im voraus.
Gruß Jan
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 27 November 2015, 13:18:27
Ich kann Dir jetzt nicht genau etwas zu diesem Symbol sagen.
Einige wenige open automation icons (hatte mir irgendwo im Web eine Ansicht gesucht), wurden bei mir auch nicht angezeigt, da vermutlich nicht in FHEM enthalten.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: janlau am 29 November 2015, 11:44:01
Danke für den Tipp.
Habe es hinbekommen. Hatte vergessen die openautomation Icons zu laden.
<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />

Gruß Jan
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: ulli am 21 Februar 2016, 11:17:28
Ich habe das Problem das mit TabletUI keine Anrufe anzeigt nur die Icons in grau. Ich habe euer HTML verwendet und folgendes in der fhem.cfg
   define FritzBoxCallMon FB_CALLMONITOR 192.168.188.1
attr FritzBoxCallMon reverse-search all
attr FritzBoxCallMon reverse-search-cache 1
attr FritzBoxCallMon reverse-search-cache-file ./log/FritzBoxCallmonCache.txt
#attr FritzBoxCallMon reverse-search-phonebook-file ./log/Fritz_Box_Telefonbuch.xml
attr FritzBoxCallMon icon icoWelt
attr FritzBoxCallMon group FritzBox
attr FritzBoxCallMon room System

define FritzBox_CallList FB_CALLLIST FritzBoxCallMon
attr FritzBox_CallList visible-columns row,state,timestamp,name,number,duration
attr FritzBox_CallList language de
attr FritzBox_CallList time-format-string %H:%M <Br> %a, %d %b
attr FritzBox_CallList group Anruferliste
attr FritzBox_CallList no-heading 1


Habe ich was vergessen oder falsch gemacht?
Wenn ich in FB_CALLLIST direkt rein gehen sehe ich vier Zeilen mit verpassten Anrufen...Daten sind also da...
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: rasti am 21 Februar 2016, 11:48:56
Schau mal da
http://forum.fhem.de/index.php/topic,43632.msg409140.html#msg409140
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: ulli am 21 Februar 2016, 18:55:58
Zitat von: rasti am 21 Februar 2016, 11:48:56
Schau mal da
http://forum.fhem.de/index.php/topic,43632.msg409140.html#msg409140

Habe gerade die die HTML Zeilen aus deinen Link getestet....gleicher Fehler...
Als würde es 1-state, 1-timestamp,...nicht geben
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 21 Februar 2016, 19:05:39
Poste mal das Ergebnis von
list CallList

Hast Du Readings?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: rasti am 21 Februar 2016, 19:12:02
Zitat von: ulli am 21 Februar 2016, 18:55:58
Habe gerade die die HTML Zeilen aus deinen Link getestet....gleicher Fehler...
Als würde es 1-state, 1-timestamp,...nicht geben

kann ja irgendwie nicht sein wenn du in fhem Reading siehst.
Gehen denn andere Readings in Tablet UI ?

BTW, die zu meinem Tablet UI html-code passende config lautet

define Fritzboxanrufe FB_CALLMONITOR 192.168.178.1
attr Fritzboxanrufe fritzbox-remote-phonebook 1
attr Fritzboxanrufe fritzbox-remote-phonebook-via tr064
attr Fritzboxanrufe reverse-search phonebook,dasoertliche.de,klicktel.de,dasschnelle.at
attr Fritzboxanrufe room Telefon

define Fritzboxanrufeliste FB_CALLLIST Fritzboxanrufe
attr Fritzboxanrufeliste create-readings 1
attr Fritzboxanrufeliste time-format-string %a, %d.%m.%y %H:%M


Hast du deine Bezeichner FritzBoxCallMon  und FritzBox_CallList angepasst ?

Gruss

Ralf




Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: ulli am 21 Februar 2016, 19:42:25
Zitat von: Gunther am 21 Februar 2016, 19:05:39
Poste mal das Ergebnis von
list CallList

Hast Du Readings?


Internals:
   DEF        192.168.188.1
   DeviceName 192.168.188.1:1012
   FD         10
   NAME       FritzBoxCallMon
   NR         570
   NTFY_ORDER 50-FritzBoxCallMon
   PARTIAL
   STATE      opened
   TYPE       FB_CALLMONITOR
   Readings:
     2016-02-19 22:03:37   call_duration   0
     2016-02-19 22:03:37   call_id         0
     2016-02-19 22:03:37   direction       incoming
     2016-02-19 22:03:37   event           disconnect
     2016-02-19 22:03:37   external_connection SIP0
     2016-02-19 22:03:37   external_name   unknown
     2016-02-19 22:03:37   external_number xxxx
     2016-02-19 22:03:37   internal_number xxxx
     2016-02-19 22:03:37   missed_call     xxxx
     2016-02-21 19:41:05   state           opened
   Helper:
     PWD_NEEDED 1
Attributes:
   fritzbox-remote-phonebook 1
   fritzbox-remote-phonebook-via tr064
   group      FritzBox
   icon       icoWelt
   reverse-search phonebook,dasoertliche.de,klicktel.de,dasschnelle.at
   room       System
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: ulli am 21 Februar 2016, 19:47:45
Habs gefunden!
attr Fritzboxanrufeliste create-readings 1
hat gefehlt :/

BEsten Dank!
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: andrece am 19 August 2016, 12:35:47
also ich bekomme irgendwie nicht in Fhem T UI angezeigt zewecks Anrufe

meine config dazu
Zitat########################
#     Callmonitor      #
########################
define Anrufliste FB_CALLMONITOR 192.168.178.1
attr Anrufliste fritzbox-user admin
attr Anrufliste local-area-code 05086
attr Anrufliste reverse-search klicktel.de,dasoertliche.de
attr Anrufliste reverse-search-cache 1
attr Anrufliste reverse-search-cache-file /opt/fhem/log/reverse_search.txt
attr Anrufliste room Anrufe
define CallList FB_CALLLIST Anrufliste
attr create-readings 1
attr CallList visible-columns state,timestamp,name,number,Duration
define VerpassteAnrufe dummy
define notAnrufe notify fbCallMonitor:event:.*disconnect { CheckAnrufe($EVENT) }

und in der html telefon

Zitat<!-- ============= Anrufliste ============= -->
<!-- ====================================== -->
<li data-row="2" data-col="2" data-sizex="8" data-sizey="4" class="semitransparent">

   <header>Anrufliste</header>
   <table width="100%" class="top-space" border="10" BORDERCOLOR=grey>
           <tr>
         <td>
            <div data-type="symbol" data-device="CallList" data-get="1-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'></div>
            <div data-type="symbol" data-device="CallList" data-get="1-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"></div>
                                                                                       </td>
         
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="1-timestamp"  class="inline"></div>
            </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="1-number"></div>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="1-name"></div>
         </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="1-duration"></div>
         </td>
      </tr>


      <tr>
         <td>
            <div data-type="symbol" data-device="CallList" data-get="2-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'></div>
            <div data-type="symbol" data-device="CallList" data-get="2-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"></div>
                                                                                       </td>
         <td>   <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="2-timestamp"  class="inline"></div>
               </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="2-number"></div>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="2-name"></div>
         </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="2-duration"></div>
         </td>
      </tr>
      <tr>
         <td>
            <div data-type="symbol" data-device="CallList" data-get="3-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'></div>
            <div data-type="symbol" data-device="CallList" data-get="3-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"></div>
                                                                                       </td>
         
      <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="3-timestamp"  class="inline"></div>
            </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="3-number"></div>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="3-name"></div>
         </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="3-duration"></div>
         </td>
      </tr>
   <tr>
         <td>
            <div data-type="symbol" data-device="CallList" data-get="4-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'></div>
            <div data-type="symbol" data-device="CallList" data-get="4-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"></div>
                                                                                       </td>
         
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="4-timestamp" class="inline"></div>
         </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="4-number"></div>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="4-name"></div>
         </td>
         <td>
            <div data-type="label" data-device="CallList" style="font-size: 150%" data-get="4-duration"></div>
         </td>
      </tr>
</tr>
</table>


hat jemand noch ne Idee????
Danke
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: andrece am 24 August 2016, 06:32:34
bekomme keine readings ::)
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 24 August 2016, 08:23:25
Muss ja auch folgendermaßen heißen:

Zitatdefine CallList FB_CALLLIST Anrufliste
attr CallList create-readings 1
attr CallList visible-columns state,timestamp,name,number,Duration

Gruß
Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Tommy82 am 18 November 2016, 23:27:59
Hi, hab hier auch ein Problem, bekomme die Callist zwar dargestellt, aber nicht so wie in Fhem direkt, allen voran die Icons und Icon Farben passen nicht zum Status, anbei zwei Bilder, einmal wie es aktuell in der FTUI aussieht, und einaml wie es in Fhem aussieht, sowie das list von FB_Calllist und der aktuelle HTML Code der FTUI.

Was hab ich noch falsch gemacht?
Internals:
   CHANGED
   DEF        Telefon
   FB         Telefon
   NAME       Anruferliste
   NOTIFYDEV  global,Telefon
   NR         268
   NTFY_ORDER 50-Anruferliste
   STATE      Initialized
   TYPE       FB_CALLLIST
   Helper:
     Dblog:
       1-connection:
         Mydblog:
           TIME       1479504911.22965
           VALUE      VoIP_2
       1-duration:
         Mydblog:
           TIME       1479504911.96608
           VALUE      00:00:03
       1-name:
         Mydblog:
           TIME       1479482882.93482
           VALUE      xxx, Thomas
       1-number:
         Mydblog:
           TIME       1479482882.93482
           VALUE      XXX67
       1-state:
         Mydblog:
           TIME       1479504911.96608
           VALUE      <=
       1-timestamp:
         Mydblog:
           TIME       1479504911.22965
           VALUE      Fri, 18 Nov 2016 22:35:11
       2-connection:
         Mydblog:
           TIME       1479504911.22965
           VALUE      -
       2-duration:
         Mydblog:
           TIME       1479504763.10912
           VALUE      -
       2-name:
         Mydblog:
           TIME       1479504763.10912
           VALUE      XX, Thomas
       2-number:
         Mydblog:
           TIME       1479504763.10912
           VALUE      XXX67
       2-state:
         Mydblog:
           TIME       1479504911.22965
           VALUE      => X
       2-timestamp:
         Mydblog:
           TIME       1479504911.22965
           VALUE      Fri, 18 Nov 2016 22:32:43
       3-connection:
         Mydblog:
           TIME       1479293422.40366
           VALUE      DECT_1
       3-duration:
         Mydblog:
           TIME       1479504911.22965
           VALUE      -
       3-name:
         Mydblog:
           TIME       1479504911.22965
           VALUE      XX, Thomas
       3-number:
         Mydblog:
           TIME       1479504911.22965
           VALUE      XX67
       3-state:
         Mydblog:
           TIME       1479504911.22965
           VALUE      <= X
       3-timestamp:
         Mydblog:
           TIME       1479504911.22965
           VALUE      Fri, 18 Nov 2016 16:28:02
       4-connection:
         Mydblog:
           TIME       1479305193.70269
           VALUE      DECT_1
       4-duration:
         Mydblog:
           TIME       1479504911.22965
           VALUE      00:00:14
       4-name:
         Mydblog:
           TIME       1479504911.22965
           VALUE      XX, Werner
       4-number:
         Mydblog:
           TIME       1479504911.22965
           VALUE      XX85
       4-state:
         Mydblog:
           TIME       1479504911.22965
           VALUE      <=
       4-timestamp:
         Mydblog:
           TIME       1479504911.22965
           VALUE      Fri, 18 Nov 2016 15:55:14
       5-connection:
         Mydblog:
           TIME       1479374313.25561
           VALUE      DECT_1
       5-duration:
         Mydblog:
           TIME       1479504911.22965
           VALUE      00:06:49
       5-name:
         Mydblog:
           TIME       1479504911.22965
           VALUE      XX, Thomas
       5-number:
         Mydblog:
           TIME       1479504911.22965
           VALUE      XX67
       5-state:
         Mydblog:
           TIME       1479482882.93482
           VALUE      =>
       5-timestamp:
         Mydblog:
           TIME       1479504911.22965
           VALUE      Fri, 18 Nov 2016 13:15:58
   Readings:
     2016-11-18 22:35:11   1-connection    VoIP_2
     2016-11-18 23:06:51   1-duration      00:00:03
     2016-11-18 22:35:11   1-external      SIP0
     2016-11-18 22:35:11   1-internal      XX80
     2016-11-18 23:06:51   1-name          XX, Thomas
     2016-11-18 23:06:51   1-number        XX67
     2016-11-18 22:35:11   1-row           1
     2016-11-18 23:06:51   1-state         <=
     2016-11-18 23:06:51   1-timestamp     Fri, 18 Nov 2016 22:35:11
     2016-11-18 22:35:11   2-connection    -
     2016-11-18 23:06:51   2-duration      -
     2016-11-18 22:35:11   2-external      SIP0
     2016-11-18 22:35:11   2-internal      0XX80
     2016-11-18 23:06:51   2-name          XX, Thomas
     2016-11-18 23:06:51   2-number        XX67
     2016-11-18 22:35:11   2-row           2
     2016-11-18 23:06:51   2-state         => X
     2016-11-18 23:06:51   2-timestamp     Fri, 18 Nov 2016 22:32:43
     2016-11-18 22:35:11   3-connection    DECT_1
     2016-11-18 23:06:51   3-duration      -
     2016-11-18 22:35:11   3-external      SIP0
     2016-11-18 22:35:11   3-internal      XX80
     2016-11-18 23:06:51   3-name          XX, Thomas
     2016-11-18 23:06:51   3-number        XX67
     2016-11-18 22:35:11   3-row           3
     2016-11-18 23:06:51   3-state         <= X
     2016-11-18 23:06:51   3-timestamp     Fri, 18 Nov 2016 16:28:02
     2016-11-18 22:35:11   4-connection    DECT_1
     2016-11-18 23:06:51   4-duration      00:00:14
     2016-11-18 22:35:11   4-external      SIP0
     2016-11-18 22:35:11   4-internal      XX80
     2016-11-18 23:06:51   4-name          XX, Werner
     2016-11-18 23:06:51   4-number        0XX85
     2016-11-18 22:35:11   4-row           4
     2016-11-18 23:06:51   4-state         <=
     2016-11-18 23:06:51   4-timestamp     Fri, 18 Nov 2016 15:55:14
     2016-11-18 22:35:11   5-connection    DECT_1
     2016-11-18 23:06:51   5-duration      00:06:49
     2016-11-18 22:35:11   5-external      SIP0
     2016-11-18 22:35:11   5-internal      X80
     2016-11-18 23:06:51   5-name          XX, Thomas
     2016-11-18 23:06:51   5-number        XX67
     2016-11-18 22:35:11   5-row           5
     2016-11-18 23:06:51   5-state         =>
     2016-11-18 23:06:51   5-timestamp     Fri, 18 Nov 2016 13:15:58
     2016-11-18 23:06:51   numberOfCalls   5
   Helper:
     DEFAULT_COLUMN_ORDER row,state,timestamp,name,number,internal,external,connection,duration
     LAST_CALL_ID 1
     LAST_EVENT disconnect
     Data:
       1479471358.22477:
         call_duration 409
         call_id    0
         direction  incoming
         external_connection SIP0
         external_name XX, Thomas
         external_number XX67
         finished   1479471775.65803
         internal_connection DECT_1
         internal_number XX80
         last_event disconnect
       1479480914.69332:
         call_duration 14
         call_id    1
         direction  outgoing
         external_connection SIP0
         external_name XX, Werner
         external_number XX85
         finished   1479480944.48849
         internal_connection DECT_1
         internal_number XX80
         last_event disconnect
       1479482882.85082:
         call_duration 0
         call_id    1
         direction  outgoing
         external_connection SIP0
         external_name XX, Thomas
         external_number XX67
         finished   1479482906.30093
         internal_connection DECT_1
         internal_number XX80
         last_event disconnect
         missed_call 1
       1479504763.0198:
         call_duration 0
         call_id    0
         direction  incoming
         external_connection SIP0
         external_name XX, Thomas
         external_number XX67
         finished   1479504771.29223
         internal_number XX80
         last_event disconnect
         missed_call 1
       1479504911.1544:
         call_duration 3
         call_id    1
         direction  outgoing
         external_connection SIP0
         external_name XX, Thomas
         external_number XX67
         finished   1479504911.91638
         internal_connection VoIP_2
         internal_number XX80
         last_event disconnect
     Icon_map:
Attributes:
   create-readings 1
   event-on-change-reading .*
   fp_Telefon_fp 220,252,1,
   language   de
   list-order descending
   list-type  all
   number-of-calls 5
   show-icons 1
   visible-columns state,timestamp,name,number,duration


<!-- ============= Anrufe  ================== -->
<!-- ======================================= -->
<li data-row="2" data-col="2" data-sizex="4" data-sizey="4">
    <header class="headerTransparent">ANRUFE</header>
    <table width="100%" class="">
        <tr>
            <td>
                <!-- Zuordnung des Status zu entsprechendem Icon -->
                <div class="narrow" data-type="symbol" data-device="Anruferliste"
                     data-get="1-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","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-name"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="narrow" data-type="symbol" data-device="Anruferliste"
                     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","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="2-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="Anruferliste" data-get="2-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="2-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="2-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="2-name"></div>
                <div data-type="label" data-device="Anruferliste" data-get="2-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="2-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="narrow" data-type="symbol" data-device="Anruferliste"
                     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","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="3-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="Anruferliste" data-get="3-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="3-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="3-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="3-name"></div>
                <div data-type="label" data-device="Anruferliste" data-get="3-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="3-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="narrow" data-type="symbol" data-device="Anruferliste"
                     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","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="4-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="Anruferliste" data-get="4-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="4-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="4-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="4-name"></div>
                <div data-type="label" data-device="Anruferliste" data-get="4-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="4-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="narrow" data-type="symbol" data-device="Anruferliste"
                     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","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="5-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="Anruferliste" data-get="5-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="5-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="5-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="5-name"></div>
                <div data-type="label" data-device="Anruferliste" data-get="5-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="5-duration"></div>
            </td>
        </tr>
    </table>
   
</li>


Was mache ich da noch falsch, die Icons und die Icon Farbe soll eigentlich so wie in der FhemWeb Oberfläsche aussehen

Ausgehende Anrufe werden z.b. genau wie angenommene eingehende Anrufe angezeigt, das ist sehr verwirrend, auch werden in der Historie die letzte Anrufe immer alle mit dem gleichen Icon und farbe angezeigt.

Wo liegt mein Fehler?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: suppenesser am 24 November 2016, 12:31:01
Zitat von: Tommy82 am 18 November 2016, 23:27:59

                     data-get="1-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","red","firebrick","green","#aa6900"]'></div>
         
Ausgehende Anrufe werden z.b. genau wie angenommene eingehende Anrufe angezeigt, das ist sehr verwirrend, auch werden in der Historie die letzte Anrufe immer alle mit dem gleichen Icon und farbe angezeigt.

Wo liegt mein Fehler?

Dein Fehler liegt darin, das Du kein "<="  in der data-get Zeile hast. Dazu brauchst Du weiterhin auch ein Bild in der data-icons Zeile und eine Farbe in data-colors, jeweils an gleicher Stelle. (maybe an erster?)

Schau dir dazu mal die readings des device an!
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Tommy82 am 24 November 2016, 20:52:48
Das war es, danke für den Tip
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Sky am 13 Dezember 2016, 19:30:25
Hallo ,

ich bin auf diesen Thread gestoßen ,auf der Suche , warum ich in meinem Tablet UI keine Anrufsymbole angezeigt bekomme .

in Fhem ist meiner Meinung alles in Ordnung.


In der HTML sieht es so aus :

<li data-row="2" data-col="4" data-sizex="5" data-sizey="2">
  <header>WOHNZIMMER</header>
  <table width="100%" class="">
        <tr>
            <td>
                <!-- Zuordnung des Status zu entsprechendem Icon -->
                <div class="narrow" data-type="symbol" data-device="FritzBoxCallList"
                     data-get="1-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","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-name"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="narrow" data-type="symbol" data-device="FritzBoxCallList"
                     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","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-name"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-duration"></div>
            </td>
        </tr>
    </table>



Sieht irgendwer einen Fehler ??



 
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 13 Dezember 2016, 20:05:44
Also ich kann Anrufsymbole auf deinem Bild sehen.

Gruß
Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Sky am 13 Dezember 2016, 20:13:43
 ;) ;)
Das Bild ist aus Fhem , nicht im Tablet UI
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 13 Dezember 2016, 20:24:20
Heist denn deine FB_CALLLIST-Definition auch "FritzBoxCallList"?

Gruß
Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Sky am 13 Dezember 2016, 21:03:51
Danke für die Hilfe ..

hier ein paar Bilder zur Verständlichkeit ..
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 13 Dezember 2016, 21:05:26
Hast du https://forum.fhem.de/index.php/topic,43758.msg366650.html#msg366650 gelesen und umgesetzt?

Gruß
Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Sky am 13 Dezember 2016, 21:08:48
Meinst Du dies ??

Zitat von: janlau am 29 November 2015, 11:44:01
Danke für den Tipp.
Habe es hinbekommen. Hatte vergessen die openautomation Icons zu laden.
<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />

Gruß Jan

Wenn ja ,entschuldige ,aber wie binde ich dies ein ??
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 13 Dezember 2016, 21:12:06
In deiner HTML-Datei im <head>-Tag einfügen. Siehe Bild im Anhang.

Gruß
Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Sky am 13 Dezember 2016, 21:54:20
Vielen Dank  :) :) Symbole sind da ...

mir ist nur aufgefallen das mir zweimal Datum und Uhrzeit angezeigt wird ,habe aber doch nichts doppelt in der HTML ??
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Sky am 15 Dezember 2016, 18:29:39
Ich verzweifle langsam ...

es funktioniert nicht . Ich habe meine index.html jetzt nur mal mit der Anrufliste bestückt ,wie Ihr sehen könnt fehlt die Farbe und das richtige Symbol , der obere Anruf war ausgehend , ausserdem zeigt er mir zweimal das gleiche Datum und Uhrzeit .

Dann habe ich das Beispiel aus dem WiKi genommen zur Integration in Tablet UI ( https://wiki.fhem.de/wiki/FB_CALLLIST ) ,keine Änderung .

Meine Index sieht so aus :

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * Just another dashboard for FHEM
     *
     * Version: 1.4.4
     * Requires: jQuery v1.7+, font-awesome, jquery.gridster, jquery.toast
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="116">
    <meta name="widget_base_height" content="131">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
    <meta name="debug" content="0"> <!-- 1=output to console;0=no output -->

    <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />

   <link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />
   
   <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="/fhem/tablet/css/fhem-green-ui.css" / -->
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" />

    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>

    <!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="/fhem/pgm2/cordova-2.3.0.js" defer></script>
    <script src="/fhem/pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>
</head>
<body>

<div class="gridster">
<ul>
<li data-row="8" data-col="2" data-sizex="4" data-sizey="1">
    <header class="headerTransparent">ANRUFE</header>
    <table width="100%" class="">
        <tr>
            <td>
                <!-- Zuordnung des Status zu entsprechendem Icon -->
                <div class="narrow" data-type="symbol" data-device="FritzBoxCallList"
                     data-get="1-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","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-name"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="1-duration"></div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="narrow" data-type="symbol" data-device="FritzBoxCallList"
                     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","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-name"></div>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="FritzBoxCallList" data-get="2-duration"></div>
            </td>
        </tr>
    </table>
</li>
</ul>
</div>
</body>
</html>



Meine Anrufliste in Fhem funktioniert .....
ich weiß nicht mehr  weiter .........

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Tommy82 am 27 Dezember 2016, 22:19:46
Hi, ich hab noch einen Status der in der FTUI nicht angezeigt wird, und zwar wenn ein einkommender Anruf vom Anrufbeantworter angenommen wird, in Fhem wird es angezeigt, in der FTUI wird garnichts angezeigt, definiert habe ich den Status => O_O in der FTUI so:

<!-- ============= Anrufe  ================== -->
<!-- ======================================= -->
<li data-row="2" data-col="2" data-sizex="4" data-sizey="4">
    <header class="headerTransparent">ANRUFE</header>
    <table width="100%" class="">
        <tr>
            <td>
                <!-- Zuordnung des Status zu entsprechendem Icon -->
                <div class="narrow" data-type="symbol" data-device="Anruferliste"
                     data-get="1-state" data-states='["<=","=>","=> X","=> ((o))","=> [=]","=> O_O"]'
                     data-icons='["mi-phone_forwarded","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='["blue","green","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-name"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-duration"></div>
            </td>
        </tr>


Wieso wird das eine icon nicht angezeigt?

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Morrino am 05 Januar 2017, 20:52:18
Hi,

habe das Problem, dass wenn beim durchsuchen des Telefonbuchs der Name sehr Lange ist, meine Tabelle über die Größe des Rahmens geht.

Kann ich die Tabelle irgendwie auf eine feste Größe setzen oder noch besser den Namen irgendwann abschneiden?



<!--Anruferliste -->
<li data-row="1" data-col="4" data-sizex="4" data-sizey="3">
<header>Anrufliste</header>
<table width="100%" class="top-space" >
<tr>
<td>
<div data-type="symbol" data-device="Anrufliste" data-get="1-state" data-icons='["fa-database","fa-phone","fa-phone","fa-phone","fa-phone","fa-phone","fa-phone","fa-phone","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'></div>
<div data-type="symbol" data-device="Anrufliste" data-get="1-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' ></div>
</td>

<td>
<div data-type="label" data-device="Anrufliste" data-get="1-timestamp"  ></div>
</td>
<td>
<div data-type="label" data-device="Anrufliste" data-get="1-number"></div>
<div data-type="label" data-device="Anrufliste" data-get="1-name" style="color:#aa6900;"></div>
</td>
<td>
<div data-type="label" data-device="Anrufliste" data-get="1-duration"></div>
</td>
</tr>


Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Andre0909 am 07 Januar 2017, 10:04:18
Moin, ich habe auch eine Frage:

Endlich habe ich es hinbekommen, dass ein Türklingeln in der Calllist ausgewertet wird in Form eines Anrufes auf eine fiktive Nummer.
Soweit so gut. Jetzt möchte ich aber eine Calllist erstellen, in welcher NUR diese Anrufe erscheinen, also keine Telefonanrufe oder ähnliches. Leider kann ich nur nach interner Nummer filtern, aber die ist ja jeweils die selbe, eine Filterung nach Rufnummern (ausgehende , ankommende) habe ich leider nicht gefunden. Jmd. eine Idee?

2. Möglichkeit wäre z.B ein dummy mit nur den WErten der Türklingel zu beschreiben. Dazu müsste man aus der Calllist halt entsprechende Einträge ausfildern und in fortlaufende Readings eines Dummys schreiben.
Den könnte ich dann z.B. in Tabellenform in FTUI auswerten.

Hintergrund ist, dass ich zwar auswerten kann wie oft es geklingelt hat wenn ich nach Hause komme, allerdings keine Liste habe wann. Ich würd mich über eure Hilfe freuen. Vielen Dank!
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Tommy82 am 10 Januar 2017, 20:54:25
Zitat von: Tommy82 am 27 Dezember 2016, 22:19:46
Hi, ich hab noch einen Status der in der FTUI nicht angezeigt wird, und zwar wenn ein einkommender Anruf vom Anrufbeantworter angenommen wird, in Fhem wird es angezeigt, in der FTUI wird garnichts angezeigt, definiert habe ich den Status => O_O in der FTUI so:

<!-- ============= Anrufe  ================== -->
<!-- ======================================= -->
<li data-row="2" data-col="2" data-sizex="4" data-sizey="4">
    <header class="headerTransparent">ANRUFE</header>
    <table width="100%" class="">
        <tr>
            <td>
                <!-- Zuordnung des Status zu entsprechendem Icon -->
                <div class="narrow" data-type="symbol" data-device="Anruferliste"
                     data-get="1-state" data-states='["<=","=>","=> X","=> ((o))","=> [=]","=> O_O"]'
                     data-icons='["mi-phone_forwarded","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='["blue","green","red","firebrick","green","#aa6900"]'></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="5" class=""></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="1" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="2" class="inline"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-timestamp" data-part="3" class="inline"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-name"></div>
                <div data-type="label" data-device="Anruferliste" data-get="1-number"></div>
            </td>
            <td>
                <div data-type="label" data-device="Anruferliste" data-get="1-duration"></div>
            </td>
        </tr>


Wieso wird das eine icon nicht angezeigt?
Keiner eine idee warum das bei mir nicht richtig klappt!?

Danke
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Tommy82 am 14 Januar 2017, 05:59:30
Ok, hat sich gelöst, der Name des Icons hat sich anscheint geändert, nachdem ich das angepasst habe wird es jetzt auch alles richtig angzeigt.
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Hoggle am 17 Januar 2017, 15:18:53
So, jetzt auch mal von mir ein Hilferuf.
Ich habe folgende devices in FHEM:

define Fritzbox FRITZBOX
attr Fritzbox allowTR064Command 1
attr Fritzbox group Kommunikation
attr Fritzbox room Kommunikation


define fb_Callmonitor FB_CALLMONITOR xxx.xxx.xxx.x
attr fb_Callmonitor fritzbox-user (vorh. FB User)
attr fb_Callmonitor group Kommunikation
attr fb_Callmonitor local-area-code 0XXXXX
attr fb_Callmonitor fritzbox-remote-phonebook 1
attr fb_Callmonitor fritzbox-remote-phonebook-via tr064
attr fb_Callmonitor reverse-search phonebook,klicktel.de,dasoertliche.de
attr fb_Callmonitor reverse-search-cache 1
attr fb_Callmonitor reverse-search-cache-file /opt/fhem/log/reverse_search.txt
attr fb_Callmonitor room Kommunikation


define fb_Anrufliste FB_CALLLIST fb_Callmonitor
attr fb_Anrufliste group Kommunikation
attr fb_Anrufliste language de
attr fb_Anrufliste number-of-calls 10
attr fb_Anrufliste create-readings 1
attr fb_Anrufliste event-on-change-reading 1
attr fb_Anrufliste event-on-update-reading 1
attr fb_Anrufliste room Kommunikation
attr fb_Anrufliste time-format-string %a, %d.%m.%y %H:%M
attr fb_Anrufliste visible-columns row,state,timestamp,name,number,duration


und in FTUI folgende Index.html:

<!DOCTYPE html>
<html>
<head>
    <!--
    /* FHEM tablet ui */
    /*
    * UI builder framework for FHEM
    *
    * Version: 2.2.*
    * URL: https://github.com/knowthelist/fhem-tablet-ui
    *
    * Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
    * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
    *
    * - create a new folder named 'tablet' in /<fhem-path>/www
    * - copy all files incl. sub folders into /<fhem-path>/www/tablet
    * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
    * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
    */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="74">
    <meta name="widget_base_height" content="71">
    <meta name="widget_min_cols" content="13">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="gridster_disable" content="1">
    <meta name="widget_margin" content="4">
    <meta name="longpoll" content="1">
    <meta name="debug" content="2">

    <link rel="stylesheet" href="lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="css/fhem-tablet-ui.css" />
    <link rel="stylesheet" href="lib/font-awesome.min.css" />
    <link rel="stylesheet" href="lib/material-icons.min.css" />
    <link rel="stylesheet" href="lib/jquery.toast.min.css" />
   
   <link rel="stylesheet" href="lib/openautomation.css" />
   <link rel="stylesheet" href="lib/fhemSVG.css" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="../pgm2/jquery.min.js"></script>
    <script src="lib/jquery.toast.min.js"></script>
    <script src="lib/jquery.gridster.min.js"></script>
    <script src="js/fhem-tablet-ui.js" defer></script>

    <title>FHEM-Tablet-UI</title>
</head>
<body>
    <div class="gridster">
        <ul>
    <!-- ============= Anrufliste ============= -->
<!-- ====================================== -->
<!--   <header>Anrufliste</header>-->

<li data-row="1" data-col="1" data-sizex="8" data-sizey="4" class="semitransparent">
   <table width="100%"  border="10" BORDERCOLOR=grey>
           <tr>
         <td>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="1-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'><>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="1-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"><>
          </td>
         
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="1-timestamp"  class="inline"><>
            </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="1-number"><>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="1-name"><>
         </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="1-duration"><>
         </td>
      </tr>


      <tr>
         <td>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="2-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'><>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="2-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"><>
                                                                                       </td>
         <td>   <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="2-timestamp"  class="inline"><>
               </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="2-number"><>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="2-name"><>
         </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="2-duration"><>
         </td>
      </tr>
      <tr>
         <td>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="3-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'><>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="3-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"><>
                                                                                       </td>
         
      <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="3-timestamp"  class="inline"><>
            </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="3-number"><>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="3-name"><>
         </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="3-duration"><>
         </td>
      </tr>
   <tr>
         <td>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="4-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]'><>
            <div data-type="symbol" data-device="fb_Anrufliste" data-get="4-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-on-colors='["red","green","green","red","yellow","yellow","green","green","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' data-class="inline"><>
                                                                                       </td>
         
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="4-timestamp" class="inline"><>
         </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="4-number"><>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="4-name"><>
         </td>
         <td>
            <div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="4-duration"><>
         </td>
      </tr>
</tr>
</table>   
</li>
      </ul>
    <>
</body>
</html>


Ich hoffe, das jetzt auch die beiden Bilder angehängt wurden. Auf dem ersten Bild (Fritzbox.png) sieht man den Ausschnitt direkt in Fhem mit gefüllter Anrufliste und im 2. Bild das gleiche Konstrukt nur im FTUI und leider mit verschobenen Tabellen und ohne Inhalt.
Was habe ich getan? :-[
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 17 Januar 2017, 15:43:44
Überall in deinem HTML kommt immer wieder folgendes vor.
<>
bspw:
<div data-type="label" data-device="fb_Anrufliste" style="font-size: 150%" data-get="1-name"><>

Dies soll wahrscheinlich </div> bedeuten. Momentan sind überall <div>-Tags geöffnet, aber nirgends geschlossen.

Gruß
Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Hoggle am 18 Januar 2017, 09:07:06
Guten morgen.
Das mit den "<>" ist komisch, denn im Originaltext steht immer ein "</div>" (Siehe Bild). :-\
Daran kann es nicht liegen. :-[
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 18 Januar 2017, 11:14:57
Ich hatte gestern bei mir die "<>" durch "</div>" entsprechend ersetzt. Danach hatte ich dasselbe Phänomen, wie in deinen Screenshots.

Hierbei konnten die JavaScript-Komponenten nicht geladen werden. Als ich dann die CSS (<link>) und JavaScript (<script>) Einbindungen durch die aus dem Beispiel-HTML (https://github.com/knowthelist/fhem-tablet-ui/blob/master/www/tablet/index-example.html) ersetzt habe, hat es funktioniert.

Gruß
Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Hoggle am 18 Januar 2017, 11:56:15
Hi.
Jetzt ist es so, das sich das Bild so langsam aktualisiert.
Im Screenshoot habe ich mal markiert, was jetzt noch immer nicht passt, nämlich der obere Streifen.
Kommt man nicht ganz nach oben mit dem Rahmen der Tabelle?

Ich habe übrigens NIX! an der Datei geändert :o :'(
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: eazy_isi am 22 Januar 2017, 20:10:53
Hallo zusammen,

ich habe Problem mit der Darstellung der Anrufe in Tablet UI.
Und zwar werden die Anrufe nicht vernünftig sortiert, sondern sind durcheinander.
In Fhem wird alles korrekt dargestellt.
Hier mein Code:

<ul>
<!-- ============= Anrufliste ============= -->
<!-- ====================================== -->
<li class="semitransparent3d" data-row="1" data-col="1" data-sizex="6" data-sizey="8">
<header class="semitransparentheader">Anrufe</header>
<table width="100%" class="top-space">
<tr>
<td>
<!-- Zuordnung des Status zu entsprechendem Icon -->
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="1-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="1-duration" class="shadow"></div>
</td>
</tr>
<tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="2-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="2-duration" class="shadow"></div>
</td>
</tr>
   <tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="3-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>

</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="3-duration" class="shadow"></div>
</td>
</tr>
  <tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="4-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>

</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="4-duration" class="shadow"></div>
</td>
</tr>
  <tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="5-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>

</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="5-duration" class="shadow"></div>
</td>
</tr>
  <tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="6-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>

</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="6-duration" class="shadow"></div>
</td>
</tr>
  <tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="7-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>

</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="7-duration" class="shadow"></div>
</td>
</tr>
  <tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="8-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>

</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="8-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="8-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="8-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="8-duration" class="shadow"></div>
</td>
</tr>

  <tr>
<td>
<div class="narrow shadow" data-type="symbol" data-device="Fritzboxanrufeliste"
data-get="9-state"
data-states='["=>","<=","=> X","<= X","=> ((o))","<= ((o))","=> [=]","<= [=]","=> O_O"]'
data-icons='["oa-phone_call_end_in","oa-phone_call_end_out","oa-phone_missed_in","oa-phone_missed_out","oa-phone_ring fa-blink","oa-phone_ring fa-blink","oa-phone_ring_in fa-blink","oa-phone_ring_out fa-spin","oa-phone_answersing"]'
data-colors='["blue","green","firebrick","orange","firebrick","firebrick","blue","green","#FAA460"]'></div>

</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="9-timestamp" class="inline shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="9-name" data-color="yellow" class="shadow"></div>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="9-number" class="shadow"></div>
</td>
<td>
<div data-type="label" data-device="Fritzboxanrufeliste" data-get="9-duration" class="shadow"></div>
</td>
</tr>
</table>
</li>


Und anbei noch 2 Bilder wie das ganze in FHEM und Tablet UI aussieht.

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Hausierer am 23 April 2017, 09:58:29
Hallo Zusammen,

bei mir läuft fast alles perfekt. Ich habe nur ein kleines Problemchen. Wenn jemand auf den Anrufbeantworter spricht, dann wird kein Icon angezeigt. Wenn ich in der Config ein anderes Icon angebe, dann wird das falsche Icon abgebildet. Also ist meine Schlussfolgerung, dass mein Icon "phone_answering" fehlt, oder falsch geschrieben ist. Wie kann ich das überprüfen? Wo liegen die Icons eigentlich.
Schon mal vielen Dank für die Hilfe!!

Gruß
Holger 
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: carzl am 14 November 2017, 18:42:04
Hallo @Hausierer, hallo in die Runde,

ich habe da wohl ein vergleichbares Problem; Hausierer, hast du es gelöst? Ich habe quasi dieselbe Def im FTUI wie ihr, aber ich sehe falsche Icons. Zwar auch Telefonie-Icons, aber teilweise nicht die, die Fhem als oa-Icons mitbringt. Hier ein Beispiel, auf einen Anruf muss das Icon "phone_missed_in" gezogen werden. In Fhem korrekt (Bild 1), in FTUI aber falsch (Bild 2). Was ich nicht verstehe: das falsche Symbol entspricht zwar im Design dem Telefonie-Icon-Set, ist im oa-Ordner aber gar nicht vorhanden. Und: wenn ich z. B. in Chrome mit der rechten Maustaste auf die Icons die html-Seite ansehe, steht bei beiden "phone_missed_in" als Icon, was ja eigentlich stimmen müsste. Holt sich FTUI die Icons woanders her als aus /opt/fhem/www/images/openautomation? data-device und -get stimmen definitiv, die Zuordnung zu Quelle/Ereignis in der Fritte sind korrekt. Eigenartig...  :-[

Danke!
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: setstate am 14 November 2017, 20:59:57
gesten habe ich eine icons_table.html hochgeladen. Damit kann man alle Icons der font-awesome.min.css openautomation.css fhemSVG.css material-icons.min.css weather-icons.min.css ansehen.

Die Seite wurde mit der aktuellen gen_iconsdemo.pl erzeugt.

das "phone_missed_in"-Icon ist dabei. Passt das so?

Nachtrag:
Bei den Material-Icons sieht das phone_missed ähnlich aus. Also erscheint das abgebildete oa-phone_missed_in sehr plausibel.

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Markus Bloch am 14 November 2017, 21:11:19
Zitat von: carzl am 14 November 2017, 18:42:04
In Fhem korrekt (Bild 1), in FTUI aber falsch (Bild 2). Was ich nicht verstehe: das falsche Symbol entspricht zwar im Design dem Telefonie-Icon-Set, ist im oa-Ordner aber gar nicht vorhanden.

Das liegt daran, dass ich das Icon in FHEM nachträglich geändert hatte, da ich das originale Symbol für nicht aussagekräftig genug gehalten habe. Daher habe ich ein eigenes "phone_missed_in"/"phone_missed_out"-Icon erstellt und eingecheckt

Viele Grüße

Markus
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: carzl am 18 November 2017, 09:46:06
Danke setstate und Markus.

@setstate, coole Sache mit der icons_table.html! Gefällt mir.

@Markus, sorry, ich glaube ich stehe auf der Leitung  :( Wo kommen denn die Icons physisch her, die ich im FTUI angezeigt bekomme - aus /opt/fhem/www/images/openautomation oder liegen die woanders? Ich habe noch so einen Effekt, und zwar mit dem Icon oa-phone_answering. Im FTUI habe ich definiert, dass es für "=> O_O" in der Fritzbox angezeigt wird. In setstates icons_table.html kann ich es auch finden. Aber FTUI zeigt bei einem solchen Anrufevent gar kein Icon an, so als könne es oa-phone_answering nicht finden.

Ich glaube, ich DAU hab hier irgendwas grundsätzliches noch nicht gerafft  ???
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 18 November 2017, 12:12:09
Zitat von: setstate am 14 November 2017, 20:59:57
gesten habe ich eine icons_table.html hochgeladen. Damit kann man alle Icons der font-awesome.min.css openautomation.css fhemSVG.css material-icons.min.css weather-icons.min.css ansehen.

Cool, nur wo finde ich die?
Hier habe ich den Link zum ZIP-File gefunden:
https://github.com/knowthelist/fhem-tablet-ui/archive/master.zip (https://github.com/knowthelist/fhem-tablet-ui/archive/master.zip)
Wenn ich die Datei öffne, sehe ich eine kaum lesbare Tabelle mit den Namen aber keine Icons.
Wie kann ich mir das Ding richtig anzeigen lassen? Klappt das irgendwo online?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: setstate am 18 November 2017, 13:29:21
die icons_table.html muss in das gleiche Verzeichnis wie deine index.html der FTUI Installation. Die URL entsprechend eingeben: http://fhem:8083/fhem/ftui/icons_table.html

Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Gunther am 18 November 2017, 15:01:44
klappt wunderbar. Super Sache! Danke!
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Nuems am 27 November 2017, 18:11:42
Nachdem ich die Anruferliste ins TabletUI integriert habe, frage ich mich, ob man irgendwie direkt aus dem TabletUI Nachrichten des FB-Anruferbeantworters abhören kann. Ich habe auf meiner FB 7490 in weiser (?) Voraussicht schon einmal den Aufnahmespeicher auf USB verlagert, wodurch Samba-Zugriff möglich ist, allerdings ist die dort abgelegte Datei nicht direkt abspielbar.

Edit: Im IP-Phone-Forum habe ich https://www.ip-phone-forum.de/threads/fritz-box-anrufbeantworter-encoder-decoder.156186/ (https://www.ip-phone-forum.de/threads/fritz-box-anrufbeantworter-encoder-decoder.156186/) gefunden. Mit den Sourcen aus Post 1 und den in Post 7 angegebenen Änderungen (Vorsicht: Mitten im Code stehen Formatierungstags der früheren Forumssoftware der Kollegen) konnte ich mir speexdec für das von der FB verwendete Aufnahmeformat kompilieren, so dass ich leicht abspielbare WAV-Dateien am Speicherort meiner Wahl erhalten kann.
Was jetzt noch fehlt: Wie bekomme ich es in TabletUI hin, dass ich idealerweise mit einem Touch auf dem Eintrag für einen aufgenommen Anruf diesen hören kann?
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: thuranga am 28 Februar 2018, 13:05:23
Ist es eigentlich irgendwie möglich, eine Art Blacklist einzustellen, d.h. das gewisse Nummer nicht ausgegeben werden? z.B. die Telekom Mailbox (08003302424)

Viele Grüße
Brownlow
Titel: Antw:[Tablet UI] FB_CALLLIST einbinden
Beitrag von: Snake1980 am 31 August 2021, 09:10:01
Zitat von: carzl am 18 November 2017, 09:46:06
...
@Markus, sorry, ich glaube ich stehe auf der Leitung  :( Wo kommen denn die Icons physisch her, die ich im FTUI angezeigt bekomme - aus /opt/fhem/www/images/openautomation oder liegen die woanders? Ich habe noch so einen Effekt, und zwar mit dem Icon oa-phone_answering. Im FTUI habe ich definiert, dass es für "=> O_O" in der Fritzbox angezeigt wird. In setstates icons_table.html kann ich es auch finden. Aber FTUI zeigt bei einem solchen Anrufevent gar kein Icon an, so als könne es oa-phone_answering nicht finden.

Ich glaube, ich DAU hab hier irgendwas grundsätzliches noch nicht gerafft  ???

Ich häng mich hier noch mal ran. Irgendwie stehe ich hier auch auf dem Schlauch. In der Icons_table wird oa-phone_answering angezeigt, aber im FTUI wird kein Symbol angezeigt.