OLD | NEW |
1 <!-- | 1 <!-- |
2 // Copyright 2015 The Chromium Authors. All rights reserved. | 2 // Copyright 2015 The Chromium Authors. All rights reserved. |
3 // Use of this source code is governed by a BSD-style license that can be | 3 // Use of this source code is governed by a BSD-style license that can be |
4 // found in the LICENSE file. | 4 // found in the LICENSE file. |
5 --> | 5 --> |
6 <import src="/sky/framework/sky-drawer.sky" /> | 6 <import src="/sky/framework/sky-drawer.sky" /> |
7 <import src="/sky/framework/sky-element.sky" /> | 7 <import src="/sky/framework/sky-element.sky" /> |
| 8 <import src="/sky/framework/sky-icon.sky" /> |
8 <import src="/sky/framework/sky-scrollable.sky" /> | 9 <import src="/sky/framework/sky-scrollable.sky" /> |
9 <import src="stock.sky" as='view'/> | 10 <import src="stock.sky" as='view'/> |
10 <import src='companylist.sky' as='model'/> | 11 <import src='companylist.sky' as='model'/> |
11 | 12 |
12 <sky-element> | 13 <sky-element> |
13 <template> | 14 <template> |
14 <style> | 15 <style> |
15 :host { | 16 :host { |
16 display: flex; | 17 display: flex; |
17 flex-direction: column; | 18 flex-direction: column; |
(...skipping 13 matching lines...) Expand all Loading... |
31 display: flex; | 32 display: flex; |
32 align-items: center; | 33 align-items: center; |
33 background-color: #526E9C; | 34 background-color: #526E9C; |
34 color: white; | 35 color: white; |
35 height: 56px; | 36 height: 56px; |
36 } | 37 } |
37 #menu { | 38 #menu { |
38 display: flex; | 39 display: flex; |
39 justify-content: center; | 40 justify-content: center; |
40 align-items: center; | 41 align-items: center; |
41 width: 24px; | |
42 height: 24px; | |
43 padding: 7px; | 42 padding: 7px; |
44 margin: 0 8px; | 43 margin: 0 8px; |
45 background-color: papayawhip; | |
46 color: black; | 44 color: black; |
47 } | 45 } |
48 #title { | 46 #title { |
49 flex: 1; | 47 flex: 1; |
50 margin: 0 8px; | 48 margin: 0 8px; |
51 } | 49 } |
52 sky-scrollable { | 50 sky-scrollable { |
53 flex: 1; | 51 flex: 1; |
54 } | 52 } |
55 </style> | 53 </style> |
56 <sky-drawer id="drawer"> | 54 <sky-drawer id="drawer"> |
57 I am drawer | 55 I am drawer |
58 </sky-drawer> | 56 </sky-drawer> |
59 <sky-toolbar> | 57 <sky-toolbar> |
60 <div id="menu" /> | 58 <sky-icon id="menu" type="navigation/menu_white" size="24" /> |
61 I am a stocks app | 59 I am a stocks app |
62 </sky-toolbar> | 60 </sky-toolbar> |
63 <sky-scrollable id='stock_list'> | 61 <sky-scrollable id='stock_list'> |
64 </sky-scrollable> | 62 </sky-scrollable> |
65 </template> | 63 </template> |
66 <script> | 64 <script> |
67 import "dart:sky"; | 65 import "dart:sky"; |
68 import "dart:math"; | 66 import "dart:math"; |
69 | 67 |
70 List pick(List list, int count) { | 68 List pick(List list, int count) { |
(...skipping 27 matching lines...) Expand all Loading... |
98 } | 96 } |
99 | 97 |
100 void _handleMenuClick(_) { | 98 void _handleMenuClick(_) { |
101 _drawer.toggle(); | 99 _drawer.toggle(); |
102 } | 100 } |
103 } | 101 } |
104 | 102 |
105 _init(script) => register(script, Stocks); | 103 _init(script) => register(script, Stocks); |
106 </script> | 104 </script> |
107 </sky-element> | 105 </sky-element> |
OLD | NEW |