source: ether_megapoli/trunk/web/resources/js/classesForJQuery/etherClasses.js @ 236

/* ************************************************* */
/* ****************** LIST ************************* */
/* ************************************************* */
var ListItem = Class.create( {

    initialize: function( plateforms, objectParameter )
    {
        this.array = [];
        jQuery.each( plateforms,
                jQuery.proxy( function( i, jsonObject )
                {
                    this.addItem( jsonObject, objectParameter );
                }, this ) );
    },

    addItem:function( jsonElement, objectParameter )
    {
        var divItem = false;

        var objectItemNew = new Object();
        objectItemNew.jsonElement = jsonElement;
        objectItemNew.divItem = this.createItemDiv( objectItemNew.jsonElement, objectParameter );

        this.array.push( objectItemNew );
    },

    createItemDiv: function( itemHash, objectParameter )
    {
        return new Plateform( itemHash, objectParameter );
    },

    addOpenListener : function( func )
    {
        jQuery.each( this.array, function( i, objectItem )
        {
            objectItem.divItem.addOpenListener( func );
        } );
    },

    display : function( parentNode, idIfNoItem, textIfNoItem )
    {
        if( 0 >= this.array.size() )
        {
            var divNoItem = $( document.createElement( "div" ) );
            divNoItem.id = idIfNoItem;
            divNoItem.textContent = textIfNoItem;
            parentNode.append( divNoItem );
        }
        else
            jQuery.each( this.array, function( item )
            {
                item.divItem.display( parentNode );
            } );
    },

    displayWithPairImpair : function( parentNode, idIfNoItem, textIfNoItem )
    {
        parentNode.empty();
        if( 0 >= this.array.length )
        {
            var divNoItem = $( document.createElement( "div" ) );
            divNoItem.id = idIfNoItem;
            divNoItem.textContent = textIfNoItem;
            parentNode.append( divNoItem );
        }
        else
        {
            var rowNumber = 0;
            jQuery.each( this.array, function( i, item )
            {
                if( rowNumber % 2 == 0 )
                    item.divItem.display( parentNode, "pair" );
                else
                    item.divItem.display( parentNode, "impair" );
                rowNumber++;
            } );
        }
    },

    getItemById: function( itemId )
    {
        var returnObj = false;
        jQuery.each( this.array, jQuery.proxy( function( i, objItem )
        {
            if( objItem.jsonElement.id == itemId )
                returnObj = objItem;
        }, this ) );

        return returnObj;
    }

} );

/* ************************************************* */
/* ****************** ITEM ************************* */
/* ************************************************* */
var Item = Class.create( {

    initialize: function( jsonElement, objectParameter )
    {
        this.jsonElement = jsonElement;
        this.listeners = [];

        if( objectParameter )
        {
            this.language = objectParameter.language || "fr";
            this.onMouseOverContainer = objectParameter.onMouseOverContainer ? objectParameter.onMouseOverContainer : false;
            this.onMouseOutContainer = objectParameter.onMouseOutContainer ? objectParameter.onMouseOutContainer : false;
        }
    },

    getId : function()
    {
        return this.jsonElement.id;
    },

    getContentType: function()
    {
        return this.jsonElement.contentType;
    },

    createContainer: function ( containerName, classNameValue )
    {
        this.divContainer = $( document.createElement( "div" ) );
        this.divContainer.item = this;
        if( classNameValue )
            this.divContainer.addClass( classNameValue );
        this.divContainer.attr( {id:containerName + "_" + this.jsonElement.id} );
    },

    appendContainer: function ( parentNode )
    {
        this.parentNode = parentNode;
        parentNode.append( this.divContainer );
    },

    onHoverContainer: function( event )
    {
        var contextEvent = event.data;
        if( !event || (event.detail == undefined || 1 == event.detail) )
            contextEvent.executeListenersFunction();
    },

    onClickContainer: function( event )
    {
        var contextEvent = event.data;
        if( !event || (event.detail == undefined || 1 == event.detail) )
            contextEvent.executeListenersFunction();
    },

    selectWithParameter: function( classNameValue )
    {
        if( classNameValue )
            this.divContainer.addClass( classNameValue );
    },

    unselectWithParameter: function( classNameValue )
    {
        if( classNameValue )
            this.divContainer.removeClass( classNameValue );
    },

    executeListenersFunction: function()
    {
        jQuery.each( this.listeners, jQuery.proxy( function ( i, func )
        {
            func( this );
        }, this ) );
    },

    addObservers: function ()
    {
        if( this.divContainer )
            this.divContainer.bind( 'click', this, this.onClickContainer );
        if( this.divContainer && this.onMouseOverContainer )
            this.divContainer.bind( 'mouseover', this, this.onMouseOverContainer );
        if( this.divContainer && this.onMouseOutContainer )
            this.divContainer.bind( 'mouseout', this, this.onMouseOutContainer );
    },

    addOpenListener: function( func )
    {
        this.listeners.push( func );
    },

    addName: function ( classNameValue )
    {
        if( !this.divContainer )
            return;

        this.divName = $( document.createElement( "div" ) );
        this.divName.addClass( classNameValue );
        this.divName.html( this.jsonElement.name );

        this.divContainer.append( this.divName );
    },

    getName: function ()
    {
        return this.jsonElement.name;
    }

} );