From 4f54c579e08673b90297a954d399a2f884686753 Mon Sep 17 00:00:00 2001
From: "Scott J. Miles" <sjmiles@google.com>
Date: Tue, 27 Aug 2013 17:17:55 -0700
Subject: [PATCH] mock-data element

---
 polymer-mock-data/index.html             | 17 +++++++++++
 polymer-mock-data/polymer-mock-data.html | 37 ++++++++++++++++++++++++
 2 files changed, 54 insertions(+)
 create mode 100644 polymer-mock-data/index.html
 create mode 100644 polymer-mock-data/polymer-mock-data.html
diff --git a/polymer-mock-data/index.html b/polymer-mock-data/index.html
new file mode 100644
index 0000000..312d94d
--- /dev/null
+++ b/polymer-mock-data/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>polymer-mock-data</title>
+  <script src="../../polymer/polymer.js"></script>
+  <link rel="import" href="polymer-mock-data.html">
+</head>
+<body style="font-family: 'Courier New'">
+  <mock-data-dump></mock-data-dump>
+  <polymer-element name="mock-data-dump" noscript>
+    <template>
+      <polymer-mock-data items="{{items}}"></polymer-mock-data>
+      <template repeat="{{items}}"><span>{{name}}</span> </template>
+    </template>
+  </polymer-element>
+</body>
+</html>
diff --git a/polymer-mock-data/polymer-mock-data.html b/polymer-mock-data/polymer-mock-data.html
new file mode 100644
index 0000000..e3d16ef
--- /dev/null
+++ b/polymer-mock-data/polymer-mock-data.html
@@ -0,0 +1,37 @@
+﻿<polymer-element name="polymer-mock-data" attributes="count items">
+  <script>
+    Polymer('polymer-mock-data', {
+      count: 3000,
+      items: null,
+      created: function() {
+        this.generateRecords();
+      },
+      countChanged: function() {
+        if (!this.items || this.items.length !== this.count) {
+          this.generateRecords();
+        }
+      },
+      generateRecords: function() {
+        this.items = [];
+        for (var i=0; i<this.count; i++) {
+          this.items.push(this.fakeRecord());
+        }
+      },
+      fakeRecord: function() {
+        var fields = [];
+        for (var j=0, c=Math.floor(Math.random()*4)+2; j<c; j++) {
+          for(var k=0, s=''; k<8; k++) { s += String.fromCharCode([Math.floor(Math.random()*26) + 65 + (k > 0 ? 32 : 0)]) };
+          fields.push({
+            icon: ['twitter', 'gplus', 'filter', 'contact'][Math.floor(Math.random()*4)],
+            label: String.fromCharCode(j%26 + 65) + Math.floor((Math.random() + 1) * 1000),
+            value: s
+          });
+        }
+        return {
+          name: String.fromCharCode(Math.floor(Math.random()*26) + 65) + Math.floor((Math.random() + 1) * 1000),
+          fields: fields
+        };
+      }
+    });
+  </script>
+</polymer-element>
\ No newline at end of file
