jam-cloud/app/views/clients/index.html.erb

<div class="curtain" style="width:100%; height:100%; z-index:9999;">
    <div class="splash">
        <img src="assets/header/logo.png"/>
        <p>Connecting...</p>
    </div>
</div>
<div class="dialog-overlay" style="display:none; width:100%; height:100%; z-index:99;"></div>

<%= render "footer" %>
<%= render "header" %>
<%= render "home" %>
<%= render "searchResults" %>
<%= render "ftue1" %>
<%= render "ftue2" %>
<%= render "ftue3" %>
<%= render "sidebar" %>
<%= render "createSession" %>
<%= render "findSession" %>
<%= render "session" %>
<%= render "profile" %>
<%= render "feed" %>
<%= render "testBridge" %>
<%= render "account" %>
<%= render "account_identity" %>
<%= render "account_profile" %>
<%= render "account_profile_avatar" %>
<%= render "notify" %>
<%= render "client_update" %>
<%= render "overlay_small" %>

<script type="text/javascript">
    $(function() {

        JK = JK || {};

        <% if Rails.env == "development" %>
            // if in development mode, we assume you are running websocket-gateway
            // on the same host as you hit your server.  
            JK.websocket_gateway_uri = "ws://" + location.hostname + ":6767/websocket";
        <% else %>
            // but in any other mode, just trust the config coming through gon
            JK.websocket_gateway_uri = gon.websocket_gateway_uri
        <% end %>
        if (console) { console.debug("websocket_gateway_uri:" + JK.websocket_gateway_uri); }

        // If no jamClient (when not running in native client)
        // create a fake one.
        if (!(window.jamClient)) {
            window.jamClient = new JK.FakeJamClient();
        }
        // If no trackVolumeObject (when not running in native client)
        // create a fake one.
        if (!(window.trackVolumeObject)) {
            window.trackVolumeObject = {
                bIsMediaFile: false,
                broadcast: false,
                clientID: "",
                instrumentID: "",
                master: false,
                monitor: false,
                mute: false,
                name: "",
                objectName: "",
                record: false,
                volL: 0,
                volR: 0,
                wigetID: ""
            };
        }

        <% if current_user %>
            JK.currentUserId = '<%= current_user.id %>';
        <% else %>
            JK.currentUserId = null;
        <% end %>


        // do a client update check upon initialization
        var clientUpdate = new JK.ClientUpdate()
        clientUpdate.initialize().check()

        // Some things can't be initialized until we're connected. Put them here.
        function _initAfterConnect() {

            var header = new JK.Header(JK.app);
            header.initialize();

            var sidebar = new JK.Sidebar(JK.app);
            sidebar.initialize();

            var homeScreen = new JK.HomeScreen(JK.app);
            homeScreen.initialize();

            var profileScreen = new JK.ProfileScreen(JK.app);
            profileScreen.initialize();

            var accountScreen = new JK.AccountScreen(JK.app);
            accountScreen.initialize();

            var accountIdentityScreen = new JK.AccountIdentityScreen(JK.app);
            accountIdentityScreen.initialize();

            var accountProfileScreen = new JK.AccountProfileScreen(JK.app);
            accountProfileScreen.initialize();

            var accountProfileAvatarScreen = new JK.AccountProfileAvatarScreen(JK.app);
            accountProfileAvatarScreen.initialize();

            var searchResultScreen = new JK.SearchResultScreen(JK.app);
            searchResultScreen.initialize();

            var createSessionScreen = new JK.CreateSessionScreen(JK.app);
            createSessionScreen.initialize();

            var findSessionScreen = new JK.FindSessionScreen(JK.app);
            var sessionLatency = null;
            if ("jamClient" in window) {
                sessionLatency = new JK.SessionLatency(window.jamClient);
            }
            findSessionScreen.initialize(sessionLatency);

            var sessionScreen = new JK.SessionScreen(JK.app);
            sessionScreen.initialize();

            var ftueAudioSelectionScreen = new JK.FtueAudioSelectionScreen(JK.app);
            ftueAudioSelectionScreen.initialize();

            var ftueAudioTestingScreen = new JK.FtueAudioTestingScreen(JK.app);
            ftueAudioTestingScreen.initialize();

            var testBridgeScreen = new JK.TestBridgeScreen(JK.app);
            testBridgeScreen.initialize();

            JK.app.initialRouting();
            JK.hideCurtain(300);
        }

        // Let's get things rolling...
        if (JK.currentUserId) {
            JK.JamServer.connect(); // singleton here defined in JamServer.js

            JK.app = JK.JamKazam();
            JK.app.initialize();

            // Run a check to see if we're logged in yet. Only after that should
            // we initialize the other screens.
            // TODO: There should be a timeout, and a "could not connect" message.
            function testConnected() {
                if (JK.clientId) {
                    _initAfterConnect();
                } else {
                    window.setTimeout(testConnected, 100);
                }
            }
            testConnected();

        }

    })
</script>