OLD | NEW |
1 import 'dart:sky'; | 1 import 'dart:sky'; |
2 import 'package:sky/framework/fn.dart'; | 2 import 'package:sky/framework/fn.dart'; |
3 import 'package:sky/framework/components/button.dart'; | 3 import 'package:sky/framework/components/button.dart'; |
4 import 'package:sky/framework/components/scaffold.dart'; | 4 import 'package:sky/framework/components/scaffold.dart'; |
5 import 'package:sky/framework/components/tool_bar.dart'; | 5 import 'package:sky/framework/components/tool_bar.dart'; |
6 import 'package:sky/framework/theme/colors.dart'; | 6 import 'package:sky/framework/theme/colors.dart'; |
7 import 'package:sky/framework/theme/typography.dart' as typography; | 7 import 'package:sky/framework/theme/typography.dart' as typography; |
8 | 8 |
9 class SkyLink extends Component { | 9 class SkyLink extends Component { |
10 String text; | 10 String text; |
(...skipping 11 matching lines...) Expand all Loading... |
22 | 22 |
23 class SkyHome extends App { | 23 class SkyHome extends App { |
24 static final Style _actionBarStyle = new Style(''' | 24 static final Style _actionBarStyle = new Style(''' |
25 background-color: ${Green[500]};'''); | 25 background-color: ${Green[500]};'''); |
26 | 26 |
27 static final Style _titleStyle = new Style(''' | 27 static final Style _titleStyle = new Style(''' |
28 ${typography.white.title};'''); | 28 ${typography.white.title};'''); |
29 | 29 |
30 UINode build() { | 30 UINode build() { |
31 List<UINode> children = [ | 31 List<UINode> children = [ |
32 new SkyLink('Stocks2 App', '/examples/stocks2/lib/stock_app.dart'), | 32 new SkyLink('Stocks2 App', 'examples/stocks2/lib/stock_app.dart'), |
33 new SkyLink('Interactive Flex', '/examples/raw/interactive_flex.dart'), | 33 new SkyLink('Box2D Game', 'examples/game/main.dart'), |
34 new SkyLink('Ink Well', '/examples/raw/ink_well.dart'), | 34 new SkyLink('Interactive Flex', 'examples/rendering/interactive_flex.dart'
), |
35 new SkyLink('Box2D Game', '/examples/game/main.dart'), | 35 new SkyLink('Sector Layout', 'examples/rendering/sector_layout.dart'), |
36 new SkyLink('Sector Layout', '/examples/raw/sector_layout.dart'), | 36 new SkyLink('Touch Demo', 'examples/rendering/touch_demo.dart'), |
37 | 37 |
38 // TODO(eseidel): We could use to separate these groups? | 38 // TODO(eseidel): We could use to separate these groups? |
39 new SkyLink('Stocks App (Old)', '/examples/stocks/main.sky'), | 39 new SkyLink('Stocks App (Old)', 'examples/stocks/main.sky'), |
40 new SkyLink('Touch Demo (Old)', '/examples/raw/touch-demo.sky'), | 40 new SkyLink('Touch Demo (Old)', 'examples/raw/touch-demo.sky'), |
41 new SkyLink('Spinning Square (Old)', '/examples/raw/spinning-square.sky'), | 41 new SkyLink('Spinning Square (Old)', 'examples/raw/spinning-square.sky'), |
42 | 42 |
43 new SkyLink('Licences (Old)', '/LICENSES.sky'), | 43 new SkyLink('Licences (Old)', 'LICENSES.sky'), |
44 ]; | 44 ]; |
45 | 45 |
46 return new Scaffold( | 46 return new Scaffold( |
47 // FIXME: ActionBar should have a better default style than transparent. | 47 // FIXME: ActionBar should have a better default style than transparent. |
48 header: new StyleNode( | 48 header: new StyleNode( |
49 // FIXME: left should be optional, but currently crashes when null. | 49 // FIXME: left should be optional, but currently crashes when null. |
50 new ToolBar(left: new Text(''), | 50 new ToolBar(left: new Text(''), |
51 center: new Container(children: [new Text('Sky Demos')], style: _title
Style)), | 51 center: new Container(children: [new Text('Sky Demos')], style: _title
Style)), |
52 _actionBarStyle), | 52 _actionBarStyle), |
53 content: new Container(children: children) | 53 content: new Container(children: children) |
54 ); | 54 ); |
55 } | 55 } |
56 } | 56 } |
OLD | NEW |