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>Room 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') || !checkForEmptyField('#room', '#showRoom')) { return false };
f.connect({
login: field("login"),
room: field("room"),
urlServer: field("urlServer"),
appKey: "chatRoomApp"
});
}
function sendMessage() {
var message = {body: field("message")};
f.sendData({
operationId: createUUID(),
payload: message
});
document.getElementById("message").value = "";
}
</script>
</head>
<body onload="initAPI()">
<div class="container" id="roomChat">
<div class="row">
<div class="col-sm-12 text-center" style="max-width: 500px; height: 565px;">
<h1>Room 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>