give polymer-grid ability to auto-marshal nodes (via auto property)

googlearchive · Oct 9, 2013 · 3f3ed10 · 3f3ed10
1 parent 3b49bab
commit 3f3ed10
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git a/polymer-ajax/polymer-ajax.html b/polymer-ajax/polymer-ajax.html
@@ -150,7 +150,7 @@
             case 'json':
               this.handleAs = 'json';
               break;
-          }        
+          }
         }
         this.autoGo();
       },

diff --git a/polymer-grid-layout/polymer-grid-layout.html b/polymer-grid-layout/polymer-grid-layout.html
@@ -1,35 +1,40 @@
-<polymer-element name="polymer-grid-layout" attributes="nodes layout">
+<polymer-element name="polymer-grid-layout" attributes="nodes layout auto">
   <template>
   </template>
   <script>
     (function() {
       Polymer('polymer-grid-layout', {
         nodes: null,
         layout: null,
+        auto: false,
         nodesChanged: function() {
           this.invalidate();
         },
         layoutChanged: function() {
           this.invalidate();
         },
+        autoNodes: function() {
+          this.nodes = this.parentNode.children.array().filter(
+            function(node) {
+              switch(node.localName) {
+                case 'polymer-grid-layout':
+                case 'style':
+                  return false;
+              }
+              return true;
+            }
+          );
+        },
         invalidate: function() {
           if (this.layout) {
-            if (!this.nodes) {
-              this.nodes = this.parentNode.children.array().filter(
-                function(node) {
-                  switch(node.localName) {
-                    case 'polymer-grid-layout':
-                    case 'style':
-                      return false;
-                  }
-                  return true;
-                });
-              console.log(this.nodes);
-            }
+            // job debounces layout, only letting it occur every N ms
             this.layoutJob = this.job(this.layoutJob, this.relayout);
           }
         },
         relayout: function() {
+          if (!this.nodes || this.auto) {
+            this.autoNodes();
+          }
           layout(this.layout, this.nodes);
           this.asyncFire('polymer-grid-layout');
         }