source: ether_megapoli/trunk/web/backoffice/dataInsertion-script.jsp @ 475

<%@ page import="com.medias.Context" %>
<%@ page import="java.io.File" %>
<script type="text/javascript">
var interfaceBODataInsertion = Class.create( {

    initialize: function( datasetNumber, jSonDatasets )
    {
        // Values
        this.jSonDatasets = jSonDatasets || null;
        this.dataset = false;
        this.nbDatasets = datasetNumber || false;
        this.downloadDirectory = '<%=Context.getProperty(request, "accessDir")%>';
        this.uploadDirectory = '<%=Context.getProperty(request, "uploadDir")%>';

        // Containers
        this.generalContainerDatasets = $( "#generalContainerDatasets" );
        this.containerDatasets = $( "#containerDataSets" );
        this.containerErrors = $( "#errors" );
        this.containerDatasetsNumber = $( "#nbResults" );
        this.containerFilesMove = $( "#containerFilesMove" );
        this.containerResultFilesMove = $( "#resultFilesMove" );

        this.containerSorts = $( "#containerSorts" );
        this.containerSortsDisplay = $( "#containerSorts_display" );
        this.containerPage = $( "#page" );
        this.containerMaxPage = $( "#maxPages" );

        /** *********** LOADING *********** **/
        // Create loading object for users
        var param = new Object();
        param.id = "loadingForDataset";
        param.parent = this.generalContainerDatasets;
        this.loadingDataset = new Loading( param );
        this.loadingDataset.display();

        this.containerErrors.hide();
        this.displaySorts();
        this.managePagination();
        this.displayDatasets();
    },

    // REQUESTS ********************************************************
    requestRemoveRequest: function()
    {
        if( this.dataset )
            $.ajax( {
                url: "backoffice?methodName=removeJeu&id=" + this.dataset.id,
                success:jQuery.proxy( this.handleRequest, this )
            } );
    },

    requestSortDataset: function()
    {
        var parametersUrl = "sort=" + this.selectSorts.getValue() +
                "&searchText=" + $( "#search_text" ).val() +
                "&maxResults=" + this.selectSortsDisplay.getValue() + "&page=" + this.containerPage.html();
        var request = $.ajax( {
            url: "backoffice?methodName=sortJeu&" + parametersUrl,
            success:jQuery.proxy( this.handleSortRequest, this ),
            error: jQuery.proxy( this.showErrors, [this] )
        } );
    },

    requestFilesMove: function()
    {
        if( this.dataset )
            $.ajax( {
                url: "backoffice?methodName=moveJeu&id=" + this.dataset.id,
                success:jQuery.proxy( this.handleFilesMove, this )
            } );
    },

    // HANDLES ********************************************************
    handleRequest: function()
    {
        this.requestSortDataset();
    },

    handleSortRequest: function( result )
    {
        this.jSonDatasets = jQuery.parseJSON( result ).jSonDatasets;
        this.nbDatasets = jQuery.parseJSON( result ).datasetNumber;
        this.displayDatasets();
        this.displayFilesMove();
    },

    handleFilesMove: function( result )
    {
        this.containerResultFilesMove.html( "OK" );
    },

    // DISPLAYS ********************************************************
    displayTRForDataset: function( dataset )
    {
        var tr = $( document.createElement( "tr" ) );
        var tdId = $( document.createElement( "td" ) );
        tdId.html( dataset.id );
        tr.append( tdId );
        var tdName = $( document.createElement( "td" ) );
        tdName.html( dataset.name );
        tr.append( tdName );
        var tdCreationDate = $( document.createElement( "td" ) );
        tdCreationDate.html( formatDate( new Date( dataset.creationDate.time ) ) );
        tr.append( tdCreationDate );
        return tr;
    },

    displayDatasets: function()
    {
        this.containerDatasets.empty();

        if( this.jSonDatasets && 0 < this.jSonDatasets.length )
        {
            jQuery.each( this.jSonDatasets, jQuery.proxy( function( i, request )
            {
                var tr = this.displayTRForDataset( request );

                // Buttons
                var tdRemove = $( document.createElement( "td" ) );
                new Button( {value:interfaceTexts["bo.remove"], parent:tdRemove, id:"button_remove", className: "small negative action_button", contextToSave: request, onClick:jQuery.proxy( this.onClickRemove, this )} );
                tr.append( tdRemove );

                this.containerDatasets.append( tr );

            }, this ) );
        }
        else
        {
            var tr = $( document.createElement( "tr" ) );
            var td = $( document.createElement( "td" ) );
            td.attr( {colspan:"4"} );
            td.html( "<center><BR/>" + interfaceTexts["bo.noDataset"] + "<BR/><BR/></center>" );
            tr.append( td );
            this.containerDatasets.append( tr );
        }

        // Update number of users and max pages
        this.containerDatasetsNumber.html( this.nbDatasets );
        this.containerMaxPage.html( Math.ceil( this.nbDatasets / this.selectSortsDisplay.getValue() ) );
        this.loadingDataset.hide();
    },

    displaySorts: function()
    {
        // Sort by name, email, ...
        var paramSelect = new Object();
        paramSelect.id = "select_sorts";
        paramSelect.parent = this.containerSorts;
        this.selectSorts = new Select( paramSelect );
        this.selectSorts.add( "jeuId", interfaceTexts["bo.id"] );
        this.selectSorts.add( "jeuNom", interfaceTexts["bo.name"] );
        this.selectSorts.add( "jeuDateinser", interfaceTexts["bo.user.creationDate"] );
        this.selectSorts.selectFirst( false );

        // Number of displays
        var paramSelect = new Object();
        paramSelect.id = "select_sorts_display";
        paramSelect.parent = this.containerSortsDisplay;
        this.selectSortsDisplay = new Select( paramSelect );
        this.selectSortsDisplay.add( "5", 5 );
        this.selectSortsDisplay.add( "10", 10 );
        this.selectSortsDisplay.add( "15", 15 );
        this.selectSortsDisplay.add( "20", 20 );
        this.selectSortsDisplay.selectFirst( false );

        // Button sort
        $( "#sortButton" ).bind( 'click', this, jQuery.proxy( this.onClickSort, this ) );
    },

    displayFilesMove: function()
    {
        if( this.dataset && this.dataset.categoryName )
        {
            this.containerFilesMove.html( "MOVE <span style='color:#FBE3E4'>" + this.downloadDirectory + "<%=File.separatorChar%>" + this.dataset.categoryName + "<%=File.separatorChar%>" + this.dataset.name + "<%=File.separatorChar%>* </span> <BR/>" +
                    "TO &nbsp;&nbsp;&nbsp;&nbsp; <span style='color:#FBE3E4'>" + this.uploadDirectory + "<%=File.separatorChar%>" + this.dataset.categoryName + "<%=File.separatorChar%>" + this.dataset.name + "<%=File.separatorChar%>* </span>" );

            new Button( {value:interfaceTexts["bo.move"], parent:this.containerFilesMove, id:"button_move", className: "small negative action_button", onClick:jQuery.proxy( this.onClickMove, this )} );
        }
    },

    // EVENTS ********************************************************
    onClickRemove: function( dataset )
    {
        this.dataset = dataset;
//        if( window.confirm( interfaceTexts["bo.dataset.remove.confirm"] + " " + dataset.name + " ?" ) )
        jQuery.proxy( this.requestRemoveRequest(), this );
    },

    onClickSort: function()
    {
        this.containerPage.html( 1 );
        this.requestSortDataset();
    },

    onClickPrevious: function()
    {
        decrementPage( this.containerPage, this.containerMaxPage );
        this.requestSortDataset();
    },

    onClickNext: function()
    {
        incrementPage( this.containerPage, this.containerMaxPage );
        this.requestSortDataset();
    },

    onClickMove: function()
    {
        this.requestFilesMove();
    },

    // OTHERS ********************************************************
    showErrors: function( result )
    {
        var context = this[0];
        var text = this[1];
        context.containerErrors.show();
        if( text )
            context.containerErrors.html( interfaceTexts[result.responseText] + " " + text );
        else
            context.containerErrors.html( interfaceTexts[result.responseText] );
    },

    managePagination: function()
    {
        $( "#previous" ).bind( 'click', this, jQuery.proxy( this.onClickPrevious, this ) );
        $( "#next" ).bind( 'click', this, jQuery.proxy( this.onClickNext, this ) );
    }

} );


</script>