| 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="icon-refresh" noscript> |
| 5 <template> |
| 6 <style> |
| 7 svg { |
| 8 fill: currentColor |
| 9 } |
| 10 </style> |
| 11 <svg width="24" height="24"> |
| 12 <path d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8
7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s
2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/> |
| 13 </svg> |
| 14 </template> |
| 15 </polymer-element> |
| 16 |
| 4 <polymer-element name="script-inset" extends="observatory-element"> | 17 <polymer-element name="script-inset" extends="observatory-element"> |
| 5 <template> | 18 <template> |
| 6 <style> | 19 <style> |
| 7 a { | 20 a { |
| 8 color: #0489c3; | 21 color: #0489c3; |
| 9 text-decoration: none; | 22 text-decoration: none; |
| 10 } | 23 } |
| 11 a:hover { | 24 a:hover { |
| 12 text-decoration: underline; | 25 text-decoration: underline; |
| 13 } | 26 } |
| 14 .sourceInset { | 27 .sourceInset { |
| 15 } | 28 } |
| 16 .sourceTable { | 29 .sourceTable { |
| 30 position: relative; |
| 17 background-color: #f5f5f5; | 31 background-color: #f5f5f5; |
| 18 border: 1px solid #ccc; | 32 border: 1px solid #ccc; |
| 19 padding: 10px; | 33 padding: 10px; |
| 20 width: 100%; | 34 width: 100%; |
| 21 box-sizing: border-box; | 35 box-sizing: border-box; |
| 22 overflow-x: scroll; | 36 overflow-x: scroll; |
| 23 } | 37 } |
| 24 .sourceRow { | 38 .sourceRow { |
| 25 display: flex; | 39 display: flex; |
| 26 flex-direction: row; | 40 flex-direction: row; |
| 27 width: 100%; | 41 width: 100%; |
| 28 } | 42 } |
| 29 .sourceItem, .sourceItemCurrent { | 43 .sourceItem, .sourceItemCurrent { |
| 30 vertical-align: top; | 44 vertical-align: top; |
| 31 font: 400 14px consolas, courier, monospace; | 45 font: 400 14px consolas, courier, monospace; |
| 32 line-height: 125%; | 46 line-height: 125%; |
| 33 white-space: pre; | 47 white-space: pre; |
| 34 max-width: 0; | 48 max-width: 0; |
| 35 } | 49 } |
| 36 .currentLine { | 50 .currentLine { |
| 37 background-color: #fff; | 51 background-color: #fff; |
| 38 } | 52 } |
| 39 .currentCol { | 53 .currentCol { |
| 40 background-color: #6cf; | 54 background-color: #6cf; |
| 41 } | 55 } |
| 42 .hitsCurrent, .hitsNone, .hitsNotExecuted, .hitsExecuted { | 56 .hitsCurrent, .hitsNone, .hitsNotExecuted, .hitsExecuted, .hitsCompiled, .
hitsNotCompiled { |
| 43 display: table-cell; | 57 display: table-cell; |
| 44 vertical-align: top; | 58 vertical-align: top; |
| 45 font: 400 14px consolas, courier, monospace; | 59 font: 400 14px consolas, courier, monospace; |
| 46 margin-left: 5px; | 60 margin-left: 5px; |
| 47 margin-right: 5px; | 61 margin-right: 5px; |
| 48 text-align: right; | 62 text-align: right; |
| 49 color: #a8a8a8; | 63 color: #a8a8a8; |
| 50 } | 64 } |
| 51 .hitsCurrent { | 65 .hitsCurrent { |
| 52 background-color: #6cf; | 66 background-color: #6cf; |
| 53 color: black; | 67 color: black; |
| 54 } | 68 } |
| 55 .hitsNotExecuted { | 69 .hitsNotExecuted { |
| 56 background-color: #faa; | 70 background-color: #faa; |
| 57 } | 71 } |
| 58 .hitsExecuted { | 72 .hitsExecuted { |
| 59 background-color: #aea; | 73 background-color: #aea; |
| 60 } | 74 } |
| 75 .hitsCompiled { |
| 76 background-color: #e0e0e0; |
| 77 } |
| 78 .hitsNotCompiled { |
| 79 background-color: #f0c5c5; |
| 80 } |
| 81 |
| 61 .noCopy {} | 82 .noCopy {} |
| 62 .emptyBreakpoint, .possibleBreakpoint, .busyBreakpoint, .unresolvedBreakpo
int, .resolvedBreakpoint { | 83 .emptyBreakpoint, .possibleBreakpoint, .busyBreakpoint, .unresolvedBreakpo
int, .resolvedBreakpoint { |
| 63 display: table-cell; | 84 display: table-cell; |
| 64 vertical-align: top; | 85 vertical-align: top; |
| 65 font: 400 14px consolas, courier, monospace; | 86 font: 400 14px consolas, courier, monospace; |
| 66 width: 1em; | 87 width: 1em; |
| 67 text-align: center; | 88 text-align: center; |
| 68 cursor: pointer; | 89 cursor: pointer; |
| 69 } | 90 } |
| 70 .possibleBreakpoint { | 91 .possibleBreakpoint { |
| (...skipping 21 matching lines...) Expand all Loading... |
| 92 background-color: #cac; | 113 background-color: #cac; |
| 93 } | 114 } |
| 94 .resolvedBreakAnnotation { | 115 .resolvedBreakAnnotation { |
| 95 color: white; | 116 color: white; |
| 96 background-color: #e66; | 117 background-color: #e66; |
| 97 } | 118 } |
| 98 </style> | 119 </style> |
| 99 </template> | 120 </template> |
| 100 </polymer-element> | 121 </polymer-element> |
| 101 | 122 |
| 123 <polymer-element name="refresh-button"> |
| 124 <template> |
| 125 <style> |
| 126 .refreshButton { |
| 127 color: rgba(0,0,0,.3); |
| 128 } |
| 129 .refreshButton:hover { |
| 130 color: black; |
| 131 } |
| 132 .refreshButtonDisabled { |
| 133 color: white; |
| 134 cursor: wait; |
| 135 } |
| 136 </style> |
| 137 <template if="{{ callback != null }}"> |
| 138 <template if="{{ busy }}"> |
| 139 <icon-refresh id="refreshIcon" class="refreshButtonDisabled"> |
| 140 </icon-refresh> |
| 141 </template> |
| 142 <template if="{{ !busy }}"> |
| 143 <a on-click="{{ buttonClick }}"> |
| 144 <icon-refresh id="refreshIcon" class="refreshButton"></icon-refresh> |
| 145 </a> |
| 146 </template> |
| 147 </template> |
| 148 </template> |
| 149 </polymer-element> |
| 102 | 150 |
| 103 <polymer-element name="source-inset"> | 151 <polymer-element name="source-inset"> |
| 104 <template> | 152 <template> |
| 105 <template if="{{ location != null }}"> | 153 <template if="{{ location != null }}"> |
| 106 <script-inset script="{{ location.script }}" | 154 <script-inset script="{{ location.script }}" |
| 107 startPos="{{ location.tokenPos }}" | 155 startPos="{{ location.tokenPos }}" |
| 156 scroller="{{ scroller }}" |
| 108 endPos="{{ location.endTokenPos }}" | 157 endPos="{{ location.endTokenPos }}" |
| 109 height="{{ height }}" | 158 height="{{ height }}" |
| 110 currentPos="{{ currentPos }}" | 159 currentPos="{{ currentPos }}" |
| 111 inDebuggerContext="{{ inDebuggerContext }}" | 160 inDebuggerContext="{{ inDebuggerContext }}" |
| 112 variables="{{ variables }}"> | 161 variables="{{ variables }}"> |
| 113 </script-inset> | 162 </script-inset> |
| 114 </template> | 163 </template> |
| 115 </template> | 164 </template> |
| 116 </polymer-element> | 165 </polymer-element> |
| 117 | 166 |
| 118 <script type="application/dart" src="script_inset.dart"></script> | 167 <script type="application/dart" src="script_inset.dart"></script> |
| OLD | NEW |