Skip to content

Instantly share code, notes, and snippets.

@harendra21

harendra21/index.html

Created February 25, 2019 10:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save harendra21/6cd1a0131d7bf73ae46630fa6024ef0e to your computer and use it in GitHub Desktop.
Save harendra21/6cd1a0131d7bf73ae46630fa6024ef0e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Ratchet WebSocket Chat Sample</title>
<link rel="stylesheet" href="./assets/node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/node_modules/bootstrap/dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="./assets/css/bootflat.min.css">
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body class="container-fluid">
<div id="loginHolder">
<div class="form-group">
<label for="text-name">Enter Name</label>
<div class="input-group">
<input type="text" onkeyup="loginOnEnter(event)" id="text-name" class="form-control">
<span class="input-group-addon login-btn" onclick="login()"> Login </span>
</div>
</div>
</div>
<div id="chatHolder">
<h3>Hello I'm <span id="me"></span><span id="mekey"></span></h3>
</div>
<ul class="nav nav-pills nav-stacked col-md-2" id="onlineUsers">
</ul>
<div class="tab-content col-md-10" id="userChat">
</div><!-- tab content -->
<div>
</div>
<script src="./assets/node_modules/jquery/dist/jquery.min.js"></script>
<script src="./assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="./assets/js/icheck.min.js"></script>
<script src="./assets/js/jquery.fs.selecter.min.js"></script>
<script src="./assets/js/jquery.fs.stepper.min.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment