Autor Thema: [Tablet UI] FB_CALLLIST einbinden  (Gelesen 27930 mal)

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
[Tablet UI] FB_CALLLIST einbinden
« 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>
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 4237
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #1 am: 08 November 2015, 18:10:29 »
data-type statt nur type
und
data-device statt nur device

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 753
    • ueberueck.com
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #2 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...
Intel Atom 2x2,1GHz;4GB RAM;60GB SSD;8TB HDD: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;CUL433;CUL868;Duofern;ASC;MQTT;mySensors;netatmo;SONOS
RPi3+: FHEM 6.0;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;RFID;Solar
FHEM&FTUI: www.ueberueck.com

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #3 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/

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
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline kjmEjfu

  • Sr. Member
  • ****
  • Beiträge: 721
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #4 am: 08 November 2015, 19:57:30 »

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

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 753
    • ueberueck.com
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #5 am: 08 November 2015, 20:03:50 »

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

   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
Intel Atom 2x2,1GHz;4GB RAM;60GB SSD;8TB HDD: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;CUL433;CUL868;Duofern;ASC;MQTT;mySensors;netatmo;SONOS
RPi3+: FHEM 6.0;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;RFID;Solar
FHEM&FTUI: www.ueberueck.com

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #6 am: 08 November 2015, 20:05:20 »
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?
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #7 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.
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #8 am: 08 November 2015, 20:22:08 »
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
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 753
    • ueberueck.com
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #9 am: 08 November 2015, 20:25:13 »
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

<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 -> time-format-string
Intel Atom 2x2,1GHz;4GB RAM;60GB SSD;8TB HDD: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;CUL433;CUL868;Duofern;ASC;MQTT;mySensors;netatmo;SONOS
RPi3+: FHEM 6.0;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;RFID;Solar
FHEM&FTUI: www.ueberueck.com

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #10 am: 08 November 2015, 21:33:42 »
Super, klappt! Danke!

FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #11 am: 08 November 2015, 21:34:06 »
Sofern ein Password benötigt wird, wird das set-Kommando "password" in FHEMWEB verfügbar.

set Anrufliste password MeinGeheimesPasswort

thx!
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #12 am: 08 November 2015, 21:35:49 »
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?
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline uniqueck

  • Developer
  • Full Member
  • ****
  • Beiträge: 485
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #13 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ß

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...

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #14 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?
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 753
    • ueberueck.com
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #15 am: 09 November 2015, 10:10:56 »
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.
Intel Atom 2x2,1GHz;4GB RAM;60GB SSD;8TB HDD: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;CUL433;CUL868;Duofern;ASC;MQTT;mySensors;netatmo;SONOS
RPi3+: FHEM 6.0;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;RFID;Solar
FHEM&FTUI: www.ueberueck.com

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 4237
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #16 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 übernommen.

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #17 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

FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #18 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.
« Letzte Änderung: 09 November 2015, 13:36:28 von Gunther »
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #19 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?
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 4237
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #20 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.

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 753
    • ueberueck.com
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #21 am: 09 November 2015, 14:38:08 »
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  ::)
Intel Atom 2x2,1GHz;4GB RAM;60GB SSD;8TB HDD: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;CUL433;CUL868;Duofern;ASC;MQTT;mySensors;netatmo;SONOS
RPi3+: FHEM 6.0;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;RFID;Solar
FHEM&FTUI: www.ueberueck.com

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 4237
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #22 am: 09 November 2015, 14:56:32 »
Ja, mache ich auch nicht. Keine Angst ...

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 753
    • ueberueck.com
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #23 am: 09 November 2015, 16:44:38 »
Ja, mache ich auch nicht. Keine Angst ...

juhu  ;D
Intel Atom 2x2,1GHz;4GB RAM;60GB SSD;8TB HDD: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;CUL433;CUL868;Duofern;ASC;MQTT;mySensors;netatmo;SONOS
RPi3+: FHEM 6.0;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;RFID;Solar
FHEM&FTUI: www.ueberueck.com

Offline l3skon3

  • Jr. Member
  • **
  • Beiträge: 76
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #24 am: 09 November 2015, 20:39:23 »
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.
« Letzte Änderung: 09 November 2015, 20:41:39 von l3skon3 »

Offline uniqueck

  • Developer
  • Full Member
  • ****
  • Beiträge: 485
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #25 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.


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.

