Update components

marchant · Jul 23, 2015 · 1aaa46c · 1aaa46c
1 parent a1b5656
commit 1aaa46c
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 10 deletions.
diff --git a/ui/main.reel/main.html b/ui/main.reel/main.html
@@ -2,21 +2,37 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Main</title>
-
+    <title>
+        Main
+    </title>
     <link rel="stylesheet" href="main.css">
-
     <script type="text/montage-serialization">
-        {
-            "owner": {
-                "properties": {
-                    "element": {"#": "main"}
-                }
+    {
+        "owner": {
+            "properties": {
+                "element": {"#": "main"}
+            }
+        },
+        "myComponent1": {
+            "prototype": "ui/my-component.reel",
+            "properties": {
+                "element": {"#": "myComponent1"}
+            }
+        },
+        "repetition": {
+            "prototype": "montage/ui/repetition.reel",
+            "properties": {
+                "element": {"#": "repetition"}
             }
         }
+    }
     </script>
 </head>
 <body>
-    <div data-montage-id="main" data-montage-skin="light" class="Main"></div>
+    <div data-montage-id="main" data-montage-skin="light" class="Main">
+        <ul data-montage-id="repetition">
+            <li data-montage-id="myComponent1"></li>
+        </ul>
+    </div>
 </body>
-</html>
+</html>
diff --git a/ui/main.reel/main.js b/ui/main.reel/main.js
@@ -12,6 +12,13 @@ exports.Main = Component.specialize(/** @lends Main# */ {
     constructor: {
         value: function Main() {
             this.super();
+            this.data = [];
+            for(var i=0;i<100;i++) {
+                this.data[i] = i;
+            }
         }
+    },
+    data: {
+        value: null
     }
 });
diff --git a/ui/main.reel/main.meta b/ui/main.reel/main.meta
@@ -0,0 +1,27 @@
+{
+  "blueprint_component_reference": {
+    "prototype": "montage/core/meta/blueprint-reference",
+    "properties": {
+      "valueReference": {
+        "blueprintName": "Component",
+        "blueprintModule": {
+          "%": "montage/ui/component.meta"
+        }
+      }
+    }
+  },
+  "root": {
+    "prototype": "montage/core/meta/module-blueprint",
+    "properties": {
+      "name": null,
+      "parent": {"@": "blueprint_component_reference"},
+      "propertyBlueprintGroups": {
+        "Main": []
+      },
+      "module": {
+        "%": "ui/main.reel"
+      },
+      "exportName": "Main"
+    }
+  }
+}