Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(247)

Side by Side Diff: runtime/observatory/lib/src/elements/script_inset.html

Issue 1584173003: Use getSourceReport for coverage/callsites in Observatory. (Closed) Base URL: git@github.com:dart-lang/sdk.git@master
Patch Set: cleanups Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698