OLD | NEW |
1 library stocksapp; | 1 library stocksapp; |
2 | 2 |
3 import '../../framework/fn.dart'; | 3 import '../../framework/fn.dart'; |
4 import '../../framework/animation/scroll_behavior.dart'; | 4 import '../../framework/animation/scroll_behavior.dart'; |
5 import '../../framework/components/drawer.dart'; | 5 import '../../framework/components/drawer.dart'; |
6 import '../../framework/components/drawer_header.dart'; | 6 import '../../framework/components/drawer_header.dart'; |
7 import '../../framework/components/fixed_height_scrollable.dart'; | 7 import '../../framework/components/fixed_height_scrollable.dart'; |
8 import '../../framework/components/floating_action_button.dart'; | 8 import '../../framework/components/floating_action_button.dart'; |
9 import '../../framework/components/icon.dart'; | 9 import '../../framework/components/icon.dart'; |
10 import '../../framework/components/input.dart'; | 10 import '../../framework/components/input.dart'; |
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
98 Node title; | 98 Node title; |
99 if (_isSearching) { | 99 if (_isSearching) { |
100 title = new Input(focused: true, placeholder: 'Search stocks', | 100 title = new Input(focused: true, placeholder: 'Search stocks', |
101 onChanged: _handleSearchQueryChanged); | 101 onChanged: _handleSearchQueryChanged); |
102 } else { | 102 } else { |
103 title = new Text('I am a stocks app'); | 103 title = new Text('I am a stocks app'); |
104 } | 104 } |
105 | 105 |
106 var toolbar = new Toolbar( | 106 var toolbar = new Toolbar( |
107 children: [ | 107 children: [ |
108 new Icon(key: 'menu', styles: [_iconStyle], | 108 new Icon(key: 'menu', style: _iconStyle, |
109 size: 24, | 109 size: 24, |
110 type: 'navigation/menu_white') | 110 type: 'navigation/menu_white') |
111 ..events.listen('click', _drawerAnimation.toggle), | 111 ..events.listen('click', _drawerAnimation.toggle), |
112 new Container( | 112 new Container( |
113 styles: [_titleStyle], | 113 style: _titleStyle, |
114 children: [title] | 114 children: [title] |
115 ), | 115 ), |
116 new Icon(key: 'search', styles: [_iconStyle], | 116 new Icon(key: 'search', style: _iconStyle, |
117 size: 24, | 117 size: 24, |
118 type: 'action/search_white') | 118 type: 'action/search_white') |
119 ..events.listen('click', _handleSearchClick), | 119 ..events.listen('click', _handleSearchClick), |
120 new Icon(key: 'more_white', styles: [_iconStyle], | 120 new Icon(key: 'more_white', style: _iconStyle, |
121 size: 24, | 121 size: 24, |
122 type: 'navigation/more_vert_white') | 122 type: 'navigation/more_vert_white') |
123 ] | 123 ] |
124 ); | 124 ); |
125 | 125 |
126 var list = new Stocklist(stocks: _sortedStocks, query: _searchQuery); | 126 var list = new Stocklist(stocks: _sortedStocks, query: _searchQuery); |
127 | 127 |
128 var fab = new FloatingActionButton(content: new Icon( | 128 var fab = new FloatingActionButton(content: new Icon( |
129 type: 'content/add_white', size: 24), level: 3); | 129 type: 'content/add_white', size: 24), level: 3); |
130 | 130 |
131 return new Container( | 131 return new Container( |
132 key: 'StocksApp', | 132 key: 'StocksApp', |
133 children: [ | 133 children: [ |
134 new Container( | 134 new Container( |
135 key: 'Content', | 135 key: 'Content', |
136 styles: [_style], | 136 style: _style, |
137 children: [toolbar, list] | 137 children: [toolbar, list] |
138 ), | 138 ), |
139 fab, | 139 fab, |
140 drawer, | 140 drawer, |
141 ] | 141 ] |
142 ); | 142 ); |
143 } | 143 } |
144 } | 144 } |
OLD | NEW |