[Gelöst]PopUp Widget mit Telefonanruf

[Tommy82]

Hallo,
ich würde gerne das Popup Widget verwenden wenn ein Anruf reinkommt, das soll das PopUp automatisch auf Popen und den Namen und das Anruferbild anzeigen, allerdings bekomme ich das noch nicht umgesetzt,
ich habe es mal so versucht:

Code Auswählen Erweitern

<!-- =========Anrufe PopUp================= -->
<!-- ====================================== -->

<div class="dialog">
        <header>Anruf</header>
        <div>Anruf</div>
    </div>
<div data-type="popup"
     data-device="Anruferliste"
     data-get-on="1-state"
data-states="<="
     data-get-off="off"
     data-height="50px"
     data-width="150px"
         data-get="1-number"
data-path="http://192.168.188.47:8085/fhem/www/tablet/Anrufe/"
data-suffix=".jpg">
   
</div> Die Anruferliste kommt aus dem   FB_CALLLIST Modul unter dem data-path liegen die Anruferbilder
Allerdings fehlt mir noch das passende  data-get-off welches das PopUp schließt wenn das gespräch zu ende ist.

Hoffe ihr könnt mir da helfen.

Danke

[Paul]

Was soll data-states sein?

Wenn müßte es Data-get-on sein.

[Tommy82]

data-get-on steht ja auch drin, mit dem entsprechenden reading, aber das reading kann ja verschiedene Werte haben, dafür data-states, so funktioniert es zumindest mit dem IMage Widged

[Paul]

data-get   Name des Readings, das den Trigger zum Öffnen des Popups liefert
data-get-on   Wert, bei dem das Popup geöffnet wird

In 1-number steht niemals 1-state

[Tommy82]

Ok, hab es jetzt mal so abgeändert

Code Auswählen Erweitern

<!-- =========Anrufe PopUp================= -->
<!-- ====================================== -->
<li data-row="5" data-col="1" data-sizex="3" data-sizey="3">
<div class="dialog">
        <header>Anruf</header>
        <div>Anruf</div>
    </div>
<div data-type="popup"
     data-device="Anruferliste"
data-get="1-state"
     data-get-on="<="
     data-get-off="off"
     data-height="50px"
     data-width="50px"
  data-get="1-number"
data-path="http://192.168.188.47:8085/fhem/www/tablet/Anrufe/"
data-suffix=".jpg">
   
</div>

</li>

Allerdings ist meine ganze FTUI Seite dann verschoben, und es kommt auch kein PopUp.
Im Broweser bekomme ich auch noch folgenden Fehler:

Code Auswählen Erweitern

Error
widget_popup.js:185
TypeError: Cannot read property 'top' of undefined

[Paul]

Du musst dich schon entscheiden was in data-get stehen soll.

Und dann steht im Wiki auch noch:

Es muss ein <div class="dialog"> innerhalb des Widgets gefunden werden. Siehe #Struktur.

[Tommy82]

Danke für deine Hinweise, damit hat es jetzt funktioniert:-)

Code Auswählen Erweitern

<!-- =========Anrufe PopUp================= -->
<!-- ====================================== -->
<div data-type="popup"
     data-device="Anruferliste"
data-get="1-state"
     data-get-on="=> ((o))"
     data-get-off="=> X"
     data-height="500px"
     data-width="500px">
<div class="dialog">
        <header>Anruf</header>
           
<div data-type="image"
data-device="Anruferliste"
data-get="1-number"
data-path="http://192.168.188.47:8085/fhem/www/tablet/Anrufe/"
data-suffix=".jpg"
data-height="400px"
data-width="400px"></div>
 
<div data-type="label"
data-device="Anruferliste"
data-get="1-name"></div>
            <div data-type="label"
data-device="Anruferliste"
data-get="1-number"></div>
</div>
</div>

[Tommy82]

Muss dann hier doch nochmal Nachfragen, da das PopUp nicht selbstständig schließt, die aktuelle definition sieht so aus:

Ich denke es liegt daran das ich beim "off" zwei Werte habe, da es zwei Staten geben kann wo das PopUp geschlossen werden soll, oder wie muss ich das lösen?

