Issue

Code backup

Web/webphone/oldieskin/js/wp_api.js

@@ -0,0 +1,185 @@
+/*****************************  Webphone Javascript API Docummentation  *****************************************
+*																												*
+*	Always put the webphone's html code in a <div> element with id="webphone_bg_container"						*																			*																												*
+*	isFullyCustomized // set to true if not using Mizutech built skins											*
+*																												*
+*	boolean wp_api.Start()	// if no parameters passed, phone is started (loaded)								*
+*	boolean wp_api.Start(user, pwd)	// phone is started (loaded), and passed Voip account is registered			*
+*	boolean wp_api.Stop() // unregister acount from Voip server													*
+*																												*
+*	boolean wp_api.Register(user, pwd)	// register Voip account												*
+*	wp_api.ReceiveEvents() // Notifications (status updates, events, etc) are received from the webphone		*
+*																												*
+*	boolean wp_api.Call()			// call destination number													*
+*	boolean wp_api.Hangup()			// hangup call																*
+*	boolean wp_api.Accept()			// accept incoming call														*
+*	boolean wp_api.Reject()			// reject incoming call														*
+*	boolean wp_api.Hold(holdVal)		// set parameter to true for hold and false to reload					*
+*	boolean wp_api.Mute(muteVal)		// mute speaker and mic; set parameter to true for mute and false to unmute	*
+*	boolean wp_api.Voicemail(voicemailNumber)	// call voicemail number										*
+*	boolean wp_api.CallTransfer()	// call transfer; popup to enter destination number							*
+*	boolean wp_api.Chat(peer)		// Open chat form. Peer can be a SIP user or extension number or empty		*
+*	boolean wp_api.Redial()			// redial last dialed unmber												*
+*	boolean wp_api.AudioDevice()		// bring up audio settings window										*
+*	boolean wp_api.SendDtmf(dtmfVal) // send dtmf																*
+*																												*
+*****************************************************************************************************************/
+
+var wp_api = function ( )
+{
+// private members and methods
+var waitForPageloadCount = 0;
+
+// public interface
+return {
+	attributes: {},
+	parameters: {},
+	
+	isFullyCustomized: false,	// set to true if not using Mizutech built skins
+
+/*---------------------- Customization options available for Mizutech built skins ----------------------*/
+
+// used for custom webphone skins only
+	isIphoneSkin: false,		// if iPhone skin is used
+	isMultiLineSkin: false,		// set to true only for Multiline skin
+	nrOfLines: 4,				//  number of lines for Multiline skin
+	isClick2Call: false,		//  set to true for click 2 call skin
+
+	haveloginpage: false,
+	
+	brandname: '',
+	company_webpage: '',
+	
+	background_color: '',		// webphone background color	
+	general_text_color: '',		// general text color
+	
+	button_color: '',			// button color
+	button_text_color: '',		// button text color
+	
+	status_text_color: '',		// color of displayed status messages
+	
+	webphone_width: 256,				// width of webphone in pixels - don't specify measurement unit
+	webphone_height: 408,
+	
+// used for click 2 call only
+	username: '',
+	password: '',
+	md5: '',
+	
+	realm: '',
+    destination_number: '',
+	
+	call_button_text: 'Call',
+	hangup_button_text: 'Hangup',
+	button_width: 100,
+	
+// used for both, custom webphone skins and click 2 call
+
+	call_button_color: '',		// call button color
+	hangup_button_color: '',	// hangup button color
+	
+	
+/*---------------------- Webphone API available for building own customized GUI ----------------------*/
+	ReceiveEvents: function (evnt)
+	{
+		;
+	},
+
+	Start: function (user, pwd)
+	{
+		if (!wp_common.isWebpageLoaded && waitForPageloadCount < 100) // waiting for the HTML page to load
+		{
+			waitForPageloadCount++;
+			setTimeout(function(){ wp_api.Start(user, pwd) }, 100);
+		}else
+		{
+			waitForPageloadCount = 0;
+		
+			if (typeof(user) !== 'undefined' && user !== null && user.length > 0
+				&& typeof(pwd) !== 'undefined' && pwd !== null && pwd.length > 0)
+			{
+				return wp_common.wp_LoadAppletAndRegisterParam(user, pwd);
+			}else
+			{
+				return wp_common.wp_LoadApplet();
+			}
+		}
+	},
+	
+	Register: function (user, pwd)
+	{
+		if (typeof(user) === 'undefined' || user === null || user.length < 1
+			|| typeof(pwd) === 'undefined' || pwd === null || pwd.length < 1)
+		{
+			return false;
+		}
+		
+		return wp_common.wp_Register(user, pwd);
+	},
+	
+	Stop: function ()
+	{
+		return wp_common.wp_Unregister();
+	},
+	
+	Call: function (number)
+	{
+		return wp_common.wp_Call(number);
+	},
+	
+	Hangup: function ()
+	{
+		return wp_common.wp_Hangup();
+	},
+	
+	Accept: function ()
+	{
+		return wp_common.wp_Accept();
+	},
+	
+	Reject: function ()
+	{
+		return wp_common.wp_Reject();
+	},
+	
+	Hold: function (holdVal)
+	{
+		return wp_common.wp_Hold(holdVal);
+	},
+	
+	Mute: function (muteVal)
+	{
+		return wp_common.wp_Mute(muteVal);
+	},
+	
+	Voicemail: function (voicemailNumber)
+	{
+		return wp_common.wp_Voicemail(voicemailNumber);
+	},
+	
+	CallTransfer: function ()
+	{
+		return wp_common.wp_CallTransfer();
+	},
+	
+	Chat: function (peer)
+	{
+		return wp_common.wp_Chat(peer);
+	},
+	
+	Redial: function ()
+	{
+		return wp_common.wp_Redial();
+	},
+	
+	AudioDevice: function ()
+	{
+		return wp_common.wp_AudioDevice();
+	},
+	
+	SendDtmf: function (dtmfVal)
+	{
+		return wp_common.SendDtmf(dtmfVal);
+	}
+}
+}( );

