mirror of
https://github.com/raz-varren/sacrificial-socket.git
synced 2025-10-28 10:31:26 +08:00
101 lines
3.8 KiB
HTML
101 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Sacrificial-Socket Multihome Backend Example</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
|
|
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
|
|
crossorigin="anonymous"
|
|
>
|
|
<link rel="stylesheet" type="text/css" href="/css/app.css">
|
|
</head>
|
|
<body>
|
|
<div id="main">
|
|
<div id="controls">
|
|
<div class="control-block">
|
|
<label for="in-echo">Echo:</label>
|
|
<input type="text" id="in-echo" class="form-control" />
|
|
<div class="btn-group btn-group-justified">
|
|
<a href="javascript:void(0);" id="btn-echo" class="btn btn-default ctrl-btn">Echo</a>
|
|
<a href="javascript:void(0);" id="btn-echo-bin" class="btn btn-default ctrl-btn">Echo Binary</a>
|
|
<a href="javascript:void(0);" id="btn-echo-json" class="btn btn-default ctrl-btn">Echo JSON</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-block">
|
|
<label for="in-broadcast">Broadcast:</label>
|
|
<input type="text" id="in-broadcast" class="form-control" />
|
|
<div class="btn-group btn-group-justified">
|
|
<a href="javascript:void(0);" id="btn-broadcast" class="btn btn-default ctrl-btn">Broadcast</a>
|
|
<a href="javascript:void(0);" id="btn-broadcast-bin" class="btn btn-default ctrl-btn">Broadcast Binary</a>
|
|
<a href="javascript:void(0);" id="btn-broadcast-json" class="btn btn-default ctrl-btn">Broadcast JSON</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-block">
|
|
<label for="in-join">Join Room:</label>
|
|
<div class="input-group">
|
|
<input type="text" id="in-join" class="form-control" />
|
|
<div class="input-group-btn">
|
|
<button id="btn-join" class="btn btn-default ctrl-btn">Join Room</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-block">
|
|
<label for="in-leave">Leave Room:</label>
|
|
<div class="input-group">
|
|
<input type="text" id="in-leave" class="form-control" />
|
|
<div class="input-group-btn">
|
|
<button id="btn-leave" class="btn btn-default ctrl-btn">Leave Room</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-block well well-sm">
|
|
<label for="in-roomcast-room">Room:</label>
|
|
<input type="text" id="in-roomcast-room" class="form-control" />
|
|
<label for="in-roomcast-data">Roomcast:</label>
|
|
<input type="text" id="in-roomcast-data" class="form-control" />
|
|
<div class="btn-group btn-group-justified">
|
|
<a href="javascript:void(0);" id="btn-roomcast" class="btn btn-default ctrl-btn">Roomcast</a>
|
|
<a href="javascript:void(0);" id="btn-roomcast-bin" class="btn btn-default ctrl-btn">Roomcast Binary</a>
|
|
<a href="javascript:void(0);" id="btn-roomcast-json" class="btn btn-default ctrl-btn">Roomcast JSON</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-block">
|
|
<button id="btn-close" class="btn btn-warning btn-100">Close Connection</button>
|
|
</div>
|
|
<div class="control-block">
|
|
<button id="btn-wierd" class="btn btn-danger btn-100">Get Weird!</button>
|
|
</div>
|
|
<div class="control-block">
|
|
<button id="btn-normal" class="btn btn-success btn-100">Get Normal</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="messages-container">
|
|
<button id="btn-clear" class="btn btn-default btn-100">Clear Messages</button>
|
|
<div class="well well-sm">
|
|
<ul id="messages"></ul>
|
|
</div>
|
|
<div>
|
|
<label>
|
|
<input id="chk-auto-scroll" type="checkbox" checked />
|
|
Autoscroll
|
|
</label>
|
|
|
|
<label>
|
|
<input id="chk-clear-periodically" type="checkbox" />
|
|
Clear Messages Periodically
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/js/sacrificial-socket.js"></script>
|
|
<script type="text/javascript" src="/js/app.js"></script>
|
|
</body>
|
|
</html> |