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