Make stocks-fn match the style for the Sky SDK

sky/examples/stocks-fn/stocksapp.dart

Index: sky/examples/stocks-fn/stocksapp.dart
diff --git a/sky/examples/stocks-fn/stocksapp.dart b/sky/examples/stocks-fn/stocksapp.dart
deleted file mode 100644
index 83e3c978d365892acb13eed8faeaedfb336c0672..0000000000000000000000000000000000000000
--- a/sky/examples/stocks-fn/stocksapp.dart
+++ /dev/null
@@ -1,145 +0,0 @@
-library stocksapp;
-
-import '../data/stocks.dart';
-import 'dart:math';
-import 'package:sky/framework/animation/scroll_behavior.dart';
-import 'package:sky/framework/components/action_bar.dart';
-import 'package:sky/framework/components/drawer.dart';
-import 'package:sky/framework/components/drawer_header.dart';
-import 'package:sky/framework/components/fixed_height_scrollable.dart';
-import 'package:sky/framework/components/floating_action_button.dart';
-import 'package:sky/framework/components/icon.dart';
-import 'package:sky/framework/components/input.dart';
-import 'package:sky/framework/components/material.dart';
-import 'package:sky/framework/components/menu_divider.dart';
-import 'package:sky/framework/components/menu_item.dart';
-import 'package:sky/framework/fn.dart';
-import 'package:sky/framework/theme/typography.dart' as typography;
-
-part 'stockarrow.dart';
-part 'stocklist.dart';
-part 'stockrow.dart';
-
-class StocksApp extends App {
-
-  DrawerAnimation _drawerAnimation = new DrawerAnimation();
-
-  static Style _style = new Style('''
-    display: flex;
-    flex-direction: column;
-    height: -webkit-fill-available;
-    ${typography.typeface};
-    ${typography.black.body1};'''
-  );
-
-  static Style _iconStyle = new Style('''
-    padding: 8px;'''
-  );
-
-  static Style _titleStyle = new Style('''
-    padding-left: 24px;
-    flex: 1;
-    ${typography.white.title};'''
-  );
-
-  List<Stock> _sortedStocks;
-  bool _isSearching = false;
-  String _searchQuery;
-
-  StocksApp() : super() {
-    _sortedStocks = oracle.stocks;
-    _sortedStocks.sort((a, b) => a.symbol.compareTo(b.symbol));
-  }
-
-  void _handleSearchClick(_) {
-    setState(() {
-      _isSearching = !_isSearching;
-    });
-  }
-
-  void _handleSearchQueryChanged(query) {
-    setState(() {
-      _searchQuery = query;
-    });
-  }
-
-  Node build() {
-    var drawer = new Drawer(
-      animation: _drawerAnimation,
-      level: 3,
-      children: [
-        new DrawerHeader(
-          children: [new Text('Stocks')]
-        ),
-        new MenuItem(
-          key: 'Inbox',
-          icon: 'content/inbox',
-          children: [new Text('Inbox')]
-        ),
-        new MenuDivider(
-        ),
-        new MenuItem(
-          key: 'Drafts',
-          icon: 'content/drafts',
-          children: [new Text('Drafts')]
-        ),
-        new MenuItem(
-          key: 'Settings',
-          icon: 'action/settings',
-          children: [new Text('Settings')]
-        ),
-        new MenuItem(
-          key: 'Help & Feedback',
-          icon: 'action/help',
-          children: [new Text('Help & Feedback')]
-        )
-      ]
-    );
-
-    Node title;
-    if (_isSearching) {
-      title = new Input(focused: true, placeholder: 'Search stocks',
-          onChanged: _handleSearchQueryChanged);
-    } else {
-      title = new Text('Stocks');
-    }
-
-    var toolbar = new ActionBar(
-      children: [
-        new Icon(key: 'menu', style: _iconStyle,
-            size: 24,
-            type: 'navigation/menu_white')
-          ..events.listen('gesturetap', _drawerAnimation.toggle),
-        new Container(
-          style: _titleStyle,
-          children: [title]
-        ),
-        new Icon(key: 'search', style: _iconStyle,
-            size: 24,
-            type: 'action/search_white')
-          ..events.listen('gesturetap', _handleSearchClick),
-        new Icon(key: 'more_white', style: _iconStyle,
-            size: 24,
-            type: 'navigation/more_vert_white')
-      ]
-    );
-
-    var list = new Stocklist(stocks: _sortedStocks, query: _searchQuery);
-
-    var fab = new FloatingActionButton(content: new Icon(
-      type: 'content/add_white', size: 24), level: 3);
-
-    return new Container(
-      key: 'StocksApp',
-      children: [
-        new Container(
-          key: 'Content',
-          style: _style,
-          children: [toolbar, list]
-        ),
-        fab,
-        drawer,
-      ]
-    );
-  }
-}