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