summary refs log tree commit diff
path: root/views/layouts/main.tt
blob: f4139ff65c963021dde888a04dd2857004e63399 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>

  <head>
    <meta http-equiv="Content-type" content="text/html;charset=utf-8">
    <link rel="stylesheet" type="text/css" href="/css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"> 

    <script type="text/javascript" src="<% request.base%>/javascripts/jquery.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>

    <script type="text/javascript" src="<% request.base%>/javascripts/ballet.js"></script>

    <script>
      var ws_path = "ws://localhost:5000/_hippie/ws";
      var socket = new WebSocket(ws_path);

      socket.onmessage = function(e) {
        var data = JSON.parse(e.data);
        console.debug(data);
        if (data.msg) {
          if (data.msg.type == 'notification') {
           document.getElementById('notification-status').innerHTML = data.msg.message;
          }
        }
      };
      function send_msg(message) {
        socket.send(JSON.stringify({ msg: message }));
      }
    </script>

    <title><% title %></title>
  </head>

  <body>
    <div id="notification-status"></div>
    <% content %>
  </body>

</html>