summaryrefslogtreecommitdiffstats
path: root/examples/clock/src/toppage_handler.erl
diff options
context:
space:
mode:
Diffstat (limited to 'examples/clock/src/toppage_handler.erl')
-rw-r--r--examples/clock/src/toppage_handler.erl60
1 files changed, 60 insertions, 0 deletions
diff --git a/examples/clock/src/toppage_handler.erl b/examples/clock/src/toppage_handler.erl
new file mode 100644
index 0000000..66c8400
--- /dev/null
+++ b/examples/clock/src/toppage_handler.erl
@@ -0,0 +1,60 @@
+%% Feel free to use, reuse and abuse the code in this file.
+
+%% @doc Main page of the clock application.
+-module(toppage_handler).
+
+-export([init/3]).
+-export([handle/2]).
+-export([terminate/2]).
+
+init(_Transport, Req, []) ->
+ {ok, Req, undefined}.
+
+handle(Req, State) ->
+ Body = <<"
+<!DOCTYPE html>
+<html lang=\"en\">
+<head>
+ <meta charset=\"utf-8\">
+ <title>Bullet Clock</title>
+</head>
+
+<body>
+ <p>Connection status: <span id=\"status\">bullet not started</span></p>
+ <p>Current time: <span id=\"time\">unknown</span></p>
+
+ <script
+ src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js\">
+ </script>
+ <script src=\"/static/bullet.js\"></script>
+ <script type=\"text/javascript\">
+// <![CDATA[
+$(document).ready(function(){
+ var bullet = $.bullet('ws://localhost:8080/bullet');
+ bullet.onopen = function(){
+ $('#status').text('online');
+ };
+ bullet.ondisconnect = function(){
+ $('#status').text('offline');
+ };
+ bullet.onmessage = function(e){
+ if (e.data != 'pong'){
+ $('#time').text(e.data);
+ }
+ };
+ bullet.onheartbeat = function(){
+ console.log('ping');
+ bullet.send('ping');
+ }
+});
+// ]]>
+ </script>
+</body>
+</html>
+">>,
+ {ok, Req2} = cowboy_http_req:reply(200, [{'Content-Type', <<"text/html">>}],
+ Body, Req),
+ {ok, Req2, State}.
+
+terminate(_Req, _State) ->
+ ok.