source: ether_megapoli/trunk/web/resources/jsp/backofficeHead.jsp @ 251

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

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

        initialize: function()
        {
            /** *********** CONTAINERS *********** **/
            this.containerTitle = $( "#title" );
            this.containerTools = $( "#tools" );

            /** *********** VARIABLES *********** **/
            this.isLanguageFr = <%=Context.getLangue(request).equals( "fr" )%>;
            this.path = "<%=request.getContextPath()%>";
            this.webmaster = "<%=Context.getWebmaster(request)%>";
            this.relativePageUri = <%=request.getQueryString() != null%> ? "<%=Context.getRelativePath( request )%>?<%=request.getQueryString()%>" : "<%=Context.getRelativePageURI(request)%>";
            this.jSONUser = <%=Context.getJSONUser( request )%> ? <%=Context.getJSONUser( request )%> : false;
            this.screenWidthLimit = 1336;

            /** ************ CREATE ************ **/
            this.createTitleTools();
        },

        // CREATES ********************************************************
        createTitleTools: function()
        {
            this.containerTitle.addClass( "containerTitle" );
            this.containerTitle.html( templateTexts["bo.fulltitle"] );

            this.createLogin();

            var valueLanguage = templateTexts["app.fr"];
            if( this.isLanguageFr )
                valueLanguage = templateTexts["app.en"];

            var languageButton = new Button( {value:valueLanguage, parent:this.containerTools, id:"button_language", className: "gray_button", classNameText:"blue_button_text", onClick:jQuery.proxy( this.onClickLanguage, this )} );
            var homeButton = new Button( {value:templateTexts["app.home"], parent:this.containerTools, id:"button_home", className: "gray_button", classNameText:"blue_button_text", onClick:this.onClickHome} );

            var divSmallLogoEther = $( document.createElement( "div" ) );
            divSmallLogoEther.attr( {id:"smallLogoEther", class:"containerSmallLogoEther"} );
            divSmallLogoEther.append( '<a href="http://ether.ipsl.jussieu.fr" target="help"><img src="resources/images/logo_Ether.jpg" width="40px" height="40px"/></a>' );
            this.containerTools.append( divSmallLogoEther );
            $( "#smallLogoEther" ).show();
        },

        createLogin: function()
        {
            var containerLoginButton = $( "#button_login" );

            if( this.jSONUser )
            {
                var textLogin = this.jSONUser.name + " " + this.jSONUser.firstName;
                if( this.jSONUser.role && this.jSONUser.role == "coordinateur" )
                    textLogin += " (" + templateTexts["app.admin"] + ")";

                var loginButton = new ComplexButton( {value:textLogin, parent:this.containerTools, id:"button_login"} );

                $( "#button_login #button_middle #button_text" ).addClass( "containerUserLogout" );

                var loginMiddle = $( "#button_login #button_middle" );
                var divImgLogout = $( document.createElement( "div" ) );
                divImgLogout.addClass( "containerImgLogout" );
                divImgLogout.append( "<img src='resources/images/utils/logout.png' width='15px' height='15px/>" );
                divImgLogout.bind( "click", this.onClickLogout );
                loginMiddle.append( divImgLogout );
            }
            else
            {
                var loginButton = new ComplexButton( {value:templateTexts["app.connexion"], parent:this.containerTools, id:"button_login"} );

                var loginMiddle = $( "#button_login #button_middle" );
                loginMiddle.empty();
                loginMiddle.attr( {id:"topnav", class:"topnav complexButton_middle"} );
                var aLogin = $( document.createElement( "a" ) );
                aLogin.attr( {id:"button_login_a", href:"login", class:"signin"} );
                aLogin.html( "<span>" + templateTexts["app.connexion"] + "</span>" );
                loginMiddle.append( aLogin );

                $( document ).ready( function()
                {
                    $( ".signin" ).click( function( e )
                    {
                        e.preventDefault();
                        $( "fieldset#signin_menu" ).toggle();
                        $( ".signin" ).toggleClass( "menu-open" );
                    } );

                    $( "fieldset#signin_menu" ).mouseup( function()
                    {
                        return false
                    } );

                    $( document ).mouseup( function( e )
                    {
                        if( $( e.target ).parent( "a.signin" ).length == 0 )
                        {
                            $( ".signin" ).removeClass( "menu-open" );
                            $( "fieldset#signin_menu" ).hide();
                        }
                    } );
                } );

                $( function()
                {
                    $( '#forgot_username_link' ).tipsy( {gravity: 'w'} );
                } );
            }
        },

        // EVENTS ********************************************************
        onClickHome: function()
        {
            document.location.href = "backoffice?methodName=view";
        },

        onClickLogout: function()
        {
            document.location.href = "Disconnect.do";
        },

        onClickLanguage: function()
        {
            if( this.isLanguageFr )
                document.location.href = this.path + "/English.do?requestUri=" + this.relativePageUri;
            else
                document.location.href = this.path + "/French.do?requestUri=" + this.relativePageUri;
        }
    } );

</script>