Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /usr/local/FlashphonerWebCallServer/client/examples/demo/chat/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../../dependencies/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="include/chat.css">
<title>One to One Text Chat</title>
<script type="text/javascript" src="../../../dependencies/jquery/jquery-1.12.0.js"></script>
<script type="text/javascript" src="../../../dependencies/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="../../../dependencies/jquery/jquery.websocket.js"></script>
<script type="text/javascript" src="../../../dependencies/jquery/jquery.json.js"></script>
<script type="text/javascript" src="../../../Flashphoner.js"></script>
<script type="text/javascript" src="include/chat.js"></script>
<!-- Bootstrap -->
<script src="../../../dependencies/bootstrap/js/bootstrap.js"></script>
<script>
function connect() {
if(!checkForEmptyField('#login','#loginForm')) {return false};
f.connect({
login: field("login"),
urlServer: field("urlServer"),
appKey: "websocketChatApp"
});
}
function sendMessage() {
var date = new Date();
var time = date.getHours() + ":" + (date.getMinutes()<10?'0':'') + date.getMinutes();
var message = {to: field("to"), body: field("message")};
f.sendData({
operationId: createUUID(),
payload: message
});
var newMessage = time + " " + field("login") + " - " + field("message").split('\n').join('<br/>') + '<br/>';
var chat = document.getElementById("chat");
chat.innerHTML += newMessage ;
$("#chat").scrollTop(chat.scrollHeight);
document.getElementById("message").value = "";
}
</script>
</head>
<body onload="initAPI()">
<div class="container" id="oneToOneChat">
<div class="row">
<div class="col-sm-12 text-center" style="max-width: 500px; height: 565px;">
<h1>One to One Text Chat</h1>
<fieldset id="chatFieldSet" class="scheduler-border">
<!-- Include from chat-fieldset.html by jquery. See js file. -->
</fieldset>
<div id="chatControls">
<!-- Include from chat-controls.html by jquery. See js file. -->
</div>
</div>
</div>
</div>
</body>
</html>