[Tablet UI] FB_CALLLIST einbinden

[Gunther]

Danke! 

[janlau]

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

[Gunther]

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.

[janlau]

Danke für den Tipp.
Habe es hinbekommen. Hatte vergessen die openautomation Icons zu laden.

Code Auswählen Erweitern

<link rel="stylesheet" href="/fhem/tablet/lib/openautomation.css" />
<link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />
Gruß Jan

[ulli]

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
   

Code Auswählen Erweitern

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

[rasti]

Schau mal da
http://forum.fhem.de/index.php/topic,43632.msg409140.html#msg409140

[ulli]

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

[Gunther]

Poste mal das Ergebnis von
list CallList

Hast Du Readings?

[rasti]

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

Code Auswählen Erweitern

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

[ulli]

Poste mal das Ergebnis von
list CallList

Hast Du Readings?

Code Auswählen Erweitern


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


[ulli]

Habs gefunden!

Code Auswählen Erweitern

attr Fritzboxanrufeliste create-readings 1
hat gefehlt :/

BEsten Dank!

[andrece]

also ich bekomme irgendwie nicht in Fhem T UI angezeigt zewecks Anrufe

meine config dazu

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

<!-- ============= 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

[andrece]

bekomme keine readings

[Markus Bloch]

Muss ja auch folgendermaßen heißen:

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

Gruß
Markus

[Tommy82]

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?

Code Auswählen Erweitern

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

Code Auswählen Erweitern

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