From 545f6abb026106d4d3bbf2781b549afcd71dedd4 Mon Sep 17 00:00:00 2001
From: Adam Barth <abarth@chromium.org>
Date: Mon, 23 Feb 2015 09:30:11 -0800
Subject: [PATCH] Morph "appish" example into a "stocks" app

We'll flesh this example out over time to demo a bunch of our widgets.

TBR=eseidel@chromium.org

Review URL: https://codereview.chromium.org/954503002
---
 examples/appish/index.sky                     | 12 -------
 examples/stocks/index.sky                     |  8 +++++
 examples/stocks/stock.sky                     | 29 ++++++++++++++++
 .../stocks.sky}                               | 33 +++++++++++++++----
 4 files changed, 64 insertions(+), 18 deletions(-)
 delete mode 100644 examples/appish/index.sky
 create mode 100644 examples/stocks/index.sky
 create mode 100644 examples/stocks/stock.sky
 rename examples/{appish/example-scaffold.sky => stocks/stocks.sky} (67%)

diff --git a/examples/appish/index.sky b/examples/appish/index.sky
deleted file mode 100644
index 3b241ebedb..0000000000
--- a/examples/appish/index.sky
+++ /dev/null
@@ -1,12 +0,0 @@
-#!mojo mojo:sky_viewer
-<!--
-// Copyright 2015 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
--->
-<import src="example-scaffold.sky" />
-<example-scaffold>
-  <div class="title">Awesome app</div>
-  <div class="menu">This is a menu</div>
-  <div class="body">This is an awesome app.</div>
-</example-scrollable>
diff --git a/examples/stocks/index.sky b/examples/stocks/index.sky
new file mode 100644
index 0000000000..6f7c1618fa
--- /dev/null
+++ b/examples/stocks/index.sky
@@ -0,0 +1,8 @@
+#!mojo mojo:sky_viewer
+<!--
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+-->
+<import src="stocks.sky" />
+<stocks />
diff --git a/examples/stocks/stock.sky b/examples/stocks/stock.sky
new file mode 100644
index 0000000000..d4ffbd72ab
--- /dev/null
+++ b/examples/stocks/stock.sky
@@ -0,0 +1,29 @@
+<!--
+// Copyright 2015 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+-->
+<import src="/sky/framework/sky-element.sky" />
+
+<sky-element attributes="ticker:string">
+<template>
+  <style>
+  </style>
+  <div id="ticker" />
+</template>
+<script>
+import "dart:sky";
+
+@Tagname('stock')
+class Stock extends SkyElement {
+  Element _ticker;
+
+  void shadowRootReady() {
+    _ticker = shadowRoot.getElementById('ticker');
+    _ticker.textContent = ticker;
+  }
+}
+
+_init(script) => register(script, Stock);
+</script>
+</sky-element>
diff --git a/examples/appish/example-scaffold.sky b/examples/stocks/stocks.sky
similarity index 67%
rename from examples/appish/example-scaffold.sky
rename to examples/stocks/stocks.sky
index 0d810ccbe2..e27cde4bd2 100644
--- a/examples/appish/example-scaffold.sky
+++ b/examples/stocks/stocks.sky
@@ -6,6 +6,7 @@
 <import src="/sky/framework/sky-drawer.sky" />
 <import src="/sky/framework/sky-element.sky" />
 <import src="/sky/framework/sky-scrollable.sky" />
+<import src="stock.sky" />
 
 <sky-element>
 <template>
@@ -51,21 +52,41 @@
     }
   </style>
   <sky-drawer id="drawer">
-    <content select=".menu"/>
+    I am drawer
   </sky-drawer>
   <sky-toolbar>
     <div id="menu" />
-    <content id="title" select=".title"/>
+    I am a stocks app
   </sky-toolbar>
   <sky-scrollable>
-    <content />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOGL" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
+    <stock ticker="GOOG" />
   </sky-scrollable>
 </template>
 <script>
 import "dart:sky";
 
-@Tagname('example-scaffold')
-class ExampleScaffold extends SkyElement {
+@Tagname('stocks')
+class Stocks extends SkyElement {
   Element _drawer;
 
   void shadowRootReady() {
@@ -79,6 +100,6 @@ class ExampleScaffold extends SkyElement {
   }
 }
 
-_init(script) => register(script, ExampleScaffold);
+_init(script) => register(script, Stocks);
 </script>
 </sky-element>