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

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

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

        initialize: function()
        {
            /** *********** CONTAINERS *********** **/
            this.containerTools = $( "#tools" );
            this.containerLogin = $( "#loginModule" );
            this.containerMenuData = $( "#menuData" );

            /** *********** VARIABLES *********** **/
            this.isLanguageFr = <%=Context.getLangue(request).equals( "fr" )%>;
            this.webmaster = "<%=Context.getWebmaster(request)%>";
            <%--this.jSONUser = <%=Context.getJSONUser( request )%> ? <%=Context.getJSONUser( request )%> : false;--%>

            /** ************ CREATE ************ **/
//        this.createLogin();
            this.createTools();
            this.updateLoginOrLogout();
        },

        // CREATES ********************************************************
        createTools: function()
        {
            var mailButton = new Button( {value:templateTexts["label.mail"], parent:this.containerTools, id:"button_mail", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickMail, this )} );

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

            <%--var languageButton = new Button( {value: templateTexts["label.language.<%=Context.getLocale( request )%>"], parent:this.containerTools, id:"button_language", className: "red_button_text", onClick:jQuery.proxy( this.onClickLanguage, this )} );--%>
            var languageButton = new Button( {value:templateTexts["label.language.to.<%=Context.getLocale( request )%>"], parent:this.containerTools, id:"button_language", className: "red_button", classNameText:"red_button_text", onClick:jQuery.proxy( this.onClickLanguage, this )} );
            var homeButton = new Button( {value:templateTexts["label.home"], parent:this.containerTools, id:"button_home", className: "red_button", classNameText:"red_button_text", onClick:this.onClickHome} );
        },

        createLogin: function()
        {
            this.loginModule = new LoginButton( {parent:this.containerLogin, urlLogin:"project?methodName=login", urlLogout:"project?methodName=logout", isNeededInscription:true, callbackInscription:jQuery.proxy( this.onClickInscription, this ), anotherOnClickLogin:this.updateLoginOrLogout, anotherOnClickLogout:this.updateLoginOrLogout } );
            this.loginModule.setJSONUser( this.jSONUser );
            this.loginModule.display();
            setLoginModule( this.loginModule );
        },

        // REQUESTS ********************************************************

        // EVENTS ********************************************************
        onClickHome: function()
        {
            document.location.href = "index.jsp";
        },

        onClickLanguage: function()
        {
            this.path = "<%=request.getContextPath()%>";
            this.webmaster = "<%=Context.getWebmaster(request)%>";

            alert("<%=request.getQueryString()%>||<%=Context.getRelativePath( request )%>||<%=Context.getRelativePageURI(request)%>");

            this.relativePageUri = <%=request.getQueryString() != null%> ? "<%=Context.getRelativePath( request )%>?<%=request.getQueryString()%>" : "<%=Context.getRelativePageURI(request)%>";

            alert( this.relativePageUri + " " +<%=Context.isFrench(request)%> );
            if( <%=Context.isFrench(request)%> )
                document.location.href = this.path + this.relativePageUri + "&language=en";
            else
                document.location.href = this.path + this.relativePageUri + "&language=fr";
        },

        onClickMail: function()
        {
            document.location.href = "mailto:" + this.webmaster + "?subject=[TAPAS]";
        },

        onClickInscription: function()
        {
            var dataProtocol = "resources/jsp/dataProtocol_fr.jsp";
            if( !this.isLanguageFr )
                dataProtocol = "resources/jsp/dataProtocol_en.jsp";

            var $dialog = $( '<div></div>' )
                    .load( dataProtocol )
                    .dialog( {
                                 autoOpen: false,
                                 title: loginTexts["login.inscription"],
                                 height: 800,
                                 width: 750
                             } );
            $dialog.dialog( 'open' );

            // TODO : see with $dialog.ready() to manage buttons
        },

        updateLoginOrLogout: function()
        {
            <%--if( "<%=UserRole.ADMINISTRATOR%>" == getJSONUserRole() )--%>
            <%--$( "#button_bo" ).show();--%>
            <%--else--%>
            <%--$( "#button_bo" ).hide();--%>
        }

    } );

    /** ******************************* **/
    /** *********** ACCOUNT *********** **/
    /** ******************************* **/
    function onClickAcceptDataProtocol()
    {
        if( '' == $( "#lastName" ).val() || '' == $( "#email" ).val() || '' == $( "#password" ).val() )
        {
            showErrorAccount( null, templateTexts["login.dataProtocolFields"] );
            return;
        }

        if( $( "#checkboxUser" ).attr( 'checked' ) )
            createAccount();
        else
            showErrorAccount( null, templateTexts["login.dataProtocolAccept"] );
    }

    function createAccount()
    {
        var parametersUrl = "name=" + $( "#lastName" ).val() + "&firstName=" + $( "#firstName" ).val() + "&email=" + $( "#email" ).val() + "&pwd=" + $( "#password" ).val();
        var request = $.ajax( {
            url: "project?methodName=createAccount&" + parametersUrl,
            success:handleCreateAccount,
            error: showErrorAccount
        } );
    }

    function handleCreateAccount()
    {
        $( "#infosAccount" ).hide();
        $( "#infosAccount" ).removeClass( "containerErrors" );
        $( "#infosAccount" ).addClass( "containerInfos" );
        $( "#infosAccount" ).html( templateTexts["login.dataProtocol.account"] );
        $( "#infosAccount" ).show();
    }

    function showErrorAccount( result, text )
    {
        $( "#infosAccount" ).hide();
        $( "#infosAccount" ).removeClass( "containerInfos" );
        $( "#infosAccount" ).addClass( "containerErrors" );
        if( null != result )
            $( "#infosAccount" ).html( templateTexts[result.responseText] );
        else
            $( "#infosAccount" ).html( text );

        $( "#infosAccount" ).show();
    }
</script>