Changeset 243

Timestamp:

11/09/11 16:34:01 (13 years ago)

Author:

vmipsl

Message:

Sous-menus paramètres

Location:

ether_megapoli/trunk/web/resources

Files:

• css/megapoli.css (modified) (1 diff)
• js/classesForJQuery/Select.js (modified) (1 diff)
• js/classesForJQuery/etherClasses.js (modified) (8 diffs)

ether_megapoli/trunk/web/resources/css/megapoli.css

@@ -257 +257 @@
 }
 
+.divMenu_arrow, .divMenu_arrow.deployed {
+    height: 13px;
+    width: 13px;
+    position: relative;
+    top: -17px;
+    float: right;
+}
+
+.divMenu_arrow {
+    background-image: url("../images/utils/toggle_down_dark.png");
+}
+
+.divMenu_arrow.deployed {
+    background-image: url("../images/utils/toggle_up_dark.png");
+}
+
+.divMenu_content {
+    display: none;
+}
+
 /** ***************************************************** **/
 /** ************************ PAGES ********************** **/

ether_megapoli/trunk/web/resources/js/classesForJQuery/Select.js

@@ -181 +181 @@
         jQuery.each( this.arrayOptions, jQuery.proxy( function( i, divOption )
         {
-//            alert( itemValue + " " + divOption.itemValue + ", " + this.divOption.size() + ", " + this.arrayOptions.size() );
             if( divOption.itemValue == itemValue )
             {
                 $( "#option_" + itemValue ).first().remove();
-//                this.divOption.not( $( "#option_" + itemValue )[0] );
                 var index = jQuery.inArray( divOption, this.arrayOptions );
                 this.arrayOptions.splice( index, 1 );
-//                alert( index + ", " + this.divOption.size() + ", " + this.arrayOptions.size() );
                 return false;
             }

ether_megapoli/trunk/web/resources/js/classesForJQuery/etherClasses.js

@@ -4 +4 @@
 var ListItem = Class.create( {
 
-    initialize: function( plateforms, objectParameter )
+    initialize: function( jsonElements, objectParameter )
     {
         this.array = [];
-        jQuery.each( plateforms,
-                jQuery.proxy( function( i, jsonObject )
-                {
-                    this.addItem( jsonObject, objectParameter );
-                }, this ) );
+        jQuery.each( jsonElements, jQuery.proxy( function( i, jsonElement )
+        {
+            this.addItem( jsonElement, objectParameter );
+        }, this ) );
     },
 
@@ -18 +17 @@
         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 );
+        var newObjectItem = new Object();
+        newObjectItem.jsonElement = jsonElement;
+        newObjectItem.divItem = this.createItemDiv( newObjectItem.jsonElement, objectParameter );
+
+        this.array.push( newObjectItem );
     },
 
@@ -38 +32 @@
     },
 
+    displayNoItem: function( parentNode, idIfNoItem, textIfNoItem )
+    {
+        var divNoItem = $( document.createElement( "div" ) );
+        divNoItem.id = idIfNoItem;
+        divNoItem.textContent = textIfNoItem;
+        parentNode.append( divNoItem );
+    },
+
     display : function( parentNode, idIfNoItem, textIfNoItem )
     {
         if( 0 >= this.array.size() )
-        {
-            var divNoItem = $( document.createElement( "div" ) );
-            divNoItem.id = idIfNoItem;
-            divNoItem.textContent = textIfNoItem;
-            parentNode.append( divNoItem );
-        }
+            this.displayNoItem( parentNode, idIfNoItem, textIfNoItem );
         else
             jQuery.each( this.array, function( item )
             {
-                item.divItem.display( parentNode );
+                item.jsonElement.display( parentNode );
             } );
     },
@@ -58 +55 @@
         parentNode.empty();
         if( 0 >= this.array.length )
-        {
-            var divNoItem = $( document.createElement( "div" ) );
-            divNoItem.id = idIfNoItem;
-            divNoItem.textContent = textIfNoItem;
-            parentNode.append( divNoItem );
-        }
+            this.displayNoItem( parentNode, idIfNoItem, textIfNoItem );
         else
         {
@@ -69 +61 @@
             jQuery.each( this.array, function( i, item )
             {
-                if( rowNumber % 2 == 0 )
+                if( 0 == rowNumber % 2 )
                     item.divItem.display( parentNode, "pair" );
                 else
@@ -112 +104 @@
     getId : function()
     {
-        return this.jsonElement.id;
+        if( jQuery.isArray( this.jsonElement ) )
+            return this.jsonElement[0].id;
+        else
+            return this.jsonElement.id;
+    },
+
+    getName: function ()
+    {
+        if( jQuery.isArray( this.jsonElement ) )
+            return this.jsonElement[0].name;
+        else
+            return this.jsonElement.name;
     },
 
@@ -126 +129 @@
         if( classNameValue )
             this.divContainer.addClass( classNameValue );
-        this.divContainer.attr( {id:containerName + "_" + this.jsonElement.id} );
+        if( jQuery.isArray( this.jsonElement ) && 1 < this.jsonElement.length )
+            this.divContainer.attr( {id:containerName + "_MENU_" + this.getId()} );
+        else
+            this.divContainer.attr( {id:containerName + "_" + this.getId()} );
     },
 
@@ -189 +195 @@
             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;
+        var divName = $( document.createElement( "div" ) );
+        divName.addClass( classNameValue );
+        divName.html( this.getName() );
+
+        this.divContainer.append( divName );
+    },
+
+    addNameWithMenus: function ( classNameValue )
+    {
+        if( !this.divContainer )
+            return;
+
+        if( 1 < this.jsonElement.length )
+        {
+            var divMenu_name = $( document.createElement( "div" ) );
+            divMenu_name.addClass( classNameValue );
+            divMenu_name.html( this.getName() );
+            this.divContainer.append( divMenu_name );
+
+            var divMenu_arrow = $( document.createElement( "div" ) );
+            divMenu_arrow.attr( {id:"divMenu_arrow_" + this.getId(), class:"divMenu_arrow" } );
+//            divNameMenu_arrow.bind( 'click', this, this.onClickMenu );
+            this.divContainer.append( divMenu_arrow );
+
+            this.divHiddenElements = $( document.createElement( "div" ) );
+            this.divHiddenElements.attr( {id:"divMenu_content" + this.getId(), class:"divMenu_content" } );
+
+            jQuery.each( this.jsonElement, jQuery.proxy( function ( i, element )
+            {
+                var divSubMenu_name = $( document.createElement( "div" ) );
+                divSubMenu_name.addClass( classNameValue+"_subMenu" );
+                divSubMenu_name.addClass( "parameter_menu_" + element.id );
+                divSubMenu_name.html( element.code );
+                this.divHiddenElements.append( divSubMenu_name );
+            }, this ) );
+
+            this.divContainer.append( this.divHiddenElements );
+
+            divMenu_name.toggle(
+                    jQuery.proxy( function ()
+                    {
+                        $( "#divMenu_arrow_" + this.getId() ).addClass( "deployed" );
+                        this.divHiddenElements.animate( {height:"toggle"}, 100 );
+                    }, this ),
+                    jQuery.proxy( function ()
+                    {
+                        $( "#divMenu_arrow_" + this.getId() ).removeClass( "deployed" );
+                        this.divHiddenElements.animate( {height:"toggle"}, 100 );
+                    }, this )
+                    );
+
+            divMenu_arrow.toggle(
+                    jQuery.proxy( function ()
+                    {
+                        $( "#divMenu_arrow_" + this.getId() ).addClass( "deployed" );
+                        this.divHiddenElements.animate( {width:"toggle"}, 100 );
+                    }, this ),
+                    jQuery.proxy( function ()
+                    {
+                        $( "#divMenu_arrow_" + this.getId() ).removeClass( "deployed" );
+                        this.divHiddenElements.animate( {width:"toggle"}, 100 );
+                    }, this )
+                    );
+        }
+        else
+            this.addName( classNameValue );
     }
 
+//    onClickMenu: function( event )
+//    {
+//        var contextEvent = event.data;
+//        contextEvent.divNameMenu_up.animate( {width:"toggle"} );
+//        contextEvent.divNameMenu_down.animate( {width:"toggle"} );
+//    }
+
 } );