Offline roman1528

  • Sr. Member
  • ****
  • Beiträge: 753
    • ueberueck.com
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #26 am: 10 November 2015, 09:17:29 »
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^^
Intel Atom 2x2,1GHz;4GB RAM;60GB SSD;8TB HDD: FHEM 6.0,FTUI,AMAD,8" Tablet's+Fully;HUE;ESPRGBWW;HM;CUL433;CUL868;Duofern;ASC;MQTT;mySensors;netatmo;SONOS
RPi3+: FHEM 6.0;I²C;GPIO;RFID;G-Tag;XiaomiBTLESens
RPi3: FHEM 6.0;DIY Relais-Board;I²C;GPIO;RFID;Solar
FHEM&FTUI: www.ueberueck.com

Offline uniqueck

  • Developer
  • Full Member
  • ****
  • Beiträge: 485
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #27 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


Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #28 am: 10 November 2015, 13:02:08 »
Was ist den eine DSL?  ???
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline uniqueck

  • Developer
  • Full Member
  • ****
  • Beiträge: 485
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #29 am: 10 November 2015, 23:50:36 »

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #30 am: 11 November 2015, 08:55:33 »
Danke!  :)
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline janlau

  • New Member
  • *
  • Beiträge: 17
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #31 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

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #32 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.
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline janlau

  • New Member
  • *
  • Beiträge: 17
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #33 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

Offline ulli

  • Sr. Member
  • ****
  • Beiträge: 612
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #34 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...

Offline rasti

  • Sr. Member
  • ****
  • Beiträge: 595

Offline ulli

  • Sr. Member
  • ****
  • Beiträge: 612
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #36 am: 21 Februar 2016, 18:55:58 »
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

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #37 am: 21 Februar 2016, 19:05:39 »
Poste mal das Ergebnis von
list CallList

Hast Du Readings?
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline rasti

  • Sr. Member
  • ****
  • Beiträge: 595
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #38 am: 21 Februar 2016, 19:12:02 »
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





Offline ulli

  • Sr. Member
  • ****
  • Beiträge: 612
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #39 am: 21 Februar 2016, 19:42:25 »
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

Offline ulli

  • Sr. Member
  • ****
  • Beiträge: 612
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #40 am: 21 Februar 2016, 19:47:45 »
Habs gefunden!
attr Fritzboxanrufeliste create-readings 1hat gefehlt :/

BEsten Dank!

Offline andrece

  • Full Member
  • ***
  • Beiträge: 107
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #41 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

Offline andrece

  • Full Member
  • ***
  • Beiträge: 107
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #42 am: 24 August 2016, 06:32:34 »
bekomme keine readings ::)

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #43 am: 24 August 2016, 08:23:25 »
Muss ja auch folgendermaßen heißen:

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

Gruß
Markus
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2864
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #44 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?
« Letzte Änderung: 19 November 2016, 16:16:26 von Tommy82 »
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline suppenesser

  • New Member
  • *
  • Beiträge: 40
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #45 am: 24 November 2016, 12:31:01 »

                     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!
« Letzte Änderung: 24 November 2016, 12:32:47 von suppenesser »
Raspberry PI B+ | HM-LAN-CFG | HM-LC-Sw1PBU-FM | HM-TC-WM-W-EU | DECT 200 | DHT22 | 1 Wire Temp.Sensoren

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2864
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #46 am: 24 November 2016, 20:52:48 »
Das war es, danke für den Tip
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline Sky

  • Full Member
  • ***
  • Beiträge: 386
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #47 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 ??
 


 
« Letzte Änderung: 13 Dezember 2016, 19:57:54 von Sky »

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #48 am: 13 Dezember 2016, 20:05:44 »
Also ich kann Anrufsymbole auf deinem Bild sehen.

Gruß
Markus
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline Sky

  • Full Member
  • ***
  • Beiträge: 386
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #49 am: 13 Dezember 2016, 20:13:43 »
 ;) ;)
Das Bild ist aus Fhem , nicht im Tablet UI

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #50 am: 13 Dezember 2016, 20:24:20 »
Heist denn deine FB_CALLLIST-Definition auch "FritzBoxCallList"?

Gruß
Markus
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline Sky

  • Full Member
  • ***
  • Beiträge: 386
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #51 am: 13 Dezember 2016, 21:03:51 »
Danke für die Hilfe ..

hier ein paar Bilder zur Verständlichkeit ..

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #52 am: 13 Dezember 2016, 21:05:26 »
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline Sky

  • Full Member
  • ***
  • Beiträge: 386
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #53 am: 13 Dezember 2016, 21:08:48 »
Meinst Du dies ??

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

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #54 am: 13 Dezember 2016, 21:12:06 »
In deiner HTML-Datei im <head>-Tag einfügen. Siehe Bild im Anhang.