Code Auswählen Erweitern

<!-- =========Anrufe PopUp================= -->
<!-- ====================================== -->
<div data-type="popup"
     data-device="Anruferliste"
data-get="1-state"
     data-get-on="=> ((o))"
     data-get-off='[=> X,=>]'
     data-height="500px"
     data-width="500px">
<div class="dialog">
        <header>Anruf</header>
           
<div data-type="image"
data-device="Anruferliste"
data-get="1-number"
data-path="http://192.168.188.47:8085/fhem/www/tablet/Anrufe/"
data-suffix=".jpg"
data-height="400px"
data-width="400px"></div>
 
<div data-type="label"
data-device="Anruferliste"
data-get="1-name"></div>
            <div data-type="label"
data-device="Anruferliste"
data-get="1-number"></div>
</div>
</div>

Danke

[Tommy82]

Hi, keiner eine Idee was ich falsch mache?


Gesendet von iPhone mit Tapatalk

[OdfFhem]

Ausprobiert habe ich es nicht, aber als Array müsste data-get-off wahrscheinlich eher so aussehen:

Code Auswählen Erweitern


data-get-off='["=> X","=>"]'


Alternativ könnte es aber vielleicht auch so funktionieren:

Code Auswählen Erweitern


data-get-off="(=> X|=>)"


Das zugehörige Wiki schweigt sich derzeit noch aus, ob data-get-off neben einem einzelnen Wert auch ein Array bzw. einen regulären Ausdruck verarbeiten kann.

[Tommy82]

Hi,
danke für den Hinweis, werde die Varianten mal testen.

[Sailor]

Moin zusammen,

auch ich habe Interesse an diesem Popup, allerdings mit einem kleinen Zusatzfeature: Ich möchte auch darüber telefonieren können.

Eine theoretische Open-Source Lösung gibt es ja schon:
https://www.doubango.org/sipml5/
https://sipjs.com/guides/make-call/

Aber ich bekomme es einfach nicht gebacken... 

Habt Ihr da mehr Fähigkeiten? *Hoffnung stirbt zuletzt

Gruss
    Sailor

[roman1528]

Moin.
Hier mal mein Anruf-PopUp. Zwar ohne Bild (kommt noch) aber vielleicht hilft es.

Code Auswählen Erweitern

<div data-type="popup"
data-device="FritzBoxCallMonitor"
data-get="event"
data-get-on="(ring|call)"
data-get-off="disconnect"
data-mode="fade"
data-width="300"
data-height="300">
<div class="dialog" id="call">
<header>ANRUF</header>
<table>
<tr>
<td>
<div data-type="symbol"
data-device="FritzBoxCallMonitor"
data-get="event"
data-states='["ring","connect","call"]'
data-icons='["mi-ring_volume fa-blink","mi-phone_in_talk","mi-call fa-blink"]'
data-colors='["firebrick","#aa6900","#32a054"]'
class="bigger top-space">
</div>
</td>
<td>
<div data-type="symbol"
data-device="FritzBoxCallMonitor"
data-get="direction"
data-states='["incoming","outgoing"]'
data-icons='["mi-call_received","mi-call_made"]'
data-colors='["#0088CC","#0088CC"]'
class="bigger top-space">
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div data-type="label"
data-device="FritzBoxCallMonitor"
data-get="external_number"
class="bigger top-space">
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div data-type="label"
data-device="FritzBoxCallMonitor"
data-get="external_name"
class="bigger top-space">
</div>
</td>
</tr>
</table>
</div>
</div>

Grüße^^

[roman1528]

allerdings mit einem kleinen Zusatzfeature: Ich möchte auch darüber telefonieren können.

Das klingt sehr verlockend... habe ich nur leider keine Zeit zu im Moment.
Sollte ich das mal an's laufen bringen mach ich nen Thread auf^^

Grüße^^

[Sailor]

Hallo Roman

Das klingt sehr verlockend... habe ich nur leider keine Zeit zu im Moment.
Sollte ich das mal an's laufen bringen mach ich nen Thread auf^^

Super!!! 

Gruss
    Sailor