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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: runtime/bin/vmservice/client/deployed/web/index_devtools.html

Issue 299823004: Upgrade Observatory to Polymer 0.10.x (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 7 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 | Annotate | Revision Log
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | runtime/bin/vmservice/client/lib/src/elements/collapsible_content.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js" ></script> 1 <!DOCTYPE html><html><head><script src="packages/web_components/platform.js"></s cript>
2 <script src="packages/custom_element/custom-elements.debug.js"></script> 2 <script src="packages/web_components/dart_support.js"></script>
3 3
4 <title>Dart VM Observatory</title> 4 <title>Dart VM Observatory</title>
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 6
7 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 7
8 <script src="packages/browser/interop.js"></script> 8
9 9
10 <script src="index_devtools.html_bootstrap.dart.js"></script> 10
11 11
12 </head> 12 </head>
13 <body><polymer-element name="curly-block"> 13 <body><style>
14 /* Global styles */
15 * {
16 margin: 0;
17 padding: 0;
18 font: 400 14px 'Montserrat', sans-serif;
19 color: #333;
20 box-sizing: border-box;
21 }
22
23 .content {
24 padding-left: 10%;
25 font: 400 14px 'Montserrat', sans-serif;
26 }
27
28 .content-centered {
29 padding-left: 10%;
30 padding-right: 10%;
31 font: 400 14px 'Montserrat', sans-serif;
32 }
33
34 h1 {
35 font: 400 18px 'Montserrat', sans-serif;
36 }
37
38 .memberList {
39 display: table;
40 }
41
42 .memberItem {
43 display: table-row;
44 }
45
46 .memberName, .memberValue {
47 display: table-cell;
48 vertical-align: top;
49 padding: 3px 0 3px 1em;
50 font: 400 14px 'Montserrat', sans-serif;
51 }
52
53 .monospace {
54 font-family: consolas, courier, monospace;
55 font-size: 1em;
56 line-height: 1.2em;
57 white-space: nowrap;
58 }
59
60 a {
61 color: #0489c3;
62 text-decoration: none;
63 }
64
65 a:hover {
66 text-decoration: underline;
67 }
68
69 em {
70 color: inherit;
71 font-style:italic;
72 }
73
74 hr {
75 margin-top: 20px;
76 margin-bottom: 20px;
77 border: 0;
78 border-top: 1px solid #eee;
79 height: 0;
80 box-sizing: content-box;
81 }
82
83 .list-group {
84 padding-left: 0;
85 margin-bottom: 20px;
86 }
87
88 .list-group-item {
89 position: relative;
90 display: block;
91 padding: 10px 15px;
92 margin-bottom: -1px;
93 background-color: #fff;
94 }
95
96 .list-group-item:first-child {
97 /* rounded top corners */
98 border-top-right-radius:4px;
99 border-top-left-radius:4px;
100 }
101
102 .list-group-item:last-child {
103 margin-bottom: 0;
104 /* rounded bottom corners */
105 border-bottom-right-radius: 4px;
106 border-bottom-left-radius:4px;
107 }
108
109 /* Flex row container */
110 .flex-row {
111 display: flex;
112 flex-direction: row;
113 }
114
115 /* Flex column container */
116 .flex-column {
117 display: flex;
118 flex-direction: column;
119 }
120
121 .flex-item-fit {
122 flex-grow: 1;
123 flex-shrink: 1;
124 flex-basis: auto;
125 }
126
127 .flex-item-no-shrink {
128 flex-grow: 0;
129 flex-shrink: 0;
130 flex-basis: auto;
131 }
132
133 .flex-item-fill {
134 flex-grow: 0;
135 flex-shrink: 1; /* shrink when pressured */
136 flex-basis: 100%; /* try and take 100% */
137 }
138
139 .flex-item-fixed-1-12 {
140 flex-grow: 0;
141 flex-shrink: 0;
142 flex-basis: 8.3%;
143 }
144
145 .flex-item-fixed-2-12 {
146 flex-grow: 0;
147 flex-shrink: 0;
148 flex-basis: 16.6%;
149 }
150
151 .flex-item-fixed-4-12 {
152 flex-grow: 0;
153 flex-shrink: 0;
154 flex-basis: 33.3333%;
155 }
156
157 .flex-item-fixed-6-12, .flex-item-50-percent {
158 flex-grow: 0;
159 flex-shrink: 0;
160 flex-basis: 50%;
161 }
162
163 .flex-item-fixed-8-12 {
164 flex-grow: 0;
165 flex-shrink: 0;
166 flex-basis: 66.6666%;
167 }
168
169 .flex-item-fixed-9-12 {
170 flex-grow: 0;
171 flex-shrink: 0;
172 flex-basis: 75%;
173 }
174
175
176 .flex-item-fixed-12-12 {
177 flex-grow: 0;
178 flex-shrink: 0;
179 flex-basis: 100%;
180 }
181
182 .flex-item-10-percent {
183 flex-grow: 0;
184 flex-shrink: 0;
185 flex-basis: 10%;
186 }
187
188 .flex-item-15-percent {
189 flex-grow: 0;
190 flex-shrink: 0;
191 flex-basis: 15%;
192 }
193
194 .flex-item-20-percent {
195 flex-grow: 0;
196 flex-shrink: 0;
197 flex-basis: 20%;
198 }
199
200 .flex-item-30-percent {
201 flex-grow: 0;
202 flex-shrink: 0;
203 flex-basis: 30%;
204 }
205
206 .flex-item-40-percent {
207 flex-grow: 0;
208 flex-shrink: 0;
209 flex-basis: 40%;
210 }
211
212 .flex-item-60-percent {
213 flex-grow: 0;
214 flex-shrink: 0;
215 flex-basis: 60%;
216 }
217
218 .flex-item-70-percent {
219 flex-grow: 0;
220 flex-shrink: 0;
221 flex-basis: 70%;
222 }
223
224 .flex-item-80-percent {
225 flex-grow: 0;
226 flex-shrink: 0;
227 flex-basis: 80%;
228 }
229
230 .well {
231 min-height: 20px;
232 padding: 19px;
233 margin-bottom: 20px;
234 background-color: #f5f5f5;
235 border: 1px solid #e3e3e3;
236 border-radius: 4px;
237 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
238 }
239 </style><script type="text/javascript" src="https://www.google.com/jsapi"></scri pt><script src="packages/browser/interop.js"></script>
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285 <polymer-element name="curly-block">
14 <template> 286 <template>
15 <style> 287 <style>
16 .idle { 288 .idle {
17 display: inline-block; 289 display: inline-block;
18 color: #0489c3; 290 color: #0489c3;
19 cursor: pointer; 291 cursor: pointer;
20 } 292 }
21 .busy { 293 .busy {
22 display: inline-block; 294 display: inline-block;
23 color: white; 295 color: white;
(...skipping 22 matching lines...) Expand all
46 <template if="{{ !busy }}"> 318 <template if="{{ !busy }}">
47 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>} 319 {<a on-click="{{ toggleExpand }}"><div class="idle">&nbsp;&nbsp;⊞&nbsp;& nbsp;</div></a>}
48 </template> 320 </template>
49 </template> 321 </template>
50 </template> 322 </template>
51 323
52 </polymer-element> 324 </polymer-element>
53 <polymer-element name="observatory-element"> 325 <polymer-element name="observatory-element">
54 326
55 </polymer-element> 327 </polymer-element>
328
329
56 <polymer-element name="service-ref" extends="observatory-element"> 330 <polymer-element name="service-ref" extends="observatory-element">
57 331
58 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> 332 </polymer-element><polymer-element name="instance-ref" extends="service-ref">
59 <template> 333 <template>
60 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 334 <style>
335 /* Global styles */
336 * {
337 margin: 0;
338 padding: 0;
339 font: 400 14px 'Montserrat', sans-serif;
340 color: #333;
341 box-sizing: border-box;
342 }
343
344 .content {
345 padding-left: 10%;
346 font: 400 14px 'Montserrat', sans-serif;
347 }
348
349 .content-centered {
350 padding-left: 10%;
351 padding-right: 10%;
352 font: 400 14px 'Montserrat', sans-serif;
353 }
354
355 h1 {
356 font: 400 18px 'Montserrat', sans-serif;
357 }
358
359 .memberList {
360 display: table;
361 }
362
363 .memberItem {
364 display: table-row;
365 }
366
367 .memberName, .memberValue {
368 display: table-cell;
369 vertical-align: top;
370 padding: 3px 0 3px 1em;
371 font: 400 14px 'Montserrat', sans-serif;
372 }
373
374 .monospace {
375 font-family: consolas, courier, monospace;
376 font-size: 1em;
377 line-height: 1.2em;
378 white-space: nowrap;
379 }
380
381 a {
382 color: #0489c3;
383 text-decoration: none;
384 }
385
386 a:hover {
387 text-decoration: underline;
388 }
389
390 em {
391 color: inherit;
392 font-style:italic;
393 }
394
395 hr {
396 margin-top: 20px;
397 margin-bottom: 20px;
398 border: 0;
399 border-top: 1px solid #eee;
400 height: 0;
401 box-sizing: content-box;
402 }
403
404 .list-group {
405 padding-left: 0;
406 margin-bottom: 20px;
407 }
408
409 .list-group-item {
410 position: relative;
411 display: block;
412 padding: 10px 15px;
413 margin-bottom: -1px;
414 background-color: #fff;
415 }
416
417 .list-group-item:first-child {
418 /* rounded top corners */
419 border-top-right-radius:4px;
420 border-top-left-radius:4px;
421 }
422
423 .list-group-item:last-child {
424 margin-bottom: 0;
425 /* rounded bottom corners */
426 border-bottom-right-radius: 4px;
427 border-bottom-left-radius:4px;
428 }
429
430 /* Flex row container */
431 .flex-row {
432 display: flex;
433 flex-direction: row;
434 }
435
436 /* Flex column container */
437 .flex-column {
438 display: flex;
439 flex-direction: column;
440 }
441
442 .flex-item-fit {
443 flex-grow: 1;
444 flex-shrink: 1;
445 flex-basis: auto;
446 }
447
448 .flex-item-no-shrink {
449 flex-grow: 0;
450 flex-shrink: 0;
451 flex-basis: auto;
452 }
453
454 .flex-item-fill {
455 flex-grow: 0;
456 flex-shrink: 1; /* shrink when pressured */
457 flex-basis: 100%; /* try and take 100% */
458 }
459
460 .flex-item-fixed-1-12 {
461 flex-grow: 0;
462 flex-shrink: 0;
463 flex-basis: 8.3%;
464 }
465
466 .flex-item-fixed-2-12 {
467 flex-grow: 0;
468 flex-shrink: 0;
469 flex-basis: 16.6%;
470 }
471
472 .flex-item-fixed-4-12 {
473 flex-grow: 0;
474 flex-shrink: 0;
475 flex-basis: 33.3333%;
476 }
477
478 .flex-item-fixed-6-12, .flex-item-50-percent {
479 flex-grow: 0;
480 flex-shrink: 0;
481 flex-basis: 50%;
482 }
483
484 .flex-item-fixed-8-12 {
485 flex-grow: 0;
486 flex-shrink: 0;
487 flex-basis: 66.6666%;
488 }
489
490 .flex-item-fixed-9-12 {
491 flex-grow: 0;
492 flex-shrink: 0;
493 flex-basis: 75%;
494 }
495
496
497 .flex-item-fixed-12-12 {
498 flex-grow: 0;
499 flex-shrink: 0;
500 flex-basis: 100%;
501 }
502
503 .flex-item-10-percent {
504 flex-grow: 0;
505 flex-shrink: 0;
506 flex-basis: 10%;
507 }
508
509 .flex-item-15-percent {
510 flex-grow: 0;
511 flex-shrink: 0;
512 flex-basis: 15%;
513 }
514
515 .flex-item-20-percent {
516 flex-grow: 0;
517 flex-shrink: 0;
518 flex-basis: 20%;
519 }
520
521 .flex-item-30-percent {
522 flex-grow: 0;
523 flex-shrink: 0;
524 flex-basis: 30%;
525 }
526
527 .flex-item-40-percent {
528 flex-grow: 0;
529 flex-shrink: 0;
530 flex-basis: 40%;
531 }
532
533 .flex-item-60-percent {
534 flex-grow: 0;
535 flex-shrink: 0;
536 flex-basis: 60%;
537 }
538
539 .flex-item-70-percent {
540 flex-grow: 0;
541 flex-shrink: 0;
542 flex-basis: 70%;
543 }
544
545 .flex-item-80-percent {
546 flex-grow: 0;
547 flex-shrink: 0;
548 flex-basis: 80%;
549 }
550
551 .well {
552 min-height: 20px;
553 padding: 19px;
554 margin-bottom: 20px;
555 background-color: #f5f5f5;
556 border: 1px solid #e3e3e3;
557 border-radius: 4px;
558 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
559 }
560 </style>
61 <style> 561 <style>
62 .errorBox { 562 .errorBox {
63 background-color: #f5f5f5; 563 background-color: #f5f5f5;
64 border: 1px solid #ccc; 564 border: 1px solid #ccc;
65 padding: 10px; 565 padding: 10px;
66 font-family: consolas, courier, monospace; 566 font-family: consolas, courier, monospace;
67 font-size: 1em; 567 font-size: 1em;
68 line-height: 1.2em; 568 line-height: 1.2em;
69 white-space: pre; 569 white-space: pre;
70 } 570 }
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
155 <template if="{{ busy }}"> 655 <template if="{{ busy }}">
156 <span class="busy">[{{ label }}]</span> 656 <span class="busy">[{{ label }}]</span>
157 </template> 657 </template>
158 <template if="{{ !busy }}"> 658 <template if="{{ !busy }}">
159 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span> 659 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span>
160 </template> 660 </template>
161 661
162 </template> 662 </template>
163 663
164 </polymer-element> 664 </polymer-element>
665
666
667
668
669
165 <polymer-element name="nav-bar" extends="observatory-element"> 670 <polymer-element name="nav-bar" extends="observatory-element">
166 <template> 671 <template>
167 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 672 <style>
673 /* Global styles */
674 * {
675 margin: 0;
676 padding: 0;
677 font: 400 14px 'Montserrat', sans-serif;
678 color: #333;
679 box-sizing: border-box;
680 }
681
682 .content {
683 padding-left: 10%;
684 font: 400 14px 'Montserrat', sans-serif;
685 }
686
687 .content-centered {
688 padding-left: 10%;
689 padding-right: 10%;
690 font: 400 14px 'Montserrat', sans-serif;
691 }
692
693 h1 {
694 font: 400 18px 'Montserrat', sans-serif;
695 }
696
697 .memberList {
698 display: table;
699 }
700
701 .memberItem {
702 display: table-row;
703 }
704
705 .memberName, .memberValue {
706 display: table-cell;
707 vertical-align: top;
708 padding: 3px 0 3px 1em;
709 font: 400 14px 'Montserrat', sans-serif;
710 }
711
712 .monospace {
713 font-family: consolas, courier, monospace;
714 font-size: 1em;
715 line-height: 1.2em;
716 white-space: nowrap;
717 }
718
719 a {
720 color: #0489c3;
721 text-decoration: none;
722 }
723
724 a:hover {
725 text-decoration: underline;
726 }
727
728 em {
729 color: inherit;
730 font-style:italic;
731 }
732
733 hr {
734 margin-top: 20px;
735 margin-bottom: 20px;
736 border: 0;
737 border-top: 1px solid #eee;
738 height: 0;
739 box-sizing: content-box;
740 }
741
742 .list-group {
743 padding-left: 0;
744 margin-bottom: 20px;
745 }
746
747 .list-group-item {
748 position: relative;
749 display: block;
750 padding: 10px 15px;
751 margin-bottom: -1px;
752 background-color: #fff;
753 }
754
755 .list-group-item:first-child {
756 /* rounded top corners */
757 border-top-right-radius:4px;
758 border-top-left-radius:4px;
759 }
760
761 .list-group-item:last-child {
762 margin-bottom: 0;
763 /* rounded bottom corners */
764 border-bottom-right-radius: 4px;
765 border-bottom-left-radius:4px;
766 }
767
768 /* Flex row container */
769 .flex-row {
770 display: flex;
771 flex-direction: row;
772 }
773
774 /* Flex column container */
775 .flex-column {
776 display: flex;
777 flex-direction: column;
778 }
779
780 .flex-item-fit {
781 flex-grow: 1;
782 flex-shrink: 1;
783 flex-basis: auto;
784 }
785
786 .flex-item-no-shrink {
787 flex-grow: 0;
788 flex-shrink: 0;
789 flex-basis: auto;
790 }
791
792 .flex-item-fill {
793 flex-grow: 0;
794 flex-shrink: 1; /* shrink when pressured */
795 flex-basis: 100%; /* try and take 100% */
796 }
797
798 .flex-item-fixed-1-12 {
799 flex-grow: 0;
800 flex-shrink: 0;
801 flex-basis: 8.3%;
802 }
803
804 .flex-item-fixed-2-12 {
805 flex-grow: 0;
806 flex-shrink: 0;
807 flex-basis: 16.6%;
808 }
809
810 .flex-item-fixed-4-12 {
811 flex-grow: 0;
812 flex-shrink: 0;
813 flex-basis: 33.3333%;
814 }
815
816 .flex-item-fixed-6-12, .flex-item-50-percent {
817 flex-grow: 0;
818 flex-shrink: 0;
819 flex-basis: 50%;
820 }
821
822 .flex-item-fixed-8-12 {
823 flex-grow: 0;
824 flex-shrink: 0;
825 flex-basis: 66.6666%;
826 }
827
828 .flex-item-fixed-9-12 {
829 flex-grow: 0;
830 flex-shrink: 0;
831 flex-basis: 75%;
832 }
833
834
835 .flex-item-fixed-12-12 {
836 flex-grow: 0;
837 flex-shrink: 0;
838 flex-basis: 100%;
839 }
840
841 .flex-item-10-percent {
842 flex-grow: 0;
843 flex-shrink: 0;
844 flex-basis: 10%;
845 }
846
847 .flex-item-15-percent {
848 flex-grow: 0;
849 flex-shrink: 0;
850 flex-basis: 15%;
851 }
852
853 .flex-item-20-percent {
854 flex-grow: 0;
855 flex-shrink: 0;
856 flex-basis: 20%;
857 }
858
859 .flex-item-30-percent {
860 flex-grow: 0;
861 flex-shrink: 0;
862 flex-basis: 30%;
863 }
864
865 .flex-item-40-percent {
866 flex-grow: 0;
867 flex-shrink: 0;
868 flex-basis: 40%;
869 }
870
871 .flex-item-60-percent {
872 flex-grow: 0;
873 flex-shrink: 0;
874 flex-basis: 60%;
875 }
876
877 .flex-item-70-percent {
878 flex-grow: 0;
879 flex-shrink: 0;
880 flex-basis: 70%;
881 }
882
883 .flex-item-80-percent {
884 flex-grow: 0;
885 flex-shrink: 0;
886 flex-basis: 80%;
887 }
888
889 .well {
890 min-height: 20px;
891 padding: 19px;
892 margin-bottom: 20px;
893 background-color: #f5f5f5;
894 border: 1px solid #e3e3e3;
895 border-radius: 4px;
896 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
897 }
898 </style>
168 <style> 899 <style>
169 nav { 900 nav {
170 position: fixed; 901 position: fixed;
171 width: 100%; 902 width: 100%;
172 z-index: 1000; 903 z-index: 1000;
173 } 904 }
174 nav ul { 905 nav ul {
175 display: inline-table; 906 display: inline-table;
176 position: relative; 907 position: relative;
177 list-style: none; 908 list-style: none;
(...skipping 180 matching lines...) Expand 10 before | Expand all | Expand 10 after
358 <template> 1089 <template>
359 <nav-menu link="{{ cls.hashLink }}" anchor="{{ cls.name }}" last="{{ last }} "> 1090 <nav-menu link="{{ cls.hashLink }}" anchor="{{ cls.name }}" last="{{ last }} ">
360 <content></content> 1091 <content></content>
361 </nav-menu> 1092 </nav-menu>
362 </template> 1093 </template>
363 </polymer-element> 1094 </polymer-element>
364 1095
365 1096
366 <polymer-element name="breakpoint-list" extends="observatory-element"> 1097 <polymer-element name="breakpoint-list" extends="observatory-element">
367 <template> 1098 <template>
368 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 1099 <style>
1100 /* Global styles */
1101 * {
1102 margin: 0;
1103 padding: 0;
1104 font: 400 14px 'Montserrat', sans-serif;
1105 color: #333;
1106 box-sizing: border-box;
1107 }
1108
1109 .content {
1110 padding-left: 10%;
1111 font: 400 14px 'Montserrat', sans-serif;
1112 }
1113
1114 .content-centered {
1115 padding-left: 10%;
1116 padding-right: 10%;
1117 font: 400 14px 'Montserrat', sans-serif;
1118 }
1119
1120 h1 {
1121 font: 400 18px 'Montserrat', sans-serif;
1122 }
1123
1124 .memberList {
1125 display: table;
1126 }
1127
1128 .memberItem {
1129 display: table-row;
1130 }
1131
1132 .memberName, .memberValue {
1133 display: table-cell;
1134 vertical-align: top;
1135 padding: 3px 0 3px 1em;
1136 font: 400 14px 'Montserrat', sans-serif;
1137 }
1138
1139 .monospace {
1140 font-family: consolas, courier, monospace;
1141 font-size: 1em;
1142 line-height: 1.2em;
1143 white-space: nowrap;
1144 }
1145
1146 a {
1147 color: #0489c3;
1148 text-decoration: none;
1149 }
1150
1151 a:hover {
1152 text-decoration: underline;
1153 }
1154
1155 em {
1156 color: inherit;
1157 font-style:italic;
1158 }
1159
1160 hr {
1161 margin-top: 20px;
1162 margin-bottom: 20px;
1163 border: 0;
1164 border-top: 1px solid #eee;
1165 height: 0;
1166 box-sizing: content-box;
1167 }
1168
1169 .list-group {
1170 padding-left: 0;
1171 margin-bottom: 20px;
1172 }
1173
1174 .list-group-item {
1175 position: relative;
1176 display: block;
1177 padding: 10px 15px;
1178 margin-bottom: -1px;
1179 background-color: #fff;
1180 }
1181
1182 .list-group-item:first-child {
1183 /* rounded top corners */
1184 border-top-right-radius:4px;
1185 border-top-left-radius:4px;
1186 }
1187
1188 .list-group-item:last-child {
1189 margin-bottom: 0;
1190 /* rounded bottom corners */
1191 border-bottom-right-radius: 4px;
1192 border-bottom-left-radius:4px;
1193 }
1194
1195 /* Flex row container */
1196 .flex-row {
1197 display: flex;
1198 flex-direction: row;
1199 }
1200
1201 /* Flex column container */
1202 .flex-column {
1203 display: flex;
1204 flex-direction: column;
1205 }
1206
1207 .flex-item-fit {
1208 flex-grow: 1;
1209 flex-shrink: 1;
1210 flex-basis: auto;
1211 }
1212
1213 .flex-item-no-shrink {
1214 flex-grow: 0;
1215 flex-shrink: 0;
1216 flex-basis: auto;
1217 }
1218
1219 .flex-item-fill {
1220 flex-grow: 0;
1221 flex-shrink: 1; /* shrink when pressured */
1222 flex-basis: 100%; /* try and take 100% */
1223 }
1224
1225 .flex-item-fixed-1-12 {
1226 flex-grow: 0;
1227 flex-shrink: 0;
1228 flex-basis: 8.3%;
1229 }
1230
1231 .flex-item-fixed-2-12 {
1232 flex-grow: 0;
1233 flex-shrink: 0;
1234 flex-basis: 16.6%;
1235 }
1236
1237 .flex-item-fixed-4-12 {
1238 flex-grow: 0;
1239 flex-shrink: 0;
1240 flex-basis: 33.3333%;
1241 }
1242
1243 .flex-item-fixed-6-12, .flex-item-50-percent {
1244 flex-grow: 0;
1245 flex-shrink: 0;
1246 flex-basis: 50%;
1247 }
1248
1249 .flex-item-fixed-8-12 {
1250 flex-grow: 0;
1251 flex-shrink: 0;
1252 flex-basis: 66.6666%;
1253 }
1254
1255 .flex-item-fixed-9-12 {
1256 flex-grow: 0;
1257 flex-shrink: 0;
1258 flex-basis: 75%;
1259 }
1260
1261
1262 .flex-item-fixed-12-12 {
1263 flex-grow: 0;
1264 flex-shrink: 0;
1265 flex-basis: 100%;
1266 }
1267
1268 .flex-item-10-percent {
1269 flex-grow: 0;
1270 flex-shrink: 0;
1271 flex-basis: 10%;
1272 }
1273
1274 .flex-item-15-percent {
1275 flex-grow: 0;
1276 flex-shrink: 0;
1277 flex-basis: 15%;
1278 }
1279
1280 .flex-item-20-percent {
1281 flex-grow: 0;
1282 flex-shrink: 0;
1283 flex-basis: 20%;
1284 }
1285
1286 .flex-item-30-percent {
1287 flex-grow: 0;
1288 flex-shrink: 0;
1289 flex-basis: 30%;
1290 }
1291
1292 .flex-item-40-percent {
1293 flex-grow: 0;
1294 flex-shrink: 0;
1295 flex-basis: 40%;
1296 }
1297
1298 .flex-item-60-percent {
1299 flex-grow: 0;
1300 flex-shrink: 0;
1301 flex-basis: 60%;
1302 }
1303
1304 .flex-item-70-percent {
1305 flex-grow: 0;
1306 flex-shrink: 0;
1307 flex-basis: 70%;
1308 }
1309
1310 .flex-item-80-percent {
1311 flex-grow: 0;
1312 flex-shrink: 0;
1313 flex-basis: 80%;
1314 }
1315
1316 .well {
1317 min-height: 20px;
1318 padding: 19px;
1319 margin-bottom: 20px;
1320 background-color: #f5f5f5;
1321 border: 1px solid #e3e3e3;
1322 border-radius: 4px;
1323 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1324 }
1325 </style>
369 <nav-bar> 1326 <nav-bar>
370 <top-nav-menu></top-nav-menu> 1327 <top-nav-menu></top-nav-menu>
371 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu> 1328 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu>
372 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a nchor="breakpoints" last="{{ true }}"></nav-menu> 1329 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a nchor="breakpoints" last="{{ true }}"></nav-menu>
373 <nav-refresh callback="{{ refresh }}"></nav-refresh> 1330 <nav-refresh callback="{{ refresh }}"></nav-refresh>
374 </nav-bar> 1331 </nav-bar>
375 <template if="{{ msg['breakpoints'].isEmpty }}"> 1332 <template if="{{ msg['breakpoints'].isEmpty }}">
376 <div> 1333 <div>
377 <div>No breakpoints</div> 1334 <div>No breakpoints</div>
378 </div> 1335 </div>
379 </template> 1336 </template>
380 <template if="{{ msg['breakpoints'].isNotEmpty }}"> 1337 <template if="{{ msg['breakpoints'].isNotEmpty }}">
381 <ul class="list-group"> 1338 <ul class="list-group">
382 <template repeat="{{ bpt in msg['breakpoints'] }}"> 1339 <template repeat="{{ bpt in msg['breakpoints'] }}">
383 <li class="list-group-item"> 1340 <li class="list-group-item">
384 {{ bpt }} 1341 {{ bpt }}
385 </li> 1342 </li>
386 </template> 1343 </template>
387 </ul> 1344 </ul>
388 </template> 1345 </template>
389 </template> 1346 </template>
390 1347
391 </polymer-element> 1348 </polymer-element>
1349
1350
392 <polymer-element name="class-ref" extends="service-ref"> 1351 <polymer-element name="class-ref" extends="service-ref">
393 1352
394 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template> 1353 <template><style>
1354 /* Global styles */
1355 * {
1356 margin: 0;
1357 padding: 0;
1358 font: 400 14px 'Montserrat', sans-serif;
1359 color: #333;
1360 box-sizing: border-box;
1361 }
1362
1363 .content {
1364 padding-left: 10%;
1365 font: 400 14px 'Montserrat', sans-serif;
1366 }
1367
1368 .content-centered {
1369 padding-left: 10%;
1370 padding-right: 10%;
1371 font: 400 14px 'Montserrat', sans-serif;
1372 }
1373
1374 h1 {
1375 font: 400 18px 'Montserrat', sans-serif;
1376 }
1377
1378 .memberList {
1379 display: table;
1380 }
1381
1382 .memberItem {
1383 display: table-row;
1384 }
1385
1386 .memberName, .memberValue {
1387 display: table-cell;
1388 vertical-align: top;
1389 padding: 3px 0 3px 1em;
1390 font: 400 14px 'Montserrat', sans-serif;
1391 }
1392
1393 .monospace {
1394 font-family: consolas, courier, monospace;
1395 font-size: 1em;
1396 line-height: 1.2em;
1397 white-space: nowrap;
1398 }
1399
1400 a {
1401 color: #0489c3;
1402 text-decoration: none;
1403 }
1404
1405 a:hover {
1406 text-decoration: underline;
1407 }
1408
1409 em {
1410 color: inherit;
1411 font-style:italic;
1412 }
1413
1414 hr {
1415 margin-top: 20px;
1416 margin-bottom: 20px;
1417 border: 0;
1418 border-top: 1px solid #eee;
1419 height: 0;
1420 box-sizing: content-box;
1421 }
1422
1423 .list-group {
1424 padding-left: 0;
1425 margin-bottom: 20px;
1426 }
1427
1428 .list-group-item {
1429 position: relative;
1430 display: block;
1431 padding: 10px 15px;
1432 margin-bottom: -1px;
1433 background-color: #fff;
1434 }
1435
1436 .list-group-item:first-child {
1437 /* rounded top corners */
1438 border-top-right-radius:4px;
1439 border-top-left-radius:4px;
1440 }
1441
1442 .list-group-item:last-child {
1443 margin-bottom: 0;
1444 /* rounded bottom corners */
1445 border-bottom-right-radius: 4px;
1446 border-bottom-left-radius:4px;
1447 }
1448
1449 /* Flex row container */
1450 .flex-row {
1451 display: flex;
1452 flex-direction: row;
1453 }
1454
1455 /* Flex column container */
1456 .flex-column {
1457 display: flex;
1458 flex-direction: column;
1459 }
1460
1461 .flex-item-fit {
1462 flex-grow: 1;
1463 flex-shrink: 1;
1464 flex-basis: auto;
1465 }
1466
1467 .flex-item-no-shrink {
1468 flex-grow: 0;
1469 flex-shrink: 0;
1470 flex-basis: auto;
1471 }
1472
1473 .flex-item-fill {
1474 flex-grow: 0;
1475 flex-shrink: 1; /* shrink when pressured */
1476 flex-basis: 100%; /* try and take 100% */
1477 }
1478
1479 .flex-item-fixed-1-12 {
1480 flex-grow: 0;
1481 flex-shrink: 0;
1482 flex-basis: 8.3%;
1483 }
1484
1485 .flex-item-fixed-2-12 {
1486 flex-grow: 0;
1487 flex-shrink: 0;
1488 flex-basis: 16.6%;
1489 }
1490
1491 .flex-item-fixed-4-12 {
1492 flex-grow: 0;
1493 flex-shrink: 0;
1494 flex-basis: 33.3333%;
1495 }
1496
1497 .flex-item-fixed-6-12, .flex-item-50-percent {
1498 flex-grow: 0;
1499 flex-shrink: 0;
1500 flex-basis: 50%;
1501 }
1502
1503 .flex-item-fixed-8-12 {
1504 flex-grow: 0;
1505 flex-shrink: 0;
1506 flex-basis: 66.6666%;
1507 }
1508
1509 .flex-item-fixed-9-12 {
1510 flex-grow: 0;
1511 flex-shrink: 0;
1512 flex-basis: 75%;
1513 }
1514
1515
1516 .flex-item-fixed-12-12 {
1517 flex-grow: 0;
1518 flex-shrink: 0;
1519 flex-basis: 100%;
1520 }
1521
1522 .flex-item-10-percent {
1523 flex-grow: 0;
1524 flex-shrink: 0;
1525 flex-basis: 10%;
1526 }
1527
1528 .flex-item-15-percent {
1529 flex-grow: 0;
1530 flex-shrink: 0;
1531 flex-basis: 15%;
1532 }
1533
1534 .flex-item-20-percent {
1535 flex-grow: 0;
1536 flex-shrink: 0;
1537 flex-basis: 20%;
1538 }
1539
1540 .flex-item-30-percent {
1541 flex-grow: 0;
1542 flex-shrink: 0;
1543 flex-basis: 30%;
1544 }
1545
1546 .flex-item-40-percent {
1547 flex-grow: 0;
1548 flex-shrink: 0;
1549 flex-basis: 40%;
1550 }
1551
1552 .flex-item-60-percent {
1553 flex-grow: 0;
1554 flex-shrink: 0;
1555 flex-basis: 60%;
1556 }
1557
1558 .flex-item-70-percent {
1559 flex-grow: 0;
1560 flex-shrink: 0;
1561 flex-basis: 70%;
1562 }
1563
1564 .flex-item-80-percent {
1565 flex-grow: 0;
1566 flex-shrink: 0;
1567 flex-basis: 80%;
1568 }
1569
1570 .well {
1571 min-height: 20px;
1572 padding: 19px;
1573 margin-bottom: 20px;
1574 background-color: #f5f5f5;
1575 border: 1px solid #e3e3e3;
1576 border-radius: 4px;
1577 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1578 }
1579 </style><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template>
395 1580
396 1581
397 </polymer-element> 1582 </polymer-element>
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
398 <polymer-element name="eval-box" extends="observatory-element"> 1597 <polymer-element name="eval-box" extends="observatory-element">
399 <template> 1598 <template>
400 <style> 1599 <style>
401 .textbox { 1600 .textbox {
402 width: 80ex; 1601 width: 80ex;
403 font: 400 16px 'Montserrat', sans-serif; 1602 font: 400 16px 'Montserrat', sans-serif;
404 } 1603 }
405 .bigtextbox { 1604 .bigtextbox {
406 font: 400 16px 'Montserrat', sans-serif; 1605 font: 400 16px 'Montserrat', sans-serif;
407 } 1606 }
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after
468 <instance-ref ref="{{ result['value'] }}"></instance-ref> 1667 <instance-ref ref="{{ result['value'] }}"></instance-ref>
469 </template> 1668 </template>
470 </td> 1669 </td>
471 </tr> 1670 </tr>
472 </tbody></table> 1671 </tbody></table>
473 </template> 1672 </template>
474 </template> 1673 </template>
475 </polymer-element> 1674 </polymer-element>
476 1675
477 1676
1677
1678
478 <polymer-element name="eval-link"> 1679 <polymer-element name="eval-link">
479 <template> 1680 <template>
480 <style> 1681 <style>
481 .idle { 1682 .idle {
482 color: #0489c3; 1683 color: #0489c3;
483 cursor: pointer; 1684 cursor: pointer;
484 } 1685 }
485 .busy { 1686 .busy {
486 color: #aaa; 1687 color: #aaa;
487 cursor: wait; 1688 cursor: wait;
488 } 1689 }
489 </style> 1690 </style>
490 1691
491 <template if="{{ busy }}"> 1692 <template if="{{ busy }}">
492 <span class="busy">[evaluate]</span> 1693 <span class="busy">[evaluate]</span>
493 </template> 1694 </template>
494 <template if="{{ !busy }}"> 1695 <template if="{{ !busy }}">
495 <span class="idle"><a on-click="{{ evalNow }}">[evaluate]</a></span> 1696 <span class="idle"><a on-click="{{ evalNow }}">[evaluate]</a></span>
496 </template> 1697 </template>
497 <template if="{{ result != null }}"> 1698 <template if="{{ result != null }}">
498 = <instance-ref ref="{{ result }}"></instance-ref> 1699 = <instance-ref ref="{{ result }}"></instance-ref>
499 </template> 1700 </template>
500 1701
501 </template> 1702 </template>
502 1703
503 </polymer-element> 1704 </polymer-element>
1705
1706
1707
1708
504 <polymer-element name="field-ref" extends="service-ref"> 1709 <polymer-element name="field-ref" extends="service-ref">
505 <template> 1710 <template>
506 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 1711 <style>
1712 /* Global styles */
1713 * {
1714 margin: 0;
1715 padding: 0;
1716 font: 400 14px 'Montserrat', sans-serif;
1717 color: #333;
1718 box-sizing: border-box;
1719 }
1720
1721 .content {
1722 padding-left: 10%;
1723 font: 400 14px 'Montserrat', sans-serif;
1724 }
1725
1726 .content-centered {
1727 padding-left: 10%;
1728 padding-right: 10%;
1729 font: 400 14px 'Montserrat', sans-serif;
1730 }
1731
1732 h1 {
1733 font: 400 18px 'Montserrat', sans-serif;
1734 }
1735
1736 .memberList {
1737 display: table;
1738 }
1739
1740 .memberItem {
1741 display: table-row;
1742 }
1743
1744 .memberName, .memberValue {
1745 display: table-cell;
1746 vertical-align: top;
1747 padding: 3px 0 3px 1em;
1748 font: 400 14px 'Montserrat', sans-serif;
1749 }
1750
1751 .monospace {
1752 font-family: consolas, courier, monospace;
1753 font-size: 1em;
1754 line-height: 1.2em;
1755 white-space: nowrap;
1756 }
1757
1758 a {
1759 color: #0489c3;
1760 text-decoration: none;
1761 }
1762
1763 a:hover {
1764 text-decoration: underline;
1765 }
1766
1767 em {
1768 color: inherit;
1769 font-style:italic;
1770 }
1771
1772 hr {
1773 margin-top: 20px;
1774 margin-bottom: 20px;
1775 border: 0;
1776 border-top: 1px solid #eee;
1777 height: 0;
1778 box-sizing: content-box;
1779 }
1780
1781 .list-group {
1782 padding-left: 0;
1783 margin-bottom: 20px;
1784 }
1785
1786 .list-group-item {
1787 position: relative;
1788 display: block;
1789 padding: 10px 15px;
1790 margin-bottom: -1px;
1791 background-color: #fff;
1792 }
1793
1794 .list-group-item:first-child {
1795 /* rounded top corners */
1796 border-top-right-radius:4px;
1797 border-top-left-radius:4px;
1798 }
1799
1800 .list-group-item:last-child {
1801 margin-bottom: 0;
1802 /* rounded bottom corners */
1803 border-bottom-right-radius: 4px;
1804 border-bottom-left-radius:4px;
1805 }
1806
1807 /* Flex row container */
1808 .flex-row {
1809 display: flex;
1810 flex-direction: row;
1811 }
1812
1813 /* Flex column container */
1814 .flex-column {
1815 display: flex;
1816 flex-direction: column;
1817 }
1818
1819 .flex-item-fit {
1820 flex-grow: 1;
1821 flex-shrink: 1;
1822 flex-basis: auto;
1823 }
1824
1825 .flex-item-no-shrink {
1826 flex-grow: 0;
1827 flex-shrink: 0;
1828 flex-basis: auto;
1829 }
1830
1831 .flex-item-fill {
1832 flex-grow: 0;
1833 flex-shrink: 1; /* shrink when pressured */
1834 flex-basis: 100%; /* try and take 100% */
1835 }
1836
1837 .flex-item-fixed-1-12 {
1838 flex-grow: 0;
1839 flex-shrink: 0;
1840 flex-basis: 8.3%;
1841 }
1842
1843 .flex-item-fixed-2-12 {
1844 flex-grow: 0;
1845 flex-shrink: 0;
1846 flex-basis: 16.6%;
1847 }
1848
1849 .flex-item-fixed-4-12 {
1850 flex-grow: 0;
1851 flex-shrink: 0;
1852 flex-basis: 33.3333%;
1853 }
1854
1855 .flex-item-fixed-6-12, .flex-item-50-percent {
1856 flex-grow: 0;
1857 flex-shrink: 0;
1858 flex-basis: 50%;
1859 }
1860
1861 .flex-item-fixed-8-12 {
1862 flex-grow: 0;
1863 flex-shrink: 0;
1864 flex-basis: 66.6666%;
1865 }
1866
1867 .flex-item-fixed-9-12 {
1868 flex-grow: 0;
1869 flex-shrink: 0;
1870 flex-basis: 75%;
1871 }
1872
1873
1874 .flex-item-fixed-12-12 {
1875 flex-grow: 0;
1876 flex-shrink: 0;
1877 flex-basis: 100%;
1878 }
1879
1880 .flex-item-10-percent {
1881 flex-grow: 0;
1882 flex-shrink: 0;
1883 flex-basis: 10%;
1884 }
1885
1886 .flex-item-15-percent {
1887 flex-grow: 0;
1888 flex-shrink: 0;
1889 flex-basis: 15%;
1890 }
1891
1892 .flex-item-20-percent {
1893 flex-grow: 0;
1894 flex-shrink: 0;
1895 flex-basis: 20%;
1896 }
1897
1898 .flex-item-30-percent {
1899 flex-grow: 0;
1900 flex-shrink: 0;
1901 flex-basis: 30%;
1902 }
1903
1904 .flex-item-40-percent {
1905 flex-grow: 0;
1906 flex-shrink: 0;
1907 flex-basis: 40%;
1908 }
1909
1910 .flex-item-60-percent {
1911 flex-grow: 0;
1912 flex-shrink: 0;
1913 flex-basis: 60%;
1914 }
1915
1916 .flex-item-70-percent {
1917 flex-grow: 0;
1918 flex-shrink: 0;
1919 flex-basis: 70%;
1920 }
1921
1922 .flex-item-80-percent {
1923 flex-grow: 0;
1924 flex-shrink: 0;
1925 flex-basis: 80%;
1926 }
1927
1928 .well {
1929 min-height: 20px;
1930 padding: 19px;
1931 margin-bottom: 20px;
1932 background-color: #f5f5f5;
1933 border: 1px solid #e3e3e3;
1934 border-radius: 4px;
1935 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1936 }
1937 </style>
507 <div> 1938 <div>
508 <template if="{{ ref['static'] }}">static</template> 1939 <template if="{{ ref['static'] }}">static</template>
509 <template if="{{ ref['final'] }}">final</template> 1940 <template if="{{ ref['final'] }}">final</template>
510 <template if="{{ ref['const'] }}">const</template> 1941 <template if="{{ ref['const'] }}">const</template>
511 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp; 1942 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp;
512 !ref['final'] &amp;&amp; !ref['const']) }}"> 1943 !ref['final'] &amp;&amp; !ref['const']) }}">
513 var 1944 var
514 </template> 1945 </template>
515 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> 1946 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}">
516 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> 1947 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref>
517 </template> 1948 </template>
518 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 1949 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
519 </div> 1950 </div>
520 </template> 1951 </template>
521 1952
522 </polymer-element> 1953 </polymer-element>
1954
1955
1956
523 <polymer-element name="function-ref" extends="service-ref"> 1957 <polymer-element name="function-ref" extends="service-ref">
524 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/s hared.css"><!-- These comments are here to allow newlines. 1958 <template><style>
1959 /* Global styles */
1960 * {
1961 margin: 0;
1962 padding: 0;
1963 font: 400 14px 'Montserrat', sans-serif;
1964 color: #333;
1965 box-sizing: border-box;
1966 }
1967
1968 .content {
1969 padding-left: 10%;
1970 font: 400 14px 'Montserrat', sans-serif;
1971 }
1972
1973 .content-centered {
1974 padding-left: 10%;
1975 padding-right: 10%;
1976 font: 400 14px 'Montserrat', sans-serif;
1977 }
1978
1979 h1 {
1980 font: 400 18px 'Montserrat', sans-serif;
1981 }
1982
1983 .memberList {
1984 display: table;
1985 }
1986
1987 .memberItem {
1988 display: table-row;
1989 }
1990
1991 .memberName, .memberValue {
1992 display: table-cell;
1993 vertical-align: top;
1994 padding: 3px 0 3px 1em;
1995 font: 400 14px 'Montserrat', sans-serif;
1996 }
1997
1998 .monospace {
1999 font-family: consolas, courier, monospace;
2000 font-size: 1em;
2001 line-height: 1.2em;
2002 white-space: nowrap;
2003 }
2004
2005 a {
2006 color: #0489c3;
2007 text-decoration: none;
2008 }
2009
2010 a:hover {
2011 text-decoration: underline;
2012 }
2013
2014 em {
2015 color: inherit;
2016 font-style:italic;
2017 }
2018
2019 hr {
2020 margin-top: 20px;
2021 margin-bottom: 20px;
2022 border: 0;
2023 border-top: 1px solid #eee;
2024 height: 0;
2025 box-sizing: content-box;
2026 }
2027
2028 .list-group {
2029 padding-left: 0;
2030 margin-bottom: 20px;
2031 }
2032
2033 .list-group-item {
2034 position: relative;
2035 display: block;
2036 padding: 10px 15px;
2037 margin-bottom: -1px;
2038 background-color: #fff;
2039 }
2040
2041 .list-group-item:first-child {
2042 /* rounded top corners */
2043 border-top-right-radius:4px;
2044 border-top-left-radius:4px;
2045 }
2046
2047 .list-group-item:last-child {
2048 margin-bottom: 0;
2049 /* rounded bottom corners */
2050 border-bottom-right-radius: 4px;
2051 border-bottom-left-radius:4px;
2052 }
2053
2054 /* Flex row container */
2055 .flex-row {
2056 display: flex;
2057 flex-direction: row;
2058 }
2059
2060 /* Flex column container */
2061 .flex-column {
2062 display: flex;
2063 flex-direction: column;
2064 }
2065
2066 .flex-item-fit {
2067 flex-grow: 1;
2068 flex-shrink: 1;
2069 flex-basis: auto;
2070 }
2071
2072 .flex-item-no-shrink {
2073 flex-grow: 0;
2074 flex-shrink: 0;
2075 flex-basis: auto;
2076 }
2077
2078 .flex-item-fill {
2079 flex-grow: 0;
2080 flex-shrink: 1; /* shrink when pressured */
2081 flex-basis: 100%; /* try and take 100% */
2082 }
2083
2084 .flex-item-fixed-1-12 {
2085 flex-grow: 0;
2086 flex-shrink: 0;
2087 flex-basis: 8.3%;
2088 }
2089
2090 .flex-item-fixed-2-12 {
2091 flex-grow: 0;
2092 flex-shrink: 0;
2093 flex-basis: 16.6%;
2094 }
2095
2096 .flex-item-fixed-4-12 {
2097 flex-grow: 0;
2098 flex-shrink: 0;
2099 flex-basis: 33.3333%;
2100 }
2101
2102 .flex-item-fixed-6-12, .flex-item-50-percent {
2103 flex-grow: 0;
2104 flex-shrink: 0;
2105 flex-basis: 50%;
2106 }
2107
2108 .flex-item-fixed-8-12 {
2109 flex-grow: 0;
2110 flex-shrink: 0;
2111 flex-basis: 66.6666%;
2112 }
2113
2114 .flex-item-fixed-9-12 {
2115 flex-grow: 0;
2116 flex-shrink: 0;
2117 flex-basis: 75%;
2118 }
2119
2120
2121 .flex-item-fixed-12-12 {
2122 flex-grow: 0;
2123 flex-shrink: 0;
2124 flex-basis: 100%;
2125 }
2126
2127 .flex-item-10-percent {
2128 flex-grow: 0;
2129 flex-shrink: 0;
2130 flex-basis: 10%;
2131 }
2132
2133 .flex-item-15-percent {
2134 flex-grow: 0;
2135 flex-shrink: 0;
2136 flex-basis: 15%;
2137 }
2138
2139 .flex-item-20-percent {
2140 flex-grow: 0;
2141 flex-shrink: 0;
2142 flex-basis: 20%;
2143 }
2144
2145 .flex-item-30-percent {
2146 flex-grow: 0;
2147 flex-shrink: 0;
2148 flex-basis: 30%;
2149 }
2150
2151 .flex-item-40-percent {
2152 flex-grow: 0;
2153 flex-shrink: 0;
2154 flex-basis: 40%;
2155 }
2156
2157 .flex-item-60-percent {
2158 flex-grow: 0;
2159 flex-shrink: 0;
2160 flex-basis: 60%;
2161 }
2162
2163 .flex-item-70-percent {
2164 flex-grow: 0;
2165 flex-shrink: 0;
2166 flex-basis: 70%;
2167 }
2168
2169 .flex-item-80-percent {
2170 flex-grow: 0;
2171 flex-shrink: 0;
2172 flex-basis: 80%;
2173 }
2174
2175 .well {
2176 min-height: 20px;
2177 padding: 19px;
2178 margin-bottom: 20px;
2179 background-color: #f5f5f5;
2180 border: 1px solid #e3e3e3;
2181 border-radius: 4px;
2182 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2183 }
2184 </style><!-- These comments are here to allow newlines.
525 --><template if="{{ isDart }}"><!-- 2185 --><template if="{{ isDart }}"><!--
526 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!-- 2186 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!--
527 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- 2187 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!--
528 --><template if="{{ qualified &amp;&amp; hasParent }}"><!-- 2188 --><template if="{{ qualified &amp;&amp; hasParent }}"><!--
529 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> 2189 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}">
530 </function-ref>.<!-- 2190 </function-ref>.<!--
531 --></template><a href="{{ url }}">{{ name }}</a><!-- 2191 --></template><a href="{{ url }}">{{ name }}</a><!--
532 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template> 2192 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template>
533 2193
534 </polymer-element> 2194 </polymer-element>
2195
2196
535 <polymer-element name="library-ref" extends="service-ref"> 2197 <polymer-element name="library-ref" extends="service-ref">
536 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 2198 <template><style>
2199 /* Global styles */
2200 * {
2201 margin: 0;
2202 padding: 0;
2203 font: 400 14px 'Montserrat', sans-serif;
2204 color: #333;
2205 box-sizing: border-box;
2206 }
2207
2208 .content {
2209 padding-left: 10%;
2210 font: 400 14px 'Montserrat', sans-serif;
2211 }
2212
2213 .content-centered {
2214 padding-left: 10%;
2215 padding-right: 10%;
2216 font: 400 14px 'Montserrat', sans-serif;
2217 }
2218
2219 h1 {
2220 font: 400 18px 'Montserrat', sans-serif;
2221 }
2222
2223 .memberList {
2224 display: table;
2225 }
2226
2227 .memberItem {
2228 display: table-row;
2229 }
2230
2231 .memberName, .memberValue {
2232 display: table-cell;
2233 vertical-align: top;
2234 padding: 3px 0 3px 1em;
2235 font: 400 14px 'Montserrat', sans-serif;
2236 }
2237
2238 .monospace {
2239 font-family: consolas, courier, monospace;
2240 font-size: 1em;
2241 line-height: 1.2em;
2242 white-space: nowrap;
2243 }
2244
2245 a {
2246 color: #0489c3;
2247 text-decoration: none;
2248 }
2249
2250 a:hover {
2251 text-decoration: underline;
2252 }
2253
2254 em {
2255 color: inherit;
2256 font-style:italic;
2257 }
2258
2259 hr {
2260 margin-top: 20px;
2261 margin-bottom: 20px;
2262 border: 0;
2263 border-top: 1px solid #eee;
2264 height: 0;
2265 box-sizing: content-box;
2266 }
2267
2268 .list-group {
2269 padding-left: 0;
2270 margin-bottom: 20px;
2271 }
2272
2273 .list-group-item {
2274 position: relative;
2275 display: block;
2276 padding: 10px 15px;
2277 margin-bottom: -1px;
2278 background-color: #fff;
2279 }
2280
2281 .list-group-item:first-child {
2282 /* rounded top corners */
2283 border-top-right-radius:4px;
2284 border-top-left-radius:4px;
2285 }
2286
2287 .list-group-item:last-child {
2288 margin-bottom: 0;
2289 /* rounded bottom corners */
2290 border-bottom-right-radius: 4px;
2291 border-bottom-left-radius:4px;
2292 }
2293
2294 /* Flex row container */
2295 .flex-row {
2296 display: flex;
2297 flex-direction: row;
2298 }
2299
2300 /* Flex column container */
2301 .flex-column {
2302 display: flex;
2303 flex-direction: column;
2304 }
2305
2306 .flex-item-fit {
2307 flex-grow: 1;
2308 flex-shrink: 1;
2309 flex-basis: auto;
2310 }
2311
2312 .flex-item-no-shrink {
2313 flex-grow: 0;
2314 flex-shrink: 0;
2315 flex-basis: auto;
2316 }
2317
2318 .flex-item-fill {
2319 flex-grow: 0;
2320 flex-shrink: 1; /* shrink when pressured */
2321 flex-basis: 100%; /* try and take 100% */
2322 }
2323
2324 .flex-item-fixed-1-12 {
2325 flex-grow: 0;
2326 flex-shrink: 0;
2327 flex-basis: 8.3%;
2328 }
2329
2330 .flex-item-fixed-2-12 {
2331 flex-grow: 0;
2332 flex-shrink: 0;
2333 flex-basis: 16.6%;
2334 }
2335
2336 .flex-item-fixed-4-12 {
2337 flex-grow: 0;
2338 flex-shrink: 0;
2339 flex-basis: 33.3333%;
2340 }
2341
2342 .flex-item-fixed-6-12, .flex-item-50-percent {
2343 flex-grow: 0;
2344 flex-shrink: 0;
2345 flex-basis: 50%;
2346 }
2347
2348 .flex-item-fixed-8-12 {
2349 flex-grow: 0;
2350 flex-shrink: 0;
2351 flex-basis: 66.6666%;
2352 }
2353
2354 .flex-item-fixed-9-12 {
2355 flex-grow: 0;
2356 flex-shrink: 0;
2357 flex-basis: 75%;
2358 }
2359
2360
2361 .flex-item-fixed-12-12 {
2362 flex-grow: 0;
2363 flex-shrink: 0;
2364 flex-basis: 100%;
2365 }
2366
2367 .flex-item-10-percent {
2368 flex-grow: 0;
2369 flex-shrink: 0;
2370 flex-basis: 10%;
2371 }
2372
2373 .flex-item-15-percent {
2374 flex-grow: 0;
2375 flex-shrink: 0;
2376 flex-basis: 15%;
2377 }
2378
2379 .flex-item-20-percent {
2380 flex-grow: 0;
2381 flex-shrink: 0;
2382 flex-basis: 20%;
2383 }
2384
2385 .flex-item-30-percent {
2386 flex-grow: 0;
2387 flex-shrink: 0;
2388 flex-basis: 30%;
2389 }
2390
2391 .flex-item-40-percent {
2392 flex-grow: 0;
2393 flex-shrink: 0;
2394 flex-basis: 40%;
2395 }
2396
2397 .flex-item-60-percent {
2398 flex-grow: 0;
2399 flex-shrink: 0;
2400 flex-basis: 60%;
2401 }
2402
2403 .flex-item-70-percent {
2404 flex-grow: 0;
2405 flex-shrink: 0;
2406 flex-basis: 70%;
2407 }
2408
2409 .flex-item-80-percent {
2410 flex-grow: 0;
2411 flex-shrink: 0;
2412 flex-basis: 80%;
2413 }
2414
2415 .well {
2416 min-height: 20px;
2417 padding: 19px;
2418 margin-bottom: 20px;
2419 background-color: #f5f5f5;
2420 border: 1px solid #e3e3e3;
2421 border-radius: 4px;
2422 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2423 }
2424 </style>
537 <template if="{{ nameIsEmpty }}"> 2425 <template if="{{ nameIsEmpty }}">
538 <a href="{{ url }}">unnamed</a> 2426 <a href="{{ url }}">unnamed</a>
539 </template> 2427 </template>
540 <template if="{{ !nameIsEmpty }}"> 2428 <template if="{{ !nameIsEmpty }}">
541 <a href="{{ url }}">{{ name }}</a> 2429 <a href="{{ url }}">{{ name }}</a>
542 </template> 2430 </template>
543 </template> 2431 </template>
544 2432
545 </polymer-element> 2433 </polymer-element>
2434
2435
2436
546 <polymer-element name="script-ref" extends="service-ref"> 2437 <polymer-element name="script-ref" extends="service-ref">
547 <template> 2438 <template>
548 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 2439 <style>
2440 /* Global styles */
2441 * {
2442 margin: 0;
2443 padding: 0;
2444 font: 400 14px 'Montserrat', sans-serif;
2445 color: #333;
2446 box-sizing: border-box;
2447 }
2448
2449 .content {
2450 padding-left: 10%;
2451 font: 400 14px 'Montserrat', sans-serif;
2452 }
2453
2454 .content-centered {
2455 padding-left: 10%;
2456 padding-right: 10%;
2457 font: 400 14px 'Montserrat', sans-serif;
2458 }
2459
2460 h1 {
2461 font: 400 18px 'Montserrat', sans-serif;
2462 }
2463
2464 .memberList {
2465 display: table;
2466 }
2467
2468 .memberItem {
2469 display: table-row;
2470 }
2471
2472 .memberName, .memberValue {
2473 display: table-cell;
2474 vertical-align: top;
2475 padding: 3px 0 3px 1em;
2476 font: 400 14px 'Montserrat', sans-serif;
2477 }
2478
2479 .monospace {
2480 font-family: consolas, courier, monospace;
2481 font-size: 1em;
2482 line-height: 1.2em;
2483 white-space: nowrap;
2484 }
2485
2486 a {
2487 color: #0489c3;
2488 text-decoration: none;
2489 }
2490
2491 a:hover {
2492 text-decoration: underline;
2493 }
2494
2495 em {
2496 color: inherit;
2497 font-style:italic;
2498 }
2499
2500 hr {
2501 margin-top: 20px;
2502 margin-bottom: 20px;
2503 border: 0;
2504 border-top: 1px solid #eee;
2505 height: 0;
2506 box-sizing: content-box;
2507 }
2508
2509 .list-group {
2510 padding-left: 0;
2511 margin-bottom: 20px;
2512 }
2513
2514 .list-group-item {
2515 position: relative;
2516 display: block;
2517 padding: 10px 15px;
2518 margin-bottom: -1px;
2519 background-color: #fff;
2520 }
2521
2522 .list-group-item:first-child {
2523 /* rounded top corners */
2524 border-top-right-radius:4px;
2525 border-top-left-radius:4px;
2526 }
2527
2528 .list-group-item:last-child {
2529 margin-bottom: 0;
2530 /* rounded bottom corners */
2531 border-bottom-right-radius: 4px;
2532 border-bottom-left-radius:4px;
2533 }
2534
2535 /* Flex row container */
2536 .flex-row {
2537 display: flex;
2538 flex-direction: row;
2539 }
2540
2541 /* Flex column container */
2542 .flex-column {
2543 display: flex;
2544 flex-direction: column;
2545 }
2546
2547 .flex-item-fit {
2548 flex-grow: 1;
2549 flex-shrink: 1;
2550 flex-basis: auto;
2551 }
2552
2553 .flex-item-no-shrink {
2554 flex-grow: 0;
2555 flex-shrink: 0;
2556 flex-basis: auto;
2557 }
2558
2559 .flex-item-fill {
2560 flex-grow: 0;
2561 flex-shrink: 1; /* shrink when pressured */
2562 flex-basis: 100%; /* try and take 100% */
2563 }
2564
2565 .flex-item-fixed-1-12 {
2566 flex-grow: 0;
2567 flex-shrink: 0;
2568 flex-basis: 8.3%;
2569 }
2570
2571 .flex-item-fixed-2-12 {
2572 flex-grow: 0;
2573 flex-shrink: 0;
2574 flex-basis: 16.6%;
2575 }
2576
2577 .flex-item-fixed-4-12 {
2578 flex-grow: 0;
2579 flex-shrink: 0;
2580 flex-basis: 33.3333%;
2581 }
2582
2583 .flex-item-fixed-6-12, .flex-item-50-percent {
2584 flex-grow: 0;
2585 flex-shrink: 0;
2586 flex-basis: 50%;
2587 }
2588
2589 .flex-item-fixed-8-12 {
2590 flex-grow: 0;
2591 flex-shrink: 0;
2592 flex-basis: 66.6666%;
2593 }
2594
2595 .flex-item-fixed-9-12 {
2596 flex-grow: 0;
2597 flex-shrink: 0;
2598 flex-basis: 75%;
2599 }
2600
2601
2602 .flex-item-fixed-12-12 {
2603 flex-grow: 0;
2604 flex-shrink: 0;
2605 flex-basis: 100%;
2606 }
2607
2608 .flex-item-10-percent {
2609 flex-grow: 0;
2610 flex-shrink: 0;
2611 flex-basis: 10%;
2612 }
2613
2614 .flex-item-15-percent {
2615 flex-grow: 0;
2616 flex-shrink: 0;
2617 flex-basis: 15%;
2618 }
2619
2620 .flex-item-20-percent {
2621 flex-grow: 0;
2622 flex-shrink: 0;
2623 flex-basis: 20%;
2624 }
2625
2626 .flex-item-30-percent {
2627 flex-grow: 0;
2628 flex-shrink: 0;
2629 flex-basis: 30%;
2630 }
2631
2632 .flex-item-40-percent {
2633 flex-grow: 0;
2634 flex-shrink: 0;
2635 flex-basis: 40%;
2636 }
2637
2638 .flex-item-60-percent {
2639 flex-grow: 0;
2640 flex-shrink: 0;
2641 flex-basis: 60%;
2642 }
2643
2644 .flex-item-70-percent {
2645 flex-grow: 0;
2646 flex-shrink: 0;
2647 flex-basis: 70%;
2648 }
2649
2650 .flex-item-80-percent {
2651 flex-grow: 0;
2652 flex-shrink: 0;
2653 flex-basis: 80%;
2654 }
2655
2656 .well {
2657 min-height: 20px;
2658 padding: 19px;
2659 margin-bottom: 20px;
2660 background-color: #f5f5f5;
2661 border: 1px solid #e3e3e3;
2662 border-radius: 4px;
2663 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2664 }
2665 </style>
549 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 2666 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
550 </template> 2667 </template>
551 2668
552 </polymer-element> 2669 </polymer-element>
553 <polymer-element name="class-view" extends="observatory-element"> 2670 <polymer-element name="class-view" extends="observatory-element">
554 <template> 2671 <template>
555 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 2672 <style>
2673 /* Global styles */
2674 * {
2675 margin: 0;
2676 padding: 0;
2677 font: 400 14px 'Montserrat', sans-serif;
2678 color: #333;
2679 box-sizing: border-box;
2680 }
2681
2682 .content {
2683 padding-left: 10%;
2684 font: 400 14px 'Montserrat', sans-serif;
2685 }
2686
2687 .content-centered {
2688 padding-left: 10%;
2689 padding-right: 10%;
2690 font: 400 14px 'Montserrat', sans-serif;
2691 }
2692
2693 h1 {
2694 font: 400 18px 'Montserrat', sans-serif;
2695 }
2696
2697 .memberList {
2698 display: table;
2699 }
2700
2701 .memberItem {
2702 display: table-row;
2703 }
2704
2705 .memberName, .memberValue {
2706 display: table-cell;
2707 vertical-align: top;
2708 padding: 3px 0 3px 1em;
2709 font: 400 14px 'Montserrat', sans-serif;
2710 }
2711
2712 .monospace {
2713 font-family: consolas, courier, monospace;
2714 font-size: 1em;
2715 line-height: 1.2em;
2716 white-space: nowrap;
2717 }
2718
2719 a {
2720 color: #0489c3;
2721 text-decoration: none;
2722 }
2723
2724 a:hover {
2725 text-decoration: underline;
2726 }
2727
2728 em {
2729 color: inherit;
2730 font-style:italic;
2731 }
2732
2733 hr {
2734 margin-top: 20px;
2735 margin-bottom: 20px;
2736 border: 0;
2737 border-top: 1px solid #eee;
2738 height: 0;
2739 box-sizing: content-box;
2740 }
2741
2742 .list-group {
2743 padding-left: 0;
2744 margin-bottom: 20px;
2745 }
2746
2747 .list-group-item {
2748 position: relative;
2749 display: block;
2750 padding: 10px 15px;
2751 margin-bottom: -1px;
2752 background-color: #fff;
2753 }
2754
2755 .list-group-item:first-child {
2756 /* rounded top corners */
2757 border-top-right-radius:4px;
2758 border-top-left-radius:4px;
2759 }
2760
2761 .list-group-item:last-child {
2762 margin-bottom: 0;
2763 /* rounded bottom corners */
2764 border-bottom-right-radius: 4px;
2765 border-bottom-left-radius:4px;
2766 }
2767
2768 /* Flex row container */
2769 .flex-row {
2770 display: flex;
2771 flex-direction: row;
2772 }
2773
2774 /* Flex column container */
2775 .flex-column {
2776 display: flex;
2777 flex-direction: column;
2778 }
2779
2780 .flex-item-fit {
2781 flex-grow: 1;
2782 flex-shrink: 1;
2783 flex-basis: auto;
2784 }
2785
2786 .flex-item-no-shrink {
2787 flex-grow: 0;
2788 flex-shrink: 0;
2789 flex-basis: auto;
2790 }
2791
2792 .flex-item-fill {
2793 flex-grow: 0;
2794 flex-shrink: 1; /* shrink when pressured */
2795 flex-basis: 100%; /* try and take 100% */
2796 }
2797
2798 .flex-item-fixed-1-12 {
2799 flex-grow: 0;
2800 flex-shrink: 0;
2801 flex-basis: 8.3%;
2802 }
2803
2804 .flex-item-fixed-2-12 {
2805 flex-grow: 0;
2806 flex-shrink: 0;
2807 flex-basis: 16.6%;
2808 }
2809
2810 .flex-item-fixed-4-12 {
2811 flex-grow: 0;
2812 flex-shrink: 0;
2813 flex-basis: 33.3333%;
2814 }
2815
2816 .flex-item-fixed-6-12, .flex-item-50-percent {
2817 flex-grow: 0;
2818 flex-shrink: 0;
2819 flex-basis: 50%;
2820 }
2821
2822 .flex-item-fixed-8-12 {
2823 flex-grow: 0;
2824 flex-shrink: 0;
2825 flex-basis: 66.6666%;
2826 }
2827
2828 .flex-item-fixed-9-12 {
2829 flex-grow: 0;
2830 flex-shrink: 0;
2831 flex-basis: 75%;
2832 }
2833
2834
2835 .flex-item-fixed-12-12 {
2836 flex-grow: 0;
2837 flex-shrink: 0;
2838 flex-basis: 100%;
2839 }
2840
2841 .flex-item-10-percent {
2842 flex-grow: 0;
2843 flex-shrink: 0;
2844 flex-basis: 10%;
2845 }
2846
2847 .flex-item-15-percent {
2848 flex-grow: 0;
2849 flex-shrink: 0;
2850 flex-basis: 15%;
2851 }
2852
2853 .flex-item-20-percent {
2854 flex-grow: 0;
2855 flex-shrink: 0;
2856 flex-basis: 20%;
2857 }
2858
2859 .flex-item-30-percent {
2860 flex-grow: 0;
2861 flex-shrink: 0;
2862 flex-basis: 30%;
2863 }
2864
2865 .flex-item-40-percent {
2866 flex-grow: 0;
2867 flex-shrink: 0;
2868 flex-basis: 40%;
2869 }
2870
2871 .flex-item-60-percent {
2872 flex-grow: 0;
2873 flex-shrink: 0;
2874 flex-basis: 60%;
2875 }
2876
2877 .flex-item-70-percent {
2878 flex-grow: 0;
2879 flex-shrink: 0;
2880 flex-basis: 70%;
2881 }
2882
2883 .flex-item-80-percent {
2884 flex-grow: 0;
2885 flex-shrink: 0;
2886 flex-basis: 80%;
2887 }
2888
2889 .well {
2890 min-height: 20px;
2891 padding: 19px;
2892 margin-bottom: 20px;
2893 background-color: #f5f5f5;
2894 border: 1px solid #e3e3e3;
2895 border-radius: 4px;
2896 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2897 }
2898 </style>
556 <nav-bar> 2899 <nav-bar>
557 <top-nav-menu></top-nav-menu> 2900 <top-nav-menu></top-nav-menu>
558 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> 2901 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu>
559 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> 2902 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu>
560 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> 2903 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu>
561 <nav-refresh callback="{{ refresh }}"></nav-refresh> 2904 <nav-refresh callback="{{ refresh }}"></nav-refresh>
562 </nav-bar> 2905 </nav-bar>
563 2906
564 <div class="content"> 2907 <div class="content">
565 <h1> 2908 <h1>
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
682 <hr> 3025 <hr>
683 3026
684 <div class="content"> 3027 <div class="content">
685 <eval-box callback="{{ eval }}"></eval-box> 3028 <eval-box callback="{{ eval }}"></eval-box>
686 </div> 3029 </div>
687 <br><br><br><br> 3030 <br><br><br><br>
688 <br><br><br><br> 3031 <br><br><br><br>
689 </template> 3032 </template>
690 3033
691 </polymer-element> 3034 </polymer-element>
3035
3036
692 <polymer-element name="code-ref" extends="service-ref"> 3037 <polymer-element name="code-ref" extends="service-ref">
693 <template> 3038 <template>
694 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3039 <style>
3040 /* Global styles */
3041 * {
3042 margin: 0;
3043 padding: 0;
3044 font: 400 14px 'Montserrat', sans-serif;
3045 color: #333;
3046 box-sizing: border-box;
3047 }
3048
3049 .content {
3050 padding-left: 10%;
3051 font: 400 14px 'Montserrat', sans-serif;
3052 }
3053
3054 .content-centered {
3055 padding-left: 10%;
3056 padding-right: 10%;
3057 font: 400 14px 'Montserrat', sans-serif;
3058 }
3059
3060 h1 {
3061 font: 400 18px 'Montserrat', sans-serif;
3062 }
3063
3064 .memberList {
3065 display: table;
3066 }
3067
3068 .memberItem {
3069 display: table-row;
3070 }
3071
3072 .memberName, .memberValue {
3073 display: table-cell;
3074 vertical-align: top;
3075 padding: 3px 0 3px 1em;
3076 font: 400 14px 'Montserrat', sans-serif;
3077 }
3078
3079 .monospace {
3080 font-family: consolas, courier, monospace;
3081 font-size: 1em;
3082 line-height: 1.2em;
3083 white-space: nowrap;
3084 }
3085
3086 a {
3087 color: #0489c3;
3088 text-decoration: none;
3089 }
3090
3091 a:hover {
3092 text-decoration: underline;
3093 }
3094
3095 em {
3096 color: inherit;
3097 font-style:italic;
3098 }
3099
3100 hr {
3101 margin-top: 20px;
3102 margin-bottom: 20px;
3103 border: 0;
3104 border-top: 1px solid #eee;
3105 height: 0;
3106 box-sizing: content-box;
3107 }
3108
3109 .list-group {
3110 padding-left: 0;
3111 margin-bottom: 20px;
3112 }
3113
3114 .list-group-item {
3115 position: relative;
3116 display: block;
3117 padding: 10px 15px;
3118 margin-bottom: -1px;
3119 background-color: #fff;
3120 }
3121
3122 .list-group-item:first-child {
3123 /* rounded top corners */
3124 border-top-right-radius:4px;
3125 border-top-left-radius:4px;
3126 }
3127
3128 .list-group-item:last-child {
3129 margin-bottom: 0;
3130 /* rounded bottom corners */
3131 border-bottom-right-radius: 4px;
3132 border-bottom-left-radius:4px;
3133 }
3134
3135 /* Flex row container */
3136 .flex-row {
3137 display: flex;
3138 flex-direction: row;
3139 }
3140
3141 /* Flex column container */
3142 .flex-column {
3143 display: flex;
3144 flex-direction: column;
3145 }
3146
3147 .flex-item-fit {
3148 flex-grow: 1;
3149 flex-shrink: 1;
3150 flex-basis: auto;
3151 }
3152
3153 .flex-item-no-shrink {
3154 flex-grow: 0;
3155 flex-shrink: 0;
3156 flex-basis: auto;
3157 }
3158
3159 .flex-item-fill {
3160 flex-grow: 0;
3161 flex-shrink: 1; /* shrink when pressured */
3162 flex-basis: 100%; /* try and take 100% */
3163 }
3164
3165 .flex-item-fixed-1-12 {
3166 flex-grow: 0;
3167 flex-shrink: 0;
3168 flex-basis: 8.3%;
3169 }
3170
3171 .flex-item-fixed-2-12 {
3172 flex-grow: 0;
3173 flex-shrink: 0;
3174 flex-basis: 16.6%;
3175 }
3176
3177 .flex-item-fixed-4-12 {
3178 flex-grow: 0;
3179 flex-shrink: 0;
3180 flex-basis: 33.3333%;
3181 }
3182
3183 .flex-item-fixed-6-12, .flex-item-50-percent {
3184 flex-grow: 0;
3185 flex-shrink: 0;
3186 flex-basis: 50%;
3187 }
3188
3189 .flex-item-fixed-8-12 {
3190 flex-grow: 0;
3191 flex-shrink: 0;
3192 flex-basis: 66.6666%;
3193 }
3194
3195 .flex-item-fixed-9-12 {
3196 flex-grow: 0;
3197 flex-shrink: 0;
3198 flex-basis: 75%;
3199 }
3200
3201
3202 .flex-item-fixed-12-12 {
3203 flex-grow: 0;
3204 flex-shrink: 0;
3205 flex-basis: 100%;
3206 }
3207
3208 .flex-item-10-percent {
3209 flex-grow: 0;
3210 flex-shrink: 0;
3211 flex-basis: 10%;
3212 }
3213
3214 .flex-item-15-percent {
3215 flex-grow: 0;
3216 flex-shrink: 0;
3217 flex-basis: 15%;
3218 }
3219
3220 .flex-item-20-percent {
3221 flex-grow: 0;
3222 flex-shrink: 0;
3223 flex-basis: 20%;
3224 }
3225
3226 .flex-item-30-percent {
3227 flex-grow: 0;
3228 flex-shrink: 0;
3229 flex-basis: 30%;
3230 }
3231
3232 .flex-item-40-percent {
3233 flex-grow: 0;
3234 flex-shrink: 0;
3235 flex-basis: 40%;
3236 }
3237
3238 .flex-item-60-percent {
3239 flex-grow: 0;
3240 flex-shrink: 0;
3241 flex-basis: 60%;
3242 }
3243
3244 .flex-item-70-percent {
3245 flex-grow: 0;
3246 flex-shrink: 0;
3247 flex-basis: 70%;
3248 }
3249
3250 .flex-item-80-percent {
3251 flex-grow: 0;
3252 flex-shrink: 0;
3253 flex-basis: 80%;
3254 }
3255
3256 .well {
3257 min-height: 20px;
3258 padding: 19px;
3259 margin-bottom: 20px;
3260 background-color: #f5f5f5;
3261 border: 1px solid #e3e3e3;
3262 border-radius: 4px;
3263 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3264 }
3265 </style>
695 <template if="{{ code.isDartCode }}"> 3266 <template if="{{ code.isDartCode }}">
696 <template if="{{ code.isOptimized }}"> 3267 <template if="{{ code.isOptimized }}">
697 <a href="{{ url }}">*{{ name }}</a> 3268 <a href="{{ url }}">*{{ name }}</a>
698 </template> 3269 </template>
699 <template if="{{ !code.isOptimized }}"> 3270 <template if="{{ !code.isOptimized }}">
700 <a href="{{ url }}">{{ name }}</a> 3271 <a href="{{ url }}">{{ name }}</a>
701 </template> 3272 </template>
702 </template> 3273 </template>
703 <template if="{{ !code.isDartCode }}"> 3274 <template if="{{ !code.isDartCode }}">
704 <span>{{ name }}</span> 3275 <span>{{ name }}</span>
705 </template> 3276 </template>
706 </template> 3277 </template>
707 3278
708 </polymer-element><polymer-element name="code-view" extends="observatory-element "> 3279 </polymer-element>
3280
3281
3282
3283
3284 <polymer-element name="code-view" extends="observatory-element">
709 <template> 3285 <template>
710 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3286 <style>
3287 /* Global styles */
3288 * {
3289 margin: 0;
3290 padding: 0;
3291 font: 400 14px 'Montserrat', sans-serif;
3292 color: #333;
3293 box-sizing: border-box;
3294 }
3295
3296 .content {
3297 padding-left: 10%;
3298 font: 400 14px 'Montserrat', sans-serif;
3299 }
3300
3301 .content-centered {
3302 padding-left: 10%;
3303 padding-right: 10%;
3304 font: 400 14px 'Montserrat', sans-serif;
3305 }
3306
3307 h1 {
3308 font: 400 18px 'Montserrat', sans-serif;
3309 }
3310
3311 .memberList {
3312 display: table;
3313 }
3314
3315 .memberItem {
3316 display: table-row;
3317 }
3318
3319 .memberName, .memberValue {
3320 display: table-cell;
3321 vertical-align: top;
3322 padding: 3px 0 3px 1em;
3323 font: 400 14px 'Montserrat', sans-serif;
3324 }
3325
3326 .monospace {
3327 font-family: consolas, courier, monospace;
3328 font-size: 1em;
3329 line-height: 1.2em;
3330 white-space: nowrap;
3331 }
3332
3333 a {
3334 color: #0489c3;
3335 text-decoration: none;
3336 }
3337
3338 a:hover {
3339 text-decoration: underline;
3340 }
3341
3342 em {
3343 color: inherit;
3344 font-style:italic;
3345 }
3346
3347 hr {
3348 margin-top: 20px;
3349 margin-bottom: 20px;
3350 border: 0;
3351 border-top: 1px solid #eee;
3352 height: 0;
3353 box-sizing: content-box;
3354 }
3355
3356 .list-group {
3357 padding-left: 0;
3358 margin-bottom: 20px;
3359 }
3360
3361 .list-group-item {
3362 position: relative;
3363 display: block;
3364 padding: 10px 15px;
3365 margin-bottom: -1px;
3366 background-color: #fff;
3367 }
3368
3369 .list-group-item:first-child {
3370 /* rounded top corners */
3371 border-top-right-radius:4px;
3372 border-top-left-radius:4px;
3373 }
3374
3375 .list-group-item:last-child {
3376 margin-bottom: 0;
3377 /* rounded bottom corners */
3378 border-bottom-right-radius: 4px;
3379 border-bottom-left-radius:4px;
3380 }
3381
3382 /* Flex row container */
3383 .flex-row {
3384 display: flex;
3385 flex-direction: row;
3386 }
3387
3388 /* Flex column container */
3389 .flex-column {
3390 display: flex;
3391 flex-direction: column;
3392 }
3393
3394 .flex-item-fit {
3395 flex-grow: 1;
3396 flex-shrink: 1;
3397 flex-basis: auto;
3398 }
3399
3400 .flex-item-no-shrink {
3401 flex-grow: 0;
3402 flex-shrink: 0;
3403 flex-basis: auto;
3404 }
3405
3406 .flex-item-fill {
3407 flex-grow: 0;
3408 flex-shrink: 1; /* shrink when pressured */
3409 flex-basis: 100%; /* try and take 100% */
3410 }
3411
3412 .flex-item-fixed-1-12 {
3413 flex-grow: 0;
3414 flex-shrink: 0;
3415 flex-basis: 8.3%;
3416 }
3417
3418 .flex-item-fixed-2-12 {
3419 flex-grow: 0;
3420 flex-shrink: 0;
3421 flex-basis: 16.6%;
3422 }
3423
3424 .flex-item-fixed-4-12 {
3425 flex-grow: 0;
3426 flex-shrink: 0;
3427 flex-basis: 33.3333%;
3428 }
3429
3430 .flex-item-fixed-6-12, .flex-item-50-percent {
3431 flex-grow: 0;
3432 flex-shrink: 0;
3433 flex-basis: 50%;
3434 }
3435
3436 .flex-item-fixed-8-12 {
3437 flex-grow: 0;
3438 flex-shrink: 0;
3439 flex-basis: 66.6666%;
3440 }
3441
3442 .flex-item-fixed-9-12 {
3443 flex-grow: 0;
3444 flex-shrink: 0;
3445 flex-basis: 75%;
3446 }
3447
3448
3449 .flex-item-fixed-12-12 {
3450 flex-grow: 0;
3451 flex-shrink: 0;
3452 flex-basis: 100%;
3453 }
3454
3455 .flex-item-10-percent {
3456 flex-grow: 0;
3457 flex-shrink: 0;
3458 flex-basis: 10%;
3459 }
3460
3461 .flex-item-15-percent {
3462 flex-grow: 0;
3463 flex-shrink: 0;
3464 flex-basis: 15%;
3465 }
3466
3467 .flex-item-20-percent {
3468 flex-grow: 0;
3469 flex-shrink: 0;
3470 flex-basis: 20%;
3471 }
3472
3473 .flex-item-30-percent {
3474 flex-grow: 0;
3475 flex-shrink: 0;
3476 flex-basis: 30%;
3477 }
3478
3479 .flex-item-40-percent {
3480 flex-grow: 0;
3481 flex-shrink: 0;
3482 flex-basis: 40%;
3483 }
3484
3485 .flex-item-60-percent {
3486 flex-grow: 0;
3487 flex-shrink: 0;
3488 flex-basis: 60%;
3489 }
3490
3491 .flex-item-70-percent {
3492 flex-grow: 0;
3493 flex-shrink: 0;
3494 flex-basis: 70%;
3495 }
3496
3497 .flex-item-80-percent {
3498 flex-grow: 0;
3499 flex-shrink: 0;
3500 flex-basis: 80%;
3501 }
3502
3503 .well {
3504 min-height: 20px;
3505 padding: 19px;
3506 margin-bottom: 20px;
3507 background-color: #f5f5f5;
3508 border: 1px solid #e3e3e3;
3509 border-radius: 4px;
3510 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3511 }
3512 </style>
711 <style> 3513 <style>
712 div.flex-row:hover { 3514 div.flex-row:hover {
713 background-color: #FFF3E3; 3515 background-color: #FFF3E3;
714 } 3516 }
715 3517
716 .highlight { 3518 .highlight {
717 background-color: #FFF3E3; 3519 background-color: #FFF3E3;
718 } 3520 }
719 3521
720 .tooltip { 3522 .tooltip {
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after
859 <div class="flex-item-fixed-6-12 monospace"> 3661 <div class="flex-item-fixed-6-12 monospace">
860 {{ instruction.human }} 3662 {{ instruction.human }}
861 </div> 3663 </div>
862 </template> 3664 </template>
863 </div> 3665 </div>
864 </template> 3666 </template>
865 </div> 3667 </div>
866 </template> 3668 </template>
867 3669
868 </polymer-element> 3670 </polymer-element>
3671
3672
869 <polymer-element name="collapsible-content" extends="observatory-element"> 3673 <polymer-element name="collapsible-content" extends="observatory-element">
870 <template> 3674 <template>
871 <div class="well row"> 3675 <div class="well row">
872 <a on-click="toggleDisplay" class="btn muted unselectable"> 3676 <a on-click="toggleDisplay" class="btn muted unselectable">
873 Raw message... <i class="{{ iconClass }}"></i> 3677 Raw message... <i class="{{ iconClass }}"></i>
874 </a> 3678 </a>
875 <div style="display: {{ displayValue }}" class="well"> 3679 <div style="display: {{ displayValue }}" class="well">
876 <content></content> 3680 <content></content>
877 </div> 3681 </div>
878 </div> 3682 </div>
879 </template> 3683 </template>
880 3684
881 </polymer-element><polymer-element name="error-view" extends="observatory-elemen t"> 3685 </polymer-element>
3686
3687
3688 <polymer-element name="error-view" extends="observatory-element">
882 <template> 3689 <template>
883 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3690 <style>
3691 /* Global styles */
3692 * {
3693 margin: 0;
3694 padding: 0;
3695 font: 400 14px 'Montserrat', sans-serif;
3696 color: #333;
3697 box-sizing: border-box;
3698 }
3699
3700 .content {
3701 padding-left: 10%;
3702 font: 400 14px 'Montserrat', sans-serif;
3703 }
3704
3705 .content-centered {
3706 padding-left: 10%;
3707 padding-right: 10%;
3708 font: 400 14px 'Montserrat', sans-serif;
3709 }
3710
3711 h1 {
3712 font: 400 18px 'Montserrat', sans-serif;
3713 }
3714
3715 .memberList {
3716 display: table;
3717 }
3718
3719 .memberItem {
3720 display: table-row;
3721 }
3722
3723 .memberName, .memberValue {
3724 display: table-cell;
3725 vertical-align: top;
3726 padding: 3px 0 3px 1em;
3727 font: 400 14px 'Montserrat', sans-serif;
3728 }
3729
3730 .monospace {
3731 font-family: consolas, courier, monospace;
3732 font-size: 1em;
3733 line-height: 1.2em;
3734 white-space: nowrap;
3735 }
3736
3737 a {
3738 color: #0489c3;
3739 text-decoration: none;
3740 }
3741
3742 a:hover {
3743 text-decoration: underline;
3744 }
3745
3746 em {
3747 color: inherit;
3748 font-style:italic;
3749 }
3750
3751 hr {
3752 margin-top: 20px;
3753 margin-bottom: 20px;
3754 border: 0;
3755 border-top: 1px solid #eee;
3756 height: 0;
3757 box-sizing: content-box;
3758 }
3759
3760 .list-group {
3761 padding-left: 0;
3762 margin-bottom: 20px;
3763 }
3764
3765 .list-group-item {
3766 position: relative;
3767 display: block;
3768 padding: 10px 15px;
3769 margin-bottom: -1px;
3770 background-color: #fff;
3771 }
3772
3773 .list-group-item:first-child {
3774 /* rounded top corners */
3775 border-top-right-radius:4px;
3776 border-top-left-radius:4px;
3777 }
3778
3779 .list-group-item:last-child {
3780 margin-bottom: 0;
3781 /* rounded bottom corners */
3782 border-bottom-right-radius: 4px;
3783 border-bottom-left-radius:4px;
3784 }
3785
3786 /* Flex row container */
3787 .flex-row {
3788 display: flex;
3789 flex-direction: row;
3790 }
3791
3792 /* Flex column container */
3793 .flex-column {
3794 display: flex;
3795 flex-direction: column;
3796 }
3797
3798 .flex-item-fit {
3799 flex-grow: 1;
3800 flex-shrink: 1;
3801 flex-basis: auto;
3802 }
3803
3804 .flex-item-no-shrink {
3805 flex-grow: 0;
3806 flex-shrink: 0;
3807 flex-basis: auto;
3808 }
3809
3810 .flex-item-fill {
3811 flex-grow: 0;
3812 flex-shrink: 1; /* shrink when pressured */
3813 flex-basis: 100%; /* try and take 100% */
3814 }
3815
3816 .flex-item-fixed-1-12 {
3817 flex-grow: 0;
3818 flex-shrink: 0;
3819 flex-basis: 8.3%;
3820 }
3821
3822 .flex-item-fixed-2-12 {
3823 flex-grow: 0;
3824 flex-shrink: 0;
3825 flex-basis: 16.6%;
3826 }
3827
3828 .flex-item-fixed-4-12 {
3829 flex-grow: 0;
3830 flex-shrink: 0;
3831 flex-basis: 33.3333%;
3832 }
3833
3834 .flex-item-fixed-6-12, .flex-item-50-percent {
3835 flex-grow: 0;
3836 flex-shrink: 0;
3837 flex-basis: 50%;
3838 }
3839
3840 .flex-item-fixed-8-12 {
3841 flex-grow: 0;
3842 flex-shrink: 0;
3843 flex-basis: 66.6666%;
3844 }
3845
3846 .flex-item-fixed-9-12 {
3847 flex-grow: 0;
3848 flex-shrink: 0;
3849 flex-basis: 75%;
3850 }
3851
3852
3853 .flex-item-fixed-12-12 {
3854 flex-grow: 0;
3855 flex-shrink: 0;
3856 flex-basis: 100%;
3857 }
3858
3859 .flex-item-10-percent {
3860 flex-grow: 0;
3861 flex-shrink: 0;
3862 flex-basis: 10%;
3863 }
3864
3865 .flex-item-15-percent {
3866 flex-grow: 0;
3867 flex-shrink: 0;
3868 flex-basis: 15%;
3869 }
3870
3871 .flex-item-20-percent {
3872 flex-grow: 0;
3873 flex-shrink: 0;
3874 flex-basis: 20%;
3875 }
3876
3877 .flex-item-30-percent {
3878 flex-grow: 0;
3879 flex-shrink: 0;
3880 flex-basis: 30%;
3881 }
3882
3883 .flex-item-40-percent {
3884 flex-grow: 0;
3885 flex-shrink: 0;
3886 flex-basis: 40%;
3887 }
3888
3889 .flex-item-60-percent {
3890 flex-grow: 0;
3891 flex-shrink: 0;
3892 flex-basis: 60%;
3893 }
3894
3895 .flex-item-70-percent {
3896 flex-grow: 0;
3897 flex-shrink: 0;
3898 flex-basis: 70%;
3899 }
3900
3901 .flex-item-80-percent {
3902 flex-grow: 0;
3903 flex-shrink: 0;
3904 flex-basis: 80%;
3905 }
3906
3907 .well {
3908 min-height: 20px;
3909 padding: 19px;
3910 margin-bottom: 20px;
3911 background-color: #f5f5f5;
3912 border: 1px solid #e3e3e3;
3913 border-radius: 4px;
3914 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3915 }
3916 </style>
884 <nav-bar> 3917 <nav-bar>
885 <top-nav-menu last="{{ true }}"></top-nav-menu> 3918 <top-nav-menu last="{{ true }}"></top-nav-menu>
886 </nav-bar> 3919 </nav-bar>
887 <div class="content-centered"> 3920 <div class="content-centered">
888 <h1>{{ error.kind }}</h1> 3921 <h1>{{ error.kind }}</h1>
889 <br> 3922 <br>
890 <div class="well">{{ error.message }}</div> 3923 <div class="well">{{ error.message }}</div>
891 </div> 3924 </div>
892 </template> 3925 </template>
893 3926
894 </polymer-element> 3927 </polymer-element>
3928
3929
3930
3931
3932
3933
3934
895 <polymer-element name="field-view" extends="observatory-element"> 3935 <polymer-element name="field-view" extends="observatory-element">
896 <template> 3936 <template>
897 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 3937 <style>
3938 /* Global styles */
3939 * {
3940 margin: 0;
3941 padding: 0;
3942 font: 400 14px 'Montserrat', sans-serif;
3943 color: #333;
3944 box-sizing: border-box;
3945 }
3946
3947 .content {
3948 padding-left: 10%;
3949 font: 400 14px 'Montserrat', sans-serif;
3950 }
3951
3952 .content-centered {
3953 padding-left: 10%;
3954 padding-right: 10%;
3955 font: 400 14px 'Montserrat', sans-serif;
3956 }
3957
3958 h1 {
3959 font: 400 18px 'Montserrat', sans-serif;
3960 }
3961
3962 .memberList {
3963 display: table;
3964 }
3965
3966 .memberItem {
3967 display: table-row;
3968 }
3969
3970 .memberName, .memberValue {
3971 display: table-cell;
3972 vertical-align: top;
3973 padding: 3px 0 3px 1em;
3974 font: 400 14px 'Montserrat', sans-serif;
3975 }
3976
3977 .monospace {
3978 font-family: consolas, courier, monospace;
3979 font-size: 1em;
3980 line-height: 1.2em;
3981 white-space: nowrap;
3982 }
3983
3984 a {
3985 color: #0489c3;
3986 text-decoration: none;
3987 }
3988
3989 a:hover {
3990 text-decoration: underline;
3991 }
3992
3993 em {
3994 color: inherit;
3995 font-style:italic;
3996 }
3997
3998 hr {
3999 margin-top: 20px;
4000 margin-bottom: 20px;
4001 border: 0;
4002 border-top: 1px solid #eee;
4003 height: 0;
4004 box-sizing: content-box;
4005 }
4006
4007 .list-group {
4008 padding-left: 0;
4009 margin-bottom: 20px;
4010 }
4011
4012 .list-group-item {
4013 position: relative;
4014 display: block;
4015 padding: 10px 15px;
4016 margin-bottom: -1px;
4017 background-color: #fff;
4018 }
4019
4020 .list-group-item:first-child {
4021 /* rounded top corners */
4022 border-top-right-radius:4px;
4023 border-top-left-radius:4px;
4024 }
4025
4026 .list-group-item:last-child {
4027 margin-bottom: 0;
4028 /* rounded bottom corners */
4029 border-bottom-right-radius: 4px;
4030 border-bottom-left-radius:4px;
4031 }
4032
4033 /* Flex row container */
4034 .flex-row {
4035 display: flex;
4036 flex-direction: row;
4037 }
4038
4039 /* Flex column container */
4040 .flex-column {
4041 display: flex;
4042 flex-direction: column;
4043 }
4044
4045 .flex-item-fit {
4046 flex-grow: 1;
4047 flex-shrink: 1;
4048 flex-basis: auto;
4049 }
4050
4051 .flex-item-no-shrink {
4052 flex-grow: 0;
4053 flex-shrink: 0;
4054 flex-basis: auto;
4055 }
4056
4057 .flex-item-fill {
4058 flex-grow: 0;
4059 flex-shrink: 1; /* shrink when pressured */
4060 flex-basis: 100%; /* try and take 100% */
4061 }
4062
4063 .flex-item-fixed-1-12 {
4064 flex-grow: 0;
4065 flex-shrink: 0;
4066 flex-basis: 8.3%;
4067 }
4068
4069 .flex-item-fixed-2-12 {
4070 flex-grow: 0;
4071 flex-shrink: 0;
4072 flex-basis: 16.6%;
4073 }
4074
4075 .flex-item-fixed-4-12 {
4076 flex-grow: 0;
4077 flex-shrink: 0;
4078 flex-basis: 33.3333%;
4079 }
4080
4081 .flex-item-fixed-6-12, .flex-item-50-percent {
4082 flex-grow: 0;
4083 flex-shrink: 0;
4084 flex-basis: 50%;
4085 }
4086
4087 .flex-item-fixed-8-12 {
4088 flex-grow: 0;
4089 flex-shrink: 0;
4090 flex-basis: 66.6666%;
4091 }
4092
4093 .flex-item-fixed-9-12 {
4094 flex-grow: 0;
4095 flex-shrink: 0;
4096 flex-basis: 75%;
4097 }
4098
4099
4100 .flex-item-fixed-12-12 {
4101 flex-grow: 0;
4102 flex-shrink: 0;
4103 flex-basis: 100%;
4104 }
4105
4106 .flex-item-10-percent {
4107 flex-grow: 0;
4108 flex-shrink: 0;
4109 flex-basis: 10%;
4110 }
4111
4112 .flex-item-15-percent {
4113 flex-grow: 0;
4114 flex-shrink: 0;
4115 flex-basis: 15%;
4116 }
4117
4118 .flex-item-20-percent {
4119 flex-grow: 0;
4120 flex-shrink: 0;
4121 flex-basis: 20%;
4122 }
4123
4124 .flex-item-30-percent {
4125 flex-grow: 0;
4126 flex-shrink: 0;
4127 flex-basis: 30%;
4128 }
4129
4130 .flex-item-40-percent {
4131 flex-grow: 0;
4132 flex-shrink: 0;
4133 flex-basis: 40%;
4134 }
4135
4136 .flex-item-60-percent {
4137 flex-grow: 0;
4138 flex-shrink: 0;
4139 flex-basis: 60%;
4140 }
4141
4142 .flex-item-70-percent {
4143 flex-grow: 0;
4144 flex-shrink: 0;
4145 flex-basis: 70%;
4146 }
4147
4148 .flex-item-80-percent {
4149 flex-grow: 0;
4150 flex-shrink: 0;
4151 flex-basis: 80%;
4152 }
4153
4154 .well {
4155 min-height: 20px;
4156 padding: 19px;
4157 margin-bottom: 20px;
4158 background-color: #f5f5f5;
4159 border: 1px solid #e3e3e3;
4160 border-radius: 4px;
4161 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4162 }
4163 </style>
898 <nav-bar> 4164 <nav-bar>
899 <top-nav-menu></top-nav-menu> 4165 <top-nav-menu></top-nav-menu>
900 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu> 4166 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu>
901 <template if="{{ field['owner'].serviceType == 'Class' }}"> 4167 <template if="{{ field['owner'].serviceType == 'Class' }}">
902 <!-- TODO(turnidge): Add library nav menu here. --> 4168 <!-- TODO(turnidge): Add library nav menu here. -->
903 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu> 4169 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu>
904 </template> 4170 </template>
905 <template if="{{ field['owner'].serviceType == 'Library' }}"> 4171 <template if="{{ field['owner'].serviceType == 'Library' }}">
906 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu> 4172 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu>
907 </template> 4173 </template>
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
970 <div class="memberValue"> 4236 <div class="memberValue">
971 <instance-ref ref="{{ field['value'] }}"></instance-ref> 4237 <instance-ref ref="{{ field['value'] }}"></instance-ref>
972 </div> 4238 </div>
973 </div> 4239 </div>
974 </template> 4240 </template>
975 </div> 4241 </div>
976 </div> 4242 </div>
977 </template> 4243 </template>
978 4244
979 </polymer-element> 4245 </polymer-element>
4246
4247
4248
4249
4250
4251
4252
4253
4254
4255
4256
980 <polymer-element name="script-inset" extends="observatory-element"> 4257 <polymer-element name="script-inset" extends="observatory-element">
981 <template> 4258 <template>
982 <style> 4259 <style>
983 .sourceInset { 4260 .sourceInset {
984 padding-left: 15%; 4261 padding-left: 15%;
985 padding-right: 15%; 4262 padding-right: 15%;
986 } 4263 }
987 .grayBox { 4264 .grayBox {
988 width: 100%; 4265 width: 100%;
989 background-color: #f5f5f5; 4266 background-color: #f5f5f5;
(...skipping 27 matching lines...) Expand all
1017 </tbody> 4294 </tbody>
1018 </table> 4295 </table>
1019 </template> 4296 </template>
1020 </div> 4297 </div>
1021 </div> 4298 </div>
1022 </template> 4299 </template>
1023 4300
1024 </polymer-element> 4301 </polymer-element>
1025 <polymer-element name="function-view" extends="observatory-element"> 4302 <polymer-element name="function-view" extends="observatory-element">
1026 <template> 4303 <template>
1027 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 4304 <style>
4305 /* Global styles */
4306 * {
4307 margin: 0;
4308 padding: 0;
4309 font: 400 14px 'Montserrat', sans-serif;
4310 color: #333;
4311 box-sizing: border-box;
4312 }
4313
4314 .content {
4315 padding-left: 10%;
4316 font: 400 14px 'Montserrat', sans-serif;
4317 }
4318
4319 .content-centered {
4320 padding-left: 10%;
4321 padding-right: 10%;
4322 font: 400 14px 'Montserrat', sans-serif;
4323 }
4324
4325 h1 {
4326 font: 400 18px 'Montserrat', sans-serif;
4327 }
4328
4329 .memberList {
4330 display: table;
4331 }
4332
4333 .memberItem {
4334 display: table-row;
4335 }
4336
4337 .memberName, .memberValue {
4338 display: table-cell;
4339 vertical-align: top;
4340 padding: 3px 0 3px 1em;
4341 font: 400 14px 'Montserrat', sans-serif;
4342 }
4343
4344 .monospace {
4345 font-family: consolas, courier, monospace;
4346 font-size: 1em;
4347 line-height: 1.2em;
4348 white-space: nowrap;
4349 }
4350
4351 a {
4352 color: #0489c3;
4353 text-decoration: none;
4354 }
4355
4356 a:hover {
4357 text-decoration: underline;
4358 }
4359
4360 em {
4361 color: inherit;
4362 font-style:italic;
4363 }
4364
4365 hr {
4366 margin-top: 20px;
4367 margin-bottom: 20px;
4368 border: 0;
4369 border-top: 1px solid #eee;
4370 height: 0;
4371 box-sizing: content-box;
4372 }
4373
4374 .list-group {
4375 padding-left: 0;
4376 margin-bottom: 20px;
4377 }
4378
4379 .list-group-item {
4380 position: relative;
4381 display: block;
4382 padding: 10px 15px;
4383 margin-bottom: -1px;
4384 background-color: #fff;
4385 }
4386
4387 .list-group-item:first-child {
4388 /* rounded top corners */
4389 border-top-right-radius:4px;
4390 border-top-left-radius:4px;
4391 }
4392
4393 .list-group-item:last-child {
4394 margin-bottom: 0;
4395 /* rounded bottom corners */
4396 border-bottom-right-radius: 4px;
4397 border-bottom-left-radius:4px;
4398 }
4399
4400 /* Flex row container */
4401 .flex-row {
4402 display: flex;
4403 flex-direction: row;
4404 }
4405
4406 /* Flex column container */
4407 .flex-column {
4408 display: flex;
4409 flex-direction: column;
4410 }
4411
4412 .flex-item-fit {
4413 flex-grow: 1;
4414 flex-shrink: 1;
4415 flex-basis: auto;
4416 }
4417
4418 .flex-item-no-shrink {
4419 flex-grow: 0;
4420 flex-shrink: 0;
4421 flex-basis: auto;
4422 }
4423
4424 .flex-item-fill {
4425 flex-grow: 0;
4426 flex-shrink: 1; /* shrink when pressured */
4427 flex-basis: 100%; /* try and take 100% */
4428 }
4429
4430 .flex-item-fixed-1-12 {
4431 flex-grow: 0;
4432 flex-shrink: 0;
4433 flex-basis: 8.3%;
4434 }
4435
4436 .flex-item-fixed-2-12 {
4437 flex-grow: 0;
4438 flex-shrink: 0;
4439 flex-basis: 16.6%;
4440 }
4441
4442 .flex-item-fixed-4-12 {
4443 flex-grow: 0;
4444 flex-shrink: 0;
4445 flex-basis: 33.3333%;
4446 }
4447
4448 .flex-item-fixed-6-12, .flex-item-50-percent {
4449 flex-grow: 0;
4450 flex-shrink: 0;
4451 flex-basis: 50%;
4452 }
4453
4454 .flex-item-fixed-8-12 {
4455 flex-grow: 0;
4456 flex-shrink: 0;
4457 flex-basis: 66.6666%;
4458 }
4459
4460 .flex-item-fixed-9-12 {
4461 flex-grow: 0;
4462 flex-shrink: 0;
4463 flex-basis: 75%;
4464 }
4465
4466
4467 .flex-item-fixed-12-12 {
4468 flex-grow: 0;
4469 flex-shrink: 0;
4470 flex-basis: 100%;
4471 }
4472
4473 .flex-item-10-percent {
4474 flex-grow: 0;
4475 flex-shrink: 0;
4476 flex-basis: 10%;
4477 }
4478
4479 .flex-item-15-percent {
4480 flex-grow: 0;
4481 flex-shrink: 0;
4482 flex-basis: 15%;
4483 }
4484
4485 .flex-item-20-percent {
4486 flex-grow: 0;
4487 flex-shrink: 0;
4488 flex-basis: 20%;
4489 }
4490
4491 .flex-item-30-percent {
4492 flex-grow: 0;
4493 flex-shrink: 0;
4494 flex-basis: 30%;
4495 }
4496
4497 .flex-item-40-percent {
4498 flex-grow: 0;
4499 flex-shrink: 0;
4500 flex-basis: 40%;
4501 }
4502
4503 .flex-item-60-percent {
4504 flex-grow: 0;
4505 flex-shrink: 0;
4506 flex-basis: 60%;
4507 }
4508
4509 .flex-item-70-percent {
4510 flex-grow: 0;
4511 flex-shrink: 0;
4512 flex-basis: 70%;
4513 }
4514
4515 .flex-item-80-percent {
4516 flex-grow: 0;
4517 flex-shrink: 0;
4518 flex-basis: 80%;
4519 }
4520
4521 .well {
4522 min-height: 20px;
4523 padding: 19px;
4524 margin-bottom: 20px;
4525 background-color: #f5f5f5;
4526 border: 1px solid #e3e3e3;
4527 border-radius: 4px;
4528 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4529 }
4530 </style>
1028 <nav-bar> 4531 <nav-bar>
1029 <top-nav-menu></top-nav-menu> 4532 <top-nav-menu></top-nav-menu>
1030 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu> 4533 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu>
1031 <template if="{{ function['owner'].serviceType == 'Class' }}"> 4534 <template if="{{ function['owner'].serviceType == 'Class' }}">
1032 <!-- TODO(turnidge): Add library nav menu here. --> 4535 <!-- TODO(turnidge): Add library nav menu here. -->
1033 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu> 4536 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu>
1034 </template> 4537 </template>
1035 <template if="{{ function['owner'].serviceType == 'Library' }}"> 4538 <template if="{{ function['owner'].serviceType == 'Library' }}">
1036 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu> 4539 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu>
1037 </template> 4540 </template>
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
1123 </div> 4626 </div>
1124 4627
1125 <hr> 4628 <hr>
1126 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos'] }}" endpos="{{ function['endTokenPos'] }}"> 4629 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos'] }}" endpos="{{ function['endTokenPos'] }}">
1127 </script-inset> 4630 </script-inset>
1128 4631
1129 <br> 4632 <br>
1130 </template> 4633 </template>
1131 4634
1132 </polymer-element> 4635 </polymer-element>
4636
4637
4638
4639
1133 <polymer-element name="heap-map" extends="observatory-element"> 4640 <polymer-element name="heap-map" extends="observatory-element">
1134 <template> 4641 <template>
1135 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 4642 <style>
4643 /* Global styles */
4644 * {
4645 margin: 0;
4646 padding: 0;
4647 font: 400 14px 'Montserrat', sans-serif;
4648 color: #333;
4649 box-sizing: border-box;
4650 }
4651
4652 .content {
4653 padding-left: 10%;
4654 font: 400 14px 'Montserrat', sans-serif;
4655 }
4656
4657 .content-centered {
4658 padding-left: 10%;
4659 padding-right: 10%;
4660 font: 400 14px 'Montserrat', sans-serif;
4661 }
4662
4663 h1 {
4664 font: 400 18px 'Montserrat', sans-serif;
4665 }
4666
4667 .memberList {
4668 display: table;
4669 }
4670
4671 .memberItem {
4672 display: table-row;
4673 }
4674
4675 .memberName, .memberValue {
4676 display: table-cell;
4677 vertical-align: top;
4678 padding: 3px 0 3px 1em;
4679 font: 400 14px 'Montserrat', sans-serif;
4680 }
4681
4682 .monospace {
4683 font-family: consolas, courier, monospace;
4684 font-size: 1em;
4685 line-height: 1.2em;
4686 white-space: nowrap;
4687 }
4688
4689 a {
4690 color: #0489c3;
4691 text-decoration: none;
4692 }
4693
4694 a:hover {
4695 text-decoration: underline;
4696 }
4697
4698 em {
4699 color: inherit;
4700 font-style:italic;
4701 }
4702
4703 hr {
4704 margin-top: 20px;
4705 margin-bottom: 20px;
4706 border: 0;
4707 border-top: 1px solid #eee;
4708 height: 0;
4709 box-sizing: content-box;
4710 }
4711
4712 .list-group {
4713 padding-left: 0;
4714 margin-bottom: 20px;
4715 }
4716
4717 .list-group-item {
4718 position: relative;
4719 display: block;
4720 padding: 10px 15px;
4721 margin-bottom: -1px;
4722 background-color: #fff;
4723 }
4724
4725 .list-group-item:first-child {
4726 /* rounded top corners */
4727 border-top-right-radius:4px;
4728 border-top-left-radius:4px;
4729 }
4730
4731 .list-group-item:last-child {
4732 margin-bottom: 0;
4733 /* rounded bottom corners */
4734 border-bottom-right-radius: 4px;
4735 border-bottom-left-radius:4px;
4736 }
4737
4738 /* Flex row container */
4739 .flex-row {
4740 display: flex;
4741 flex-direction: row;
4742 }
4743
4744 /* Flex column container */
4745 .flex-column {
4746 display: flex;
4747 flex-direction: column;
4748 }
4749
4750 .flex-item-fit {
4751 flex-grow: 1;
4752 flex-shrink: 1;
4753 flex-basis: auto;
4754 }
4755
4756 .flex-item-no-shrink {
4757 flex-grow: 0;
4758 flex-shrink: 0;
4759 flex-basis: auto;
4760 }
4761
4762 .flex-item-fill {
4763 flex-grow: 0;
4764 flex-shrink: 1; /* shrink when pressured */
4765 flex-basis: 100%; /* try and take 100% */
4766 }
4767
4768 .flex-item-fixed-1-12 {
4769 flex-grow: 0;
4770 flex-shrink: 0;
4771 flex-basis: 8.3%;
4772 }
4773
4774 .flex-item-fixed-2-12 {
4775 flex-grow: 0;
4776 flex-shrink: 0;
4777 flex-basis: 16.6%;
4778 }
4779
4780 .flex-item-fixed-4-12 {
4781 flex-grow: 0;
4782 flex-shrink: 0;
4783 flex-basis: 33.3333%;
4784 }
4785
4786 .flex-item-fixed-6-12, .flex-item-50-percent {
4787 flex-grow: 0;
4788 flex-shrink: 0;
4789 flex-basis: 50%;
4790 }
4791
4792 .flex-item-fixed-8-12 {
4793 flex-grow: 0;
4794 flex-shrink: 0;
4795 flex-basis: 66.6666%;
4796 }
4797
4798 .flex-item-fixed-9-12 {
4799 flex-grow: 0;
4800 flex-shrink: 0;
4801 flex-basis: 75%;
4802 }
4803
4804
4805 .flex-item-fixed-12-12 {
4806 flex-grow: 0;
4807 flex-shrink: 0;
4808 flex-basis: 100%;
4809 }
4810
4811 .flex-item-10-percent {
4812 flex-grow: 0;
4813 flex-shrink: 0;
4814 flex-basis: 10%;
4815 }
4816
4817 .flex-item-15-percent {
4818 flex-grow: 0;
4819 flex-shrink: 0;
4820 flex-basis: 15%;
4821 }
4822
4823 .flex-item-20-percent {
4824 flex-grow: 0;
4825 flex-shrink: 0;
4826 flex-basis: 20%;
4827 }
4828
4829 .flex-item-30-percent {
4830 flex-grow: 0;
4831 flex-shrink: 0;
4832 flex-basis: 30%;
4833 }
4834
4835 .flex-item-40-percent {
4836 flex-grow: 0;
4837 flex-shrink: 0;
4838 flex-basis: 40%;
4839 }
4840
4841 .flex-item-60-percent {
4842 flex-grow: 0;
4843 flex-shrink: 0;
4844 flex-basis: 60%;
4845 }
4846
4847 .flex-item-70-percent {
4848 flex-grow: 0;
4849 flex-shrink: 0;
4850 flex-basis: 70%;
4851 }
4852
4853 .flex-item-80-percent {
4854 flex-grow: 0;
4855 flex-shrink: 0;
4856 flex-basis: 80%;
4857 }
4858
4859 .well {
4860 min-height: 20px;
4861 padding: 19px;
4862 margin-bottom: 20px;
4863 background-color: #f5f5f5;
4864 border: 1px solid #e3e3e3;
4865 border-radius: 4px;
4866 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4867 }
4868 </style>
1136 <style> 4869 <style>
1137 .hover { 4870 .hover {
1138 position: fixed; 4871 position: fixed;
1139 z-index: 999; 4872 z-index: 999;
1140 height: 16px; 4873 height: 16px;
1141 width: 100%; 4874 width: 100%;
1142 background: #ffffff; 4875 background: #ffffff;
1143 } 4876 }
1144 .spacer { 4877 .spacer {
1145 height: 16px; 4878 height: 16px;
(...skipping 11 matching lines...) Expand all
1157 </div> 4890 </div>
1158 <div class="spacer"> 4891 <div class="spacer">
1159 <!-- Make sure no data is covered by hover bar initially --> 4892 <!-- Make sure no data is covered by hover bar initially -->
1160 </div> 4893 </div>
1161 <div class="flex-row"> 4894 <div class="flex-row">
1162 <canvas id="fragmentation" width="1px" height="1px"></canvas> 4895 <canvas id="fragmentation" width="1px" height="1px"></canvas>
1163 </div> 4896 </div>
1164 </template> 4897 </template>
1165 4898
1166 </polymer-element> 4899 </polymer-element>
4900
4901
1167 <polymer-element name="isolate-ref" extends="service-ref"> 4902 <polymer-element name="isolate-ref" extends="service-ref">
1168 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 4903 <template><style>
4904 /* Global styles */
4905 * {
4906 margin: 0;
4907 padding: 0;
4908 font: 400 14px 'Montserrat', sans-serif;
4909 color: #333;
4910 box-sizing: border-box;
4911 }
4912
4913 .content {
4914 padding-left: 10%;
4915 font: 400 14px 'Montserrat', sans-serif;
4916 }
4917
4918 .content-centered {
4919 padding-left: 10%;
4920 padding-right: 10%;
4921 font: 400 14px 'Montserrat', sans-serif;
4922 }
4923
4924 h1 {
4925 font: 400 18px 'Montserrat', sans-serif;
4926 }
4927
4928 .memberList {
4929 display: table;
4930 }
4931
4932 .memberItem {
4933 display: table-row;
4934 }
4935
4936 .memberName, .memberValue {
4937 display: table-cell;
4938 vertical-align: top;
4939 padding: 3px 0 3px 1em;
4940 font: 400 14px 'Montserrat', sans-serif;
4941 }
4942
4943 .monospace {
4944 font-family: consolas, courier, monospace;
4945 font-size: 1em;
4946 line-height: 1.2em;
4947 white-space: nowrap;
4948 }
4949
4950 a {
4951 color: #0489c3;
4952 text-decoration: none;
4953 }
4954
4955 a:hover {
4956 text-decoration: underline;
4957 }
4958
4959 em {
4960 color: inherit;
4961 font-style:italic;
4962 }
4963
4964 hr {
4965 margin-top: 20px;
4966 margin-bottom: 20px;
4967 border: 0;
4968 border-top: 1px solid #eee;
4969 height: 0;
4970 box-sizing: content-box;
4971 }
4972
4973 .list-group {
4974 padding-left: 0;
4975 margin-bottom: 20px;
4976 }
4977
4978 .list-group-item {
4979 position: relative;
4980 display: block;
4981 padding: 10px 15px;
4982 margin-bottom: -1px;
4983 background-color: #fff;
4984 }
4985
4986 .list-group-item:first-child {
4987 /* rounded top corners */
4988 border-top-right-radius:4px;
4989 border-top-left-radius:4px;
4990 }
4991
4992 .list-group-item:last-child {
4993 margin-bottom: 0;
4994 /* rounded bottom corners */
4995 border-bottom-right-radius: 4px;
4996 border-bottom-left-radius:4px;
4997 }
4998
4999 /* Flex row container */
5000 .flex-row {
5001 display: flex;
5002 flex-direction: row;
5003 }
5004
5005 /* Flex column container */
5006 .flex-column {
5007 display: flex;
5008 flex-direction: column;
5009 }
5010
5011 .flex-item-fit {
5012 flex-grow: 1;
5013 flex-shrink: 1;
5014 flex-basis: auto;
5015 }
5016
5017 .flex-item-no-shrink {
5018 flex-grow: 0;
5019 flex-shrink: 0;
5020 flex-basis: auto;
5021 }
5022
5023 .flex-item-fill {
5024 flex-grow: 0;
5025 flex-shrink: 1; /* shrink when pressured */
5026 flex-basis: 100%; /* try and take 100% */
5027 }
5028
5029 .flex-item-fixed-1-12 {
5030 flex-grow: 0;
5031 flex-shrink: 0;
5032 flex-basis: 8.3%;
5033 }
5034
5035 .flex-item-fixed-2-12 {
5036 flex-grow: 0;
5037 flex-shrink: 0;
5038 flex-basis: 16.6%;
5039 }
5040
5041 .flex-item-fixed-4-12 {
5042 flex-grow: 0;
5043 flex-shrink: 0;
5044 flex-basis: 33.3333%;
5045 }
5046
5047 .flex-item-fixed-6-12, .flex-item-50-percent {
5048 flex-grow: 0;
5049 flex-shrink: 0;
5050 flex-basis: 50%;
5051 }
5052
5053 .flex-item-fixed-8-12 {
5054 flex-grow: 0;
5055 flex-shrink: 0;
5056 flex-basis: 66.6666%;
5057 }
5058
5059 .flex-item-fixed-9-12 {
5060 flex-grow: 0;
5061 flex-shrink: 0;
5062 flex-basis: 75%;
5063 }
5064
5065
5066 .flex-item-fixed-12-12 {
5067 flex-grow: 0;
5068 flex-shrink: 0;
5069 flex-basis: 100%;
5070 }
5071
5072 .flex-item-10-percent {
5073 flex-grow: 0;
5074 flex-shrink: 0;
5075 flex-basis: 10%;
5076 }
5077
5078 .flex-item-15-percent {
5079 flex-grow: 0;
5080 flex-shrink: 0;
5081 flex-basis: 15%;
5082 }
5083
5084 .flex-item-20-percent {
5085 flex-grow: 0;
5086 flex-shrink: 0;
5087 flex-basis: 20%;
5088 }
5089
5090 .flex-item-30-percent {
5091 flex-grow: 0;
5092 flex-shrink: 0;
5093 flex-basis: 30%;
5094 }
5095
5096 .flex-item-40-percent {
5097 flex-grow: 0;
5098 flex-shrink: 0;
5099 flex-basis: 40%;
5100 }
5101
5102 .flex-item-60-percent {
5103 flex-grow: 0;
5104 flex-shrink: 0;
5105 flex-basis: 60%;
5106 }
5107
5108 .flex-item-70-percent {
5109 flex-grow: 0;
5110 flex-shrink: 0;
5111 flex-basis: 70%;
5112 }
5113
5114 .flex-item-80-percent {
5115 flex-grow: 0;
5116 flex-shrink: 0;
5117 flex-basis: 80%;
5118 }
5119
5120 .well {
5121 min-height: 20px;
5122 padding: 19px;
5123 margin-bottom: 20px;
5124 background-color: #f5f5f5;
5125 border: 1px solid #e3e3e3;
5126 border-radius: 4px;
5127 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5128 }
5129 </style>
1169 <a href="{{ url }}">{{ ref.name }}</a> 5130 <a href="{{ url }}">{{ ref.name }}</a>
1170 </template> 5131 </template>
1171 5132
1172 </polymer-element> 5133 </polymer-element>
5134
5135
5136
5137
5138
5139
5140
1173 <polymer-element name="isolate-summary" extends="observatory-element"> 5141 <polymer-element name="isolate-summary" extends="observatory-element">
1174 <template> 5142 <template>
1175 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 5143 <style>
5144 /* Global styles */
5145 * {
5146 margin: 0;
5147 padding: 0;
5148 font: 400 14px 'Montserrat', sans-serif;
5149 color: #333;
5150 box-sizing: border-box;
5151 }
5152
5153 .content {
5154 padding-left: 10%;
5155 font: 400 14px 'Montserrat', sans-serif;
5156 }
5157
5158 .content-centered {
5159 padding-left: 10%;
5160 padding-right: 10%;
5161 font: 400 14px 'Montserrat', sans-serif;
5162 }
5163
5164 h1 {
5165 font: 400 18px 'Montserrat', sans-serif;
5166 }
5167
5168 .memberList {
5169 display: table;
5170 }
5171
5172 .memberItem {
5173 display: table-row;
5174 }
5175
5176 .memberName, .memberValue {
5177 display: table-cell;
5178 vertical-align: top;
5179 padding: 3px 0 3px 1em;
5180 font: 400 14px 'Montserrat', sans-serif;
5181 }
5182
5183 .monospace {
5184 font-family: consolas, courier, monospace;
5185 font-size: 1em;
5186 line-height: 1.2em;
5187 white-space: nowrap;
5188 }
5189
5190 a {
5191 color: #0489c3;
5192 text-decoration: none;
5193 }
5194
5195 a:hover {
5196 text-decoration: underline;
5197 }
5198
5199 em {
5200 color: inherit;
5201 font-style:italic;
5202 }
5203
5204 hr {
5205 margin-top: 20px;
5206 margin-bottom: 20px;
5207 border: 0;
5208 border-top: 1px solid #eee;
5209 height: 0;
5210 box-sizing: content-box;
5211 }
5212
5213 .list-group {
5214 padding-left: 0;
5215 margin-bottom: 20px;
5216 }
5217
5218 .list-group-item {
5219 position: relative;
5220 display: block;
5221 padding: 10px 15px;
5222 margin-bottom: -1px;
5223 background-color: #fff;
5224 }
5225
5226 .list-group-item:first-child {
5227 /* rounded top corners */
5228 border-top-right-radius:4px;
5229 border-top-left-radius:4px;
5230 }
5231
5232 .list-group-item:last-child {
5233 margin-bottom: 0;
5234 /* rounded bottom corners */
5235 border-bottom-right-radius: 4px;
5236 border-bottom-left-radius:4px;
5237 }
5238
5239 /* Flex row container */
5240 .flex-row {
5241 display: flex;
5242 flex-direction: row;
5243 }
5244
5245 /* Flex column container */
5246 .flex-column {
5247 display: flex;
5248 flex-direction: column;
5249 }
5250
5251 .flex-item-fit {
5252 flex-grow: 1;
5253 flex-shrink: 1;
5254 flex-basis: auto;
5255 }
5256
5257 .flex-item-no-shrink {
5258 flex-grow: 0;
5259 flex-shrink: 0;
5260 flex-basis: auto;
5261 }
5262
5263 .flex-item-fill {
5264 flex-grow: 0;
5265 flex-shrink: 1; /* shrink when pressured */
5266 flex-basis: 100%; /* try and take 100% */
5267 }
5268
5269 .flex-item-fixed-1-12 {
5270 flex-grow: 0;
5271 flex-shrink: 0;
5272 flex-basis: 8.3%;
5273 }
5274
5275 .flex-item-fixed-2-12 {
5276 flex-grow: 0;
5277 flex-shrink: 0;
5278 flex-basis: 16.6%;
5279 }
5280
5281 .flex-item-fixed-4-12 {
5282 flex-grow: 0;
5283 flex-shrink: 0;
5284 flex-basis: 33.3333%;
5285 }
5286
5287 .flex-item-fixed-6-12, .flex-item-50-percent {
5288 flex-grow: 0;
5289 flex-shrink: 0;
5290 flex-basis: 50%;
5291 }
5292
5293 .flex-item-fixed-8-12 {
5294 flex-grow: 0;
5295 flex-shrink: 0;
5296 flex-basis: 66.6666%;
5297 }
5298
5299 .flex-item-fixed-9-12 {
5300 flex-grow: 0;
5301 flex-shrink: 0;
5302 flex-basis: 75%;
5303 }
5304
5305
5306 .flex-item-fixed-12-12 {
5307 flex-grow: 0;
5308 flex-shrink: 0;
5309 flex-basis: 100%;
5310 }
5311
5312 .flex-item-10-percent {
5313 flex-grow: 0;
5314 flex-shrink: 0;
5315 flex-basis: 10%;
5316 }
5317
5318 .flex-item-15-percent {
5319 flex-grow: 0;
5320 flex-shrink: 0;
5321 flex-basis: 15%;
5322 }
5323
5324 .flex-item-20-percent {
5325 flex-grow: 0;
5326 flex-shrink: 0;
5327 flex-basis: 20%;
5328 }
5329
5330 .flex-item-30-percent {
5331 flex-grow: 0;
5332 flex-shrink: 0;
5333 flex-basis: 30%;
5334 }
5335
5336 .flex-item-40-percent {
5337 flex-grow: 0;
5338 flex-shrink: 0;
5339 flex-basis: 40%;
5340 }
5341
5342 .flex-item-60-percent {
5343 flex-grow: 0;
5344 flex-shrink: 0;
5345 flex-basis: 60%;
5346 }
5347
5348 .flex-item-70-percent {
5349 flex-grow: 0;
5350 flex-shrink: 0;
5351 flex-basis: 70%;
5352 }
5353
5354 .flex-item-80-percent {
5355 flex-grow: 0;
5356 flex-shrink: 0;
5357 flex-basis: 80%;
5358 }
5359
5360 .well {
5361 min-height: 20px;
5362 padding: 19px;
5363 margin-bottom: 20px;
5364 background-color: #f5f5f5;
5365 border: 1px solid #e3e3e3;
5366 border-radius: 4px;
5367 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5368 }
5369 </style>
1176 <div class="flex-row"> 5370 <div class="flex-row">
1177 <div class="flex-item-10-percent"> 5371 <div class="flex-item-10-percent">
1178 <img src="packages/observatory/src/elements/img/isolate_icon.png"> 5372 <img src="packages/observatory/src/elements/img/isolate_icon.png">
1179 </div> 5373 </div>
1180 <div class="flex-item-10-percent"> 5374 <div class="flex-item-10-percent">
1181 <isolate-ref ref="{{ isolate }}"></isolate-ref> 5375 <isolate-ref ref="{{ isolate }}"></isolate-ref>
1182 </div> 5376 </div>
1183 <div class="flex-item-20-percent"> 5377 <div class="flex-item-20-percent">
1184 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state> 5378 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state>
1185 </div> 5379 </div>
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after
1264 .errorBox { 5458 .errorBox {
1265 background-color: #f5f5f5; 5459 background-color: #f5f5f5;
1266 border: 1px solid #ccc; 5460 border: 1px solid #ccc;
1267 padding: 10px; 5461 padding: 10px;
1268 font-family: consolas, courier, monospace; 5462 font-family: consolas, courier, monospace;
1269 font-size: 1em; 5463 font-size: 1em;
1270 line-height: 1.2em; 5464 line-height: 1.2em;
1271 white-space: pre; 5465 white-space: pre;
1272 } 5466 }
1273 </style> 5467 </style>
1274 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 5468 <style>
5469 /* Global styles */
5470 * {
5471 margin: 0;
5472 padding: 0;
5473 font: 400 14px 'Montserrat', sans-serif;
5474 color: #333;
5475 box-sizing: border-box;
5476 }
5477
5478 .content {
5479 padding-left: 10%;
5480 font: 400 14px 'Montserrat', sans-serif;
5481 }
5482
5483 .content-centered {
5484 padding-left: 10%;
5485 padding-right: 10%;
5486 font: 400 14px 'Montserrat', sans-serif;
5487 }
5488
5489 h1 {
5490 font: 400 18px 'Montserrat', sans-serif;
5491 }
5492
5493 .memberList {
5494 display: table;
5495 }
5496
5497 .memberItem {
5498 display: table-row;
5499 }
5500
5501 .memberName, .memberValue {
5502 display: table-cell;
5503 vertical-align: top;
5504 padding: 3px 0 3px 1em;
5505 font: 400 14px 'Montserrat', sans-serif;
5506 }
5507
5508 .monospace {
5509 font-family: consolas, courier, monospace;
5510 font-size: 1em;
5511 line-height: 1.2em;
5512 white-space: nowrap;
5513 }
5514
5515 a {
5516 color: #0489c3;
5517 text-decoration: none;
5518 }
5519
5520 a:hover {
5521 text-decoration: underline;
5522 }
5523
5524 em {
5525 color: inherit;
5526 font-style:italic;
5527 }
5528
5529 hr {
5530 margin-top: 20px;
5531 margin-bottom: 20px;
5532 border: 0;
5533 border-top: 1px solid #eee;
5534 height: 0;
5535 box-sizing: content-box;
5536 }
5537
5538 .list-group {
5539 padding-left: 0;
5540 margin-bottom: 20px;
5541 }
5542
5543 .list-group-item {
5544 position: relative;
5545 display: block;
5546 padding: 10px 15px;
5547 margin-bottom: -1px;
5548 background-color: #fff;
5549 }
5550
5551 .list-group-item:first-child {
5552 /* rounded top corners */
5553 border-top-right-radius:4px;
5554 border-top-left-radius:4px;
5555 }
5556
5557 .list-group-item:last-child {
5558 margin-bottom: 0;
5559 /* rounded bottom corners */
5560 border-bottom-right-radius: 4px;
5561 border-bottom-left-radius:4px;
5562 }
5563
5564 /* Flex row container */
5565 .flex-row {
5566 display: flex;
5567 flex-direction: row;
5568 }
5569
5570 /* Flex column container */
5571 .flex-column {
5572 display: flex;
5573 flex-direction: column;
5574 }
5575
5576 .flex-item-fit {
5577 flex-grow: 1;
5578 flex-shrink: 1;
5579 flex-basis: auto;
5580 }
5581
5582 .flex-item-no-shrink {
5583 flex-grow: 0;
5584 flex-shrink: 0;
5585 flex-basis: auto;
5586 }
5587
5588 .flex-item-fill {
5589 flex-grow: 0;
5590 flex-shrink: 1; /* shrink when pressured */
5591 flex-basis: 100%; /* try and take 100% */
5592 }
5593
5594 .flex-item-fixed-1-12 {
5595 flex-grow: 0;
5596 flex-shrink: 0;
5597 flex-basis: 8.3%;
5598 }
5599
5600 .flex-item-fixed-2-12 {
5601 flex-grow: 0;
5602 flex-shrink: 0;
5603 flex-basis: 16.6%;
5604 }
5605
5606 .flex-item-fixed-4-12 {
5607 flex-grow: 0;
5608 flex-shrink: 0;
5609 flex-basis: 33.3333%;
5610 }
5611
5612 .flex-item-fixed-6-12, .flex-item-50-percent {
5613 flex-grow: 0;
5614 flex-shrink: 0;
5615 flex-basis: 50%;
5616 }
5617
5618 .flex-item-fixed-8-12 {
5619 flex-grow: 0;
5620 flex-shrink: 0;
5621 flex-basis: 66.6666%;
5622 }
5623
5624 .flex-item-fixed-9-12 {
5625 flex-grow: 0;
5626 flex-shrink: 0;
5627 flex-basis: 75%;
5628 }
5629
5630
5631 .flex-item-fixed-12-12 {
5632 flex-grow: 0;
5633 flex-shrink: 0;
5634 flex-basis: 100%;
5635 }
5636
5637 .flex-item-10-percent {
5638 flex-grow: 0;
5639 flex-shrink: 0;
5640 flex-basis: 10%;
5641 }
5642
5643 .flex-item-15-percent {
5644 flex-grow: 0;
5645 flex-shrink: 0;
5646 flex-basis: 15%;
5647 }
5648
5649 .flex-item-20-percent {
5650 flex-grow: 0;
5651 flex-shrink: 0;
5652 flex-basis: 20%;
5653 }
5654
5655 .flex-item-30-percent {
5656 flex-grow: 0;
5657 flex-shrink: 0;
5658 flex-basis: 30%;
5659 }
5660
5661 .flex-item-40-percent {
5662 flex-grow: 0;
5663 flex-shrink: 0;
5664 flex-basis: 40%;
5665 }
5666
5667 .flex-item-60-percent {
5668 flex-grow: 0;
5669 flex-shrink: 0;
5670 flex-basis: 60%;
5671 }
5672
5673 .flex-item-70-percent {
5674 flex-grow: 0;
5675 flex-shrink: 0;
5676 flex-basis: 70%;
5677 }
5678
5679 .flex-item-80-percent {
5680 flex-grow: 0;
5681 flex-shrink: 0;
5682 flex-basis: 80%;
5683 }
5684
5685 .well {
5686 min-height: 20px;
5687 padding: 19px;
5688 margin-bottom: 20px;
5689 background-color: #f5f5f5;
5690 border: 1px solid #e3e3e3;
5691 border-radius: 4px;
5692 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
5693 }
5694 </style>
1275 <template if="{{ isolate.error != null }}"> 5695 <template if="{{ isolate.error != null }}">
1276 <div class="content-centered"> 5696 <div class="content-centered">
1277 <pre class="errorBox">{{ isolate.error.message }}</pre> 5697 <pre class="errorBox">{{ isolate.error.message }}</pre>
1278 <br> 5698 <br>
1279 </div> 5699 </div>
1280 </template> 5700 </template>
1281 <div class="flex-row"> 5701 <div class="flex-row">
1282 <div class="flex-item-10-percent"> 5702 <div class="flex-item-10-percent">
1283 </div> 5703 </div>
1284 <div class="flex-item-40-percent"> 5704 <div class="flex-item-40-percent">
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
1333 </template> 5753 </template>
1334 </polymer-element> 5754 </polymer-element>
1335 5755
1336 <polymer-element name="isolate-counter-chart" extends="observatory-element"> 5756 <polymer-element name="isolate-counter-chart" extends="observatory-element">
1337 <template> 5757 <template>
1338 <div id="counterPieChart" style="height: 200px"></div> 5758 <div id="counterPieChart" style="height: 200px"></div>
1339 </template> 5759 </template>
1340 </polymer-element> 5760 </polymer-element>
1341 5761
1342 5762
5763
5764
5765
5766
5767
5768
5769
5770
5771
5772
5773
1343 <polymer-element name="isolate-view" extends="observatory-element"> 5774 <polymer-element name="isolate-view" extends="observatory-element">
1344 <template> 5775 <template>
1345 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 5776 <style>
5777 /* Global styles */
5778 * {
5779 margin: 0;
5780 padding: 0;
5781 font: 400 14px 'Montserrat', sans-serif;
5782 color: #333;
5783 box-sizing: border-box;
5784 }
5785
5786 .content {
5787 padding-left: 10%;
5788 font: 400 14px 'Montserrat', sans-serif;
5789 }
5790
5791 .content-centered {
5792 padding-left: 10%;
5793 padding-right: 10%;
5794 font: 400 14px 'Montserrat', sans-serif;
5795 }
5796
5797 h1 {
5798 font: 400 18px 'Montserrat', sans-serif;
5799 }
5800
5801 .memberList {
5802 display: table;
5803 }
5804
5805 .memberItem {
5806 display: table-row;
5807 }
5808
5809 .memberName, .memberValue {
5810 display: table-cell;
5811 vertical-align: top;
5812 padding: 3px 0 3px 1em;
5813 font: 400 14px 'Montserrat', sans-serif;
5814 }
5815
5816 .monospace {
5817 font-family: consolas, courier, monospace;
5818 font-size: 1em;
5819 line-height: 1.2em;
5820 white-space: nowrap;
5821 }
5822
5823 a {
5824 color: #0489c3;
5825 text-decoration: none;
5826 }
5827
5828 a:hover {
5829 text-decoration: underline;
5830 }
5831
5832 em {
5833 color: inherit;
5834 font-style:italic;
5835 }
5836
5837 hr {
5838 margin-top: 20px;
5839 margin-bottom: 20px;
5840 border: 0;
5841 border-top: 1px solid #eee;
5842 height: 0;
5843 box-sizing: content-box;
5844 }
5845
5846 .list-group {
5847 padding-left: 0;
5848 margin-bottom: 20px;
5849 }
5850
5851 .list-group-item {
5852 position: relative;
5853 display: block;
5854 padding: 10px 15px;
5855 margin-bottom: -1px;
5856 background-color: #fff;
5857 }
5858
5859 .list-group-item:first-child {
5860 /* rounded top corners */
5861 border-top-right-radius:4px;
5862 border-top-left-radius:4px;
5863 }
5864
5865 .list-group-item:last-child {
5866 margin-bottom: 0;
5867 /* rounded bottom corners */
5868 border-bottom-right-radius: 4px;
5869 border-bottom-left-radius:4px;
5870 }
5871
5872 /* Flex row container */
5873 .flex-row {
5874 display: flex;
5875 flex-direction: row;
5876 }
5877
5878 /* Flex column container */
5879 .flex-column {
5880 display: flex;
5881 flex-direction: column;
5882 }
5883
5884 .flex-item-fit {
5885 flex-grow: 1;
5886 flex-shrink: 1;
5887 flex-basis: auto;
5888 }
5889
5890 .flex-item-no-shrink {
5891 flex-grow: 0;
5892 flex-shrink: 0;
5893 flex-basis: auto;
5894 }
5895
5896 .flex-item-fill {
5897 flex-grow: 0;
5898 flex-shrink: 1; /* shrink when pressured */
5899 flex-basis: 100%; /* try and take 100% */
5900 }
5901
5902 .flex-item-fixed-1-12 {
5903 flex-grow: 0;
5904 flex-shrink: 0;
5905 flex-basis: 8.3%;
5906 }
5907
5908 .flex-item-fixed-2-12 {
5909 flex-grow: 0;
5910 flex-shrink: 0;
5911 flex-basis: 16.6%;
5912 }
5913
5914 .flex-item-fixed-4-12 {
5915 flex-grow: 0;
5916 flex-shrink: 0;
5917 flex-basis: 33.3333%;
5918 }
5919
5920 .flex-item-fixed-6-12, .flex-item-50-percent {
5921 flex-grow: 0;
5922 flex-shrink: 0;
5923 flex-basis: 50%;
5924 }
5925
5926 .flex-item-fixed-8-12 {
5927 flex-grow: 0;
5928 flex-shrink: 0;
5929 flex-basis: 66.6666%;
5930 }
5931
5932 .flex-item-fixed-9-12 {
5933 flex-grow: 0;
5934 flex-shrink: 0;
5935 flex-basis: 75%;
5936 }
5937
5938
5939 .flex-item-fixed-12-12 {
5940 flex-grow: 0;
5941 flex-shrink: 0;
5942 flex-basis: 100%;
5943 }
5944
5945 .flex-item-10-percent {
5946 flex-grow: 0;
5947 flex-shrink: 0;
5948 flex-basis: 10%;
5949 }
5950
5951 .flex-item-15-percent {
5952 flex-grow: 0;
5953 flex-shrink: 0;
5954 flex-basis: 15%;
5955 }
5956
5957 .flex-item-20-percent {
5958 flex-grow: 0;
5959 flex-shrink: 0;
5960 flex-basis: 20%;
5961 }
5962
5963 .flex-item-30-percent {
5964 flex-grow: 0;
5965 flex-shrink: 0;
5966 flex-basis: 30%;
5967 }
5968
5969 .flex-item-40-percent {
5970 flex-grow: 0;
5971 flex-shrink: 0;
5972 flex-basis: 40%;
5973 }
5974
5975 .flex-item-60-percent {
5976 flex-grow: 0;
5977 flex-shrink: 0;
5978 flex-basis: 60%;
5979 }
5980
5981 .flex-item-70-percent {
5982 flex-grow: 0;
5983 flex-shrink: 0;
5984 flex-basis: 70%;
5985 }
5986
5987 .flex-item-80-percent {
5988 flex-grow: 0;
5989 flex-shrink: 0;
5990 flex-basis: 80%;
5991 }
5992
5993 .well {
5994 min-height: 20px;
5995 padding: 19px;
5996 margin-bottom: 20px;
5997 background-color: #f5f5f5;
5998 border: 1px solid #e3e3e3;
5999 border-radius: 4px;
6000 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6001 }
6002 </style>
1346 <style> 6003 <style>
1347 .sourceInset { 6004 .sourceInset {
1348 padding-left: 15%; 6005 padding-left: 15%;
1349 padding-right: 15%; 6006 padding-right: 15%;
1350 } 6007 }
1351 .miniProfileChart { 6008 .miniProfileChart {
1352 width: 80%; 6009 width: 80%;
1353 } 6010 }
1354 </style> 6011 </style>
1355 6012
(...skipping 105 matching lines...) Expand 10 before | Expand all | Expand 10 after
1461 <hr> 6118 <hr>
1462 6119
1463 <div class="content"> 6120 <div class="content">
1464 <eval-box callback="{{ eval }}"></eval-box> 6121 <eval-box callback="{{ eval }}"></eval-box>
1465 </div> 6122 </div>
1466 <br><br><br><br> 6123 <br><br><br><br>
1467 <br><br><br><br> 6124 <br><br><br><br>
1468 </template> 6125 </template>
1469 6126
1470 </polymer-element> 6127 </polymer-element>
6128
6129
6130
6131
6132
6133
6134
6135
6136
6137
1471 <polymer-element name="instance-view" extends="observatory-element"> 6138 <polymer-element name="instance-view" extends="observatory-element">
1472 <template> 6139 <template>
1473 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 6140 <style>
6141 /* Global styles */
6142 * {
6143 margin: 0;
6144 padding: 0;
6145 font: 400 14px 'Montserrat', sans-serif;
6146 color: #333;
6147 box-sizing: border-box;
6148 }
6149
6150 .content {
6151 padding-left: 10%;
6152 font: 400 14px 'Montserrat', sans-serif;
6153 }
6154
6155 .content-centered {
6156 padding-left: 10%;
6157 padding-right: 10%;
6158 font: 400 14px 'Montserrat', sans-serif;
6159 }
6160
6161 h1 {
6162 font: 400 18px 'Montserrat', sans-serif;
6163 }
6164
6165 .memberList {
6166 display: table;
6167 }
6168
6169 .memberItem {
6170 display: table-row;
6171 }
6172
6173 .memberName, .memberValue {
6174 display: table-cell;
6175 vertical-align: top;
6176 padding: 3px 0 3px 1em;
6177 font: 400 14px 'Montserrat', sans-serif;
6178 }
6179
6180 .monospace {
6181 font-family: consolas, courier, monospace;
6182 font-size: 1em;
6183 line-height: 1.2em;
6184 white-space: nowrap;
6185 }
6186
6187 a {
6188 color: #0489c3;
6189 text-decoration: none;
6190 }
6191
6192 a:hover {
6193 text-decoration: underline;
6194 }
6195
6196 em {
6197 color: inherit;
6198 font-style:italic;
6199 }
6200
6201 hr {
6202 margin-top: 20px;
6203 margin-bottom: 20px;
6204 border: 0;
6205 border-top: 1px solid #eee;
6206 height: 0;
6207 box-sizing: content-box;
6208 }
6209
6210 .list-group {
6211 padding-left: 0;
6212 margin-bottom: 20px;
6213 }
6214
6215 .list-group-item {
6216 position: relative;
6217 display: block;
6218 padding: 10px 15px;
6219 margin-bottom: -1px;
6220 background-color: #fff;
6221 }
6222
6223 .list-group-item:first-child {
6224 /* rounded top corners */
6225 border-top-right-radius:4px;
6226 border-top-left-radius:4px;
6227 }
6228
6229 .list-group-item:last-child {
6230 margin-bottom: 0;
6231 /* rounded bottom corners */
6232 border-bottom-right-radius: 4px;
6233 border-bottom-left-radius:4px;
6234 }
6235
6236 /* Flex row container */
6237 .flex-row {
6238 display: flex;
6239 flex-direction: row;
6240 }
6241
6242 /* Flex column container */
6243 .flex-column {
6244 display: flex;
6245 flex-direction: column;
6246 }
6247
6248 .flex-item-fit {
6249 flex-grow: 1;
6250 flex-shrink: 1;
6251 flex-basis: auto;
6252 }
6253
6254 .flex-item-no-shrink {
6255 flex-grow: 0;
6256 flex-shrink: 0;
6257 flex-basis: auto;
6258 }
6259
6260 .flex-item-fill {
6261 flex-grow: 0;
6262 flex-shrink: 1; /* shrink when pressured */
6263 flex-basis: 100%; /* try and take 100% */
6264 }
6265
6266 .flex-item-fixed-1-12 {
6267 flex-grow: 0;
6268 flex-shrink: 0;
6269 flex-basis: 8.3%;
6270 }
6271
6272 .flex-item-fixed-2-12 {
6273 flex-grow: 0;
6274 flex-shrink: 0;
6275 flex-basis: 16.6%;
6276 }
6277
6278 .flex-item-fixed-4-12 {
6279 flex-grow: 0;
6280 flex-shrink: 0;
6281 flex-basis: 33.3333%;
6282 }
6283
6284 .flex-item-fixed-6-12, .flex-item-50-percent {
6285 flex-grow: 0;
6286 flex-shrink: 0;
6287 flex-basis: 50%;
6288 }
6289
6290 .flex-item-fixed-8-12 {
6291 flex-grow: 0;
6292 flex-shrink: 0;
6293 flex-basis: 66.6666%;
6294 }
6295
6296 .flex-item-fixed-9-12 {
6297 flex-grow: 0;
6298 flex-shrink: 0;
6299 flex-basis: 75%;
6300 }
6301
6302
6303 .flex-item-fixed-12-12 {
6304 flex-grow: 0;
6305 flex-shrink: 0;
6306 flex-basis: 100%;
6307 }
6308
6309 .flex-item-10-percent {
6310 flex-grow: 0;
6311 flex-shrink: 0;
6312 flex-basis: 10%;
6313 }
6314
6315 .flex-item-15-percent {
6316 flex-grow: 0;
6317 flex-shrink: 0;
6318 flex-basis: 15%;
6319 }
6320
6321 .flex-item-20-percent {
6322 flex-grow: 0;
6323 flex-shrink: 0;
6324 flex-basis: 20%;
6325 }
6326
6327 .flex-item-30-percent {
6328 flex-grow: 0;
6329 flex-shrink: 0;
6330 flex-basis: 30%;
6331 }
6332
6333 .flex-item-40-percent {
6334 flex-grow: 0;
6335 flex-shrink: 0;
6336 flex-basis: 40%;
6337 }
6338
6339 .flex-item-60-percent {
6340 flex-grow: 0;
6341 flex-shrink: 0;
6342 flex-basis: 60%;
6343 }
6344
6345 .flex-item-70-percent {
6346 flex-grow: 0;
6347 flex-shrink: 0;
6348 flex-basis: 70%;
6349 }
6350
6351 .flex-item-80-percent {
6352 flex-grow: 0;
6353 flex-shrink: 0;
6354 flex-basis: 80%;
6355 }
6356
6357 .well {
6358 min-height: 20px;
6359 padding: 19px;
6360 margin-bottom: 20px;
6361 background-color: #f5f5f5;
6362 border: 1px solid #e3e3e3;
6363 border-radius: 4px;
6364 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6365 }
6366 </style>
1474 <nav-bar> 6367 <nav-bar>
1475 <top-nav-menu></top-nav-menu> 6368 <top-nav-menu></top-nav-menu>
1476 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu> 6369 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu>
1477 <!-- TODO(turnidge): Add library nav menu here. --> 6370 <!-- TODO(turnidge): Add library nav menu here. -->
1478 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu> 6371 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu>
1479 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu> 6372 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu>
1480 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6373 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1481 </nav-bar> 6374 </nav-bar>
1482 6375
1483 <template if="{{ instance['error'] != null }}"> 6376 <template if="{{ instance['error'] != null }}">
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after
1604 6497
1605 <div class="content"> 6498 <div class="content">
1606 <eval-box callback="{{ eval }}"></eval-box> 6499 <eval-box callback="{{ eval }}"></eval-box>
1607 </div> 6500 </div>
1608 <br><br><br><br> 6501 <br><br><br><br>
1609 <br><br><br><br> 6502 <br><br><br><br>
1610 </template> 6503 </template>
1611 </template> 6504 </template>
1612 6505
1613 </polymer-element> 6506 </polymer-element>
6507
6508
1614 <polymer-element name="json-view" extends="observatory-element"> 6509 <polymer-element name="json-view" extends="observatory-element">
1615 <template> 6510 <template>
1616 <nav-bar> 6511 <nav-bar>
1617 <top-nav-menu last="{{ true }}"></top-nav-menu> 6512 <top-nav-menu last="{{ true }}"></top-nav-menu>
1618 </nav-bar> 6513 </nav-bar>
1619 <pre>{{ mapAsString }}</pre> 6514 <pre>{{ mapAsString }}</pre>
1620 </template> 6515 </template>
1621 6516
1622 </polymer-element> 6517 </polymer-element>
6518
6519
6520
6521
6522
6523
6524
6525
6526
6527
6528
1623 <polymer-element name="library-view" extends="observatory-element"> 6529 <polymer-element name="library-view" extends="observatory-element">
1624 <template> 6530 <template>
1625 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 6531 <style>
6532 /* Global styles */
6533 * {
6534 margin: 0;
6535 padding: 0;
6536 font: 400 14px 'Montserrat', sans-serif;
6537 color: #333;
6538 box-sizing: border-box;
6539 }
6540
6541 .content {
6542 padding-left: 10%;
6543 font: 400 14px 'Montserrat', sans-serif;
6544 }
6545
6546 .content-centered {
6547 padding-left: 10%;
6548 padding-right: 10%;
6549 font: 400 14px 'Montserrat', sans-serif;
6550 }
6551
6552 h1 {
6553 font: 400 18px 'Montserrat', sans-serif;
6554 }
6555
6556 .memberList {
6557 display: table;
6558 }
6559
6560 .memberItem {
6561 display: table-row;
6562 }
6563
6564 .memberName, .memberValue {
6565 display: table-cell;
6566 vertical-align: top;
6567 padding: 3px 0 3px 1em;
6568 font: 400 14px 'Montserrat', sans-serif;
6569 }
6570
6571 .monospace {
6572 font-family: consolas, courier, monospace;
6573 font-size: 1em;
6574 line-height: 1.2em;
6575 white-space: nowrap;
6576 }
6577
6578 a {
6579 color: #0489c3;
6580 text-decoration: none;
6581 }
6582
6583 a:hover {
6584 text-decoration: underline;
6585 }
6586
6587 em {
6588 color: inherit;
6589 font-style:italic;
6590 }
6591
6592 hr {
6593 margin-top: 20px;
6594 margin-bottom: 20px;
6595 border: 0;
6596 border-top: 1px solid #eee;
6597 height: 0;
6598 box-sizing: content-box;
6599 }
6600
6601 .list-group {
6602 padding-left: 0;
6603 margin-bottom: 20px;
6604 }
6605
6606 .list-group-item {
6607 position: relative;
6608 display: block;
6609 padding: 10px 15px;
6610 margin-bottom: -1px;
6611 background-color: #fff;
6612 }
6613
6614 .list-group-item:first-child {
6615 /* rounded top corners */
6616 border-top-right-radius:4px;
6617 border-top-left-radius:4px;
6618 }
6619
6620 .list-group-item:last-child {
6621 margin-bottom: 0;
6622 /* rounded bottom corners */
6623 border-bottom-right-radius: 4px;
6624 border-bottom-left-radius:4px;
6625 }
6626
6627 /* Flex row container */
6628 .flex-row {
6629 display: flex;
6630 flex-direction: row;
6631 }
6632
6633 /* Flex column container */
6634 .flex-column {
6635 display: flex;
6636 flex-direction: column;
6637 }
6638
6639 .flex-item-fit {
6640 flex-grow: 1;
6641 flex-shrink: 1;
6642 flex-basis: auto;
6643 }
6644
6645 .flex-item-no-shrink {
6646 flex-grow: 0;
6647 flex-shrink: 0;
6648 flex-basis: auto;
6649 }
6650
6651 .flex-item-fill {
6652 flex-grow: 0;
6653 flex-shrink: 1; /* shrink when pressured */
6654 flex-basis: 100%; /* try and take 100% */
6655 }
6656
6657 .flex-item-fixed-1-12 {
6658 flex-grow: 0;
6659 flex-shrink: 0;
6660 flex-basis: 8.3%;
6661 }
6662
6663 .flex-item-fixed-2-12 {
6664 flex-grow: 0;
6665 flex-shrink: 0;
6666 flex-basis: 16.6%;
6667 }
6668
6669 .flex-item-fixed-4-12 {
6670 flex-grow: 0;
6671 flex-shrink: 0;
6672 flex-basis: 33.3333%;
6673 }
6674
6675 .flex-item-fixed-6-12, .flex-item-50-percent {
6676 flex-grow: 0;
6677 flex-shrink: 0;
6678 flex-basis: 50%;
6679 }
6680
6681 .flex-item-fixed-8-12 {
6682 flex-grow: 0;
6683 flex-shrink: 0;
6684 flex-basis: 66.6666%;
6685 }
6686
6687 .flex-item-fixed-9-12 {
6688 flex-grow: 0;
6689 flex-shrink: 0;
6690 flex-basis: 75%;
6691 }
6692
6693
6694 .flex-item-fixed-12-12 {
6695 flex-grow: 0;
6696 flex-shrink: 0;
6697 flex-basis: 100%;
6698 }
6699
6700 .flex-item-10-percent {
6701 flex-grow: 0;
6702 flex-shrink: 0;
6703 flex-basis: 10%;
6704 }
6705
6706 .flex-item-15-percent {
6707 flex-grow: 0;
6708 flex-shrink: 0;
6709 flex-basis: 15%;
6710 }
6711
6712 .flex-item-20-percent {
6713 flex-grow: 0;
6714 flex-shrink: 0;
6715 flex-basis: 20%;
6716 }
6717
6718 .flex-item-30-percent {
6719 flex-grow: 0;
6720 flex-shrink: 0;
6721 flex-basis: 30%;
6722 }
6723
6724 .flex-item-40-percent {
6725 flex-grow: 0;
6726 flex-shrink: 0;
6727 flex-basis: 40%;
6728 }
6729
6730 .flex-item-60-percent {
6731 flex-grow: 0;
6732 flex-shrink: 0;
6733 flex-basis: 60%;
6734 }
6735
6736 .flex-item-70-percent {
6737 flex-grow: 0;
6738 flex-shrink: 0;
6739 flex-basis: 70%;
6740 }
6741
6742 .flex-item-80-percent {
6743 flex-grow: 0;
6744 flex-shrink: 0;
6745 flex-basis: 80%;
6746 }
6747
6748 .well {
6749 min-height: 20px;
6750 padding: 19px;
6751 margin-bottom: 20px;
6752 background-color: #f5f5f5;
6753 border: 1px solid #e3e3e3;
6754 border-radius: 4px;
6755 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6756 }
6757 </style>
1626 6758
1627 <nav-bar> 6759 <nav-bar>
1628 <top-nav-menu></top-nav-menu> 6760 <top-nav-menu></top-nav-menu>
1629 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> 6761 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu>
1630 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu> 6762 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu>
1631 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6763 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1632 </nav-bar> 6764 </nav-bar>
1633 6765
1634 <div class="content"> 6766 <div class="content">
1635 <h1> 6767 <h1>
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
1742 <hr> 6874 <hr>
1743 6875
1744 <div class="content"> 6876 <div class="content">
1745 <eval-box callback="{{ eval }}"></eval-box> 6877 <eval-box callback="{{ eval }}"></eval-box>
1746 </div> 6878 </div>
1747 <br><br><br><br> 6879 <br><br><br><br>
1748 <br><br><br><br> 6880 <br><br><br><br>
1749 </template> 6881 </template>
1750 6882
1751 </polymer-element> 6883 </polymer-element>
6884
6885
6886
6887
6888
6889
6890
6891
6892
6893
6894
6895
6896
6897
6898
6899
6900
6901
6902
6903
6904
6905
6906
6907
6908
6909
6910 <polymer-element name="heap-profile" extends="observatory-element">
6911 <template>
6912 <style>
6913 /* Global styles */
6914 * {
6915 margin: 0;
6916 padding: 0;
6917 font: 400 14px 'Montserrat', sans-serif;
6918 color: #333;
6919 box-sizing: border-box;
6920 }
6921
6922 .content {
6923 padding-left: 10%;
6924 font: 400 14px 'Montserrat', sans-serif;
6925 }
6926
6927 .content-centered {
6928 padding-left: 10%;
6929 padding-right: 10%;
6930 font: 400 14px 'Montserrat', sans-serif;
6931 }
6932
6933 h1 {
6934 font: 400 18px 'Montserrat', sans-serif;
6935 }
6936
6937 .memberList {
6938 display: table;
6939 }
6940
6941 .memberItem {
6942 display: table-row;
6943 }
6944
6945 .memberName, .memberValue {
6946 display: table-cell;
6947 vertical-align: top;
6948 padding: 3px 0 3px 1em;
6949 font: 400 14px 'Montserrat', sans-serif;
6950 }
6951
6952 .monospace {
6953 font-family: consolas, courier, monospace;
6954 font-size: 1em;
6955 line-height: 1.2em;
6956 white-space: nowrap;
6957 }
6958
6959 a {
6960 color: #0489c3;
6961 text-decoration: none;
6962 }
6963
6964 a:hover {
6965 text-decoration: underline;
6966 }
6967
6968 em {
6969 color: inherit;
6970 font-style:italic;
6971 }
6972
6973 hr {
6974 margin-top: 20px;
6975 margin-bottom: 20px;
6976 border: 0;
6977 border-top: 1px solid #eee;
6978 height: 0;
6979 box-sizing: content-box;
6980 }
6981
6982 .list-group {
6983 padding-left: 0;
6984 margin-bottom: 20px;
6985 }
6986
6987 .list-group-item {
6988 position: relative;
6989 display: block;
6990 padding: 10px 15px;
6991 margin-bottom: -1px;
6992 background-color: #fff;
6993 }
6994
6995 .list-group-item:first-child {
6996 /* rounded top corners */
6997 border-top-right-radius:4px;
6998 border-top-left-radius:4px;
6999 }
7000
7001 .list-group-item:last-child {
7002 margin-bottom: 0;
7003 /* rounded bottom corners */
7004 border-bottom-right-radius: 4px;
7005 border-bottom-left-radius:4px;
7006 }
7007
7008 /* Flex row container */
7009 .flex-row {
7010 display: flex;
7011 flex-direction: row;
7012 }
7013
7014 /* Flex column container */
7015 .flex-column {
7016 display: flex;
7017 flex-direction: column;
7018 }
7019
7020 .flex-item-fit {
7021 flex-grow: 1;
7022 flex-shrink: 1;
7023 flex-basis: auto;
7024 }
7025
7026 .flex-item-no-shrink {
7027 flex-grow: 0;
7028 flex-shrink: 0;
7029 flex-basis: auto;
7030 }
7031
7032 .flex-item-fill {
7033 flex-grow: 0;
7034 flex-shrink: 1; /* shrink when pressured */
7035 flex-basis: 100%; /* try and take 100% */
7036 }
7037
7038 .flex-item-fixed-1-12 {
7039 flex-grow: 0;
7040 flex-shrink: 0;
7041 flex-basis: 8.3%;
7042 }
7043
7044 .flex-item-fixed-2-12 {
7045 flex-grow: 0;
7046 flex-shrink: 0;
7047 flex-basis: 16.6%;
7048 }
7049
7050 .flex-item-fixed-4-12 {
7051 flex-grow: 0;
7052 flex-shrink: 0;
7053 flex-basis: 33.3333%;
7054 }
7055
7056 .flex-item-fixed-6-12, .flex-item-50-percent {
7057 flex-grow: 0;
7058 flex-shrink: 0;
7059 flex-basis: 50%;
7060 }
7061
7062 .flex-item-fixed-8-12 {
7063 flex-grow: 0;
7064 flex-shrink: 0;
7065 flex-basis: 66.6666%;
7066 }
7067
7068 .flex-item-fixed-9-12 {
7069 flex-grow: 0;
7070 flex-shrink: 0;
7071 flex-basis: 75%;
7072 }
7073
7074
7075 .flex-item-fixed-12-12 {
7076 flex-grow: 0;
7077 flex-shrink: 0;
7078 flex-basis: 100%;
7079 }
7080
7081 .flex-item-10-percent {
7082 flex-grow: 0;
7083 flex-shrink: 0;
7084 flex-basis: 10%;
7085 }
7086
7087 .flex-item-15-percent {
7088 flex-grow: 0;
7089 flex-shrink: 0;
7090 flex-basis: 15%;
7091 }
7092
7093 .flex-item-20-percent {
7094 flex-grow: 0;
7095 flex-shrink: 0;
7096 flex-basis: 20%;
7097 }
7098
7099 .flex-item-30-percent {
7100 flex-grow: 0;
7101 flex-shrink: 0;
7102 flex-basis: 30%;
7103 }
7104
7105 .flex-item-40-percent {
7106 flex-grow: 0;
7107 flex-shrink: 0;
7108 flex-basis: 40%;
7109 }
7110
7111 .flex-item-60-percent {
7112 flex-grow: 0;
7113 flex-shrink: 0;
7114 flex-basis: 60%;
7115 }
7116
7117 .flex-item-70-percent {
7118 flex-grow: 0;
7119 flex-shrink: 0;
7120 flex-basis: 70%;
7121 }
7122
7123 .flex-item-80-percent {
7124 flex-grow: 0;
7125 flex-shrink: 0;
7126 flex-basis: 80%;
7127 }
7128
7129 .well {
7130 min-height: 20px;
7131 padding: 19px;
7132 margin-bottom: 20px;
7133 background-color: #f5f5f5;
7134 border: 1px solid #e3e3e3;
7135 border-radius: 4px;
7136 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7137 }
7138 </style>
7139 <style>
7140 .table {
7141 border-collapse: collapse!important;
7142 width: 100%;
7143 margin-bottom: 20px
7144 table-layout: fixed;
7145 }
7146 .table td:nth-of-type(1) {
7147 width: 30%;
7148 }
7149 .th, .td {
7150 padding: 8px;
7151 vertical-align: top;
7152 }
7153 .table thead > tr > th {
7154 vertical-align: bottom;
7155 text-align: left;
7156 border-bottom:2px solid #ddd;
7157 }
7158 .clickable {
7159 color: #0489c3;
7160 text-decoration: none;
7161 cursor: pointer;
7162 }
7163 .clickable:hover {
7164 text-decoration: underline;
7165 cursor: pointer;
7166 }
7167 #classtable tr:hover > td {
7168 background-color: #F4C7C3;
7169 }
7170 </style>
7171 <nav-bar>
7172 <top-nav-menu></top-nav-menu>
7173 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
7174 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile" last="{{ true }}"></nav-menu>
7175 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>
7176 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>
7177 <nav-refresh callback="{{ refresh }}"></nav-refresh>
7178 </nav-bar>
7179
7180 <div class="flex-row">
7181 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px">
7182 </div>
7183 <div id="newStatus" class="flex-item-fixed-2-12">
7184 <div class="memberList">
7185 <div class="memberItem">
7186 <div class="memberName">Collections</div>
7187 <div class="memberValue">{{ formattedCollections(true) }}</div>
7188 </div>
7189 <div class="memberItem">
7190 <div class="memberName">Average Collection Time</div>
7191 <div class="memberValue">{{ formattedAverage(true) }}</div>
7192 </div>
7193 <div class="memberItem">
7194 <div class="memberName">Cumulative Collection Time</div>
7195 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d iv>
7196 </div>
7197 </div>
7198 </div>
7199 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px">
7200 </div>
7201 <div id="oldStatus" class="flex-item-fixed-2-12">
7202 <div class="memberList">
7203 <div class="memberItem">
7204 <div class="memberName">Collections</div>
7205 <div class="memberValue">{{ formattedCollections(false) }}</div>
7206 </div>
7207 <div class="memberItem">
7208 <div class="memberName">Average Collection Time</div>
7209 <div class="memberValue">{{ formattedAverage(false) }}</div>
7210 </div>
7211 <div class="memberItem">
7212 <div class="memberName">Cumulative Collection Time</div>
7213 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</ div>
7214 </div>
7215 </div>
7216 </div>
7217 </div>
7218 <div class="flex-row">
7219 <table id="classtable" class="flex-item-fixed-12-12 table">
7220 <thead>
7221 <tr>
7222 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class Table.getColumnLabel(0) }}</th>
7223 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Size">{{ classTable.getColumnLabel(1) }}</th>
7224 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Instances">{{ classTable.getColumnLabel(2) }}</th>
7225 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz e">{{ classTable.getColumnLabel(3) }}</th>
7226 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins tances">{{ classTable.getColumnLabel(4) }}</th>
7227 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Size">{{ classTable.getColumnLabel(5) }}</th>
7228 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Instances">{{ classTable.getColumnLabel(6) }}</th>
7229 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz e">{{ classTable.getColumnLabel(7) }}</th>
7230 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins tances">{{ classTable.getColumnLabel(8) }}</th>
7231 </tr>
7232 </thead>
7233 <tbody>
7234 <tr template="" repeat="{{row in classTable.sortedRows }}">
7235 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t d>
7236 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt edValue(row, 1) }}</td>
7237 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt edValue(row, 2) }}</td>
7238 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt edValue(row, 3) }}</td>
7239 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt edValue(row, 4) }}</td>
7240 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt edValue(row, 5) }}</td>
7241 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt edValue(row, 6) }}</td>
7242 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt edValue(row, 7) }}</td>
7243 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt edValue(row, 8) }}</td>
7244 </tr>
7245 </tbody>
7246 </table>
7247 </div>
7248 </template>
7249
7250 </polymer-element>
7251
7252
7253
7254
7255
7256
1752 <polymer-element name="sliding-checkbox"> 7257 <polymer-element name="sliding-checkbox">
1753 <template> 7258 <template>
1754 <style> 7259 <style>
1755 .switch { 7260 .switch {
1756 position: relative; 7261 position: relative;
1757 width: 121px; 7262 width: 121px;
1758 -webkit-user-select: none; 7263 -webkit-user-select: none;
1759 -moz-user-select: none; 7264 -moz-user-select: none;
1760 -ms-user-select: none; 7265 -ms-user-select: none;
1761 } 7266 }
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after
1828 <label class="label" for="slide-switch"> 7333 <label class="label" for="slide-switch">
1829 <div class="content"></div> 7334 <div class="content"></div>
1830 <div class="dot"></div> 7335 <div class="dot"></div>
1831 </label> 7336 </label>
1832 </div> 7337 </div>
1833 </template> 7338 </template>
1834 7339
1835 </polymer-element> 7340 </polymer-element>
1836 <polymer-element name="isolate-profile" extends="observatory-element"> 7341 <polymer-element name="isolate-profile" extends="observatory-element">
1837 <template> 7342 <template>
1838 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 7343 <style>
7344 /* Global styles */
7345 * {
7346 margin: 0;
7347 padding: 0;
7348 font: 400 14px 'Montserrat', sans-serif;
7349 color: #333;
7350 box-sizing: border-box;
7351 }
7352
7353 .content {
7354 padding-left: 10%;
7355 font: 400 14px 'Montserrat', sans-serif;
7356 }
7357
7358 .content-centered {
7359 padding-left: 10%;
7360 padding-right: 10%;
7361 font: 400 14px 'Montserrat', sans-serif;
7362 }
7363
7364 h1 {
7365 font: 400 18px 'Montserrat', sans-serif;
7366 }
7367
7368 .memberList {
7369 display: table;
7370 }
7371
7372 .memberItem {
7373 display: table-row;
7374 }
7375
7376 .memberName, .memberValue {
7377 display: table-cell;
7378 vertical-align: top;
7379 padding: 3px 0 3px 1em;
7380 font: 400 14px 'Montserrat', sans-serif;
7381 }
7382
7383 .monospace {
7384 font-family: consolas, courier, monospace;
7385 font-size: 1em;
7386 line-height: 1.2em;
7387 white-space: nowrap;
7388 }
7389
7390 a {
7391 color: #0489c3;
7392 text-decoration: none;
7393 }
7394
7395 a:hover {
7396 text-decoration: underline;
7397 }
7398
7399 em {
7400 color: inherit;
7401 font-style:italic;
7402 }
7403
7404 hr {
7405 margin-top: 20px;
7406 margin-bottom: 20px;
7407 border: 0;
7408 border-top: 1px solid #eee;
7409 height: 0;
7410 box-sizing: content-box;
7411 }
7412
7413 .list-group {
7414 padding-left: 0;
7415 margin-bottom: 20px;
7416 }
7417
7418 .list-group-item {
7419 position: relative;
7420 display: block;
7421 padding: 10px 15px;
7422 margin-bottom: -1px;
7423 background-color: #fff;
7424 }
7425
7426 .list-group-item:first-child {
7427 /* rounded top corners */
7428 border-top-right-radius:4px;
7429 border-top-left-radius:4px;
7430 }
7431
7432 .list-group-item:last-child {
7433 margin-bottom: 0;
7434 /* rounded bottom corners */
7435 border-bottom-right-radius: 4px;
7436 border-bottom-left-radius:4px;
7437 }
7438
7439 /* Flex row container */
7440 .flex-row {
7441 display: flex;
7442 flex-direction: row;
7443 }
7444
7445 /* Flex column container */
7446 .flex-column {
7447 display: flex;
7448 flex-direction: column;
7449 }
7450
7451 .flex-item-fit {
7452 flex-grow: 1;
7453 flex-shrink: 1;
7454 flex-basis: auto;
7455 }
7456
7457 .flex-item-no-shrink {
7458 flex-grow: 0;
7459 flex-shrink: 0;
7460 flex-basis: auto;
7461 }
7462
7463 .flex-item-fill {
7464 flex-grow: 0;
7465 flex-shrink: 1; /* shrink when pressured */
7466 flex-basis: 100%; /* try and take 100% */
7467 }
7468
7469 .flex-item-fixed-1-12 {
7470 flex-grow: 0;
7471 flex-shrink: 0;
7472 flex-basis: 8.3%;
7473 }
7474
7475 .flex-item-fixed-2-12 {
7476 flex-grow: 0;
7477 flex-shrink: 0;
7478 flex-basis: 16.6%;
7479 }
7480
7481 .flex-item-fixed-4-12 {
7482 flex-grow: 0;
7483 flex-shrink: 0;
7484 flex-basis: 33.3333%;
7485 }
7486
7487 .flex-item-fixed-6-12, .flex-item-50-percent {
7488 flex-grow: 0;
7489 flex-shrink: 0;
7490 flex-basis: 50%;
7491 }
7492
7493 .flex-item-fixed-8-12 {
7494 flex-grow: 0;
7495 flex-shrink: 0;
7496 flex-basis: 66.6666%;
7497 }
7498
7499 .flex-item-fixed-9-12 {
7500 flex-grow: 0;
7501 flex-shrink: 0;
7502 flex-basis: 75%;
7503 }
7504
7505
7506 .flex-item-fixed-12-12 {
7507 flex-grow: 0;
7508 flex-shrink: 0;
7509 flex-basis: 100%;
7510 }
7511
7512 .flex-item-10-percent {
7513 flex-grow: 0;
7514 flex-shrink: 0;
7515 flex-basis: 10%;
7516 }
7517
7518 .flex-item-15-percent {
7519 flex-grow: 0;
7520 flex-shrink: 0;
7521 flex-basis: 15%;
7522 }
7523
7524 .flex-item-20-percent {
7525 flex-grow: 0;
7526 flex-shrink: 0;
7527 flex-basis: 20%;
7528 }
7529
7530 .flex-item-30-percent {
7531 flex-grow: 0;
7532 flex-shrink: 0;
7533 flex-basis: 30%;
7534 }
7535
7536 .flex-item-40-percent {
7537 flex-grow: 0;
7538 flex-shrink: 0;
7539 flex-basis: 40%;
7540 }
7541
7542 .flex-item-60-percent {
7543 flex-grow: 0;
7544 flex-shrink: 0;
7545 flex-basis: 60%;
7546 }
7547
7548 .flex-item-70-percent {
7549 flex-grow: 0;
7550 flex-shrink: 0;
7551 flex-basis: 70%;
7552 }
7553
7554 .flex-item-80-percent {
7555 flex-grow: 0;
7556 flex-shrink: 0;
7557 flex-basis: 80%;
7558 }
7559
7560 .well {
7561 min-height: 20px;
7562 padding: 19px;
7563 margin-bottom: 20px;
7564 background-color: #f5f5f5;
7565 border: 1px solid #e3e3e3;
7566 border-radius: 4px;
7567 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7568 }
7569 </style>
1839 <nav-bar> 7570 <nav-bar>
1840 <top-nav-menu></top-nav-menu> 7571 <top-nav-menu></top-nav-menu>
1841 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 7572 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
1842 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor= "cpu profile" last="{{ true }}"></nav-menu> 7573 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor= "cpu profile" last="{{ true }}"></nav-menu>
1843 <nav-refresh callback="{{ refresh }}"></nav-refresh> 7574 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1844 </nav-bar> 7575 </nav-bar>
1845 <style> 7576 <style>
1846 .table { 7577 .table {
1847 border-collapse: collapse!important; 7578 border-collapse: collapse!important;
1848 width: 100%; 7579 width: 100%;
(...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after
2007 </div> 7738 </div>
2008 </div> 7739 </div>
2009 </td> 7740 </td>
2010 </tr> 7741 </tr>
2011 </tbody> 7742 </tbody>
2012 </table> 7743 </table>
2013 </div> 7744 </div>
2014 </template> 7745 </template>
2015 7746
2016 </polymer-element> 7747 </polymer-element>
2017 <polymer-element name="heap-profile" extends="observatory-element"> 7748
2018 <template> 7749
2019 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 7750
2020 <style> 7751
2021 .table {
2022 border-collapse: collapse!important;
2023 width: 100%;
2024 margin-bottom: 20px
2025 table-layout: fixed;
2026 }
2027 .table td:nth-of-type(1) {
2028 width: 30%;
2029 }
2030 .th, .td {
2031 padding: 8px;
2032 vertical-align: top;
2033 }
2034 .table thead > tr > th {
2035 vertical-align: bottom;
2036 text-align: left;
2037 border-bottom:2px solid #ddd;
2038 }
2039 .clickable {
2040 color: #0489c3;
2041 text-decoration: none;
2042 cursor: pointer;
2043 }
2044 .clickable:hover {
2045 text-decoration: underline;
2046 cursor: pointer;
2047 }
2048 #classtable tr:hover > td {
2049 background-color: #F4C7C3;
2050 }
2051 </style>
2052 <nav-bar>
2053 <top-nav-menu></top-nav-menu>
2054 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
2055 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile" last="{{ true }}"></nav-menu>
2056 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>
2057 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>
2058 <nav-refresh callback="{{ refresh }}"></nav-refresh>
2059 </nav-bar>
2060
2061 <div class="flex-row">
2062 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px">
2063 </div>
2064 <div id="newStatus" class="flex-item-fixed-2-12">
2065 <div class="memberList">
2066 <div class="memberItem">
2067 <div class="memberName">Collections</div>
2068 <div class="memberValue">{{ formattedCollections(true) }}</div>
2069 </div>
2070 <div class="memberItem">
2071 <div class="memberName">Average Collection Time</div>
2072 <div class="memberValue">{{ formattedAverage(true) }}</div>
2073 </div>
2074 <div class="memberItem">
2075 <div class="memberName">Cumulative Collection Time</div>
2076 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d iv>
2077 </div>
2078 </div>
2079 </div>
2080 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px">
2081 </div>
2082 <div id="oldStatus" class="flex-item-fixed-2-12">
2083 <div class="memberList">
2084 <div class="memberItem">
2085 <div class="memberName">Collections</div>
2086 <div class="memberValue">{{ formattedCollections(false) }}</div>
2087 </div>
2088 <div class="memberItem">
2089 <div class="memberName">Average Collection Time</div>
2090 <div class="memberValue">{{ formattedAverage(false) }}</div>
2091 </div>
2092 <div class="memberItem">
2093 <div class="memberName">Cumulative Collection Time</div>
2094 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</ div>
2095 </div>
2096 </div>
2097 </div>
2098 </div>
2099 <div class="flex-row">
2100 <table id="classtable" class="flex-item-fixed-12-12 table">
2101 <thead>
2102 <tr>
2103 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class Table.getColumnLabel(0) }}</th>
2104 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Size">{{ classTable.getColumnLabel(1) }}</th>
2105 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated Instances">{{ classTable.getColumnLabel(2) }}</th>
2106 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz e">{{ classTable.getColumnLabel(3) }}</th>
2107 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins tances">{{ classTable.getColumnLabel(4) }}</th>
2108 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Size">{{ classTable.getColumnLabel(5) }}</th>
2109 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated Instances">{{ classTable.getColumnLabel(6) }}</th>
2110 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz e">{{ classTable.getColumnLabel(7) }}</th>
2111 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins tances">{{ classTable.getColumnLabel(8) }}</th>
2112 </tr>
2113 </thead>
2114 <tbody>
2115 <tr template="" repeat="{{row in classTable.sortedRows }}">
2116 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t d>
2117 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt edValue(row, 1) }}</td>
2118 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt edValue(row, 2) }}</td>
2119 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt edValue(row, 3) }}</td>
2120 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt edValue(row, 4) }}</td>
2121 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt edValue(row, 5) }}</td>
2122 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt edValue(row, 6) }}</td>
2123 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt edValue(row, 7) }}</td>
2124 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt edValue(row, 8) }}</td>
2125 </tr>
2126 </tbody>
2127 </table>
2128 </div>
2129 </template>
2130
2131 </polymer-element>
2132 <polymer-element name="script-view" extends="observatory-element"> 7752 <polymer-element name="script-view" extends="observatory-element">
2133 <template> 7753 <template>
2134 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css" > 7754 <style>
7755 /* Global styles */
7756 * {
7757 margin: 0;
7758 padding: 0;
7759 font: 400 14px 'Montserrat', sans-serif;
7760 color: #333;
7761 box-sizing: border-box;
7762 }
7763
7764 .content {
7765 padding-left: 10%;
7766 font: 400 14px 'Montserrat', sans-serif;
7767 }
7768
7769 .content-centered {
7770 padding-left: 10%;
7771 padding-right: 10%;
7772 font: 400 14px 'Montserrat', sans-serif;
7773 }
7774
7775 h1 {
7776 font: 400 18px 'Montserrat', sans-serif;
7777 }
7778
7779 .memberList {
7780 display: table;
7781 }
7782
7783 .memberItem {
7784 display: table-row;
7785 }
7786
7787 .memberName, .memberValue {
7788 display: table-cell;
7789 vertical-align: top;
7790 padding: 3px 0 3px 1em;
7791 font: 400 14px 'Montserrat', sans-serif;
7792 }
7793
7794 .monospace {
7795 font-family: consolas, courier, monospace;
7796 font-size: 1em;
7797 line-height: 1.2em;
7798 white-space: nowrap;
7799 }
7800
7801 a {
7802 color: #0489c3;
7803 text-decoration: none;
7804 }
7805
7806 a:hover {
7807 text-decoration: underline;
7808 }
7809
7810 em {
7811 color: inherit;
7812 font-style:italic;
7813 }
7814
7815 hr {
7816 margin-top: 20px;
7817 margin-bottom: 20px;
7818 border: 0;
7819 border-top: 1px solid #eee;
7820 height: 0;
7821 box-sizing: content-box;
7822 }
7823
7824 .list-group {
7825 padding-left: 0;
7826 margin-bottom: 20px;
7827 }
7828
7829 .list-group-item {
7830 position: relative;
7831 display: block;
7832 padding: 10px 15px;
7833 margin-bottom: -1px;
7834 background-color: #fff;
7835 }
7836
7837 .list-group-item:first-child {
7838 /* rounded top corners */
7839 border-top-right-radius:4px;
7840 border-top-left-radius:4px;
7841 }
7842
7843 .list-group-item:last-child {
7844 margin-bottom: 0;
7845 /* rounded bottom corners */
7846 border-bottom-right-radius: 4px;
7847 border-bottom-left-radius:4px;
7848 }
7849
7850 /* Flex row container */
7851 .flex-row {
7852 display: flex;
7853 flex-direction: row;
7854 }
7855
7856 /* Flex column container */
7857 .flex-column {
7858 display: flex;
7859 flex-direction: column;
7860 }
7861
7862 .flex-item-fit {
7863 flex-grow: 1;
7864 flex-shrink: 1;
7865 flex-basis: auto;
7866 }
7867
7868 .flex-item-no-shrink {
7869 flex-grow: 0;
7870 flex-shrink: 0;
7871 flex-basis: auto;
7872 }
7873
7874 .flex-item-fill {
7875 flex-grow: 0;
7876 flex-shrink: 1; /* shrink when pressured */
7877 flex-basis: 100%; /* try and take 100% */
7878 }
7879
7880 .flex-item-fixed-1-12 {
7881 flex-grow: 0;
7882 flex-shrink: 0;
7883 flex-basis: 8.3%;
7884 }
7885
7886 .flex-item-fixed-2-12 {
7887 flex-grow: 0;
7888 flex-shrink: 0;
7889 flex-basis: 16.6%;
7890 }
7891
7892 .flex-item-fixed-4-12 {
7893 flex-grow: 0;
7894 flex-shrink: 0;
7895 flex-basis: 33.3333%;
7896 }
7897
7898 .flex-item-fixed-6-12, .flex-item-50-percent {
7899 flex-grow: 0;
7900 flex-shrink: 0;
7901 flex-basis: 50%;
7902 }
7903
7904 .flex-item-fixed-8-12 {
7905 flex-grow: 0;
7906 flex-shrink: 0;
7907 flex-basis: 66.6666%;
7908 }
7909
7910 .flex-item-fixed-9-12 {
7911 flex-grow: 0;
7912 flex-shrink: 0;
7913 flex-basis: 75%;
7914 }
7915
7916
7917 .flex-item-fixed-12-12 {
7918 flex-grow: 0;
7919 flex-shrink: 0;
7920 flex-basis: 100%;
7921 }
7922
7923 .flex-item-10-percent {
7924 flex-grow: 0;
7925 flex-shrink: 0;
7926 flex-basis: 10%;
7927 }
7928
7929 .flex-item-15-percent {
7930 flex-grow: 0;
7931 flex-shrink: 0;
7932 flex-basis: 15%;
7933 }
7934
7935 .flex-item-20-percent {
7936 flex-grow: 0;
7937 flex-shrink: 0;
7938 flex-basis: 20%;
7939 }
7940
7941 .flex-item-30-percent {
7942 flex-grow: 0;
7943 flex-shrink: 0;
7944 flex-basis: 30%;
7945 }
7946
7947 .flex-item-40-percent {
7948 flex-grow: 0;
7949 flex-shrink: 0;
7950 flex-basis: 40%;
7951 }
7952
7953 .flex-item-60-percent {
7954 flex-grow: 0;
7955 flex-shrink: 0;
7956 flex-basis: 60%;
7957 }
7958
7959 .flex-item-70-percent {
7960 flex-grow: 0;
7961 flex-shrink: 0;
7962 flex-basis: 70%;
7963 }
7964
7965 .flex-item-80-percent {
7966 flex-grow: 0;
7967 flex-shrink: 0;
7968 flex-basis: 80%;
7969 }
7970
7971 .well {
7972 min-height: 20px;
7973 padding: 19px;
7974 margin-bottom: 20px;
7975 background-color: #f5f5f5;
7976 border: 1px solid #e3e3e3;
7977 border-radius: 4px;
7978 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
7979 }
7980 </style>
2135 <nav-bar> 7981 <nav-bar>
2136 <top-nav-menu></top-nav-menu> 7982 <top-nav-menu></top-nav-menu>
2137 <isolate-nav-menu isolate="{{ script.isolate }}"> 7983 <isolate-nav-menu isolate="{{ script.isolate }}">
2138 </isolate-nav-menu> 7984 </isolate-nav-menu>
2139 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> 7985 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}">
2140 <li> 7986 <li>
2141 <input type="checkbox" checked="{{ showCoverage }}"> 7987 <input type="checkbox" checked="{{ showCoverage }}">
2142 <label>Show Coverage Data</label> 7988 <label>Show Coverage Data</label>
2143 </li> 7989 </li>
2144 </nav-menu> 7990 </nav-menu>
2145 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh> 7991 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh>
2146 <nav-refresh callback="{{ refresh }}"> 7992 <nav-refresh callback="{{ refresh }}">
2147 </nav-refresh> 7993 </nav-refresh>
2148 </nav-bar> 7994 </nav-bar>
2149 7995
2150 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}"> 7996 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}">
2151 <h1>script {{ script.name }}</h1> 7997 <h1>script {{ script.name }}</h1>
2152 </script-inset> 7998 </script-inset>
2153 </template> 7999 </template>
2154 8000
2155 </polymer-element> 8001 </polymer-element>
8002
8003
8004
8005
8006
8007
8008
8009
8010
8011
2156 <polymer-element name="stack-frame" extends="observatory-element"> 8012 <polymer-element name="stack-frame" extends="observatory-element">
2157 <template> 8013 <template>
2158 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8014 <style>
8015 /* Global styles */
8016 * {
8017 margin: 0;
8018 padding: 0;
8019 font: 400 14px 'Montserrat', sans-serif;
8020 color: #333;
8021 box-sizing: border-box;
8022 }
8023
8024 .content {
8025 padding-left: 10%;
8026 font: 400 14px 'Montserrat', sans-serif;
8027 }
8028
8029 .content-centered {
8030 padding-left: 10%;
8031 padding-right: 10%;
8032 font: 400 14px 'Montserrat', sans-serif;
8033 }
8034
8035 h1 {
8036 font: 400 18px 'Montserrat', sans-serif;
8037 }
8038
8039 .memberList {
8040 display: table;
8041 }
8042
8043 .memberItem {
8044 display: table-row;
8045 }
8046
8047 .memberName, .memberValue {
8048 display: table-cell;
8049 vertical-align: top;
8050 padding: 3px 0 3px 1em;
8051 font: 400 14px 'Montserrat', sans-serif;
8052 }
8053
8054 .monospace {
8055 font-family: consolas, courier, monospace;
8056 font-size: 1em;
8057 line-height: 1.2em;
8058 white-space: nowrap;
8059 }
8060
8061 a {
8062 color: #0489c3;
8063 text-decoration: none;
8064 }
8065
8066 a:hover {
8067 text-decoration: underline;
8068 }
8069
8070 em {
8071 color: inherit;
8072 font-style:italic;
8073 }
8074
8075 hr {
8076 margin-top: 20px;
8077 margin-bottom: 20px;
8078 border: 0;
8079 border-top: 1px solid #eee;
8080 height: 0;
8081 box-sizing: content-box;
8082 }
8083
8084 .list-group {
8085 padding-left: 0;
8086 margin-bottom: 20px;
8087 }
8088
8089 .list-group-item {
8090 position: relative;
8091 display: block;
8092 padding: 10px 15px;
8093 margin-bottom: -1px;
8094 background-color: #fff;
8095 }
8096
8097 .list-group-item:first-child {
8098 /* rounded top corners */
8099 border-top-right-radius:4px;
8100 border-top-left-radius:4px;
8101 }
8102
8103 .list-group-item:last-child {
8104 margin-bottom: 0;
8105 /* rounded bottom corners */
8106 border-bottom-right-radius: 4px;
8107 border-bottom-left-radius:4px;
8108 }
8109
8110 /* Flex row container */
8111 .flex-row {
8112 display: flex;
8113 flex-direction: row;
8114 }
8115
8116 /* Flex column container */
8117 .flex-column {
8118 display: flex;
8119 flex-direction: column;
8120 }
8121
8122 .flex-item-fit {
8123 flex-grow: 1;
8124 flex-shrink: 1;
8125 flex-basis: auto;
8126 }
8127
8128 .flex-item-no-shrink {
8129 flex-grow: 0;
8130 flex-shrink: 0;
8131 flex-basis: auto;
8132 }
8133
8134 .flex-item-fill {
8135 flex-grow: 0;
8136 flex-shrink: 1; /* shrink when pressured */
8137 flex-basis: 100%; /* try and take 100% */
8138 }
8139
8140 .flex-item-fixed-1-12 {
8141 flex-grow: 0;
8142 flex-shrink: 0;
8143 flex-basis: 8.3%;
8144 }
8145
8146 .flex-item-fixed-2-12 {
8147 flex-grow: 0;
8148 flex-shrink: 0;
8149 flex-basis: 16.6%;
8150 }
8151
8152 .flex-item-fixed-4-12 {
8153 flex-grow: 0;
8154 flex-shrink: 0;
8155 flex-basis: 33.3333%;
8156 }
8157
8158 .flex-item-fixed-6-12, .flex-item-50-percent {
8159 flex-grow: 0;
8160 flex-shrink: 0;
8161 flex-basis: 50%;
8162 }
8163
8164 .flex-item-fixed-8-12 {
8165 flex-grow: 0;
8166 flex-shrink: 0;
8167 flex-basis: 66.6666%;
8168 }
8169
8170 .flex-item-fixed-9-12 {
8171 flex-grow: 0;
8172 flex-shrink: 0;
8173 flex-basis: 75%;
8174 }
8175
8176
8177 .flex-item-fixed-12-12 {
8178 flex-grow: 0;
8179 flex-shrink: 0;
8180 flex-basis: 100%;
8181 }
8182
8183 .flex-item-10-percent {
8184 flex-grow: 0;
8185 flex-shrink: 0;
8186 flex-basis: 10%;
8187 }
8188
8189 .flex-item-15-percent {
8190 flex-grow: 0;
8191 flex-shrink: 0;
8192 flex-basis: 15%;
8193 }
8194
8195 .flex-item-20-percent {
8196 flex-grow: 0;
8197 flex-shrink: 0;
8198 flex-basis: 20%;
8199 }
8200
8201 .flex-item-30-percent {
8202 flex-grow: 0;
8203 flex-shrink: 0;
8204 flex-basis: 30%;
8205 }
8206
8207 .flex-item-40-percent {
8208 flex-grow: 0;
8209 flex-shrink: 0;
8210 flex-basis: 40%;
8211 }
8212
8213 .flex-item-60-percent {
8214 flex-grow: 0;
8215 flex-shrink: 0;
8216 flex-basis: 60%;
8217 }
8218
8219 .flex-item-70-percent {
8220 flex-grow: 0;
8221 flex-shrink: 0;
8222 flex-basis: 70%;
8223 }
8224
8225 .flex-item-80-percent {
8226 flex-grow: 0;
8227 flex-shrink: 0;
8228 flex-basis: 80%;
8229 }
8230
8231 .well {
8232 min-height: 20px;
8233 padding: 19px;
8234 margin-bottom: 20px;
8235 background-color: #f5f5f5;
8236 border: 1px solid #e3e3e3;
8237 border-radius: 4px;
8238 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8239 }
8240 </style>
2159 <div class="flex-row"> 8241 <div class="flex-row">
2160 <div class="flex-item-fixed-1-12"> 8242 <div class="flex-item-fixed-1-12">
2161 </div> 8243 </div>
2162 <div class="flex-item-fixed-1-12"> 8244 <div class="flex-item-fixed-1-12">
2163 #{{ frame['depth'] }} 8245 #{{ frame['depth'] }}
2164 </div> 8246 </div>
2165 <div class="flex-item-fixed-9-12"> 8247 <div class="flex-item-fixed-9-12">
2166 <function-ref ref="{{ frame['function'] }}"></function-ref> 8248 <function-ref ref="{{ frame['function'] }}"></function-ref>
2167 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }} "> 8249 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }} ">
2168 </script-ref> ) 8250 </script-ref> )
(...skipping 12 matching lines...) Expand all
2181 </curly-block> 8263 </curly-block>
2182 </div> 8264 </div>
2183 <div class="flex-item-fixed-1-12"> 8265 <div class="flex-item-fixed-1-12">
2184 </div> 8266 </div>
2185 </div> 8267 </div>
2186 </template> 8268 </template>
2187 8269
2188 </polymer-element> 8270 </polymer-element>
2189 <polymer-element name="stack-trace" extends="observatory-element"> 8271 <polymer-element name="stack-trace" extends="observatory-element">
2190 <template> 8272 <template>
2191 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8273 <style>
8274 /* Global styles */
8275 * {
8276 margin: 0;
8277 padding: 0;
8278 font: 400 14px 'Montserrat', sans-serif;
8279 color: #333;
8280 box-sizing: border-box;
8281 }
8282
8283 .content {
8284 padding-left: 10%;
8285 font: 400 14px 'Montserrat', sans-serif;
8286 }
8287
8288 .content-centered {
8289 padding-left: 10%;
8290 padding-right: 10%;
8291 font: 400 14px 'Montserrat', sans-serif;
8292 }
8293
8294 h1 {
8295 font: 400 18px 'Montserrat', sans-serif;
8296 }
8297
8298 .memberList {
8299 display: table;
8300 }
8301
8302 .memberItem {
8303 display: table-row;
8304 }
8305
8306 .memberName, .memberValue {
8307 display: table-cell;
8308 vertical-align: top;
8309 padding: 3px 0 3px 1em;
8310 font: 400 14px 'Montserrat', sans-serif;
8311 }
8312
8313 .monospace {
8314 font-family: consolas, courier, monospace;
8315 font-size: 1em;
8316 line-height: 1.2em;
8317 white-space: nowrap;
8318 }
8319
8320 a {
8321 color: #0489c3;
8322 text-decoration: none;
8323 }
8324
8325 a:hover {
8326 text-decoration: underline;
8327 }
8328
8329 em {
8330 color: inherit;
8331 font-style:italic;
8332 }
8333
8334 hr {
8335 margin-top: 20px;
8336 margin-bottom: 20px;
8337 border: 0;
8338 border-top: 1px solid #eee;
8339 height: 0;
8340 box-sizing: content-box;
8341 }
8342
8343 .list-group {
8344 padding-left: 0;
8345 margin-bottom: 20px;
8346 }
8347
8348 .list-group-item {
8349 position: relative;
8350 display: block;
8351 padding: 10px 15px;
8352 margin-bottom: -1px;
8353 background-color: #fff;
8354 }
8355
8356 .list-group-item:first-child {
8357 /* rounded top corners */
8358 border-top-right-radius:4px;
8359 border-top-left-radius:4px;
8360 }
8361
8362 .list-group-item:last-child {
8363 margin-bottom: 0;
8364 /* rounded bottom corners */
8365 border-bottom-right-radius: 4px;
8366 border-bottom-left-radius:4px;
8367 }
8368
8369 /* Flex row container */
8370 .flex-row {
8371 display: flex;
8372 flex-direction: row;
8373 }
8374
8375 /* Flex column container */
8376 .flex-column {
8377 display: flex;
8378 flex-direction: column;
8379 }
8380
8381 .flex-item-fit {
8382 flex-grow: 1;
8383 flex-shrink: 1;
8384 flex-basis: auto;
8385 }
8386
8387 .flex-item-no-shrink {
8388 flex-grow: 0;
8389 flex-shrink: 0;
8390 flex-basis: auto;
8391 }
8392
8393 .flex-item-fill {
8394 flex-grow: 0;
8395 flex-shrink: 1; /* shrink when pressured */
8396 flex-basis: 100%; /* try and take 100% */
8397 }
8398
8399 .flex-item-fixed-1-12 {
8400 flex-grow: 0;
8401 flex-shrink: 0;
8402 flex-basis: 8.3%;
8403 }
8404
8405 .flex-item-fixed-2-12 {
8406 flex-grow: 0;
8407 flex-shrink: 0;
8408 flex-basis: 16.6%;
8409 }
8410
8411 .flex-item-fixed-4-12 {
8412 flex-grow: 0;
8413 flex-shrink: 0;
8414 flex-basis: 33.3333%;
8415 }
8416
8417 .flex-item-fixed-6-12, .flex-item-50-percent {
8418 flex-grow: 0;
8419 flex-shrink: 0;
8420 flex-basis: 50%;
8421 }
8422
8423 .flex-item-fixed-8-12 {
8424 flex-grow: 0;
8425 flex-shrink: 0;
8426 flex-basis: 66.6666%;
8427 }
8428
8429 .flex-item-fixed-9-12 {
8430 flex-grow: 0;
8431 flex-shrink: 0;
8432 flex-basis: 75%;
8433 }
8434
8435
8436 .flex-item-fixed-12-12 {
8437 flex-grow: 0;
8438 flex-shrink: 0;
8439 flex-basis: 100%;
8440 }
8441
8442 .flex-item-10-percent {
8443 flex-grow: 0;
8444 flex-shrink: 0;
8445 flex-basis: 10%;
8446 }
8447
8448 .flex-item-15-percent {
8449 flex-grow: 0;
8450 flex-shrink: 0;
8451 flex-basis: 15%;
8452 }
8453
8454 .flex-item-20-percent {
8455 flex-grow: 0;
8456 flex-shrink: 0;
8457 flex-basis: 20%;
8458 }
8459
8460 .flex-item-30-percent {
8461 flex-grow: 0;
8462 flex-shrink: 0;
8463 flex-basis: 30%;
8464 }
8465
8466 .flex-item-40-percent {
8467 flex-grow: 0;
8468 flex-shrink: 0;
8469 flex-basis: 40%;
8470 }
8471
8472 .flex-item-60-percent {
8473 flex-grow: 0;
8474 flex-shrink: 0;
8475 flex-basis: 60%;
8476 }
8477
8478 .flex-item-70-percent {
8479 flex-grow: 0;
8480 flex-shrink: 0;
8481 flex-basis: 70%;
8482 }
8483
8484 .flex-item-80-percent {
8485 flex-grow: 0;
8486 flex-shrink: 0;
8487 flex-basis: 80%;
8488 }
8489
8490 .well {
8491 min-height: 20px;
8492 padding: 19px;
8493 margin-bottom: 20px;
8494 background-color: #f5f5f5;
8495 border: 1px solid #e3e3e3;
8496 border-radius: 4px;
8497 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8498 }
8499 </style>
2192 <nav-bar> 8500 <nav-bar>
2193 <top-nav-menu></top-nav-menu> 8501 <top-nav-menu></top-nav-menu>
2194 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> 8502 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu>
2195 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor ="stack trace" last="{{ true }}"></nav-menu> 8503 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor ="stack trace" last="{{ true }}"></nav-menu>
2196 <nav-refresh callback="{{ refresh }}"></nav-refresh> 8504 <nav-refresh callback="{{ refresh }}"></nav-refresh>
2197 </nav-bar> 8505 </nav-bar>
2198 <template if="{{ trace['members'].isEmpty }}"> 8506 <template if="{{ trace['members'].isEmpty }}">
2199 <div class="content"> 8507 <div class="content">
2200 <em>No stack</em> 8508 <em>No stack</em>
2201 </div> 8509 </div>
2202 </template> 8510 </template>
2203 <template if="{{ trace['members'].isNotEmpty }}"> 8511 <template if="{{ trace['members'].isNotEmpty }}">
2204 <ul class="list-group"> 8512 <ul class="list-group">
2205 <template repeat="{{ frame in trace['members'] }}"> 8513 <template repeat="{{ frame in trace['members'] }}">
2206 <li class="list-group-item"> 8514 <li class="list-group-item">
2207 <stack-frame frame="{{ frame }}"></stack-frame> 8515 <stack-frame frame="{{ frame }}"></stack-frame>
2208 </li> 8516 </li>
2209 </template> 8517 </template>
2210 </ul> 8518 </ul>
2211 </template> 8519 </template>
2212 </template> 8520 </template>
2213 8521
2214 </polymer-element> 8522 </polymer-element>
8523
8524
8525
8526
8527
8528
8529
8530
8531
2215 <polymer-element name="vm-view" extends="observatory-element"> 8532 <polymer-element name="vm-view" extends="observatory-element">
2216 <template> 8533 <template>
2217 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8534 <style>
8535 /* Global styles */
8536 * {
8537 margin: 0;
8538 padding: 0;
8539 font: 400 14px 'Montserrat', sans-serif;
8540 color: #333;
8541 box-sizing: border-box;
8542 }
8543
8544 .content {
8545 padding-left: 10%;
8546 font: 400 14px 'Montserrat', sans-serif;
8547 }
8548
8549 .content-centered {
8550 padding-left: 10%;
8551 padding-right: 10%;
8552 font: 400 14px 'Montserrat', sans-serif;
8553 }
8554
8555 h1 {
8556 font: 400 18px 'Montserrat', sans-serif;
8557 }
8558
8559 .memberList {
8560 display: table;
8561 }
8562
8563 .memberItem {
8564 display: table-row;
8565 }
8566
8567 .memberName, .memberValue {
8568 display: table-cell;
8569 vertical-align: top;
8570 padding: 3px 0 3px 1em;
8571 font: 400 14px 'Montserrat', sans-serif;
8572 }
8573
8574 .monospace {
8575 font-family: consolas, courier, monospace;
8576 font-size: 1em;
8577 line-height: 1.2em;
8578 white-space: nowrap;
8579 }
8580
8581 a {
8582 color: #0489c3;
8583 text-decoration: none;
8584 }
8585
8586 a:hover {
8587 text-decoration: underline;
8588 }
8589
8590 em {
8591 color: inherit;
8592 font-style:italic;
8593 }
8594
8595 hr {
8596 margin-top: 20px;
8597 margin-bottom: 20px;
8598 border: 0;
8599 border-top: 1px solid #eee;
8600 height: 0;
8601 box-sizing: content-box;
8602 }
8603
8604 .list-group {
8605 padding-left: 0;
8606 margin-bottom: 20px;
8607 }
8608
8609 .list-group-item {
8610 position: relative;
8611 display: block;
8612 padding: 10px 15px;
8613 margin-bottom: -1px;
8614 background-color: #fff;
8615 }
8616
8617 .list-group-item:first-child {
8618 /* rounded top corners */
8619 border-top-right-radius:4px;
8620 border-top-left-radius:4px;
8621 }
8622
8623 .list-group-item:last-child {
8624 margin-bottom: 0;
8625 /* rounded bottom corners */
8626 border-bottom-right-radius: 4px;
8627 border-bottom-left-radius:4px;
8628 }
8629
8630 /* Flex row container */
8631 .flex-row {
8632 display: flex;
8633 flex-direction: row;
8634 }
8635
8636 /* Flex column container */
8637 .flex-column {
8638 display: flex;
8639 flex-direction: column;
8640 }
8641
8642 .flex-item-fit {
8643 flex-grow: 1;
8644 flex-shrink: 1;
8645 flex-basis: auto;
8646 }
8647
8648 .flex-item-no-shrink {
8649 flex-grow: 0;
8650 flex-shrink: 0;
8651 flex-basis: auto;
8652 }
8653
8654 .flex-item-fill {
8655 flex-grow: 0;
8656 flex-shrink: 1; /* shrink when pressured */
8657 flex-basis: 100%; /* try and take 100% */
8658 }
8659
8660 .flex-item-fixed-1-12 {
8661 flex-grow: 0;
8662 flex-shrink: 0;
8663 flex-basis: 8.3%;
8664 }
8665
8666 .flex-item-fixed-2-12 {
8667 flex-grow: 0;
8668 flex-shrink: 0;
8669 flex-basis: 16.6%;
8670 }
8671
8672 .flex-item-fixed-4-12 {
8673 flex-grow: 0;
8674 flex-shrink: 0;
8675 flex-basis: 33.3333%;
8676 }
8677
8678 .flex-item-fixed-6-12, .flex-item-50-percent {
8679 flex-grow: 0;
8680 flex-shrink: 0;
8681 flex-basis: 50%;
8682 }
8683
8684 .flex-item-fixed-8-12 {
8685 flex-grow: 0;
8686 flex-shrink: 0;
8687 flex-basis: 66.6666%;
8688 }
8689
8690 .flex-item-fixed-9-12 {
8691 flex-grow: 0;
8692 flex-shrink: 0;
8693 flex-basis: 75%;
8694 }
8695
8696
8697 .flex-item-fixed-12-12 {
8698 flex-grow: 0;
8699 flex-shrink: 0;
8700 flex-basis: 100%;
8701 }
8702
8703 .flex-item-10-percent {
8704 flex-grow: 0;
8705 flex-shrink: 0;
8706 flex-basis: 10%;
8707 }
8708
8709 .flex-item-15-percent {
8710 flex-grow: 0;
8711 flex-shrink: 0;
8712 flex-basis: 15%;
8713 }
8714
8715 .flex-item-20-percent {
8716 flex-grow: 0;
8717 flex-shrink: 0;
8718 flex-basis: 20%;
8719 }
8720
8721 .flex-item-30-percent {
8722 flex-grow: 0;
8723 flex-shrink: 0;
8724 flex-basis: 30%;
8725 }
8726
8727 .flex-item-40-percent {
8728 flex-grow: 0;
8729 flex-shrink: 0;
8730 flex-basis: 40%;
8731 }
8732
8733 .flex-item-60-percent {
8734 flex-grow: 0;
8735 flex-shrink: 0;
8736 flex-basis: 60%;
8737 }
8738
8739 .flex-item-70-percent {
8740 flex-grow: 0;
8741 flex-shrink: 0;
8742 flex-basis: 70%;
8743 }
8744
8745 .flex-item-80-percent {
8746 flex-grow: 0;
8747 flex-shrink: 0;
8748 flex-basis: 80%;
8749 }
8750
8751 .well {
8752 min-height: 20px;
8753 padding: 19px;
8754 margin-bottom: 20px;
8755 background-color: #f5f5f5;
8756 border: 1px solid #e3e3e3;
8757 border-radius: 4px;
8758 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8759 }
8760 </style>
2218 8761
2219 <nav-bar> 8762 <nav-bar>
2220 <top-nav-menu last="{{ true }}"></top-nav-menu> 8763 <top-nav-menu last="{{ true }}"></top-nav-menu>
2221 <nav-refresh callback="{{ refresh }}"></nav-refresh> 8764 <nav-refresh callback="{{ refresh }}"></nav-refresh>
2222 </nav-bar> 8765 </nav-bar>
2223 8766
2224 <div class="content"> 8767 <div class="content">
2225 <h1>VM</h1> 8768 <h1>VM</h1>
2226 <div class="memberList"> 8769 <div class="memberList">
2227 <div class="memberItem"> 8770 <div class="memberItem">
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
2262 an observable property on the old element to an invalid type. --> 8805 an observable property on the old element to an invalid type. -->
2263 8806
2264 </polymer-element> 8807 </polymer-element>
2265 <polymer-element name="response-viewer" extends="observatory-element"> 8808 <polymer-element name="response-viewer" extends="observatory-element">
2266 <template> 8809 <template>
2267 <service-view object="{{ app.response }}"></service-view> 8810 <service-view object="{{ app.response }}"></service-view>
2268 </template> 8811 </template>
2269 8812
2270 </polymer-element><polymer-element name="observatory-application" extends="obser vatory-element"> 8813 </polymer-element><polymer-element name="observatory-application" extends="obser vatory-element">
2271 <template> 8814 <template>
2272 <response-viewer app="{{ app }}"></response-viewer> 8815 <response-viewer app="{{ this.app }}"></response-viewer>
2273 </template> 8816 </template>
2274 8817
2275 </polymer-element> 8818 </polymer-element>
8819
8820
8821
2276 <polymer-element name="service-exception-view" extends="observatory-element"> 8822 <polymer-element name="service-exception-view" extends="observatory-element">
2277 <template> 8823 <template>
2278 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 8824 <style>
8825 /* Global styles */
8826 * {
8827 margin: 0;
8828 padding: 0;
8829 font: 400 14px 'Montserrat', sans-serif;
8830 color: #333;
8831 box-sizing: border-box;
8832 }
8833
8834 .content {
8835 padding-left: 10%;
8836 font: 400 14px 'Montserrat', sans-serif;
8837 }
8838
8839 .content-centered {
8840 padding-left: 10%;
8841 padding-right: 10%;
8842 font: 400 14px 'Montserrat', sans-serif;
8843 }
8844
8845 h1 {
8846 font: 400 18px 'Montserrat', sans-serif;
8847 }
8848
8849 .memberList {
8850 display: table;
8851 }
8852
8853 .memberItem {
8854 display: table-row;
8855 }
8856
8857 .memberName, .memberValue {
8858 display: table-cell;
8859 vertical-align: top;
8860 padding: 3px 0 3px 1em;
8861 font: 400 14px 'Montserrat', sans-serif;
8862 }
8863
8864 .monospace {
8865 font-family: consolas, courier, monospace;
8866 font-size: 1em;
8867 line-height: 1.2em;
8868 white-space: nowrap;
8869 }
8870
8871 a {
8872 color: #0489c3;
8873 text-decoration: none;
8874 }
8875
8876 a:hover {
8877 text-decoration: underline;
8878 }
8879
8880 em {
8881 color: inherit;
8882 font-style:italic;
8883 }
8884
8885 hr {
8886 margin-top: 20px;
8887 margin-bottom: 20px;
8888 border: 0;
8889 border-top: 1px solid #eee;
8890 height: 0;
8891 box-sizing: content-box;
8892 }
8893
8894 .list-group {
8895 padding-left: 0;
8896 margin-bottom: 20px;
8897 }
8898
8899 .list-group-item {
8900 position: relative;
8901 display: block;
8902 padding: 10px 15px;
8903 margin-bottom: -1px;
8904 background-color: #fff;
8905 }
8906
8907 .list-group-item:first-child {
8908 /* rounded top corners */
8909 border-top-right-radius:4px;
8910 border-top-left-radius:4px;
8911 }
8912
8913 .list-group-item:last-child {
8914 margin-bottom: 0;
8915 /* rounded bottom corners */
8916 border-bottom-right-radius: 4px;
8917 border-bottom-left-radius:4px;
8918 }
8919
8920 /* Flex row container */
8921 .flex-row {
8922 display: flex;
8923 flex-direction: row;
8924 }
8925
8926 /* Flex column container */
8927 .flex-column {
8928 display: flex;
8929 flex-direction: column;
8930 }
8931
8932 .flex-item-fit {
8933 flex-grow: 1;
8934 flex-shrink: 1;
8935 flex-basis: auto;
8936 }
8937
8938 .flex-item-no-shrink {
8939 flex-grow: 0;
8940 flex-shrink: 0;
8941 flex-basis: auto;
8942 }
8943
8944 .flex-item-fill {
8945 flex-grow: 0;
8946 flex-shrink: 1; /* shrink when pressured */
8947 flex-basis: 100%; /* try and take 100% */
8948 }
8949
8950 .flex-item-fixed-1-12 {
8951 flex-grow: 0;
8952 flex-shrink: 0;
8953 flex-basis: 8.3%;
8954 }
8955
8956 .flex-item-fixed-2-12 {
8957 flex-grow: 0;
8958 flex-shrink: 0;
8959 flex-basis: 16.6%;
8960 }
8961
8962 .flex-item-fixed-4-12 {
8963 flex-grow: 0;
8964 flex-shrink: 0;
8965 flex-basis: 33.3333%;
8966 }
8967
8968 .flex-item-fixed-6-12, .flex-item-50-percent {
8969 flex-grow: 0;
8970 flex-shrink: 0;
8971 flex-basis: 50%;
8972 }
8973
8974 .flex-item-fixed-8-12 {
8975 flex-grow: 0;
8976 flex-shrink: 0;
8977 flex-basis: 66.6666%;
8978 }
8979
8980 .flex-item-fixed-9-12 {
8981 flex-grow: 0;
8982 flex-shrink: 0;
8983 flex-basis: 75%;
8984 }
8985
8986
8987 .flex-item-fixed-12-12 {
8988 flex-grow: 0;
8989 flex-shrink: 0;
8990 flex-basis: 100%;
8991 }
8992
8993 .flex-item-10-percent {
8994 flex-grow: 0;
8995 flex-shrink: 0;
8996 flex-basis: 10%;
8997 }
8998
8999 .flex-item-15-percent {
9000 flex-grow: 0;
9001 flex-shrink: 0;
9002 flex-basis: 15%;
9003 }
9004
9005 .flex-item-20-percent {
9006 flex-grow: 0;
9007 flex-shrink: 0;
9008 flex-basis: 20%;
9009 }
9010
9011 .flex-item-30-percent {
9012 flex-grow: 0;
9013 flex-shrink: 0;
9014 flex-basis: 30%;
9015 }
9016
9017 .flex-item-40-percent {
9018 flex-grow: 0;
9019 flex-shrink: 0;
9020 flex-basis: 40%;
9021 }
9022
9023 .flex-item-60-percent {
9024 flex-grow: 0;
9025 flex-shrink: 0;
9026 flex-basis: 60%;
9027 }
9028
9029 .flex-item-70-percent {
9030 flex-grow: 0;
9031 flex-shrink: 0;
9032 flex-basis: 70%;
9033 }
9034
9035 .flex-item-80-percent {
9036 flex-grow: 0;
9037 flex-shrink: 0;
9038 flex-basis: 80%;
9039 }
9040
9041 .well {
9042 min-height: 20px;
9043 padding: 19px;
9044 margin-bottom: 20px;
9045 background-color: #f5f5f5;
9046 border: 1px solid #e3e3e3;
9047 border-radius: 4px;
9048 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9049 }
9050 </style>
2279 <nav-bar> 9051 <nav-bar>
2280 <top-nav-menu last="{{ true }}"></top-nav-menu> 9052 <top-nav-menu last="{{ true }}"></top-nav-menu>
2281 </nav-bar> 9053 </nav-bar>
2282 <div class="content-centered"> 9054 <div class="content-centered">
2283 <h1>{{ exception.kind }}</h1> 9055 <h1>{{ exception.kind }}</h1>
2284 <br> 9056 <br>
2285 <div class="well">{{ exception.message }}</div> 9057 <div class="well">{{ exception.message }}</div>
2286 <template if="{{ exception.response != '' }}"> 9058 <template if="{{ exception.response != '' }}">
2287 <div class="well">{{ exception.response }}</div> 9059 <div class="well">{{ exception.response }}</div>
2288 </template> 9060 </template>
2289 </div> 9061 </div>
2290 </template> 9062 </template>
2291 9063
2292 </polymer-element> 9064 </polymer-element>
9065
9066
9067
2293 <polymer-element name="service-error-view" extends="observatory-element"> 9068 <polymer-element name="service-error-view" extends="observatory-element">
2294 <template> 9069 <template>
2295 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs s"> 9070 <style>
9071 /* Global styles */
9072 * {
9073 margin: 0;
9074 padding: 0;
9075 font: 400 14px 'Montserrat', sans-serif;
9076 color: #333;
9077 box-sizing: border-box;
9078 }
9079
9080 .content {
9081 padding-left: 10%;
9082 font: 400 14px 'Montserrat', sans-serif;
9083 }
9084
9085 .content-centered {
9086 padding-left: 10%;
9087 padding-right: 10%;
9088 font: 400 14px 'Montserrat', sans-serif;
9089 }
9090
9091 h1 {
9092 font: 400 18px 'Montserrat', sans-serif;
9093 }
9094
9095 .memberList {
9096 display: table;
9097 }
9098
9099 .memberItem {
9100 display: table-row;
9101 }
9102
9103 .memberName, .memberValue {
9104 display: table-cell;
9105 vertical-align: top;
9106 padding: 3px 0 3px 1em;
9107 font: 400 14px 'Montserrat', sans-serif;
9108 }
9109
9110 .monospace {
9111 font-family: consolas, courier, monospace;
9112 font-size: 1em;
9113 line-height: 1.2em;
9114 white-space: nowrap;
9115 }
9116
9117 a {
9118 color: #0489c3;
9119 text-decoration: none;
9120 }
9121
9122 a:hover {
9123 text-decoration: underline;
9124 }
9125
9126 em {
9127 color: inherit;
9128 font-style:italic;
9129 }
9130
9131 hr {
9132 margin-top: 20px;
9133 margin-bottom: 20px;
9134 border: 0;
9135 border-top: 1px solid #eee;
9136 height: 0;
9137 box-sizing: content-box;
9138 }
9139
9140 .list-group {
9141 padding-left: 0;
9142 margin-bottom: 20px;
9143 }
9144
9145 .list-group-item {
9146 position: relative;
9147 display: block;
9148 padding: 10px 15px;
9149 margin-bottom: -1px;
9150 background-color: #fff;
9151 }
9152
9153 .list-group-item:first-child {
9154 /* rounded top corners */
9155 border-top-right-radius:4px;
9156 border-top-left-radius:4px;
9157 }
9158
9159 .list-group-item:last-child {
9160 margin-bottom: 0;
9161 /* rounded bottom corners */
9162 border-bottom-right-radius: 4px;
9163 border-bottom-left-radius:4px;
9164 }
9165
9166 /* Flex row container */
9167 .flex-row {
9168 display: flex;
9169 flex-direction: row;
9170 }
9171
9172 /* Flex column container */
9173 .flex-column {
9174 display: flex;
9175 flex-direction: column;
9176 }
9177
9178 .flex-item-fit {
9179 flex-grow: 1;
9180 flex-shrink: 1;
9181 flex-basis: auto;
9182 }
9183
9184 .flex-item-no-shrink {
9185 flex-grow: 0;
9186 flex-shrink: 0;
9187 flex-basis: auto;
9188 }
9189
9190 .flex-item-fill {
9191 flex-grow: 0;
9192 flex-shrink: 1; /* shrink when pressured */
9193 flex-basis: 100%; /* try and take 100% */
9194 }
9195
9196 .flex-item-fixed-1-12 {
9197 flex-grow: 0;
9198 flex-shrink: 0;
9199 flex-basis: 8.3%;
9200 }
9201
9202 .flex-item-fixed-2-12 {
9203 flex-grow: 0;
9204 flex-shrink: 0;
9205 flex-basis: 16.6%;
9206 }
9207
9208 .flex-item-fixed-4-12 {
9209 flex-grow: 0;
9210 flex-shrink: 0;
9211 flex-basis: 33.3333%;
9212 }
9213
9214 .flex-item-fixed-6-12, .flex-item-50-percent {
9215 flex-grow: 0;
9216 flex-shrink: 0;
9217 flex-basis: 50%;
9218 }
9219
9220 .flex-item-fixed-8-12 {
9221 flex-grow: 0;
9222 flex-shrink: 0;
9223 flex-basis: 66.6666%;
9224 }
9225
9226 .flex-item-fixed-9-12 {
9227 flex-grow: 0;
9228 flex-shrink: 0;
9229 flex-basis: 75%;
9230 }
9231
9232
9233 .flex-item-fixed-12-12 {
9234 flex-grow: 0;
9235 flex-shrink: 0;
9236 flex-basis: 100%;
9237 }
9238
9239 .flex-item-10-percent {
9240 flex-grow: 0;
9241 flex-shrink: 0;
9242 flex-basis: 10%;
9243 }
9244
9245 .flex-item-15-percent {
9246 flex-grow: 0;
9247 flex-shrink: 0;
9248 flex-basis: 15%;
9249 }
9250
9251 .flex-item-20-percent {
9252 flex-grow: 0;
9253 flex-shrink: 0;
9254 flex-basis: 20%;
9255 }
9256
9257 .flex-item-30-percent {
9258 flex-grow: 0;
9259 flex-shrink: 0;
9260 flex-basis: 30%;
9261 }
9262
9263 .flex-item-40-percent {
9264 flex-grow: 0;
9265 flex-shrink: 0;
9266 flex-basis: 40%;
9267 }
9268
9269 .flex-item-60-percent {
9270 flex-grow: 0;
9271 flex-shrink: 0;
9272 flex-basis: 60%;
9273 }
9274
9275 .flex-item-70-percent {
9276 flex-grow: 0;
9277 flex-shrink: 0;
9278 flex-basis: 70%;
9279 }
9280
9281 .flex-item-80-percent {
9282 flex-grow: 0;
9283 flex-shrink: 0;
9284 flex-basis: 80%;
9285 }
9286
9287 .well {
9288 min-height: 20px;
9289 padding: 19px;
9290 margin-bottom: 20px;
9291 background-color: #f5f5f5;
9292 border: 1px solid #e3e3e3;
9293 border-radius: 4px;
9294 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9295 }
9296 </style>
2296 <nav-bar> 9297 <nav-bar>
2297 <top-nav-menu last="{{ true }}"></top-nav-menu> 9298 <top-nav-menu last="{{ true }}"></top-nav-menu>
2298 </nav-bar> 9299 </nav-bar>
2299 <div class="content-centered"> 9300 <div class="content-centered">
2300 <h1>{{ error.kind }}</h1> 9301 <h1>{{ error.kind }}</h1>
2301 <br> 9302 <br>
2302 <div class="well">{{ error.message }}</div> 9303 <div class="well">{{ error.message }}</div>
2303 </div> 9304 </div>
2304 </template> 9305 </template>
2305 9306
2306 </polymer-element> 9307 </polymer-element>
9308
9309
2307 <polymer-element name="vm-ref" extends="service-ref"> 9310 <polymer-element name="vm-ref" extends="service-ref">
2308 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha red.css"> 9311 <template><style>
9312 /* Global styles */
9313 * {
9314 margin: 0;
9315 padding: 0;
9316 font: 400 14px 'Montserrat', sans-serif;
9317 color: #333;
9318 box-sizing: border-box;
9319 }
9320
9321 .content {
9322 padding-left: 10%;
9323 font: 400 14px 'Montserrat', sans-serif;
9324 }
9325
9326 .content-centered {
9327 padding-left: 10%;
9328 padding-right: 10%;
9329 font: 400 14px 'Montserrat', sans-serif;
9330 }
9331
9332 h1 {
9333 font: 400 18px 'Montserrat', sans-serif;
9334 }
9335
9336 .memberList {
9337 display: table;
9338 }
9339
9340 .memberItem {
9341 display: table-row;
9342 }
9343
9344 .memberName, .memberValue {
9345 display: table-cell;
9346 vertical-align: top;
9347 padding: 3px 0 3px 1em;
9348 font: 400 14px 'Montserrat', sans-serif;
9349 }
9350
9351 .monospace {
9352 font-family: consolas, courier, monospace;
9353 font-size: 1em;
9354 line-height: 1.2em;
9355 white-space: nowrap;
9356 }
9357
9358 a {
9359 color: #0489c3;
9360 text-decoration: none;
9361 }
9362
9363 a:hover {
9364 text-decoration: underline;
9365 }
9366
9367 em {
9368 color: inherit;
9369 font-style:italic;
9370 }
9371
9372 hr {
9373 margin-top: 20px;
9374 margin-bottom: 20px;
9375 border: 0;
9376 border-top: 1px solid #eee;
9377 height: 0;
9378 box-sizing: content-box;
9379 }
9380
9381 .list-group {
9382 padding-left: 0;
9383 margin-bottom: 20px;
9384 }
9385
9386 .list-group-item {
9387 position: relative;
9388 display: block;
9389 padding: 10px 15px;
9390 margin-bottom: -1px;
9391 background-color: #fff;
9392 }
9393
9394 .list-group-item:first-child {
9395 /* rounded top corners */
9396 border-top-right-radius:4px;
9397 border-top-left-radius:4px;
9398 }
9399
9400 .list-group-item:last-child {
9401 margin-bottom: 0;
9402 /* rounded bottom corners */
9403 border-bottom-right-radius: 4px;
9404 border-bottom-left-radius:4px;
9405 }
9406
9407 /* Flex row container */
9408 .flex-row {
9409 display: flex;
9410 flex-direction: row;
9411 }
9412
9413 /* Flex column container */
9414 .flex-column {
9415 display: flex;
9416 flex-direction: column;
9417 }
9418
9419 .flex-item-fit {
9420 flex-grow: 1;
9421 flex-shrink: 1;
9422 flex-basis: auto;
9423 }
9424
9425 .flex-item-no-shrink {
9426 flex-grow: 0;
9427 flex-shrink: 0;
9428 flex-basis: auto;
9429 }
9430
9431 .flex-item-fill {
9432 flex-grow: 0;
9433 flex-shrink: 1; /* shrink when pressured */
9434 flex-basis: 100%; /* try and take 100% */
9435 }
9436
9437 .flex-item-fixed-1-12 {
9438 flex-grow: 0;
9439 flex-shrink: 0;
9440 flex-basis: 8.3%;
9441 }
9442
9443 .flex-item-fixed-2-12 {
9444 flex-grow: 0;
9445 flex-shrink: 0;
9446 flex-basis: 16.6%;
9447 }
9448
9449 .flex-item-fixed-4-12 {
9450 flex-grow: 0;
9451 flex-shrink: 0;
9452 flex-basis: 33.3333%;
9453 }
9454
9455 .flex-item-fixed-6-12, .flex-item-50-percent {
9456 flex-grow: 0;
9457 flex-shrink: 0;
9458 flex-basis: 50%;
9459 }
9460
9461 .flex-item-fixed-8-12 {
9462 flex-grow: 0;
9463 flex-shrink: 0;
9464 flex-basis: 66.6666%;
9465 }
9466
9467 .flex-item-fixed-9-12 {
9468 flex-grow: 0;
9469 flex-shrink: 0;
9470 flex-basis: 75%;
9471 }
9472
9473
9474 .flex-item-fixed-12-12 {
9475 flex-grow: 0;
9476 flex-shrink: 0;
9477 flex-basis: 100%;
9478 }
9479
9480 .flex-item-10-percent {
9481 flex-grow: 0;
9482 flex-shrink: 0;
9483 flex-basis: 10%;
9484 }
9485
9486 .flex-item-15-percent {
9487 flex-grow: 0;
9488 flex-shrink: 0;
9489 flex-basis: 15%;
9490 }
9491
9492 .flex-item-20-percent {
9493 flex-grow: 0;
9494 flex-shrink: 0;
9495 flex-basis: 20%;
9496 }
9497
9498 .flex-item-30-percent {
9499 flex-grow: 0;
9500 flex-shrink: 0;
9501 flex-basis: 30%;
9502 }
9503
9504 .flex-item-40-percent {
9505 flex-grow: 0;
9506 flex-shrink: 0;
9507 flex-basis: 40%;
9508 }
9509
9510 .flex-item-60-percent {
9511 flex-grow: 0;
9512 flex-shrink: 0;
9513 flex-basis: 60%;
9514 }
9515
9516 .flex-item-70-percent {
9517 flex-grow: 0;
9518 flex-shrink: 0;
9519 flex-basis: 70%;
9520 }
9521
9522 .flex-item-80-percent {
9523 flex-grow: 0;
9524 flex-shrink: 0;
9525 flex-basis: 80%;
9526 }
9527
9528 .well {
9529 min-height: 20px;
9530 padding: 19px;
9531 margin-bottom: 20px;
9532 background-color: #f5f5f5;
9533 border: 1px solid #e3e3e3;
9534 border-radius: 4px;
9535 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9536 }
9537 </style>
2309 <a href="{{ url }}">{{ ref.name }}</a> 9538 <a href="{{ url }}">{{ ref.name }}</a>
2310 </template> 9539 </template>
2311 9540
2312 </polymer-element> 9541 </polymer-element>
2313 9542
2314 9543 <script src="main.dart.js"></script>
2315 <observatory-application devtools="true"></observatory-application> 9544 <observatory-application devtools="true"></observatory-application>
2316 9545
2317 </body></html> 9546 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | runtime/bin/vmservice/client/lib/src/elements/collapsible_content.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698