galaxy/templates/js-app.mako

<!DOCTYPE HTML>
<html>
    <!--js-app.mako-->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        ## For mobile browsers, don't scale up
        <meta name="viewport" content="maximum-scale=1.0">
        ## Force IE to standards mode, and prefer Google Chrome Frame if the user has already installed it
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

        <title>
            Galaxy
            %if app.config.brand:
            | ${app.config.brand}
            %endif
        </title>
        ## relative href for site root
        <link rel="index" href="${ h.url_for( '/' ) }"/>
        ## TODO: use loaders to move everything but the essentials below the fold
        ${ h.css(
            'jquery.rating',
            'jquery-ui/smoothness/jquery-ui',
            ## base needs to come after jquery-ui because of ui-button, ui- etc. name collision
            'base',
            'bootstrap-tour',
        )}
        ${ page_setup() }
    </head>

    <body scroll="no" class="full-content">
        ${ js_disabled_warning() }

        ## js libraries and bundled js app
        ${ h.js(
            'libs/require',
            'bundled/libs.bundled',
            'bundled/' + js_app_name + '.bundled'
        )}
        <script type="text/javascript">
            window.jQuery = window.jquery = window.$;
            define( 'jquery', [], function(){ return window.$; })
            require.config({
                baseUrl: "${h.url_for('/static/scripts') }",
                shim: {
                    "libs/underscore": {
                        exports: "_"
                    },
                    "libs/backbone": {
                        deps: [ 'jquery', 'libs/underscore' ],
                        exports: "Backbone"
                    }
                },
                // cache busting using time server was restarted
                urlArgs: 'v=${app.server_starttime}',
            });
            ${js_app_entry_fn}(
                ${ h.dumps( options ) },
                ${ h.dumps( bootstrapped ) }
            );
        </script>
    </body>
</html>

## ============================================================================
<%def name="page_setup()">
    ## Send js errors to Sentry server if configured
    %if app.config.sentry_dsn:
    ${h.js( "libs/raven" )}
    <script>
        Raven.config('${app.config.sentry_dsn_public}').install();
        %if trans.user:
            Raven.setUser( { email: "${trans.user.email|h}" } );
        %endif
    </script>
    %endif

    <script type="text/javascript">
        // this is needed *before* the app code is loaded - many MVC access Galaxy.root for their url
        // TODO: change this by using a common Backbone.Model base class and url fn
        window.Galaxy = { root: '${ options[ "root" ] }' };
    </script>

    %if not form_input_auto_focus is UNDEFINED and form_input_auto_focus:
    <script type="text/javascript">
        $(document).ready( function() {
            // Auto Focus on first item on form
            if ( $("*:focus").html() == null ) {
                $(":input:not([type=hidden]):visible:enabled:first").focus();
            }
        });
    </script>
    %endif

    ## google analytics
    %if app.config.ga_code:
    <script type="text/javascript">
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', '${app.config.ga_code}', 'auto');
        ga('send', 'pageview');
    </script>
    %endif

</%def>

## ============================================================================
<%def name="js_disabled_warning()">
    <noscript>
        <div class="overlay overlay-background noscript-overlay">
            <div>
                <h3 class="title">Javascript Required for Galaxy</h3>
                <div>
                    The Galaxy analysis interface requires a browser with Javascript enabled.<br>
                    Please enable Javascript and refresh this page.
                </div>
            </div>
        </div>
    </noscript>
</%def>