Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(30)

Side by Side Diff: sky/examples/stocks/lib/stock_row.dart

Issue 1132983007: [Layout] Put in some guards to prevent us from reintroducing 'display' properties into the CSS. (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: git cl status Created 5 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « sky/examples/stocks/lib/stock_arrow.dart ('k') | sky/framework/components/menu_item.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 }
OLDNEW
« no previous file with comments | « sky/examples/stocks/lib/stock_arrow.dart ('k') | sky/framework/components/menu_item.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698