source: ether_megapoli/trunk/web/backoffice/simulation-script.jsp @ 530

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

    initialize: function( simulationFiles, simulationDirectories )
    {
        // Values
        this.files = simulationFiles || null;
        this.directories = simulationDirectories || null;

        // Containers
        this.containerFileList_left = $( "#fileList_left" );
        this.containerFileList_right = $( "#fileList_right" );
        this.generalContainerSimulations = $( "#generalContainerSimulations" );
//        this.containerDatasetsNumber = $( "#nbResults" );
        this.containerErrors = $( "#errors" );
//        this.containerDatasets = $( "#containerDataSets" );
//        this.containerResultRemove = $( "#containerResultRemove" );
//        this.containerMove = $( "#containerMove" );
//        this.containerResultMove = $( "#containerResultMove" );
//        this.containerInsert = $( "#containerInsert" );
//        this.containerResultInsert = $( "#containerResultInsert" );
//
//        this.containerSorts = $( "#containerSorts" );
//        this.containerSortsDisplay = $( "#containerSorts_display" );
//        this.containerPage = $( "#page" );
//        this.containerMaxPage = $( "#maxPages" );

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

        this.containerErrors.hide();
        this.displayFiles();
//        this.displaySorts();
//        this.managePagination();
//        this.displayDatasets();

        // Bind buttons
        $( "#ncdumpButton" ).bind( 'click', this, jQuery.proxy( this.onClickLaunchNcDump, this ) );
//        $( "#cleanLocalisationAndFlagButton" ).bind( 'click', this, jQuery.proxy( this.onClickCleanLocalisationAndFlag, this ) );
    },

    // REQUESTS ********************************************************
    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.handleSortDataset, this ),
            error: jQuery.proxy( this.showErrors, [this] )
        } );
    },

    requestLaunchNcDump: function()
    {
        $.ajax( {
            url: "backoffice?methodName=launchNCDumpInSimulationDirectory",
            success:jQuery.proxy( this.handleLaunchNcDump, this ),
            error: jQuery.proxy( this.showErrors, [this] )
        } );
    },

    requestInsertHeader: function( directoryName )
    {
        $.ajax( {
            url: "backoffice?methodName=insertHeader&directoryName=" + directoryName,
            success:jQuery.proxy( this.handleInsertHeader, this ),
            error: jQuery.proxy( this.showErrors, [this] )
        } );
    },

    // HANDLES ********************************************************
    handleSortDataset: function( result )
    {
        this.jSonDatasets = jQuery.parseJSON( result ).jSonDatasets;
        this.nbDatasets = jQuery.parseJSON( result ).datasetNumber;
        this.displayDatasets();
    },

    handleLaunchNcDump: function( result )
    {
        this.files = jQuery.parseJSON( result ).simulationFiles;
        this.directories = jQuery.parseJSON( result ).simulationDirectories;
        this.displayFiles();
    },

    handleInsertHeader: function( result )
    {
//        this.files = jQuery.parseJSON( result ).simulationFiles;
//        this.directories = jQuery.parseJSON( result ).simulationDirectories;
//        this.displayFiles();
    },

    // DISPLAYS ********************************************************
    displayFiles: function()
    {
        this.containerFileList_left.empty();
        this.containerFileList_right.empty();
        var number = this.files.length;
        jQuery.each( this.directories, jQuery.proxy( function( i, directory )
        {
            var divDirectory = $( document.createElement( "div" ) );
            var divDirectoryName = $( document.createElement( "div" ) );
            divDirectoryName.attr( {style:"float:left"} );
            divDirectoryName.html( "-&nbsp;" + directory + "&nbsp;&nbsp;" );
            divDirectory.append( divDirectoryName );

            var button = $( document.createElement( "button" ) );
            button.addClass( "small negative" );
            button.html( interfaceTexts["bo.simulation.save.header"] );
            button.bind( 'click', [this, directory], jQuery.proxy( this.onClickInsertHeader, this ) );
            divDirectory.append( button );

            this.containerFileList_left.append( divDirectory );
        }, this ) );

        jQuery.each( this.files, jQuery.proxy( function( i, file )
        {
            this.containerFileList_right.append( "&nbsp;&nbsp;-&nbsp;" + file + "<BR/>" );
        }, this ) );
    },

    displayTRForDataset: function( dataset )
    {
        var tr = $( document.createElement( "tr" ) );
        var tdId = $( document.createElement( "td" ) );
        tdId.html( dataset.id );
        tr.append( tdId );
        var tdCategory = $( document.createElement( "td" ) );
        tdCategory.html( dataset.categoryName );
        tr.append( tdCategory );
        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, dataset )
            {
                var tr = this.displayTRForDataset( dataset );

                // Buttons
                var tdRemove = $( document.createElement( "td" ) );
                new Button( {value:interfaceTexts["bo.remove"], parent:tdRemove, id:"button_remove", className: "small negative action_button", contextToSave: dataset, 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( "categorieName", interfaceTexts["bo.category"] );
        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.containerMove.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.containerMove, id:"button_move", className: "small negative action_button", onClick:jQuery.proxy( this.onClickMove, this )} );
            this.containerMove.show();
        }
    },

    // EVENTS ********************************************************
    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();
    },

    onClickLaunchNcDump: function()
    {
        this.requestLaunchNcDump();
    },

    onClickInsertHeader: function( parameters )
    {
        var context = parameters.data[0];
        var directoryName = parameters.data[1];
        this.requestInsertHeader( directoryName );
    },

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

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

    hideRemove: function()
    {
        this.loadingRemove.hide();
        this.containerResultRemove.hide();
    },

    hideMove: function()
    {
        this.containerResultMove.hide();
    },

    hideInsert: function()
    {
        this.loadingInsert.hide();
        this.containerResultInsert.hide();
    }

} );


</script>