OLD | NEW |
1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 import 'package:sky/framework/components/ink_well.dart'; | 5 import 'package:sky/framework/components/ink_well.dart'; |
6 import 'package:sky/framework/fn.dart'; | 6 import 'package:sky/framework/fn.dart'; |
| 7 import 'package:sky/framework/layout.dart'; |
7 import 'package:sky/framework/theme/typography.dart' as typography; | 8 import 'package:sky/framework/theme/typography.dart' as typography; |
8 import 'stock_arrow.dart'; | 9 import 'stock_arrow.dart'; |
9 import 'stock_data.dart'; | 10 import 'stock_data.dart'; |
10 | 11 |
11 class StockRow extends Component { | 12 class StockRow extends Component { |
12 static final Style _style = new Style(''' | 13 static final Style _style = new Style(''' |
13 display: flex; | |
14 flex-direction: row; | |
15 align-items: center; | 14 align-items: center; |
16 border-bottom: 1px solid #F4F4F4; | 15 border-bottom: 1px solid #F4F4F4; |
17 padding-top: 16px; | 16 padding-top: 16px; |
18 padding-left: 16px; | 17 padding-left: 16px; |
19 padding-right: 16px; | 18 padding-right: 16px; |
20 padding-bottom: 20px;''' | 19 padding-bottom: 20px;''' |
21 ); | 20 ); |
22 | 21 |
23 static final Style _tickerStyle = new Style(''' | 22 static final FlexBoxParentData _tickerFlex = new FlexBoxParentData()..flex = 1
; |
24 flex: 1;''' | |
25 ); | |
26 | 23 |
27 static final Style _lastSaleStyle = new Style(''' | 24 static final Style _lastSaleStyle = new Style(''' |
28 text-align: right; | 25 text-align: right; |
29 padding-right: 16px;''' | 26 padding-right: 16px;''' |
30 ); | 27 ); |
31 | 28 |
32 static final Style _changeStyle = new Style(''' | 29 static final Style _changeStyle = new Style(''' |
33 ${typography.black.caption}; | 30 ${typography.black.caption}; |
34 text-align: right;''' | 31 text-align: right;''' |
35 ); | 32 ); |
36 | 33 |
37 Stock stock; | 34 Stock stock; |
38 | 35 |
39 StockRow({Stock stock}) : super(key: stock.symbol) { | 36 StockRow({Stock stock}) : super(key: stock.symbol) { |
40 this.stock = stock; | 37 this.stock = stock; |
41 } | 38 } |
42 | 39 |
43 UINode build() { | 40 UINode build() { |
44 String lastSale = "\$${stock.lastSale.toStringAsFixed(2)}"; | 41 String lastSale = "\$${stock.lastSale.toStringAsFixed(2)}"; |
45 | 42 |
46 String changeInPrice = "${stock.percentChange.toStringAsFixed(2)}%"; | 43 String changeInPrice = "${stock.percentChange.toStringAsFixed(2)}%"; |
47 if (stock.percentChange > 0) | 44 if (stock.percentChange > 0) |
48 changeInPrice = "+" + changeInPrice; | 45 changeInPrice = "+" + changeInPrice; |
49 | 46 |
50 List<UINode> children = [ | 47 List<UINode> children = [ |
51 new StockArrow( | 48 new StockArrow( |
52 percentChange: stock.percentChange | 49 percentChange: stock.percentChange |
53 ), | 50 ), |
54 new Container( | 51 new ParentDataNode( |
55 key: 'Ticker', | 52 new Container( |
56 style: _tickerStyle, | 53 key: 'Ticker', |
57 children: [new Text(stock.symbol)] | 54 children: [new Text(stock.symbol)] |
| 55 ), |
| 56 _tickerFlex |
58 ), | 57 ), |
59 new Container( | 58 new Container( |
60 key: 'LastSale', | 59 key: 'LastSale', |
61 style: _lastSaleStyle, | 60 style: _lastSaleStyle, |
62 children: [new Text(lastSale)] | 61 children: [new Text(lastSale)] |
63 ), | 62 ), |
64 new Container( | 63 new Container( |
65 key: 'Change', | 64 key: 'Change', |
66 style: _changeStyle, | 65 style: _changeStyle, |
67 children: [new Text(changeInPrice)] | 66 children: [new Text(changeInPrice)] |
68 ) | 67 ) |
69 ]; | 68 ]; |
70 | 69 |
71 return new StyleNode(new InkWell(children: children), _style); | 70 return new StyleNode(new InkWell(children: children), _style); |
72 } | 71 } |
73 } | 72 } |
OLD | NEW |