| 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 |