Web/webphone/oldieskin/readme.txt

@@ -0,0 +1 @@
+These files might be used in old browsers (like IE6, IE7) for the softpone skin.

Web/webphone/oldieskin/style.css

@@ -0,0 +1,127 @@
+/*
+button border color:	484f59
+green:					26b14a
+*/
+html, body{
+	margin: 0px; padding: 0px; text-align:center; font-family: Arial, Verdana, Helvetica, sans-serif;
+	color:#aaaaaa; font-size:13px;
+}
+.txt{
+	width:120px; border:1px solid #484f59; 
+	font-size:13px; color:#aaaaaa; background: #2a2a2a;
+}
+label{
+	font-size:12px;
+}
+#main{
+	margin:0px auto; padding:0px; text-align:left; /*float:left; margin:auto;*/
+}
+#webphone_bg_container{
+	margin-top:10px; padding:0px; width:225px; height:445px; float:left;
+	background: url(images/bg.gif) no-repeat; display:inline;
+}
+#container_dial{
+	margin-top:71px; margin-left:16px; padding:0px; width:194px; display:none;
+}
+#header{
+	margin:0px; padding:0px; float:left; width:194px;
+}
+IMG#speaker{
+	width:14px; height:11px; border:0px; float:left; margin-left:3px; cursor:pointer; margin-top:3px;
+}
+IMG#logout{
+	width:11px; height:11px; border:0px; float:left; cursor:pointer; margin-top:3px;
+}
+#logo{
+	width:163px; float:left; text-align:center; margin-top:1px;
+}
+* html #logo{
+	width:163px; float:left; text-align:center; margin-top:0px;
+}
+#logo A, #logo2 A{
+	font-size:11px; color:#2e2e2e; font-weight:bold; text-decoration:none;
+}
+#PhoneNumber{
+	width:192px; margin-right:0px; display:inline; margin-bottom:3px; margin-top:3px; height:24px; font-size:20px;
+	color:#aaaaaa; background: #111111; text-align:center; float:right; padding:0px; border:0px;
+}
+#info{
+	height:13px; display:block; padding:0px; margin:0px; font-size:11px; clear:both; text-align:right;
+}
+#info_event{
+	height:14px; width:194px; clear:both; display:block; padding:0px; margin:0px; font-size:11px; text-align:center;
+}
+SPAN#credit{
+	font-size:11px; float:left;
+}
+SPAN#dtmf{
+	font-size:11px; float:left;
+}
+DIV#login_page_error_messages{
+	font-size:11px; color:#ff0000; float:right; width:192px; text-align:right;
+}
+SPAN#status{
+	font-size:11px; color:#26b14a;
+}
+SPAN#displayEvent{
+	font-size:11px; float:left; text-align:center; width:194px;
+}
+#container_dial #numpad{
+	width:194px;  margin:0px; padding:0px; float:left; display:inline; 
+	border-right:1px solid #484f59; border-top:1px solid #484f59;
+}
+
+#container_dial #numpad LI{
+	width:64px; height:41px; margin:0px; padding:0px; list-style-type:none; display:inline; float:none; 
+}
+#container_dial #numpad LI IMG{
+	width:64px; height:41px; border:0px; cursor:pointer;
+}
+#container_dial #callbuttons{
+	width:194px;  margin:0px; padding:0px; float:left; display:inline; 
+	border-right:1px solid #484f59;
+}
+#container_dial #callbuttons LI{
+	width:96px; height:41px; margin:0px; padding:0px; list-style-type:none; display:inline; float:left; 
+}
+#container_dial #callbuttons LI IMG{
+	width:96px; height:41px; border:0px; cursor:pointer;
+}
+#container_dial #acceptreject{
+	width:194px;  margin:0px; padding:0px; /*float:left; display:inline; */
+	border-right:1px solid #484f59;
+}
+#container_dial #acceptreject IMG{
+	width:96px; height:41px; border:0px; cursor:pointer;
+}
+#container_dial #callfunctions{
+	width:194px; margin:0px; padding:0px; /*float:left; display:inline;*/
+	border-right:1px solid #484f59;
+}
+#container_dial #callfunctions LI{
+	width:48px; height:28px; margin:0px; padding:0px; list-style-type:none; display:inline; float:left; 
+}
+#container_dial #callfunctions LI IMG{
+	width:48px; height:28px; border:0px; margin:0px; padding:0px; cursor:pointer; /*display:inline; float:left;*/
+}
+#btn_main_a{
+	width:42px; height:42px; padding:0px; /*float:none; */margin-left:76px; margin-top:4px;
+}
+#btn_main{
+	width:42px; height:42px; border:0px; margin:0px;
+}
+#container_register{
+	margin-top:71px; margin-left:16px; padding:0px; width:194px; display:none;
+}
+#logo2{
+	width:192px; float:left; text-align:center; margin-top:1px;
+}
+* html #logo2{
+	width:192px; float:left; text-align:center; margin-top:0px;
+}
+#register_form{
+	padding:0px; margin-top:42px; margin-left:37px; float:left; display:inline;
+}
+#register_form IMG{
+	width:120px; height:41px; border:0px; cursor:pointer;
+}

