Changeset 6114

Timestamp:

04/23/10 18:09:46 (3 years ago)

Author:

Cyrus

Message:

nyu2: Prepare iterator support

Location:

luci2/nyu2/src

Files:

• nyu2/widget.js (modified) (4 diffs)
• style.css (modified) (1 diff)

luci2/nyu2/src/nyu2/widget.js

@@ -26 +26 @@
         if (this.container && this.container != this) {
             this.container.registry[this.name] = this;
+        }
+        if (!this.caption) {
+            this.caption = this.name;
         }
         
@@ -39 +42 @@
         
         if (!this.isPlain) {
+            this.body = $('<div class="nyu2-widget-body" />');
+            
             this.header = $("<div />");
-            this.body = $('<div class="nyu2-widget-body" />');
             this.footer = $('<div class="nyu2-widget-footer" />');;
     
@@ -63 +67 @@
                 var child = nyu2.parseWidget(key, options.elements[key], this);
                 if (child) {
-                    this.append(child);
+                    this.append(child, key);
                 }
             }
@@ -148 +152 @@
             this.node.addClass(options.css);
         }
-    }
+    },
 });
 
 nyu2.widget.Iterate = nyu2.declare(nyu2.Widget, {
     isContainer: true,
-    isSection: true
+    isSection: true,
+    useTabular: true,
+    
+    prepare: function(options) {
+        this.elements = {};
+    },
+    
+    complete: function(options) {
+        if (this.useTabular) {
+            this.sectiontable = $("<table />").appendTo(this.body);
+            var titlerow = $("<tr />").appendTo(this.sectiontable);
+            for (var key in this.elements) {
+                titlerow.append($("<th />").text(this.elements[key].caption));
+            }
+        }
+    },
+    
+    append: function(child, key) {
+        if (child.isPlain || child.isContainer) {
+            this.children.push(child);
+            this.body.append(child.node);
+        } else {
+            this.elements[key] = child;
+        }
+    }
 });
 

luci2/nyu2/src/style.css

@@ -4 +4 @@
 
 #nyu2-main {
-    width: 300px;
+    max-width: 400px;
 }