| 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="observatory_element.html"> | 2 <link rel="import" href="observatory_element.html"> |
| 3 | 3 |
| 4 <polymer-element name="script-inset" extends="observatory-element"> | 4 <polymer-element name="script-inset" extends="observatory-element"> |
| 5 <template> | 5 <template> |
| 6 <style> | 6 <style> |
| 7 .sourceInset { | 7 .sourceInset { |
| 8 padding-left: 15%; | 8 padding-left: 15%; |
| 9 padding-right: 15%; | 9 padding-right: 15%; |
| 10 } | 10 } |
| 11 .grayBox { | 11 .grayBox { |
| 12 width: 100%; | 12 width: 100%; |
| 13 background-color: #f5f5f5; | 13 background-color: #f5f5f5; |
| 14 border: 1px solid #ccc; | 14 border: 1px solid #ccc; |
| 15 padding: 10px; | 15 padding: 10px; |
| 16 } | 16 } |
| 17 </style> | 17 </style> |
| 18 <div class="sourceInset"> | 18 <div class="sourceInset"> |
| 19 <content></content> | 19 <content></content> |
| 20 <div class="grayBox"> | 20 <div class="grayBox"> |
| 21 <template if="{{ coverage == true }}"> | 21 <table> |
| 22 <table> | 22 <tbody> |
| 23 <tbody> | 23 <tr template repeat="{{ lineNumber in lineNumbers }}"> |
| 24 <tr template repeat="{{ line in lines }}"> | 24 <td style="{{ styleForHits(script.lines[lineNumber].hits) }}"><spa
n> </span></td> |
| 25 <td style="{{ hitStyle(line) }}"><span> </span></td> | 25 <td style="font-family: consolas, courier, monospace;font-size: 1e
m;line-height: 1.2em;white-space: nowrap;">{{script.lines[lineNumber].line}}</td
> |
| 26 <td style="font-family: consolas, courier, monospace;font-size:
1em;line-height: 1.2em;white-space: nowrap;">{{line.line}}</td> | 26 <td> </td> |
| 27 <td> </td> | 27 <td width="99%" style="font-family: consolas, courier, monospace;f
ont-size: 1em;line-height: 1.2em;white-space: pre;">{{script.lines[lineNumber].t
ext}}</td> |
| 28 <td width="99%" style="font-family: consolas, courier, monospace
;font-size: 1em;line-height: 1.2em;white-space: pre;">{{line.text}}</td> | 28 </tr> |
| 29 </tr> | 29 </tbody> |
| 30 </tbody> | 30 </table> |
| 31 </table> | |
| 32 </template> | |
| 33 <template if="{{ coverage == false }}"> | |
| 34 <table> | |
| 35 <tbody> | |
| 36 <tr template repeat="{{ line in lines }}"> | |
| 37 <td style="font-family: consolas, courier, monospace;font-size:
1em;line-height: 1.2em;white-space: nowrap;">{{line.line}}</td> | |
| 38 <td> </td> | |
| 39 <td width="99%" style="font-family: consolas, courier, monospace
;font-size: 1em;line-height: 1.2em;white-space: pre;">{{line.text}}</td> | |
| 40 </tr> | |
| 41 </tbody> | |
| 42 </table> | |
| 43 </template> | |
| 44 </div> | 31 </div> |
| 45 </div> | 32 </div> |
| 46 </template> | 33 </template> |
| 47 </polymer-element> | 34 </polymer-element> |
| 48 | 35 |
| 49 <script type="application/dart" src="script_inset.dart"></script> | 36 <script type="application/dart" src="script_inset.dart"></script> |
| OLD | NEW |