OLD | NEW |
1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> |
2 <link rel="import" href="instance_ref.html"> | 2 <link rel="import" href="instance_ref.html"> |
3 | 3 |
4 <polymer-element name="action-link"> | 4 <polymer-element name="action-link"> |
5 <template> | 5 <template> |
6 <style> | 6 <style> |
7 .idle { | 7 .idle { |
8 color: #0489c3; | 8 color: #0489c3; |
9 cursor: pointer; | 9 cursor: pointer; |
| 10 text-decoration: none; |
| 11 } |
| 12 .idle:hover { |
| 13 text-decoration: underline; |
10 } | 14 } |
11 .busy { | 15 .busy { |
12 color: #aaa; | 16 color: #aaa; |
13 cursor: wait; | 17 cursor: wait; |
| 18 text-decoration: none; |
14 } | 19 } |
15 </style> | 20 </style> |
16 | 21 |
17 <template if="{{ busy }}"> | 22 <template if="{{ busy }}"> |
18 <span class="busy">[{{ label }}]</span> | 23 <span class="busy">[{{ label }}]</span> |
19 </template> | 24 </template> |
20 <template if="{{ !busy }}"> | 25 <template if="{{ !busy }}"> |
21 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span> | 26 <template if="{{ color == null }}"> |
| 27 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span> |
| 28 </template> |
| 29 <template if="{{ color != null }}"> |
| 30 <span class="idle" style="color:{{ color }}"><a on-click="{{ doAction }}
">[{{ label }}]</a></span> |
| 31 </template> |
22 </template> | 32 </template> |
23 </template> | 33 </template> |
24 </polymer-element> | 34 </polymer-element> |
25 | 35 |
26 <script type="application/dart" src="action_link.dart"></script> | 36 <script type="application/dart" src="action_link.dart"></script> |
OLD | NEW |