index.haml

!!!
%html
  %head
    %title Sonia - Awesome Office Dashboard
    %meta(charset="utf-8")
    %link(rel="icon" href="favicon.ico" type="image/x-icon")
    %link(rel="apple-touch-icon" href="/images/sonia_apple_touch.png")
    - (system_stylesheets + widget_stylesheets).each do |stylesheet|
      %link(href=stylesheet media="screen" rel="stylesheet" type="text/css")
    - (system_javascripts + widget_javascripts).each do |javascript|
      %script(type="text/javascript" src=javascript)
  %body
    %h1 project sonia
    #widgets
    :javascript
      WEB_SOCKET_SWF_LOCATION = "WebSocketMain.swf";

      $(document).observe("dom:loaded", function() {
        if ("WebSocket" in window) {
          console.log("WebSocket supported.");
          window.sonia = new Sonia("#{websocket_url}");

          Event.observe(window, 'beforeunload', function() {
            window.sonia.saveChanges();
          });
        } else {
            console.log("WebSocket not supported.");
          }
      });