<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="You have a new voice message">
<Require feature="setprefs"/>
</ModulePrefs>
<UserPref name="contextualData" display_name="contextualData" datatype="hidden" default_value="{}">
</UserPref>
<Content type="html" view="default">
<! [CDATA [
<script type="text/javascript">
var name__MODULE_ID__ ;
var icon__MODULE_ID__ ;
var senderPhone__MODULE_ID__;
var receiverName__MODULE_ID__;
var messageSendTime__MODULE_ID__;
var urgency__MODULE_ID__;
var audioURL__MODULE_ID__;
function getData__MODULE_ID__(){
var prefs__MODULE_ID__ = new gadgets.Prefs(__MODULE_ID__);
var node = document.getElementById(__MODULE_ID__);
var contextualData = prefs__MODULE_ID__.getString("contextualData");
contextualData = unescapeHtml__MODULE_ID__(contextualData);
var data = gadgets.json.parse(contextualData);
senderPhone__MODULE_ID__ = data.senderPhone;
audioURL__MODULE_ID__ = data.audioUrl;
loadData__MODULE_ID__();
}
function unescapeHtml__MODULE_ID__(str) {
var temp = document.createElement("div");
temp.innerHTML = str;
var result = temp.childNodes [0].nodeValue;
temp.removeChild(temp.firstChild);
return result;
}
function loadData__MODULE_ID__(){
//fromEmail
var fromEmailNode__MODULE_ID__ = document.getElementById("fromEmail__MODULE_ID__");
//added format the phone #
//var niceNum = formatPhoneNum(senderPhone__MODULE_ID__);
fromEmailNode__MODULE_ID__.innerHTML = senderPhone__MODULE_ID__;
var av = document.getElementById("avsourcevoicemail__MODULE_ID__");
av.src = audioURL__MODULE_ID__;
}
//Add the OnClick to any AV element
function addOnClickAV(av_id){
var av = document.getElementById(av_id);
av.onclick = function() {
if (av.paused) {
av.play();
} else {
av.pause();
}
};
}
//play AV element
function play(av_id){
var vm=document.getElementsByTagName("video") [0];
vm.play();
}
function formatPhoneNum(phone_number){
matcher = new RegExp(/\(?( [0-9]{3})\)?-?( [0-9]{3})-?( [0-9]{4})/);
matched = matcher.exec(phone_number);
new_num = "("+matched [1] + ") "+ matched [2] + "-" + matched [3];
return new_num;
}
function contains(str,key){
var x = str.indexOf(key);
if(x > -1){
return true;
}else{
return false;
}
}
getData__MODULE_ID__();
</script>
<style type="text/css">
h4 {
border-bottom-color: #D6DADF;
border-bottom-style: solid;
border-bottom-width: 1px;
clear: both;
color: #444444;
margin-bottom: 6px;
margin-left: 0;
margin-right: 0;
margin-top: 30px;
}
</style>
<p>
<div class="lotusBtnContainer">
<span role="button" class="lotusBtn lotusBtnAction">
<a href="javascript:;" onClick="play('avsourcevoicemail__MODULE_ID__');">Play Message</a>
</span>
<span role="button" class="lotusBtn lotusBtnAction"><a href="javascript:;">Call Back</a></span>
</div>
<span id="voicemail__MODULE_ID__" ></span><br/>
<div id="message" style="padding:10px;">
<video tabindex="0" preload="auto" controls id="voicemail__MODULE_ID__" autoplay>
<source src="./widgets/voicemail/voice_msg.wav" id="avsourcevoicemail__MODULE_ID__" type="audio/x-wav;">
</source>
</video>
<p>
Phone: <span id="fromEmail__MODULE_ID__"></span>
</div>
]]>
</Content>
<Content type="html" view="canvas">
</Content>
</Module>