From e1bad6d1aad1825b4a3a2c2075e8650ba6cd93e2 Mon Sep 17 00:00:00 2001
From: Vladimir Enchev <vladimir.enchev@telerik.com>
Date: Mon, 25 May 2015 16:14:58 +0300
Subject: [PATCH] Repeater added to gallery app

---
 CrossPlatformModules.csproj         |  4 ++++
 apps/gallery-app/main-page.xml      |  1 +
 apps/gallery-app/views/repeater.ts  | 10 ++++++++++
 apps/gallery-app/views/repeater.xml | 13 +++++++++++++
 4 files changed, 28 insertions(+)
 create mode 100644 apps/gallery-app/views/repeater.ts
 create mode 100644 apps/gallery-app/views/repeater.xml

diff --git a/CrossPlatformModules.csproj b/CrossPlatformModules.csproj
index 7712d1427..34cb2a8d7 100644
--- a/CrossPlatformModules.csproj
+++ b/CrossPlatformModules.csproj
@@ -76,6 +76,9 @@
     <TypeScriptCompile Include="apps\gallery-app\views\list-view.ts">
       <DependentUpon>list-view.xml</DependentUpon>
     </TypeScriptCompile>
+    <TypeScriptCompile Include="apps\gallery-app\views\repeater.ts">
+      <DependentUpon>repeater.xml</DependentUpon>
+    </TypeScriptCompile>
     <TypeScriptCompile Include="apps\placeholder-demo\app.ts" />
     <TypeScriptCompile Include="apps\placeholder-demo\main-page.android.ts">
       <DependentUpon>main-page.xml</DependentUpon>
@@ -597,6 +600,7 @@
     <Content Include="apps\gallery-app\content\border.xml" />
     <Content Include="apps\gallery-app\app.css" />
     <Content Include="apps\gallery-app\views\list-picker.xml" />
+    <Content Include="apps\gallery-app\views\repeater.xml" />
     <Content Include="apps\gallery-app\views\segmented-bar.xml" />
     <Content Include="apps\gallery-app\views\time-picker.xml" />
     <Content Include="apps\gallery-app\views\date-picker.xml" />
diff --git a/apps/gallery-app/main-page.xml b/apps/gallery-app/main-page.xml
index 3240e80fa..8fdfa0701 100644
--- a/apps/gallery-app/main-page.xml
+++ b/apps/gallery-app/main-page.xml
@@ -32,6 +32,7 @@
         <Button tag="views/image" text="Image" tap="itemTap" />
         <Button tag="views/search-bar" text="SearchBar" tap="itemTap" />
         <Button tag="views/list-view" text="ListView" tap="itemTap" />
+        <Button tag="views/repeater" text="Repeater" tap="itemTap" />
         <Button tag="views/dialogs" text="Dialogs" tap="itemTap" />
         <Button tag="views/date-picker" text="DatePicker" tap="itemTap" />
         <Button tag="views/time-picker" text="TimePicker" tap="itemTap" />
diff --git a/apps/gallery-app/views/repeater.ts b/apps/gallery-app/views/repeater.ts
new file mode 100644
index 000000000..4d1212ea1
--- /dev/null
+++ b/apps/gallery-app/views/repeater.ts
@@ -0,0 +1,10 @@
+export function pageLoaded(args) {
+    var page = args.object;
+
+    var itemsArr = [];
+    for (var i = 1; i <= 64; i++) {
+        itemsArr.push({ title: "List item " + i });
+    }
+
+    page.bindingContext = { items: itemsArr };
+}
\ No newline at end of file
diff --git a/apps/gallery-app/views/repeater.xml b/apps/gallery-app/views/repeater.xml
new file mode 100644
index 000000000..5dbc7828e
--- /dev/null
+++ b/apps/gallery-app/views/repeater.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Page loaded="pageLoaded">
+  <ScrollView>
+    <Repeater items="{{ items }}">
+      <Repeater.itemsLayout>
+        <WrapLayout />
+      </Repeater.itemsLayout>
+      <Repeater.itemTemplate>
+        <Label text="{{ title }}" margin="10" />
+      </Repeater.itemTemplate>
+    </Repeater>
+  </ScrollView>
+</Page>
\ No newline at end of file