Gruß
Markus
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline Sky

  • Full Member
  • ***
  • Beiträge: 386
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #55 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 ??

Offline Sky

  • Full Member
  • ***
  • Beiträge: 386
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #56 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 .........


Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2864
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #57 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?

Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline Morrino

  • Jr. Member
  • **
  • Beiträge: 74
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #58 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>


Andre0909

  • Gast
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #59 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!

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2864
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #60 am: 10 Januar 2017, 20:54:25 »
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
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline Tommy82

  • Hero Member
  • *****
  • Beiträge: 2864
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #61 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.
Fhem Cubitruck  Armbian Buster with Linux 5.3.9-sunxi
HM-CC_RT-DN, HM-Sec-RHS,HM-Sec-SD, HM-Sec-SCo,IT1500,1xIT GRR-3500 Fritz!Dect200,Powerline546E,Enigma2 Modul mit 3 Vu+,Wol Modul für WinServer2016 und WinServer 2019,FB6590
Allnetl Wandtablett mit FTUI

Offline Hoggle

  • Full Member
  • ***
  • Beiträge: 102
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #62 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? :-[

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #63 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
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)
Zustimmung Zustimmung x 1 Liste anzeigen

Offline Hoggle

  • Full Member
  • ***
  • Beiträge: 102
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #64 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. :-[

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #65 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
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline Hoggle

  • Full Member
  • ***
  • Beiträge: 102
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #66 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 :'(

Offline eazy_isi

  • Jr. Member
  • **
  • Beiträge: 54
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #67 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.


Offline Hausierer

  • Full Member
  • ***
  • Beiträge: 129
  • Wenn ich das vorher gewusst hätte...
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #68 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 

Offline carzl

  • Full Member
  • ***
  • Beiträge: 110
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #69 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!
« Letzte Änderung: 14 November 2017, 18:45:56 von carzl »
Fhem 6.0 auf RPi3: CUL, JeeLink, Hue Bridge v2, HarmonyHub, Fritzbox7590+7412, 6x FHT80b, 2x FS20S6A, FS20S4A, S300TH, 4x FritzDECT200/210, 4x TX29DTH, 4x Hue LightStripe, 5x Hue Smart Plug, Sonos mit 5x Play:1, Beam und Sub; 3x Lenovo Tab M10 mit FTUI

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 4237
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #70 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.

 
« Letzte Änderung: 14 November 2017, 21:07:07 von setstate »

Offline Markus Bloch

  • Administrator
  • Hero Member
  • *****
  • Beiträge: 3682
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #71 am: 14 November 2017, 21:11:19 »
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
Developer für Module: YAMAHA_AVR, YAMAHA_BD, FB_CALLMONITOR, FB_CALLLIST, PRESENCE, Pushsafer, LGTV_IP12, version

aktives Mitglied des FHEM e.V. (Technik)

Offline carzl

  • Full Member
  • ***
  • Beiträge: 110
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #72 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  ???
Fhem 6.0 auf RPi3: CUL, JeeLink, Hue Bridge v2, HarmonyHub, Fritzbox7590+7412, 6x FHT80b, 2x FS20S6A, FS20S4A, S300TH, 4x FritzDECT200/210, 4x TX29DTH, 4x Hue LightStripe, 5x Hue Smart Plug, Sonos mit 5x Play:1, Beam und Sub; 3x Lenovo Tab M10 mit FTUI

Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #73 am: 18 November 2017, 12:12:09 »
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
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?
« Letzte Änderung: 18 November 2017, 12:18:45 von Gunther »
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 4237
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #74 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


Offline Gunther

  • Hero Member
  • *****
  • Beiträge: 1560
  • Perl? Copy & Paste... ;-)
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #75 am: 18 November 2017, 15:01:44 »
klappt wunderbar. Super Sache! Danke!
FHEM@Proxmox@Nuc: TabletUI als User-Interface (4 Wandtablets) / IOs per ser2net gekapselt
Homematic: Heizung, Fenster, Bewegung | Jeelink: Temperatur | Z-Wave: Bewegung, Temperatur | FS20: Temperatur, Fenster | Viessmann-Heizung eingebunden

Offline Nuems

  • New Member
  • *
  • Beiträge: 12
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #76 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/ 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?
« Letzte Änderung: 27 November 2017, 19:56:13 von Nuems »

Offline thuranga

  • Full Member
  • ***
  • Beiträge: 119
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #77 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

Offline Snake1980

  • New Member
  • *
  • Beiträge: 27
Antw:[Tablet UI] FB_CALLLIST einbinden
« Antwort #78 am: 31 August 2021, 09:10:01 »
...
@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.

 

decade-submarginal