Web/webphone/oldieskin/wphone.htm

@@ -0,0 +1,124 @@
+
+<!-- 
+  You must copy the webphone.jar in this directory for this example to work.
+  Then change at least the "serverAddress" variable below.
+  *You need at least the Standard license for this to work (the basic version doesn't contain the java script API)
+  *Make sure to have the webphone.jar near this html or set the file exact path with the "archive" applet parameter
+  *Always put the webphone's html code in a <div> element with id="webphone_bg_container"
+-->
+
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css" media="all">@import "style.css";</style>
+<title>Wphone</title>
+<script src="js/jquery-1.8.3.min.js"></script>
+<script type="text/JavaScript" src="js/wp_api.js"></script>
+<script type="text/JavaScript" src="js/wp_common.js"></script>
+<script type="text/javascript">
+	
+	wp_api.attributes = { id: 'webphone', code: 'webphone.webphone.class', name: 'webphone', archive: '../native/webphone.jar', codebase: '.', width: 1, height: 1, alt: 'Enable or install java: https://java.com/en/download/index.jsp', MAYSCRIPT: true };
+
+	// Webphone Configuration Settings
+	
+        wp_api.parameters = {
+                                        serveraddress: '',
+                                        JAVA_CODEBASE: '.',
+                                        username: '',
+                                        MAYSCRIPT: true,
+                                        mayscript: 'yes',
+                                        scriptable: true,
+                                        jsscriptevent: 2,		// to get EVENTs and user balance(credit)
+                                        autocfgsave: 3,
+                        //                loglevel: 4,
+                                        hasincomingcall: false,
+                                        textmessaging: -1,
+                                        canopenlogview: false,
+                                        pluginspage: 'https://java.com/download/',
+                                        permissions: 'all-permissions'
+                                        //classloader_cache: false
+                                        };
+
+	// Webphone Skin Configuration Settings
+
+	wp_api.haveloginpage = true;		// in case you want to use a login page, set this variable to true
+	wp_api.isIphoneSkin = true;		//  if iPhone skin is used
+	
+	wp_api.brandname = '';
+	wp_api.company_webpage = '';
+	
+// http://HOST_DOMAIN/webphone.htm?serveraddress=YOURSIPDOMAIN.COM&username=USERNAME&password=PASSWORD&md5=MD5&realm=REALM
+</script>
+</head>
+<body onkeyup="wp_common.onKeyPressEvent(event)">
+<div id="js_not_enabled">The webphone needs JavaScript to be enabled</div>
+<DIV id="main">
+<div id="webphone_bg_container">
+	<div id="container_dial">
+    	<div id="header">
+	    	<img src="images/speaker.jpg" border="0" title="Volume Controls" id="speaker" onmouseover="wp_common.btnControl('speaker',2)" onmouseout="wp_common.btnControl('speaker',1)" onclick="wp_common.wp_AudioDevice()" />
+            <div id="logo">
+            	<a href="" id="logo_a" target="_blank" title=""></a>
+			</div>
+    	    <img src="images/logout.jpg" border="0" title="Logout" id="logout" onmouseover="wp_common.btnControl('logout',2)" onmouseout="wp_common.btnControl('logout',1)" onclick="wp_common.wp_Unregister()" />
+		</div>
+        <br />
+    	<input type="text" id="PhoneNumber" name="PhoneNumber" value="" onfocus="wp_common.testFocus(1)" onblur="wp_common.testFocus(0)" /><br />
+        <div style="width:200px; float:left; clear:both;"><!--//--></div>
+        <div id="info">
+	        <span id="credit" title="My account balance / My number"></span><span id="dtmf"></span>&nbsp;<span id="status" ondblclick="wp_common.voipStatusRegister()" title="Call status"></span>
+        </div>
+        <div id="info_event">
+	        <span id="displayEvent">&nbsp;</span>
+        </div>
+
+    	<ul id="numpad"><li><img src="images/btn_1.jpg" alt="" id="btn_1" onmouseover="wp_common.btnControl('btn_1',2)" onmouseout="wp_common.btnControl('btn_1',1)" onclick="wp_common.wp_BtnValue(1)"/></li><li><img src="images/btn_2.jpg" alt="" id="btn_2" onmouseover="wp_common.btnControl('btn_2',2)" onmouseout="wp_common.btnControl('btn_2',1)" onclick="wp_common.wp_BtnValue(2)" /></li><li><img src="images/btn_3.jpg" alt="" id="btn_3" onmouseover="wp_common.btnControl('btn_3',2)" onmouseout="wp_common.btnControl('btn_3',1)" onclick="wp_common.wp_BtnValue(3)" /></li><li><img src="images/btn_4.jpg" alt="" id="btn_4" onmouseover="wp_common.btnControl('btn_4',2)" onmouseout="wp_common.btnControl('btn_4',1)" onclick="wp_common.wp_BtnValue(4)" /></li><li><img src="images/btn_5.jpg" alt="" id="btn_5" onmouseover="wp_common.btnControl('btn_5',2)" onmouseout="wp_common.btnControl('btn_5',1)" onclick="wp_common.wp_BtnValue(5)" /></li><li><img src="images/btn_6.jpg" alt="" id="btn_6" onmouseover="wp_common.btnControl('btn_6',2)" onmouseout="wp_common.btnControl('btn_6',1)" onclick="wp_common.wp_BtnValue(6)" /></li><li><img src="images/btn_7.jpg" alt="" id="btn_7" onmouseover="wp_common.btnControl('btn_7',2)" onmouseout="wp_common.btnControl('btn_7',1)" onclick="wp_common.wp_BtnValue(7)" /></li><li><img src="images/btn_8.jpg" alt="" id="btn_8" onmouseover="wp_common.btnControl('btn_8',2)" onmouseout="wp_common.btnControl('btn_8',1)" onclick="wp_common.wp_BtnValue(8)" /></li><li><img src="images/btn_9.jpg" alt="" id="btn_9" onmouseover="wp_common.btnControl('btn_9',2)" onmouseout="wp_common.btnControl('btn_9',1)" onclick="wp_common.wp_BtnValue(9)" /></li><li><img src="images/btn_10.jpg" alt="" id="btn_10" onmouseover="wp_common.btnControl('btn_10',2)" onmouseout="wp_common.btnControl('btn_10',1)" onclick="wp_common.wp_BtnValue('*')" /></li><li><img src="images/btn_0.jpg" alt="" id="btn_0" onmouseover="wp_common.btnControl('btn_0',2)" onmouseout="wp_common.btnControl('btn_0',1)" onclick="wp_common.wp_BtnValue(0)" /></li><li><img src="images/btn_11.jpg" alt="" id="btn_11" onmouseover="wp_common.btnControl('btn_11',2)" onmouseout="wp_common.btnControl('btn_11',1)" onclick="wp_common.wp_BtnValue('#')" /></li></ul>
+        
+        <ul id="callbuttons"><li><img src="images/btn_call.jpg" alt="" id="btn_call" onmouseover="wp_common.btnStatusControl('btn_call',2,'call')" onmouseout="wp_common.btnStatusControl('btn_call',1,'call')" onclick="wp_common.wp_Call()" /></li><li><img src="images/btn_hangup.jpg" alt="" id="btn_hangup" onmouseover="wp_common.btnStatusControl('btn_hangup',2,'hangup')" onmouseout="wp_common.btnStatusControl('btn_hangup',1,'hangup')" onclick="wp_common.wp_Hangup()" /></li></ul>
+        
+        <ul id="acceptreject"><img src="images/btn_accept.jpg" alt="" id="btn_accept" onmouseover="wp_common.btnControl('btn_accept',2)" onmouseout="wp_common.btnControl('btn_accept',1)" onclick="wp_common.wp_Accept()" /><img src="images/btn_reject.jpg" alt="" id="btn_reject" onmouseover="wp_common.btnControl('btn_reject',2)" onmouseout="wp_common.btnControl('btn_reject',1)" onclick="wp_common.wp_Reject()" /></ul>
+        
+        <ul id="callfunctions"><li><img src="images/btn_chat.jpg" alt="" title="Chat" id="btn_chat" onmouseover="wp_common.btnControl('btn_chat',2)" onmouseout="wp_common.btnControl('btn_chat',1)" onclick="wp_common.wp_Chat()" /></li><li><img src="images/btn_transfer.jpg" alt="" title="Call Transfer" id="btn_transfer" onmouseover="wp_common.btnControl('btn_transfer',2)" onmouseout="wp_common.btnControl('btn_transfer',1)" onclick="wp_common.wp_CallTransfer()" /></li><li><img src="images/btn_hold.jpg" alt="" title="Call Hold" id="btn_hold" onmouseover="wp_common.btnControl('btn_hold',2)" onmouseout="wp_common.btnControl('btn_hold',1)" onclick="wp_common.wp_HoldOrVoicemail()" /></li><li><img src="images/btn_conference.jpg" alt="" title="Conference" id="btn_conference" onmouseover="wp_common.btnControl('btn_conference',2)" onmouseout="wp_common.btnControl('btn_conference',1)" onclick="wp_common.wp_Conference()" /></li></ul>
+        
+        <a href="" target="_blank" id="btn_main_a" title=""><img src="images/btn_main.jpg" alt="" id="btn_main" onmouseover="wp_common.btnControl('btn_main',2)" onmouseout="wp_common.btnControl('btn_main',1)" /></a>
+        <span id="test"></span>
+    </div>
+	<div id="container_register">
+	    <div id="logo2">
+            	<a href="" id="logo2_a" target="_blank" title=""></a>
+		</div>
+    	<div id="login_page_error_messages">&nbsp;</div>
+        <div id="register_form">
+            <label>Server address</label><br />
+            <input type="text" id="server_address_input" name="server_address_input" class="txt" value="" title="SIP server address" /><br /><br />
+            <label>Username</label><br />
+            <input type="text" id="username_input" name="username_input" class="txt" value="" title="SIP username" /><br /><br />
+            <label>Password</label><br />
+            <input type="password" id="password_input" name="password_input" class="txt" value="" title="SIP password" /><br /><br />
+            <input type="checkbox" id="savesettings" name="savesettings" value="" title="Save all your login setting on this PC" /><label>Save Settings</label><br /><br />
+            <img src="images/btn_connect.jpg" alt="" id="btn_connect" onmouseover="wp_common.btnControl('btn_connect',2)" onmouseout="wp_common.btnControl('btn_connect',1)" onclick="return wp_common.wp_LoadAppletAndRegister()" title="Register to sipserver" />
+        </div>
+    </div>
+    <script type="text/javascript">
+		if (wp_api.company_webpage.length > 3 && wp_api.company_webpage.indexOf("http://") < 0 && wp_api.company_webpage.indexOf("https://") < 0)
+		{
+			wp_api.company_webpage = "http://" + wp_api.company_webpage;
+		}
+		if (document.getElementById('logo_a') != null)		document.getElementById("logo_a").href = wp_api.company_webpage;
+		if (document.getElementById('logo_a') != null)		document.getElementById("logo_a").innerHTML = wp_api.brandname;
+		if (document.getElementById('logo_a') != null)		$("a#logo_a").attr("title",wp_api.brandname + ' Home Page');
+		
+		if (document.getElementById('logo2_a') != null)		document.getElementById("logo2_a").href = wp_api.company_webpage;
+		if (document.getElementById('logo2_a') != null)		document.getElementById("logo2_a").innerHTML = wp_api.brandname;
+		if (document.getElementById('logo2_a') != null)		$("a#logo2_a").attr("title",wp_api.brandname + ' Home Page');
+		
+		if (document.getElementById('btn_main_a') != null)		document.getElementById("btn_main_a").href = wp_api.company_webpage;
+		if (document.getElementById('btn_main_a') != null)		$("a#btn_main_a").attr("title",wp_api.brandname + ' Home Page');
+	</script>
+	<span id="testtest"></span>
+</div>
+</DIV>
+</body>
+</html>