source: tapas/web/resources/templates/templateEther_script.jsp @ 382

<%@ page import="com.ether.Context" %>

<script type="text/javascript">
    var InterfaceTemplate = Class.create( {

        initialize: function()
        {
            /** *********** CONTAINERS *********** **/
            this.containerTools = $( "#tools" );
            this.containerMenu = $( "#menu" );
            this.containerSubMenu = $( "#subMenu" );
            this.containerBottom = $( "#bottom" );

            /** *********** VARIABLES *********** **/
            this.path = "<%=request.getContextPath()%>";
            this.webmaster = "<%=Context.getWebmaster(request)%>";
            this.relativePageUri = <%=request.getQueryString() != null%> ? "<%=Context.getRelativePath( request )%>?<%=request.getQueryString()%>" : "<%=Context.getRelativePageURI(request)%>";

            /** ************ CREATE ************ **/
            this.createTools();
            this.createMenu();

            this.onClickMenu( "Atmosphere" );
        },

        // CREATES ********************************************************
        createTools: function()
        {
            var mapButton = new Button( {value:templateTexts["label.map"], parent:this.containerTools, id:"button_map", className: "gray_button", onClick:this.onClickMap} );
            var languageButton = new Button( {value: templateTexts["language.to.<%=Context.getLocale( request )%>"], parent:this.containerTools, id:"button_language", className: "gray_button", onClick:jQuery.proxy( this.onClickLanguage, this )} );
            var homeButton = new Button( {value: templateTexts["label.home"], parent:this.containerTools, id:"button_home", className: "gray_button", onClick:this.onClickHome} );
        },

        createMenu: function()
        {
            var ulMenu = $( document.createElement( "ul" ) );
            this.containerMenu.append( ulMenu );

            var liAtmosphere = $( document.createElement( "li" ) );
            liAtmosphere.html( templateTexts["label.atmosphere.chemistry"] );
            liAtmosphere.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Atmosphere"] ) );
            ulMenu.append( liAtmosphere );

            var liActivities = $( document.createElement( "li" ) );
            liActivities.html( templateTexts["label.activities"] );
            liActivities.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Activities"] ) );
            ulMenu.append( liActivities );

            var liData = $( document.createElement( "li" ) );
            liData.html( templateTexts["label.data.services"] );
            liData.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Data"] ) );
            ulMenu.append( liData );

            var liCommunity = $( document.createElement( "li" ) );
            liCommunity.html( templateTexts["label.community"] );
            liCommunity.bind( "click", jQuery.proxy( this.onClickMenu, [this, "Community"] ) );
            ulMenu.append( liCommunity );
        },

        createSubMenuLi: function( container, subMenus )
        {
            jQuery.each( subMenus, jQuery.proxy( function( i, subMenu )
            {
                var liSubMenu = $( document.createElement( "li" ) );
                liSubMenu.addClass( "li" + i );
                liSubMenu.html( "&nbsp;&nbsp;&nbsp;" + subMenu );
                container.append( liSubMenu );
            }, this ) );
        },

        // EVENTS ********************************************************
        onClickHome: function()
        {
            document.location.href = "http://naboo.private.ipsl.fr/etherTypo/index.php?id=1434";
        },

        onClickLanguage: function()
        {
            if( <%=Context.isFrench(request)%> )
                document.location.href = "?language=en";
            else
                document.location.href = "?language=fr";
        },

        onClickMap: function()
        {
            document.location.href = "index.jsp";
        },

        onClickMenu: function( liMenuVariable )
        {
            var context = liMenuVariable instanceof Object ? this[0] : this;
            var liMenu = liMenuVariable instanceof Object ? this[1] : liMenuVariable;

            context.containerSubMenu.empty();

            var ulMenu = $( document.createElement( "ul" ) );
            context.containerSubMenu.append( ulMenu );

            switch( liMenu )
            {
                case "Atmosphere":
                    context.createSubMenuLi( ulMenu, [templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"], templateTexts["label.workshops"], templateTexts["label.ether.letter"], templateTexts["label.informations"]] );
                    break;
                case "Activities":
                    context.createSubMenuLi( ulMenu, [templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"]] );
                    break;
                case "Data":
                    context.createSubMenuLi( ulMenu, [templateTexts["label.workshops"], templateTexts["label.ether.letter"]] );
                    break;
                case "Community":
                    context.createSubMenuLi( ulMenu, [templateTexts["label.informations"], templateTexts["label.pole.presentation"], templateTexts["label.users.committee"],templateTexts["label.laboratories"]] );
                    break;
                default:
                    break;
            }
            ;
        }

    } );
</script>