OLD | NEW |
1 <!DOCTYPE html><html><head><script src="packages/shadow_dom/shadow_dom.debug.js"
></script> | 1 <!DOCTYPE html><html><head> |
2 <script src="packages/custom_element/custom-elements.debug.js"></script> | |
3 | |
4 <meta charset="utf-8"> | 2 <meta charset="utf-8"> |
5 <title>Dart VM Observatory</title> | 3 <title>Dart VM Observatory</title> |
6 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 4 |
7 <script type="text/javascript" src="https://www.google.com/jsapi"></script> | 5 |
8 <script src="packages/browser/interop.js"></script> | 6 |
9 | 7 |
10 <script type="application/dart" src="index.html_bootstrap.dart"></script> | 8 |
11 <script src="packages/browser/dart.js"></script> | 9 |
12 </head> | 10 </head> |
13 <body><polymer-element name="curly-block"> | 11 <body> |
| 12 |
| 13 <!-- |
| 14 These two files are from the Polymer project: |
| 15 https://github.com/Polymer/platform/ and https://github.com/Polymer/polymer/. |
| 16 |
| 17 You can replace platform.js and polymer.html with different versions if desired. |
| 18 --> |
| 19 <!-- minified for deployment: --> |
| 20 |
| 21 |
| 22 |
| 23 <!-- unminfied for debugging: |
| 24 <script src="../../packages/web_components/platform.concat.js"></script> |
| 25 <script src="src/js/polymer/polymer.concat.js"></script> |
| 26 <link rel="import" href="src/js/polymer/polymer-body.html"> |
| 27 --> |
| 28 |
| 29 <!-- Teach dart2js about Shadow DOM polyfill objects. --> |
| 30 |
| 31 |
| 32 <!-- Bootstrap the user application in a new isolate. --> |
| 33 |
| 34 <!-- TODO(sigmund): replace boot.js by boot.dart (dartbug.com/18007) |
| 35 <script type="application/dart">export "package:polymer/boot.dart";</script> |
| 36 --> |
| 37 <script src="packages/polymer/src/js/use_native_dartium_shadowdom.js"></script><
script src="packages/web_components/platform.js"></script> |
| 38 <!-- <link rel="import" href="../polymer-dev/polymer.html"> --> |
| 39 <script src="packages/polymer/src/js/polymer/polymer.js"></script><polymer-eleme
nt name="polymer-body" extends="body"> |
| 40 |
| 41 <script> |
| 42 |
| 43 // upgrade polymer-body last so that it can contain other imported elements |
| 44 document.addEventListener('polymer-ready', function() { |
| 45 |
| 46 Polymer('polymer-body', Platform.mixin({ |
| 47 |
| 48 created: function() { |
| 49 this.template = document.createElement('template'); |
| 50 var body = wrap(document).body; |
| 51 var c$ = body.childNodes.array(); |
| 52 for (var i=0, c; (c=c$[i]); i++) { |
| 53 if (c.localName !== 'script') { |
| 54 this.template.content.appendChild(c); |
| 55 } |
| 56 } |
| 57 // snarf up user defined model |
| 58 window.model = this; |
| 59 }, |
| 60 |
| 61 parseDeclaration: function(elementElement) { |
| 62 this.lightFromTemplate(this.template); |
| 63 } |
| 64 |
| 65 }, window.model)); |
| 66 |
| 67 }); |
| 68 |
| 69 </script> |
| 70 |
| 71 </polymer-element><script src="packages/web_components/dart_support.js"></script
><style> |
| 72 /* Global styles */ |
| 73 * { |
| 74 margin: 0; |
| 75 padding: 0; |
| 76 font: 400 14px 'Montserrat', sans-serif; |
| 77 color: #333; |
| 78 box-sizing: border-box; |
| 79 } |
| 80 |
| 81 .content { |
| 82 padding-left: 10%; |
| 83 font: 400 14px 'Montserrat', sans-serif; |
| 84 } |
| 85 |
| 86 .content-centered { |
| 87 padding-left: 10%; |
| 88 padding-right: 10%; |
| 89 font: 400 14px 'Montserrat', sans-serif; |
| 90 } |
| 91 |
| 92 h1 { |
| 93 font: 400 18px 'Montserrat', sans-serif; |
| 94 } |
| 95 |
| 96 .memberList { |
| 97 display: table; |
| 98 } |
| 99 |
| 100 .memberItem { |
| 101 display: table-row; |
| 102 } |
| 103 |
| 104 .memberName, .memberValue { |
| 105 display: table-cell; |
| 106 vertical-align: top; |
| 107 padding: 3px 0 3px 1em; |
| 108 font: 400 14px 'Montserrat', sans-serif; |
| 109 } |
| 110 |
| 111 .monospace { |
| 112 font-family: consolas, courier, monospace; |
| 113 font-size: 1em; |
| 114 line-height: 1.2em; |
| 115 white-space: nowrap; |
| 116 } |
| 117 |
| 118 a { |
| 119 color: #0489c3; |
| 120 text-decoration: none; |
| 121 } |
| 122 |
| 123 a:hover { |
| 124 text-decoration: underline; |
| 125 } |
| 126 |
| 127 em { |
| 128 color: inherit; |
| 129 font-style:italic; |
| 130 } |
| 131 |
| 132 hr { |
| 133 margin-top: 20px; |
| 134 margin-bottom: 20px; |
| 135 border: 0; |
| 136 border-top: 1px solid #eee; |
| 137 height: 0; |
| 138 box-sizing: content-box; |
| 139 } |
| 140 |
| 141 .list-group { |
| 142 padding-left: 0; |
| 143 margin-bottom: 20px; |
| 144 } |
| 145 |
| 146 .list-group-item { |
| 147 position: relative; |
| 148 display: block; |
| 149 padding: 10px 15px; |
| 150 margin-bottom: -1px; |
| 151 background-color: #fff; |
| 152 } |
| 153 |
| 154 .list-group-item:first-child { |
| 155 /* rounded top corners */ |
| 156 border-top-right-radius:4px; |
| 157 border-top-left-radius:4px; |
| 158 } |
| 159 |
| 160 .list-group-item:last-child { |
| 161 margin-bottom: 0; |
| 162 /* rounded bottom corners */ |
| 163 border-bottom-right-radius: 4px; |
| 164 border-bottom-left-radius:4px; |
| 165 } |
| 166 |
| 167 /* Flex row container */ |
| 168 .flex-row { |
| 169 display: flex; |
| 170 flex-direction: row; |
| 171 } |
| 172 |
| 173 /* Flex column container */ |
| 174 .flex-column { |
| 175 display: flex; |
| 176 flex-direction: column; |
| 177 } |
| 178 |
| 179 .flex-item-fit { |
| 180 flex-grow: 1; |
| 181 flex-shrink: 1; |
| 182 flex-basis: auto; |
| 183 } |
| 184 |
| 185 .flex-item-no-shrink { |
| 186 flex-grow: 0; |
| 187 flex-shrink: 0; |
| 188 flex-basis: auto; |
| 189 } |
| 190 |
| 191 .flex-item-fill { |
| 192 flex-grow: 0; |
| 193 flex-shrink: 1; /* shrink when pressured */ |
| 194 flex-basis: 100%; /* try and take 100% */ |
| 195 } |
| 196 |
| 197 .flex-item-fixed-1-12 { |
| 198 flex-grow: 0; |
| 199 flex-shrink: 0; |
| 200 flex-basis: 8.3%; |
| 201 } |
| 202 |
| 203 .flex-item-fixed-2-12 { |
| 204 flex-grow: 0; |
| 205 flex-shrink: 0; |
| 206 flex-basis: 16.6%; |
| 207 } |
| 208 |
| 209 .flex-item-fixed-4-12 { |
| 210 flex-grow: 0; |
| 211 flex-shrink: 0; |
| 212 flex-basis: 33.3333%; |
| 213 } |
| 214 |
| 215 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 216 flex-grow: 0; |
| 217 flex-shrink: 0; |
| 218 flex-basis: 50%; |
| 219 } |
| 220 |
| 221 .flex-item-fixed-8-12 { |
| 222 flex-grow: 0; |
| 223 flex-shrink: 0; |
| 224 flex-basis: 66.6666%; |
| 225 } |
| 226 |
| 227 .flex-item-fixed-9-12 { |
| 228 flex-grow: 0; |
| 229 flex-shrink: 0; |
| 230 flex-basis: 75%; |
| 231 } |
| 232 |
| 233 |
| 234 .flex-item-fixed-12-12 { |
| 235 flex-grow: 0; |
| 236 flex-shrink: 0; |
| 237 flex-basis: 100%; |
| 238 } |
| 239 |
| 240 .flex-item-10-percent { |
| 241 flex-grow: 0; |
| 242 flex-shrink: 0; |
| 243 flex-basis: 10%; |
| 244 } |
| 245 |
| 246 .flex-item-15-percent { |
| 247 flex-grow: 0; |
| 248 flex-shrink: 0; |
| 249 flex-basis: 15%; |
| 250 } |
| 251 |
| 252 .flex-item-20-percent { |
| 253 flex-grow: 0; |
| 254 flex-shrink: 0; |
| 255 flex-basis: 20%; |
| 256 } |
| 257 |
| 258 .flex-item-30-percent { |
| 259 flex-grow: 0; |
| 260 flex-shrink: 0; |
| 261 flex-basis: 30%; |
| 262 } |
| 263 |
| 264 .flex-item-40-percent { |
| 265 flex-grow: 0; |
| 266 flex-shrink: 0; |
| 267 flex-basis: 40%; |
| 268 } |
| 269 |
| 270 .flex-item-60-percent { |
| 271 flex-grow: 0; |
| 272 flex-shrink: 0; |
| 273 flex-basis: 60%; |
| 274 } |
| 275 |
| 276 .flex-item-70-percent { |
| 277 flex-grow: 0; |
| 278 flex-shrink: 0; |
| 279 flex-basis: 70%; |
| 280 } |
| 281 |
| 282 .flex-item-80-percent { |
| 283 flex-grow: 0; |
| 284 flex-shrink: 0; |
| 285 flex-basis: 80%; |
| 286 } |
| 287 |
| 288 .well { |
| 289 min-height: 20px; |
| 290 padding: 19px; |
| 291 margin-bottom: 20px; |
| 292 background-color: #f5f5f5; |
| 293 border: 1px solid #e3e3e3; |
| 294 border-radius: 4px; |
| 295 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 296 } |
| 297 </style><script type="text/javascript" src="https://www.google.com/jsapi"></scri
pt> |
| 298 |
| 299 |
| 300 |
| 301 |
| 302 |
| 303 |
| 304 |
| 305 |
| 306 |
| 307 |
| 308 |
| 309 |
| 310 |
| 311 |
| 312 |
| 313 |
| 314 |
| 315 |
| 316 |
| 317 |
| 318 |
| 319 |
| 320 |
| 321 |
| 322 |
| 323 |
| 324 |
| 325 |
| 326 |
| 327 |
| 328 |
| 329 |
| 330 |
| 331 |
| 332 |
| 333 |
| 334 |
| 335 |
| 336 |
| 337 |
| 338 |
| 339 |
| 340 |
| 341 |
| 342 |
| 343 <polymer-element name="curly-block"> |
14 <template> | 344 <template> |
15 <style> | 345 <style> |
16 .idle { | 346 .idle { |
17 display: inline-block; | 347 display: inline-block; |
18 color: #0489c3; | 348 color: #0489c3; |
19 cursor: pointer; | 349 cursor: pointer; |
20 } | 350 } |
21 .busy { | 351 .busy { |
22 display: inline-block; | 352 display: inline-block; |
23 color: white; | 353 color: white; |
(...skipping 22 matching lines...) Expand all Loading... |
46 <template if="{{ !busy }}"> | 376 <template if="{{ !busy }}"> |
47 {<a on-click="{{ toggleExpand }}"><div class="idle"> ⊞ &
nbsp;</div></a>} | 377 {<a on-click="{{ toggleExpand }}"><div class="idle"> ⊞ &
nbsp;</div></a>} |
48 </template> | 378 </template> |
49 </template> | 379 </template> |
50 </template> | 380 </template> |
51 | 381 |
52 </polymer-element> | 382 </polymer-element> |
53 <polymer-element name="observatory-element"> | 383 <polymer-element name="observatory-element"> |
54 | 384 |
55 </polymer-element> | 385 </polymer-element> |
| 386 |
| 387 |
56 <polymer-element name="service-ref" extends="observatory-element"> | 388 <polymer-element name="service-ref" extends="observatory-element"> |
57 | 389 |
58 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> | 390 </polymer-element><polymer-element name="instance-ref" extends="service-ref"> |
59 <template> | 391 <template> |
60 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 392 <style> |
| 393 /* Global styles */ |
| 394 * { |
| 395 margin: 0; |
| 396 padding: 0; |
| 397 font: 400 14px 'Montserrat', sans-serif; |
| 398 color: #333; |
| 399 box-sizing: border-box; |
| 400 } |
| 401 |
| 402 .content { |
| 403 padding-left: 10%; |
| 404 font: 400 14px 'Montserrat', sans-serif; |
| 405 } |
| 406 |
| 407 .content-centered { |
| 408 padding-left: 10%; |
| 409 padding-right: 10%; |
| 410 font: 400 14px 'Montserrat', sans-serif; |
| 411 } |
| 412 |
| 413 h1 { |
| 414 font: 400 18px 'Montserrat', sans-serif; |
| 415 } |
| 416 |
| 417 .memberList { |
| 418 display: table; |
| 419 } |
| 420 |
| 421 .memberItem { |
| 422 display: table-row; |
| 423 } |
| 424 |
| 425 .memberName, .memberValue { |
| 426 display: table-cell; |
| 427 vertical-align: top; |
| 428 padding: 3px 0 3px 1em; |
| 429 font: 400 14px 'Montserrat', sans-serif; |
| 430 } |
| 431 |
| 432 .monospace { |
| 433 font-family: consolas, courier, monospace; |
| 434 font-size: 1em; |
| 435 line-height: 1.2em; |
| 436 white-space: nowrap; |
| 437 } |
| 438 |
| 439 a { |
| 440 color: #0489c3; |
| 441 text-decoration: none; |
| 442 } |
| 443 |
| 444 a:hover { |
| 445 text-decoration: underline; |
| 446 } |
| 447 |
| 448 em { |
| 449 color: inherit; |
| 450 font-style:italic; |
| 451 } |
| 452 |
| 453 hr { |
| 454 margin-top: 20px; |
| 455 margin-bottom: 20px; |
| 456 border: 0; |
| 457 border-top: 1px solid #eee; |
| 458 height: 0; |
| 459 box-sizing: content-box; |
| 460 } |
| 461 |
| 462 .list-group { |
| 463 padding-left: 0; |
| 464 margin-bottom: 20px; |
| 465 } |
| 466 |
| 467 .list-group-item { |
| 468 position: relative; |
| 469 display: block; |
| 470 padding: 10px 15px; |
| 471 margin-bottom: -1px; |
| 472 background-color: #fff; |
| 473 } |
| 474 |
| 475 .list-group-item:first-child { |
| 476 /* rounded top corners */ |
| 477 border-top-right-radius:4px; |
| 478 border-top-left-radius:4px; |
| 479 } |
| 480 |
| 481 .list-group-item:last-child { |
| 482 margin-bottom: 0; |
| 483 /* rounded bottom corners */ |
| 484 border-bottom-right-radius: 4px; |
| 485 border-bottom-left-radius:4px; |
| 486 } |
| 487 |
| 488 /* Flex row container */ |
| 489 .flex-row { |
| 490 display: flex; |
| 491 flex-direction: row; |
| 492 } |
| 493 |
| 494 /* Flex column container */ |
| 495 .flex-column { |
| 496 display: flex; |
| 497 flex-direction: column; |
| 498 } |
| 499 |
| 500 .flex-item-fit { |
| 501 flex-grow: 1; |
| 502 flex-shrink: 1; |
| 503 flex-basis: auto; |
| 504 } |
| 505 |
| 506 .flex-item-no-shrink { |
| 507 flex-grow: 0; |
| 508 flex-shrink: 0; |
| 509 flex-basis: auto; |
| 510 } |
| 511 |
| 512 .flex-item-fill { |
| 513 flex-grow: 0; |
| 514 flex-shrink: 1; /* shrink when pressured */ |
| 515 flex-basis: 100%; /* try and take 100% */ |
| 516 } |
| 517 |
| 518 .flex-item-fixed-1-12 { |
| 519 flex-grow: 0; |
| 520 flex-shrink: 0; |
| 521 flex-basis: 8.3%; |
| 522 } |
| 523 |
| 524 .flex-item-fixed-2-12 { |
| 525 flex-grow: 0; |
| 526 flex-shrink: 0; |
| 527 flex-basis: 16.6%; |
| 528 } |
| 529 |
| 530 .flex-item-fixed-4-12 { |
| 531 flex-grow: 0; |
| 532 flex-shrink: 0; |
| 533 flex-basis: 33.3333%; |
| 534 } |
| 535 |
| 536 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 537 flex-grow: 0; |
| 538 flex-shrink: 0; |
| 539 flex-basis: 50%; |
| 540 } |
| 541 |
| 542 .flex-item-fixed-8-12 { |
| 543 flex-grow: 0; |
| 544 flex-shrink: 0; |
| 545 flex-basis: 66.6666%; |
| 546 } |
| 547 |
| 548 .flex-item-fixed-9-12 { |
| 549 flex-grow: 0; |
| 550 flex-shrink: 0; |
| 551 flex-basis: 75%; |
| 552 } |
| 553 |
| 554 |
| 555 .flex-item-fixed-12-12 { |
| 556 flex-grow: 0; |
| 557 flex-shrink: 0; |
| 558 flex-basis: 100%; |
| 559 } |
| 560 |
| 561 .flex-item-10-percent { |
| 562 flex-grow: 0; |
| 563 flex-shrink: 0; |
| 564 flex-basis: 10%; |
| 565 } |
| 566 |
| 567 .flex-item-15-percent { |
| 568 flex-grow: 0; |
| 569 flex-shrink: 0; |
| 570 flex-basis: 15%; |
| 571 } |
| 572 |
| 573 .flex-item-20-percent { |
| 574 flex-grow: 0; |
| 575 flex-shrink: 0; |
| 576 flex-basis: 20%; |
| 577 } |
| 578 |
| 579 .flex-item-30-percent { |
| 580 flex-grow: 0; |
| 581 flex-shrink: 0; |
| 582 flex-basis: 30%; |
| 583 } |
| 584 |
| 585 .flex-item-40-percent { |
| 586 flex-grow: 0; |
| 587 flex-shrink: 0; |
| 588 flex-basis: 40%; |
| 589 } |
| 590 |
| 591 .flex-item-60-percent { |
| 592 flex-grow: 0; |
| 593 flex-shrink: 0; |
| 594 flex-basis: 60%; |
| 595 } |
| 596 |
| 597 .flex-item-70-percent { |
| 598 flex-grow: 0; |
| 599 flex-shrink: 0; |
| 600 flex-basis: 70%; |
| 601 } |
| 602 |
| 603 .flex-item-80-percent { |
| 604 flex-grow: 0; |
| 605 flex-shrink: 0; |
| 606 flex-basis: 80%; |
| 607 } |
| 608 |
| 609 .well { |
| 610 min-height: 20px; |
| 611 padding: 19px; |
| 612 margin-bottom: 20px; |
| 613 background-color: #f5f5f5; |
| 614 border: 1px solid #e3e3e3; |
| 615 border-radius: 4px; |
| 616 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 617 } |
| 618 </style> |
61 <style> | 619 <style> |
62 .errorBox { | 620 .errorBox { |
63 background-color: #f5f5f5; | 621 background-color: #f5f5f5; |
64 border: 1px solid #ccc; | 622 border: 1px solid #ccc; |
65 padding: 10px; | 623 padding: 10px; |
66 font-family: consolas, courier, monospace; | 624 font-family: consolas, courier, monospace; |
67 font-size: 1em; | 625 font-size: 1em; |
68 line-height: 1.2em; | 626 line-height: 1.2em; |
69 white-space: pre; | 627 white-space: pre; |
70 } | 628 } |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
155 <template if="{{ busy }}"> | 713 <template if="{{ busy }}"> |
156 <span class="busy">[{{ label }}]</span> | 714 <span class="busy">[{{ label }}]</span> |
157 </template> | 715 </template> |
158 <template if="{{ !busy }}"> | 716 <template if="{{ !busy }}"> |
159 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span> | 717 <span class="idle"><a on-click="{{ doAction }}">[{{ label }}]</a></span> |
160 </template> | 718 </template> |
161 | 719 |
162 </template> | 720 </template> |
163 | 721 |
164 </polymer-element> | 722 </polymer-element> |
| 723 |
| 724 |
| 725 |
| 726 |
| 727 |
165 <polymer-element name="nav-bar" extends="observatory-element"> | 728 <polymer-element name="nav-bar" extends="observatory-element"> |
166 <template> | 729 <template> |
167 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 730 <style> |
| 731 /* Global styles */ |
| 732 * { |
| 733 margin: 0; |
| 734 padding: 0; |
| 735 font: 400 14px 'Montserrat', sans-serif; |
| 736 color: #333; |
| 737 box-sizing: border-box; |
| 738 } |
| 739 |
| 740 .content { |
| 741 padding-left: 10%; |
| 742 font: 400 14px 'Montserrat', sans-serif; |
| 743 } |
| 744 |
| 745 .content-centered { |
| 746 padding-left: 10%; |
| 747 padding-right: 10%; |
| 748 font: 400 14px 'Montserrat', sans-serif; |
| 749 } |
| 750 |
| 751 h1 { |
| 752 font: 400 18px 'Montserrat', sans-serif; |
| 753 } |
| 754 |
| 755 .memberList { |
| 756 display: table; |
| 757 } |
| 758 |
| 759 .memberItem { |
| 760 display: table-row; |
| 761 } |
| 762 |
| 763 .memberName, .memberValue { |
| 764 display: table-cell; |
| 765 vertical-align: top; |
| 766 padding: 3px 0 3px 1em; |
| 767 font: 400 14px 'Montserrat', sans-serif; |
| 768 } |
| 769 |
| 770 .monospace { |
| 771 font-family: consolas, courier, monospace; |
| 772 font-size: 1em; |
| 773 line-height: 1.2em; |
| 774 white-space: nowrap; |
| 775 } |
| 776 |
| 777 a { |
| 778 color: #0489c3; |
| 779 text-decoration: none; |
| 780 } |
| 781 |
| 782 a:hover { |
| 783 text-decoration: underline; |
| 784 } |
| 785 |
| 786 em { |
| 787 color: inherit; |
| 788 font-style:italic; |
| 789 } |
| 790 |
| 791 hr { |
| 792 margin-top: 20px; |
| 793 margin-bottom: 20px; |
| 794 border: 0; |
| 795 border-top: 1px solid #eee; |
| 796 height: 0; |
| 797 box-sizing: content-box; |
| 798 } |
| 799 |
| 800 .list-group { |
| 801 padding-left: 0; |
| 802 margin-bottom: 20px; |
| 803 } |
| 804 |
| 805 .list-group-item { |
| 806 position: relative; |
| 807 display: block; |
| 808 padding: 10px 15px; |
| 809 margin-bottom: -1px; |
| 810 background-color: #fff; |
| 811 } |
| 812 |
| 813 .list-group-item:first-child { |
| 814 /* rounded top corners */ |
| 815 border-top-right-radius:4px; |
| 816 border-top-left-radius:4px; |
| 817 } |
| 818 |
| 819 .list-group-item:last-child { |
| 820 margin-bottom: 0; |
| 821 /* rounded bottom corners */ |
| 822 border-bottom-right-radius: 4px; |
| 823 border-bottom-left-radius:4px; |
| 824 } |
| 825 |
| 826 /* Flex row container */ |
| 827 .flex-row { |
| 828 display: flex; |
| 829 flex-direction: row; |
| 830 } |
| 831 |
| 832 /* Flex column container */ |
| 833 .flex-column { |
| 834 display: flex; |
| 835 flex-direction: column; |
| 836 } |
| 837 |
| 838 .flex-item-fit { |
| 839 flex-grow: 1; |
| 840 flex-shrink: 1; |
| 841 flex-basis: auto; |
| 842 } |
| 843 |
| 844 .flex-item-no-shrink { |
| 845 flex-grow: 0; |
| 846 flex-shrink: 0; |
| 847 flex-basis: auto; |
| 848 } |
| 849 |
| 850 .flex-item-fill { |
| 851 flex-grow: 0; |
| 852 flex-shrink: 1; /* shrink when pressured */ |
| 853 flex-basis: 100%; /* try and take 100% */ |
| 854 } |
| 855 |
| 856 .flex-item-fixed-1-12 { |
| 857 flex-grow: 0; |
| 858 flex-shrink: 0; |
| 859 flex-basis: 8.3%; |
| 860 } |
| 861 |
| 862 .flex-item-fixed-2-12 { |
| 863 flex-grow: 0; |
| 864 flex-shrink: 0; |
| 865 flex-basis: 16.6%; |
| 866 } |
| 867 |
| 868 .flex-item-fixed-4-12 { |
| 869 flex-grow: 0; |
| 870 flex-shrink: 0; |
| 871 flex-basis: 33.3333%; |
| 872 } |
| 873 |
| 874 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 875 flex-grow: 0; |
| 876 flex-shrink: 0; |
| 877 flex-basis: 50%; |
| 878 } |
| 879 |
| 880 .flex-item-fixed-8-12 { |
| 881 flex-grow: 0; |
| 882 flex-shrink: 0; |
| 883 flex-basis: 66.6666%; |
| 884 } |
| 885 |
| 886 .flex-item-fixed-9-12 { |
| 887 flex-grow: 0; |
| 888 flex-shrink: 0; |
| 889 flex-basis: 75%; |
| 890 } |
| 891 |
| 892 |
| 893 .flex-item-fixed-12-12 { |
| 894 flex-grow: 0; |
| 895 flex-shrink: 0; |
| 896 flex-basis: 100%; |
| 897 } |
| 898 |
| 899 .flex-item-10-percent { |
| 900 flex-grow: 0; |
| 901 flex-shrink: 0; |
| 902 flex-basis: 10%; |
| 903 } |
| 904 |
| 905 .flex-item-15-percent { |
| 906 flex-grow: 0; |
| 907 flex-shrink: 0; |
| 908 flex-basis: 15%; |
| 909 } |
| 910 |
| 911 .flex-item-20-percent { |
| 912 flex-grow: 0; |
| 913 flex-shrink: 0; |
| 914 flex-basis: 20%; |
| 915 } |
| 916 |
| 917 .flex-item-30-percent { |
| 918 flex-grow: 0; |
| 919 flex-shrink: 0; |
| 920 flex-basis: 30%; |
| 921 } |
| 922 |
| 923 .flex-item-40-percent { |
| 924 flex-grow: 0; |
| 925 flex-shrink: 0; |
| 926 flex-basis: 40%; |
| 927 } |
| 928 |
| 929 .flex-item-60-percent { |
| 930 flex-grow: 0; |
| 931 flex-shrink: 0; |
| 932 flex-basis: 60%; |
| 933 } |
| 934 |
| 935 .flex-item-70-percent { |
| 936 flex-grow: 0; |
| 937 flex-shrink: 0; |
| 938 flex-basis: 70%; |
| 939 } |
| 940 |
| 941 .flex-item-80-percent { |
| 942 flex-grow: 0; |
| 943 flex-shrink: 0; |
| 944 flex-basis: 80%; |
| 945 } |
| 946 |
| 947 .well { |
| 948 min-height: 20px; |
| 949 padding: 19px; |
| 950 margin-bottom: 20px; |
| 951 background-color: #f5f5f5; |
| 952 border: 1px solid #e3e3e3; |
| 953 border-radius: 4px; |
| 954 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 955 } |
| 956 </style> |
168 <style> | 957 <style> |
169 nav { | 958 nav { |
170 position: fixed; | 959 position: fixed; |
171 width: 100%; | 960 width: 100%; |
172 z-index: 1000; | 961 z-index: 1000; |
173 } | 962 } |
174 nav ul { | 963 nav ul { |
175 display: inline-table; | 964 display: inline-table; |
176 position: relative; | 965 position: relative; |
177 list-style: none; | 966 list-style: none; |
(...skipping 180 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
358 <template> | 1147 <template> |
359 <nav-menu link="{{ cls.hashLink }}" anchor="{{ cls.name }}" last="{{ last }}
"> | 1148 <nav-menu link="{{ cls.hashLink }}" anchor="{{ cls.name }}" last="{{ last }}
"> |
360 <content></content> | 1149 <content></content> |
361 </nav-menu> | 1150 </nav-menu> |
362 </template> | 1151 </template> |
363 </polymer-element> | 1152 </polymer-element> |
364 | 1153 |
365 | 1154 |
366 <polymer-element name="breakpoint-list" extends="observatory-element"> | 1155 <polymer-element name="breakpoint-list" extends="observatory-element"> |
367 <template> | 1156 <template> |
368 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 1157 <style> |
| 1158 /* Global styles */ |
| 1159 * { |
| 1160 margin: 0; |
| 1161 padding: 0; |
| 1162 font: 400 14px 'Montserrat', sans-serif; |
| 1163 color: #333; |
| 1164 box-sizing: border-box; |
| 1165 } |
| 1166 |
| 1167 .content { |
| 1168 padding-left: 10%; |
| 1169 font: 400 14px 'Montserrat', sans-serif; |
| 1170 } |
| 1171 |
| 1172 .content-centered { |
| 1173 padding-left: 10%; |
| 1174 padding-right: 10%; |
| 1175 font: 400 14px 'Montserrat', sans-serif; |
| 1176 } |
| 1177 |
| 1178 h1 { |
| 1179 font: 400 18px 'Montserrat', sans-serif; |
| 1180 } |
| 1181 |
| 1182 .memberList { |
| 1183 display: table; |
| 1184 } |
| 1185 |
| 1186 .memberItem { |
| 1187 display: table-row; |
| 1188 } |
| 1189 |
| 1190 .memberName, .memberValue { |
| 1191 display: table-cell; |
| 1192 vertical-align: top; |
| 1193 padding: 3px 0 3px 1em; |
| 1194 font: 400 14px 'Montserrat', sans-serif; |
| 1195 } |
| 1196 |
| 1197 .monospace { |
| 1198 font-family: consolas, courier, monospace; |
| 1199 font-size: 1em; |
| 1200 line-height: 1.2em; |
| 1201 white-space: nowrap; |
| 1202 } |
| 1203 |
| 1204 a { |
| 1205 color: #0489c3; |
| 1206 text-decoration: none; |
| 1207 } |
| 1208 |
| 1209 a:hover { |
| 1210 text-decoration: underline; |
| 1211 } |
| 1212 |
| 1213 em { |
| 1214 color: inherit; |
| 1215 font-style:italic; |
| 1216 } |
| 1217 |
| 1218 hr { |
| 1219 margin-top: 20px; |
| 1220 margin-bottom: 20px; |
| 1221 border: 0; |
| 1222 border-top: 1px solid #eee; |
| 1223 height: 0; |
| 1224 box-sizing: content-box; |
| 1225 } |
| 1226 |
| 1227 .list-group { |
| 1228 padding-left: 0; |
| 1229 margin-bottom: 20px; |
| 1230 } |
| 1231 |
| 1232 .list-group-item { |
| 1233 position: relative; |
| 1234 display: block; |
| 1235 padding: 10px 15px; |
| 1236 margin-bottom: -1px; |
| 1237 background-color: #fff; |
| 1238 } |
| 1239 |
| 1240 .list-group-item:first-child { |
| 1241 /* rounded top corners */ |
| 1242 border-top-right-radius:4px; |
| 1243 border-top-left-radius:4px; |
| 1244 } |
| 1245 |
| 1246 .list-group-item:last-child { |
| 1247 margin-bottom: 0; |
| 1248 /* rounded bottom corners */ |
| 1249 border-bottom-right-radius: 4px; |
| 1250 border-bottom-left-radius:4px; |
| 1251 } |
| 1252 |
| 1253 /* Flex row container */ |
| 1254 .flex-row { |
| 1255 display: flex; |
| 1256 flex-direction: row; |
| 1257 } |
| 1258 |
| 1259 /* Flex column container */ |
| 1260 .flex-column { |
| 1261 display: flex; |
| 1262 flex-direction: column; |
| 1263 } |
| 1264 |
| 1265 .flex-item-fit { |
| 1266 flex-grow: 1; |
| 1267 flex-shrink: 1; |
| 1268 flex-basis: auto; |
| 1269 } |
| 1270 |
| 1271 .flex-item-no-shrink { |
| 1272 flex-grow: 0; |
| 1273 flex-shrink: 0; |
| 1274 flex-basis: auto; |
| 1275 } |
| 1276 |
| 1277 .flex-item-fill { |
| 1278 flex-grow: 0; |
| 1279 flex-shrink: 1; /* shrink when pressured */ |
| 1280 flex-basis: 100%; /* try and take 100% */ |
| 1281 } |
| 1282 |
| 1283 .flex-item-fixed-1-12 { |
| 1284 flex-grow: 0; |
| 1285 flex-shrink: 0; |
| 1286 flex-basis: 8.3%; |
| 1287 } |
| 1288 |
| 1289 .flex-item-fixed-2-12 { |
| 1290 flex-grow: 0; |
| 1291 flex-shrink: 0; |
| 1292 flex-basis: 16.6%; |
| 1293 } |
| 1294 |
| 1295 .flex-item-fixed-4-12 { |
| 1296 flex-grow: 0; |
| 1297 flex-shrink: 0; |
| 1298 flex-basis: 33.3333%; |
| 1299 } |
| 1300 |
| 1301 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 1302 flex-grow: 0; |
| 1303 flex-shrink: 0; |
| 1304 flex-basis: 50%; |
| 1305 } |
| 1306 |
| 1307 .flex-item-fixed-8-12 { |
| 1308 flex-grow: 0; |
| 1309 flex-shrink: 0; |
| 1310 flex-basis: 66.6666%; |
| 1311 } |
| 1312 |
| 1313 .flex-item-fixed-9-12 { |
| 1314 flex-grow: 0; |
| 1315 flex-shrink: 0; |
| 1316 flex-basis: 75%; |
| 1317 } |
| 1318 |
| 1319 |
| 1320 .flex-item-fixed-12-12 { |
| 1321 flex-grow: 0; |
| 1322 flex-shrink: 0; |
| 1323 flex-basis: 100%; |
| 1324 } |
| 1325 |
| 1326 .flex-item-10-percent { |
| 1327 flex-grow: 0; |
| 1328 flex-shrink: 0; |
| 1329 flex-basis: 10%; |
| 1330 } |
| 1331 |
| 1332 .flex-item-15-percent { |
| 1333 flex-grow: 0; |
| 1334 flex-shrink: 0; |
| 1335 flex-basis: 15%; |
| 1336 } |
| 1337 |
| 1338 .flex-item-20-percent { |
| 1339 flex-grow: 0; |
| 1340 flex-shrink: 0; |
| 1341 flex-basis: 20%; |
| 1342 } |
| 1343 |
| 1344 .flex-item-30-percent { |
| 1345 flex-grow: 0; |
| 1346 flex-shrink: 0; |
| 1347 flex-basis: 30%; |
| 1348 } |
| 1349 |
| 1350 .flex-item-40-percent { |
| 1351 flex-grow: 0; |
| 1352 flex-shrink: 0; |
| 1353 flex-basis: 40%; |
| 1354 } |
| 1355 |
| 1356 .flex-item-60-percent { |
| 1357 flex-grow: 0; |
| 1358 flex-shrink: 0; |
| 1359 flex-basis: 60%; |
| 1360 } |
| 1361 |
| 1362 .flex-item-70-percent { |
| 1363 flex-grow: 0; |
| 1364 flex-shrink: 0; |
| 1365 flex-basis: 70%; |
| 1366 } |
| 1367 |
| 1368 .flex-item-80-percent { |
| 1369 flex-grow: 0; |
| 1370 flex-shrink: 0; |
| 1371 flex-basis: 80%; |
| 1372 } |
| 1373 |
| 1374 .well { |
| 1375 min-height: 20px; |
| 1376 padding: 19px; |
| 1377 margin-bottom: 20px; |
| 1378 background-color: #f5f5f5; |
| 1379 border: 1px solid #e3e3e3; |
| 1380 border-radius: 4px; |
| 1381 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 1382 } |
| 1383 </style> |
369 <nav-bar> | 1384 <nav-bar> |
370 <top-nav-menu></top-nav-menu> | 1385 <top-nav-menu></top-nav-menu> |
371 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu> | 1386 <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> | 1387 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a
nchor="breakpoints" last="{{ true }}"></nav-menu> |
373 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 1388 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
374 </nav-bar> | 1389 </nav-bar> |
375 <template if="{{ msg['breakpoints'].isEmpty }}"> | 1390 <template if="{{ msg['breakpoints'].isEmpty }}"> |
376 <div> | 1391 <div> |
377 <div>No breakpoints</div> | 1392 <div>No breakpoints</div> |
378 </div> | 1393 </div> |
379 </template> | 1394 </template> |
380 <template if="{{ msg['breakpoints'].isNotEmpty }}"> | 1395 <template if="{{ msg['breakpoints'].isNotEmpty }}"> |
381 <ul class="list-group"> | 1396 <ul class="list-group"> |
382 <template repeat="{{ bpt in msg['breakpoints'] }}"> | 1397 <template repeat="{{ bpt in msg['breakpoints'] }}"> |
383 <li class="list-group-item"> | 1398 <li class="list-group-item"> |
384 {{ bpt }} | 1399 {{ bpt }} |
385 </li> | 1400 </li> |
386 </template> | 1401 </template> |
387 </ul> | 1402 </ul> |
388 </template> | 1403 </template> |
389 </template> | 1404 </template> |
390 | 1405 |
391 </polymer-element> | 1406 </polymer-element> |
| 1407 |
| 1408 |
392 <polymer-element name="class-ref" extends="service-ref"> | 1409 <polymer-element name="class-ref" extends="service-ref"> |
393 | 1410 |
394 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha
red.css"><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template> | 1411 <template><style> |
| 1412 /* Global styles */ |
| 1413 * { |
| 1414 margin: 0; |
| 1415 padding: 0; |
| 1416 font: 400 14px 'Montserrat', sans-serif; |
| 1417 color: #333; |
| 1418 box-sizing: border-box; |
| 1419 } |
| 1420 |
| 1421 .content { |
| 1422 padding-left: 10%; |
| 1423 font: 400 14px 'Montserrat', sans-serif; |
| 1424 } |
| 1425 |
| 1426 .content-centered { |
| 1427 padding-left: 10%; |
| 1428 padding-right: 10%; |
| 1429 font: 400 14px 'Montserrat', sans-serif; |
| 1430 } |
| 1431 |
| 1432 h1 { |
| 1433 font: 400 18px 'Montserrat', sans-serif; |
| 1434 } |
| 1435 |
| 1436 .memberList { |
| 1437 display: table; |
| 1438 } |
| 1439 |
| 1440 .memberItem { |
| 1441 display: table-row; |
| 1442 } |
| 1443 |
| 1444 .memberName, .memberValue { |
| 1445 display: table-cell; |
| 1446 vertical-align: top; |
| 1447 padding: 3px 0 3px 1em; |
| 1448 font: 400 14px 'Montserrat', sans-serif; |
| 1449 } |
| 1450 |
| 1451 .monospace { |
| 1452 font-family: consolas, courier, monospace; |
| 1453 font-size: 1em; |
| 1454 line-height: 1.2em; |
| 1455 white-space: nowrap; |
| 1456 } |
| 1457 |
| 1458 a { |
| 1459 color: #0489c3; |
| 1460 text-decoration: none; |
| 1461 } |
| 1462 |
| 1463 a:hover { |
| 1464 text-decoration: underline; |
| 1465 } |
| 1466 |
| 1467 em { |
| 1468 color: inherit; |
| 1469 font-style:italic; |
| 1470 } |
| 1471 |
| 1472 hr { |
| 1473 margin-top: 20px; |
| 1474 margin-bottom: 20px; |
| 1475 border: 0; |
| 1476 border-top: 1px solid #eee; |
| 1477 height: 0; |
| 1478 box-sizing: content-box; |
| 1479 } |
| 1480 |
| 1481 .list-group { |
| 1482 padding-left: 0; |
| 1483 margin-bottom: 20px; |
| 1484 } |
| 1485 |
| 1486 .list-group-item { |
| 1487 position: relative; |
| 1488 display: block; |
| 1489 padding: 10px 15px; |
| 1490 margin-bottom: -1px; |
| 1491 background-color: #fff; |
| 1492 } |
| 1493 |
| 1494 .list-group-item:first-child { |
| 1495 /* rounded top corners */ |
| 1496 border-top-right-radius:4px; |
| 1497 border-top-left-radius:4px; |
| 1498 } |
| 1499 |
| 1500 .list-group-item:last-child { |
| 1501 margin-bottom: 0; |
| 1502 /* rounded bottom corners */ |
| 1503 border-bottom-right-radius: 4px; |
| 1504 border-bottom-left-radius:4px; |
| 1505 } |
| 1506 |
| 1507 /* Flex row container */ |
| 1508 .flex-row { |
| 1509 display: flex; |
| 1510 flex-direction: row; |
| 1511 } |
| 1512 |
| 1513 /* Flex column container */ |
| 1514 .flex-column { |
| 1515 display: flex; |
| 1516 flex-direction: column; |
| 1517 } |
| 1518 |
| 1519 .flex-item-fit { |
| 1520 flex-grow: 1; |
| 1521 flex-shrink: 1; |
| 1522 flex-basis: auto; |
| 1523 } |
| 1524 |
| 1525 .flex-item-no-shrink { |
| 1526 flex-grow: 0; |
| 1527 flex-shrink: 0; |
| 1528 flex-basis: auto; |
| 1529 } |
| 1530 |
| 1531 .flex-item-fill { |
| 1532 flex-grow: 0; |
| 1533 flex-shrink: 1; /* shrink when pressured */ |
| 1534 flex-basis: 100%; /* try and take 100% */ |
| 1535 } |
| 1536 |
| 1537 .flex-item-fixed-1-12 { |
| 1538 flex-grow: 0; |
| 1539 flex-shrink: 0; |
| 1540 flex-basis: 8.3%; |
| 1541 } |
| 1542 |
| 1543 .flex-item-fixed-2-12 { |
| 1544 flex-grow: 0; |
| 1545 flex-shrink: 0; |
| 1546 flex-basis: 16.6%; |
| 1547 } |
| 1548 |
| 1549 .flex-item-fixed-4-12 { |
| 1550 flex-grow: 0; |
| 1551 flex-shrink: 0; |
| 1552 flex-basis: 33.3333%; |
| 1553 } |
| 1554 |
| 1555 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 1556 flex-grow: 0; |
| 1557 flex-shrink: 0; |
| 1558 flex-basis: 50%; |
| 1559 } |
| 1560 |
| 1561 .flex-item-fixed-8-12 { |
| 1562 flex-grow: 0; |
| 1563 flex-shrink: 0; |
| 1564 flex-basis: 66.6666%; |
| 1565 } |
| 1566 |
| 1567 .flex-item-fixed-9-12 { |
| 1568 flex-grow: 0; |
| 1569 flex-shrink: 0; |
| 1570 flex-basis: 75%; |
| 1571 } |
| 1572 |
| 1573 |
| 1574 .flex-item-fixed-12-12 { |
| 1575 flex-grow: 0; |
| 1576 flex-shrink: 0; |
| 1577 flex-basis: 100%; |
| 1578 } |
| 1579 |
| 1580 .flex-item-10-percent { |
| 1581 flex-grow: 0; |
| 1582 flex-shrink: 0; |
| 1583 flex-basis: 10%; |
| 1584 } |
| 1585 |
| 1586 .flex-item-15-percent { |
| 1587 flex-grow: 0; |
| 1588 flex-shrink: 0; |
| 1589 flex-basis: 15%; |
| 1590 } |
| 1591 |
| 1592 .flex-item-20-percent { |
| 1593 flex-grow: 0; |
| 1594 flex-shrink: 0; |
| 1595 flex-basis: 20%; |
| 1596 } |
| 1597 |
| 1598 .flex-item-30-percent { |
| 1599 flex-grow: 0; |
| 1600 flex-shrink: 0; |
| 1601 flex-basis: 30%; |
| 1602 } |
| 1603 |
| 1604 .flex-item-40-percent { |
| 1605 flex-grow: 0; |
| 1606 flex-shrink: 0; |
| 1607 flex-basis: 40%; |
| 1608 } |
| 1609 |
| 1610 .flex-item-60-percent { |
| 1611 flex-grow: 0; |
| 1612 flex-shrink: 0; |
| 1613 flex-basis: 60%; |
| 1614 } |
| 1615 |
| 1616 .flex-item-70-percent { |
| 1617 flex-grow: 0; |
| 1618 flex-shrink: 0; |
| 1619 flex-basis: 70%; |
| 1620 } |
| 1621 |
| 1622 .flex-item-80-percent { |
| 1623 flex-grow: 0; |
| 1624 flex-shrink: 0; |
| 1625 flex-basis: 80%; |
| 1626 } |
| 1627 |
| 1628 .well { |
| 1629 min-height: 20px; |
| 1630 padding: 19px; |
| 1631 margin-bottom: 20px; |
| 1632 background-color: #f5f5f5; |
| 1633 border: 1px solid #e3e3e3; |
| 1634 border-radius: 4px; |
| 1635 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 1636 } |
| 1637 </style><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template> |
395 | 1638 |
396 | 1639 |
397 </polymer-element> | 1640 </polymer-element> |
| 1641 |
| 1642 |
| 1643 |
| 1644 |
| 1645 |
| 1646 |
| 1647 |
| 1648 |
| 1649 |
| 1650 |
| 1651 |
| 1652 |
| 1653 |
| 1654 |
398 <polymer-element name="eval-box" extends="observatory-element"> | 1655 <polymer-element name="eval-box" extends="observatory-element"> |
399 <template> | 1656 <template> |
400 <style> | 1657 <style> |
401 .textbox { | 1658 .textbox { |
402 width: 80ex; | 1659 width: 80ex; |
403 font: 400 16px 'Montserrat', sans-serif; | 1660 font: 400 16px 'Montserrat', sans-serif; |
404 } | 1661 } |
405 .bigtextbox { | 1662 .bigtextbox { |
406 font: 400 16px 'Montserrat', sans-serif; | 1663 font: 400 16px 'Montserrat', sans-serif; |
407 } | 1664 } |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
468 <instance-ref ref="{{ result['value'] }}"></instance-ref> | 1725 <instance-ref ref="{{ result['value'] }}"></instance-ref> |
469 </template> | 1726 </template> |
470 </td> | 1727 </td> |
471 </tr> | 1728 </tr> |
472 </tbody></table> | 1729 </tbody></table> |
473 </template> | 1730 </template> |
474 </template> | 1731 </template> |
475 </polymer-element> | 1732 </polymer-element> |
476 | 1733 |
477 | 1734 |
| 1735 |
| 1736 |
478 <polymer-element name="eval-link"> | 1737 <polymer-element name="eval-link"> |
479 <template> | 1738 <template> |
480 <style> | 1739 <style> |
481 .idle { | 1740 .idle { |
482 color: #0489c3; | 1741 color: #0489c3; |
483 cursor: pointer; | 1742 cursor: pointer; |
484 } | 1743 } |
485 .busy { | 1744 .busy { |
486 color: #aaa; | 1745 color: #aaa; |
487 cursor: wait; | 1746 cursor: wait; |
488 } | 1747 } |
489 </style> | 1748 </style> |
490 | 1749 |
491 <template if="{{ busy }}"> | 1750 <template if="{{ busy }}"> |
492 <span class="busy">{{ label }}</span> | 1751 <span class="busy">{{ label }}</span> |
493 </template> | 1752 </template> |
494 <template if="{{ !busy }}"> | 1753 <template if="{{ !busy }}"> |
495 <span class="idle"><a on-click="{{ evalNow }}">{{ label }}</a></span> | 1754 <span class="idle"><a on-click="{{ evalNow }}">{{ label }}</a></span> |
496 </template> | 1755 </template> |
497 <template if="{{ result != null }}"> | 1756 <template if="{{ result != null }}"> |
498 = <instance-ref ref="{{ result }}"></instance-ref> | 1757 = <instance-ref ref="{{ result }}"></instance-ref> |
499 </template> | 1758 </template> |
500 | 1759 |
501 </template> | 1760 </template> |
502 | 1761 |
503 </polymer-element> | 1762 </polymer-element> |
| 1763 |
| 1764 |
| 1765 |
| 1766 |
504 <polymer-element name="field-ref" extends="service-ref"> | 1767 <polymer-element name="field-ref" extends="service-ref"> |
505 <template> | 1768 <template> |
506 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 1769 <style> |
| 1770 /* Global styles */ |
| 1771 * { |
| 1772 margin: 0; |
| 1773 padding: 0; |
| 1774 font: 400 14px 'Montserrat', sans-serif; |
| 1775 color: #333; |
| 1776 box-sizing: border-box; |
| 1777 } |
| 1778 |
| 1779 .content { |
| 1780 padding-left: 10%; |
| 1781 font: 400 14px 'Montserrat', sans-serif; |
| 1782 } |
| 1783 |
| 1784 .content-centered { |
| 1785 padding-left: 10%; |
| 1786 padding-right: 10%; |
| 1787 font: 400 14px 'Montserrat', sans-serif; |
| 1788 } |
| 1789 |
| 1790 h1 { |
| 1791 font: 400 18px 'Montserrat', sans-serif; |
| 1792 } |
| 1793 |
| 1794 .memberList { |
| 1795 display: table; |
| 1796 } |
| 1797 |
| 1798 .memberItem { |
| 1799 display: table-row; |
| 1800 } |
| 1801 |
| 1802 .memberName, .memberValue { |
| 1803 display: table-cell; |
| 1804 vertical-align: top; |
| 1805 padding: 3px 0 3px 1em; |
| 1806 font: 400 14px 'Montserrat', sans-serif; |
| 1807 } |
| 1808 |
| 1809 .monospace { |
| 1810 font-family: consolas, courier, monospace; |
| 1811 font-size: 1em; |
| 1812 line-height: 1.2em; |
| 1813 white-space: nowrap; |
| 1814 } |
| 1815 |
| 1816 a { |
| 1817 color: #0489c3; |
| 1818 text-decoration: none; |
| 1819 } |
| 1820 |
| 1821 a:hover { |
| 1822 text-decoration: underline; |
| 1823 } |
| 1824 |
| 1825 em { |
| 1826 color: inherit; |
| 1827 font-style:italic; |
| 1828 } |
| 1829 |
| 1830 hr { |
| 1831 margin-top: 20px; |
| 1832 margin-bottom: 20px; |
| 1833 border: 0; |
| 1834 border-top: 1px solid #eee; |
| 1835 height: 0; |
| 1836 box-sizing: content-box; |
| 1837 } |
| 1838 |
| 1839 .list-group { |
| 1840 padding-left: 0; |
| 1841 margin-bottom: 20px; |
| 1842 } |
| 1843 |
| 1844 .list-group-item { |
| 1845 position: relative; |
| 1846 display: block; |
| 1847 padding: 10px 15px; |
| 1848 margin-bottom: -1px; |
| 1849 background-color: #fff; |
| 1850 } |
| 1851 |
| 1852 .list-group-item:first-child { |
| 1853 /* rounded top corners */ |
| 1854 border-top-right-radius:4px; |
| 1855 border-top-left-radius:4px; |
| 1856 } |
| 1857 |
| 1858 .list-group-item:last-child { |
| 1859 margin-bottom: 0; |
| 1860 /* rounded bottom corners */ |
| 1861 border-bottom-right-radius: 4px; |
| 1862 border-bottom-left-radius:4px; |
| 1863 } |
| 1864 |
| 1865 /* Flex row container */ |
| 1866 .flex-row { |
| 1867 display: flex; |
| 1868 flex-direction: row; |
| 1869 } |
| 1870 |
| 1871 /* Flex column container */ |
| 1872 .flex-column { |
| 1873 display: flex; |
| 1874 flex-direction: column; |
| 1875 } |
| 1876 |
| 1877 .flex-item-fit { |
| 1878 flex-grow: 1; |
| 1879 flex-shrink: 1; |
| 1880 flex-basis: auto; |
| 1881 } |
| 1882 |
| 1883 .flex-item-no-shrink { |
| 1884 flex-grow: 0; |
| 1885 flex-shrink: 0; |
| 1886 flex-basis: auto; |
| 1887 } |
| 1888 |
| 1889 .flex-item-fill { |
| 1890 flex-grow: 0; |
| 1891 flex-shrink: 1; /* shrink when pressured */ |
| 1892 flex-basis: 100%; /* try and take 100% */ |
| 1893 } |
| 1894 |
| 1895 .flex-item-fixed-1-12 { |
| 1896 flex-grow: 0; |
| 1897 flex-shrink: 0; |
| 1898 flex-basis: 8.3%; |
| 1899 } |
| 1900 |
| 1901 .flex-item-fixed-2-12 { |
| 1902 flex-grow: 0; |
| 1903 flex-shrink: 0; |
| 1904 flex-basis: 16.6%; |
| 1905 } |
| 1906 |
| 1907 .flex-item-fixed-4-12 { |
| 1908 flex-grow: 0; |
| 1909 flex-shrink: 0; |
| 1910 flex-basis: 33.3333%; |
| 1911 } |
| 1912 |
| 1913 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 1914 flex-grow: 0; |
| 1915 flex-shrink: 0; |
| 1916 flex-basis: 50%; |
| 1917 } |
| 1918 |
| 1919 .flex-item-fixed-8-12 { |
| 1920 flex-grow: 0; |
| 1921 flex-shrink: 0; |
| 1922 flex-basis: 66.6666%; |
| 1923 } |
| 1924 |
| 1925 .flex-item-fixed-9-12 { |
| 1926 flex-grow: 0; |
| 1927 flex-shrink: 0; |
| 1928 flex-basis: 75%; |
| 1929 } |
| 1930 |
| 1931 |
| 1932 .flex-item-fixed-12-12 { |
| 1933 flex-grow: 0; |
| 1934 flex-shrink: 0; |
| 1935 flex-basis: 100%; |
| 1936 } |
| 1937 |
| 1938 .flex-item-10-percent { |
| 1939 flex-grow: 0; |
| 1940 flex-shrink: 0; |
| 1941 flex-basis: 10%; |
| 1942 } |
| 1943 |
| 1944 .flex-item-15-percent { |
| 1945 flex-grow: 0; |
| 1946 flex-shrink: 0; |
| 1947 flex-basis: 15%; |
| 1948 } |
| 1949 |
| 1950 .flex-item-20-percent { |
| 1951 flex-grow: 0; |
| 1952 flex-shrink: 0; |
| 1953 flex-basis: 20%; |
| 1954 } |
| 1955 |
| 1956 .flex-item-30-percent { |
| 1957 flex-grow: 0; |
| 1958 flex-shrink: 0; |
| 1959 flex-basis: 30%; |
| 1960 } |
| 1961 |
| 1962 .flex-item-40-percent { |
| 1963 flex-grow: 0; |
| 1964 flex-shrink: 0; |
| 1965 flex-basis: 40%; |
| 1966 } |
| 1967 |
| 1968 .flex-item-60-percent { |
| 1969 flex-grow: 0; |
| 1970 flex-shrink: 0; |
| 1971 flex-basis: 60%; |
| 1972 } |
| 1973 |
| 1974 .flex-item-70-percent { |
| 1975 flex-grow: 0; |
| 1976 flex-shrink: 0; |
| 1977 flex-basis: 70%; |
| 1978 } |
| 1979 |
| 1980 .flex-item-80-percent { |
| 1981 flex-grow: 0; |
| 1982 flex-shrink: 0; |
| 1983 flex-basis: 80%; |
| 1984 } |
| 1985 |
| 1986 .well { |
| 1987 min-height: 20px; |
| 1988 padding: 19px; |
| 1989 margin-bottom: 20px; |
| 1990 background-color: #f5f5f5; |
| 1991 border: 1px solid #e3e3e3; |
| 1992 border-radius: 4px; |
| 1993 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 1994 } |
| 1995 </style> |
507 <div> | 1996 <div> |
508 <template if="{{ ref['static'] }}">static</template> | 1997 <template if="{{ ref['static'] }}">static</template> |
509 <template if="{{ ref['final'] }}">final</template> | 1998 <template if="{{ ref['final'] }}">final</template> |
510 <template if="{{ ref['const'] }}">const</template> | 1999 <template if="{{ ref['const'] }}">const</template> |
511 <template if="{{ (ref['declared_type']['name'] == 'dynamic' && | 2000 <template if="{{ (ref['declared_type']['name'] == 'dynamic' && |
512 !ref['final'] && !ref['const']) }}"> | 2001 !ref['final'] && !ref['const']) }}"> |
513 var | 2002 var |
514 </template> | 2003 </template> |
515 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> | 2004 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> |
516 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> | 2005 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> |
517 </template> | 2006 </template> |
518 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> | 2007 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> |
519 </div> | 2008 </div> |
520 </template> | 2009 </template> |
521 | 2010 |
522 </polymer-element> | 2011 </polymer-element> |
| 2012 |
| 2013 |
| 2014 |
523 <polymer-element name="function-ref" extends="service-ref"> | 2015 <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. | 2016 <template><style> |
| 2017 /* Global styles */ |
| 2018 * { |
| 2019 margin: 0; |
| 2020 padding: 0; |
| 2021 font: 400 14px 'Montserrat', sans-serif; |
| 2022 color: #333; |
| 2023 box-sizing: border-box; |
| 2024 } |
| 2025 |
| 2026 .content { |
| 2027 padding-left: 10%; |
| 2028 font: 400 14px 'Montserrat', sans-serif; |
| 2029 } |
| 2030 |
| 2031 .content-centered { |
| 2032 padding-left: 10%; |
| 2033 padding-right: 10%; |
| 2034 font: 400 14px 'Montserrat', sans-serif; |
| 2035 } |
| 2036 |
| 2037 h1 { |
| 2038 font: 400 18px 'Montserrat', sans-serif; |
| 2039 } |
| 2040 |
| 2041 .memberList { |
| 2042 display: table; |
| 2043 } |
| 2044 |
| 2045 .memberItem { |
| 2046 display: table-row; |
| 2047 } |
| 2048 |
| 2049 .memberName, .memberValue { |
| 2050 display: table-cell; |
| 2051 vertical-align: top; |
| 2052 padding: 3px 0 3px 1em; |
| 2053 font: 400 14px 'Montserrat', sans-serif; |
| 2054 } |
| 2055 |
| 2056 .monospace { |
| 2057 font-family: consolas, courier, monospace; |
| 2058 font-size: 1em; |
| 2059 line-height: 1.2em; |
| 2060 white-space: nowrap; |
| 2061 } |
| 2062 |
| 2063 a { |
| 2064 color: #0489c3; |
| 2065 text-decoration: none; |
| 2066 } |
| 2067 |
| 2068 a:hover { |
| 2069 text-decoration: underline; |
| 2070 } |
| 2071 |
| 2072 em { |
| 2073 color: inherit; |
| 2074 font-style:italic; |
| 2075 } |
| 2076 |
| 2077 hr { |
| 2078 margin-top: 20px; |
| 2079 margin-bottom: 20px; |
| 2080 border: 0; |
| 2081 border-top: 1px solid #eee; |
| 2082 height: 0; |
| 2083 box-sizing: content-box; |
| 2084 } |
| 2085 |
| 2086 .list-group { |
| 2087 padding-left: 0; |
| 2088 margin-bottom: 20px; |
| 2089 } |
| 2090 |
| 2091 .list-group-item { |
| 2092 position: relative; |
| 2093 display: block; |
| 2094 padding: 10px 15px; |
| 2095 margin-bottom: -1px; |
| 2096 background-color: #fff; |
| 2097 } |
| 2098 |
| 2099 .list-group-item:first-child { |
| 2100 /* rounded top corners */ |
| 2101 border-top-right-radius:4px; |
| 2102 border-top-left-radius:4px; |
| 2103 } |
| 2104 |
| 2105 .list-group-item:last-child { |
| 2106 margin-bottom: 0; |
| 2107 /* rounded bottom corners */ |
| 2108 border-bottom-right-radius: 4px; |
| 2109 border-bottom-left-radius:4px; |
| 2110 } |
| 2111 |
| 2112 /* Flex row container */ |
| 2113 .flex-row { |
| 2114 display: flex; |
| 2115 flex-direction: row; |
| 2116 } |
| 2117 |
| 2118 /* Flex column container */ |
| 2119 .flex-column { |
| 2120 display: flex; |
| 2121 flex-direction: column; |
| 2122 } |
| 2123 |
| 2124 .flex-item-fit { |
| 2125 flex-grow: 1; |
| 2126 flex-shrink: 1; |
| 2127 flex-basis: auto; |
| 2128 } |
| 2129 |
| 2130 .flex-item-no-shrink { |
| 2131 flex-grow: 0; |
| 2132 flex-shrink: 0; |
| 2133 flex-basis: auto; |
| 2134 } |
| 2135 |
| 2136 .flex-item-fill { |
| 2137 flex-grow: 0; |
| 2138 flex-shrink: 1; /* shrink when pressured */ |
| 2139 flex-basis: 100%; /* try and take 100% */ |
| 2140 } |
| 2141 |
| 2142 .flex-item-fixed-1-12 { |
| 2143 flex-grow: 0; |
| 2144 flex-shrink: 0; |
| 2145 flex-basis: 8.3%; |
| 2146 } |
| 2147 |
| 2148 .flex-item-fixed-2-12 { |
| 2149 flex-grow: 0; |
| 2150 flex-shrink: 0; |
| 2151 flex-basis: 16.6%; |
| 2152 } |
| 2153 |
| 2154 .flex-item-fixed-4-12 { |
| 2155 flex-grow: 0; |
| 2156 flex-shrink: 0; |
| 2157 flex-basis: 33.3333%; |
| 2158 } |
| 2159 |
| 2160 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 2161 flex-grow: 0; |
| 2162 flex-shrink: 0; |
| 2163 flex-basis: 50%; |
| 2164 } |
| 2165 |
| 2166 .flex-item-fixed-8-12 { |
| 2167 flex-grow: 0; |
| 2168 flex-shrink: 0; |
| 2169 flex-basis: 66.6666%; |
| 2170 } |
| 2171 |
| 2172 .flex-item-fixed-9-12 { |
| 2173 flex-grow: 0; |
| 2174 flex-shrink: 0; |
| 2175 flex-basis: 75%; |
| 2176 } |
| 2177 |
| 2178 |
| 2179 .flex-item-fixed-12-12 { |
| 2180 flex-grow: 0; |
| 2181 flex-shrink: 0; |
| 2182 flex-basis: 100%; |
| 2183 } |
| 2184 |
| 2185 .flex-item-10-percent { |
| 2186 flex-grow: 0; |
| 2187 flex-shrink: 0; |
| 2188 flex-basis: 10%; |
| 2189 } |
| 2190 |
| 2191 .flex-item-15-percent { |
| 2192 flex-grow: 0; |
| 2193 flex-shrink: 0; |
| 2194 flex-basis: 15%; |
| 2195 } |
| 2196 |
| 2197 .flex-item-20-percent { |
| 2198 flex-grow: 0; |
| 2199 flex-shrink: 0; |
| 2200 flex-basis: 20%; |
| 2201 } |
| 2202 |
| 2203 .flex-item-30-percent { |
| 2204 flex-grow: 0; |
| 2205 flex-shrink: 0; |
| 2206 flex-basis: 30%; |
| 2207 } |
| 2208 |
| 2209 .flex-item-40-percent { |
| 2210 flex-grow: 0; |
| 2211 flex-shrink: 0; |
| 2212 flex-basis: 40%; |
| 2213 } |
| 2214 |
| 2215 .flex-item-60-percent { |
| 2216 flex-grow: 0; |
| 2217 flex-shrink: 0; |
| 2218 flex-basis: 60%; |
| 2219 } |
| 2220 |
| 2221 .flex-item-70-percent { |
| 2222 flex-grow: 0; |
| 2223 flex-shrink: 0; |
| 2224 flex-basis: 70%; |
| 2225 } |
| 2226 |
| 2227 .flex-item-80-percent { |
| 2228 flex-grow: 0; |
| 2229 flex-shrink: 0; |
| 2230 flex-basis: 80%; |
| 2231 } |
| 2232 |
| 2233 .well { |
| 2234 min-height: 20px; |
| 2235 padding: 19px; |
| 2236 margin-bottom: 20px; |
| 2237 background-color: #f5f5f5; |
| 2238 border: 1px solid #e3e3e3; |
| 2239 border-radius: 4px; |
| 2240 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 2241 } |
| 2242 </style><!-- These comments are here to allow newlines. |
525 --><template if="{{ isDart }}"><!-- | 2243 --><template if="{{ isDart }}"><!-- |
526 --><template if="{{ qualified && !hasParent && hasClass }
}"><!-- | 2244 --><template if="{{ qualified && !hasParent && hasClass }
}"><!-- |
527 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- | 2245 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- |
528 --><template if="{{ qualified && hasParent }}"><!-- | 2246 --><template if="{{ qualified && hasParent }}"><!-- |
529 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> | 2247 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> |
530 </function-ref>.<!-- | 2248 </function-ref>.<!-- |
531 --></template><a href="{{ url }}">{{ name }}</a><!-- | 2249 --></template><a href="{{ url }}">{{ name }}</a><!-- |
532 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template>
</template> | 2250 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template>
</template> |
533 | 2251 |
534 </polymer-element> | 2252 </polymer-element> |
| 2253 |
| 2254 |
535 <polymer-element name="library-ref" extends="service-ref"> | 2255 <polymer-element name="library-ref" extends="service-ref"> |
536 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha
red.css"> | 2256 <template><style> |
| 2257 /* Global styles */ |
| 2258 * { |
| 2259 margin: 0; |
| 2260 padding: 0; |
| 2261 font: 400 14px 'Montserrat', sans-serif; |
| 2262 color: #333; |
| 2263 box-sizing: border-box; |
| 2264 } |
| 2265 |
| 2266 .content { |
| 2267 padding-left: 10%; |
| 2268 font: 400 14px 'Montserrat', sans-serif; |
| 2269 } |
| 2270 |
| 2271 .content-centered { |
| 2272 padding-left: 10%; |
| 2273 padding-right: 10%; |
| 2274 font: 400 14px 'Montserrat', sans-serif; |
| 2275 } |
| 2276 |
| 2277 h1 { |
| 2278 font: 400 18px 'Montserrat', sans-serif; |
| 2279 } |
| 2280 |
| 2281 .memberList { |
| 2282 display: table; |
| 2283 } |
| 2284 |
| 2285 .memberItem { |
| 2286 display: table-row; |
| 2287 } |
| 2288 |
| 2289 .memberName, .memberValue { |
| 2290 display: table-cell; |
| 2291 vertical-align: top; |
| 2292 padding: 3px 0 3px 1em; |
| 2293 font: 400 14px 'Montserrat', sans-serif; |
| 2294 } |
| 2295 |
| 2296 .monospace { |
| 2297 font-family: consolas, courier, monospace; |
| 2298 font-size: 1em; |
| 2299 line-height: 1.2em; |
| 2300 white-space: nowrap; |
| 2301 } |
| 2302 |
| 2303 a { |
| 2304 color: #0489c3; |
| 2305 text-decoration: none; |
| 2306 } |
| 2307 |
| 2308 a:hover { |
| 2309 text-decoration: underline; |
| 2310 } |
| 2311 |
| 2312 em { |
| 2313 color: inherit; |
| 2314 font-style:italic; |
| 2315 } |
| 2316 |
| 2317 hr { |
| 2318 margin-top: 20px; |
| 2319 margin-bottom: 20px; |
| 2320 border: 0; |
| 2321 border-top: 1px solid #eee; |
| 2322 height: 0; |
| 2323 box-sizing: content-box; |
| 2324 } |
| 2325 |
| 2326 .list-group { |
| 2327 padding-left: 0; |
| 2328 margin-bottom: 20px; |
| 2329 } |
| 2330 |
| 2331 .list-group-item { |
| 2332 position: relative; |
| 2333 display: block; |
| 2334 padding: 10px 15px; |
| 2335 margin-bottom: -1px; |
| 2336 background-color: #fff; |
| 2337 } |
| 2338 |
| 2339 .list-group-item:first-child { |
| 2340 /* rounded top corners */ |
| 2341 border-top-right-radius:4px; |
| 2342 border-top-left-radius:4px; |
| 2343 } |
| 2344 |
| 2345 .list-group-item:last-child { |
| 2346 margin-bottom: 0; |
| 2347 /* rounded bottom corners */ |
| 2348 border-bottom-right-radius: 4px; |
| 2349 border-bottom-left-radius:4px; |
| 2350 } |
| 2351 |
| 2352 /* Flex row container */ |
| 2353 .flex-row { |
| 2354 display: flex; |
| 2355 flex-direction: row; |
| 2356 } |
| 2357 |
| 2358 /* Flex column container */ |
| 2359 .flex-column { |
| 2360 display: flex; |
| 2361 flex-direction: column; |
| 2362 } |
| 2363 |
| 2364 .flex-item-fit { |
| 2365 flex-grow: 1; |
| 2366 flex-shrink: 1; |
| 2367 flex-basis: auto; |
| 2368 } |
| 2369 |
| 2370 .flex-item-no-shrink { |
| 2371 flex-grow: 0; |
| 2372 flex-shrink: 0; |
| 2373 flex-basis: auto; |
| 2374 } |
| 2375 |
| 2376 .flex-item-fill { |
| 2377 flex-grow: 0; |
| 2378 flex-shrink: 1; /* shrink when pressured */ |
| 2379 flex-basis: 100%; /* try and take 100% */ |
| 2380 } |
| 2381 |
| 2382 .flex-item-fixed-1-12 { |
| 2383 flex-grow: 0; |
| 2384 flex-shrink: 0; |
| 2385 flex-basis: 8.3%; |
| 2386 } |
| 2387 |
| 2388 .flex-item-fixed-2-12 { |
| 2389 flex-grow: 0; |
| 2390 flex-shrink: 0; |
| 2391 flex-basis: 16.6%; |
| 2392 } |
| 2393 |
| 2394 .flex-item-fixed-4-12 { |
| 2395 flex-grow: 0; |
| 2396 flex-shrink: 0; |
| 2397 flex-basis: 33.3333%; |
| 2398 } |
| 2399 |
| 2400 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 2401 flex-grow: 0; |
| 2402 flex-shrink: 0; |
| 2403 flex-basis: 50%; |
| 2404 } |
| 2405 |
| 2406 .flex-item-fixed-8-12 { |
| 2407 flex-grow: 0; |
| 2408 flex-shrink: 0; |
| 2409 flex-basis: 66.6666%; |
| 2410 } |
| 2411 |
| 2412 .flex-item-fixed-9-12 { |
| 2413 flex-grow: 0; |
| 2414 flex-shrink: 0; |
| 2415 flex-basis: 75%; |
| 2416 } |
| 2417 |
| 2418 |
| 2419 .flex-item-fixed-12-12 { |
| 2420 flex-grow: 0; |
| 2421 flex-shrink: 0; |
| 2422 flex-basis: 100%; |
| 2423 } |
| 2424 |
| 2425 .flex-item-10-percent { |
| 2426 flex-grow: 0; |
| 2427 flex-shrink: 0; |
| 2428 flex-basis: 10%; |
| 2429 } |
| 2430 |
| 2431 .flex-item-15-percent { |
| 2432 flex-grow: 0; |
| 2433 flex-shrink: 0; |
| 2434 flex-basis: 15%; |
| 2435 } |
| 2436 |
| 2437 .flex-item-20-percent { |
| 2438 flex-grow: 0; |
| 2439 flex-shrink: 0; |
| 2440 flex-basis: 20%; |
| 2441 } |
| 2442 |
| 2443 .flex-item-30-percent { |
| 2444 flex-grow: 0; |
| 2445 flex-shrink: 0; |
| 2446 flex-basis: 30%; |
| 2447 } |
| 2448 |
| 2449 .flex-item-40-percent { |
| 2450 flex-grow: 0; |
| 2451 flex-shrink: 0; |
| 2452 flex-basis: 40%; |
| 2453 } |
| 2454 |
| 2455 .flex-item-60-percent { |
| 2456 flex-grow: 0; |
| 2457 flex-shrink: 0; |
| 2458 flex-basis: 60%; |
| 2459 } |
| 2460 |
| 2461 .flex-item-70-percent { |
| 2462 flex-grow: 0; |
| 2463 flex-shrink: 0; |
| 2464 flex-basis: 70%; |
| 2465 } |
| 2466 |
| 2467 .flex-item-80-percent { |
| 2468 flex-grow: 0; |
| 2469 flex-shrink: 0; |
| 2470 flex-basis: 80%; |
| 2471 } |
| 2472 |
| 2473 .well { |
| 2474 min-height: 20px; |
| 2475 padding: 19px; |
| 2476 margin-bottom: 20px; |
| 2477 background-color: #f5f5f5; |
| 2478 border: 1px solid #e3e3e3; |
| 2479 border-radius: 4px; |
| 2480 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 2481 } |
| 2482 </style> |
537 <template if="{{ nameIsEmpty }}"> | 2483 <template if="{{ nameIsEmpty }}"> |
538 <a href="{{ url }}">unnamed</a> | 2484 <a href="{{ url }}">unnamed</a> |
539 </template> | 2485 </template> |
540 <template if="{{ !nameIsEmpty }}"> | 2486 <template if="{{ !nameIsEmpty }}"> |
541 <a href="{{ url }}">{{ name }}</a> | 2487 <a href="{{ url }}">{{ name }}</a> |
542 </template> | 2488 </template> |
543 </template> | 2489 </template> |
544 | 2490 |
545 </polymer-element> | 2491 </polymer-element> |
| 2492 |
| 2493 |
| 2494 |
546 <polymer-element name="script-ref" extends="service-ref"> | 2495 <polymer-element name="script-ref" extends="service-ref"> |
547 <template> | 2496 <template> |
548 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 2497 <style> |
| 2498 /* Global styles */ |
| 2499 * { |
| 2500 margin: 0; |
| 2501 padding: 0; |
| 2502 font: 400 14px 'Montserrat', sans-serif; |
| 2503 color: #333; |
| 2504 box-sizing: border-box; |
| 2505 } |
| 2506 |
| 2507 .content { |
| 2508 padding-left: 10%; |
| 2509 font: 400 14px 'Montserrat', sans-serif; |
| 2510 } |
| 2511 |
| 2512 .content-centered { |
| 2513 padding-left: 10%; |
| 2514 padding-right: 10%; |
| 2515 font: 400 14px 'Montserrat', sans-serif; |
| 2516 } |
| 2517 |
| 2518 h1 { |
| 2519 font: 400 18px 'Montserrat', sans-serif; |
| 2520 } |
| 2521 |
| 2522 .memberList { |
| 2523 display: table; |
| 2524 } |
| 2525 |
| 2526 .memberItem { |
| 2527 display: table-row; |
| 2528 } |
| 2529 |
| 2530 .memberName, .memberValue { |
| 2531 display: table-cell; |
| 2532 vertical-align: top; |
| 2533 padding: 3px 0 3px 1em; |
| 2534 font: 400 14px 'Montserrat', sans-serif; |
| 2535 } |
| 2536 |
| 2537 .monospace { |
| 2538 font-family: consolas, courier, monospace; |
| 2539 font-size: 1em; |
| 2540 line-height: 1.2em; |
| 2541 white-space: nowrap; |
| 2542 } |
| 2543 |
| 2544 a { |
| 2545 color: #0489c3; |
| 2546 text-decoration: none; |
| 2547 } |
| 2548 |
| 2549 a:hover { |
| 2550 text-decoration: underline; |
| 2551 } |
| 2552 |
| 2553 em { |
| 2554 color: inherit; |
| 2555 font-style:italic; |
| 2556 } |
| 2557 |
| 2558 hr { |
| 2559 margin-top: 20px; |
| 2560 margin-bottom: 20px; |
| 2561 border: 0; |
| 2562 border-top: 1px solid #eee; |
| 2563 height: 0; |
| 2564 box-sizing: content-box; |
| 2565 } |
| 2566 |
| 2567 .list-group { |
| 2568 padding-left: 0; |
| 2569 margin-bottom: 20px; |
| 2570 } |
| 2571 |
| 2572 .list-group-item { |
| 2573 position: relative; |
| 2574 display: block; |
| 2575 padding: 10px 15px; |
| 2576 margin-bottom: -1px; |
| 2577 background-color: #fff; |
| 2578 } |
| 2579 |
| 2580 .list-group-item:first-child { |
| 2581 /* rounded top corners */ |
| 2582 border-top-right-radius:4px; |
| 2583 border-top-left-radius:4px; |
| 2584 } |
| 2585 |
| 2586 .list-group-item:last-child { |
| 2587 margin-bottom: 0; |
| 2588 /* rounded bottom corners */ |
| 2589 border-bottom-right-radius: 4px; |
| 2590 border-bottom-left-radius:4px; |
| 2591 } |
| 2592 |
| 2593 /* Flex row container */ |
| 2594 .flex-row { |
| 2595 display: flex; |
| 2596 flex-direction: row; |
| 2597 } |
| 2598 |
| 2599 /* Flex column container */ |
| 2600 .flex-column { |
| 2601 display: flex; |
| 2602 flex-direction: column; |
| 2603 } |
| 2604 |
| 2605 .flex-item-fit { |
| 2606 flex-grow: 1; |
| 2607 flex-shrink: 1; |
| 2608 flex-basis: auto; |
| 2609 } |
| 2610 |
| 2611 .flex-item-no-shrink { |
| 2612 flex-grow: 0; |
| 2613 flex-shrink: 0; |
| 2614 flex-basis: auto; |
| 2615 } |
| 2616 |
| 2617 .flex-item-fill { |
| 2618 flex-grow: 0; |
| 2619 flex-shrink: 1; /* shrink when pressured */ |
| 2620 flex-basis: 100%; /* try and take 100% */ |
| 2621 } |
| 2622 |
| 2623 .flex-item-fixed-1-12 { |
| 2624 flex-grow: 0; |
| 2625 flex-shrink: 0; |
| 2626 flex-basis: 8.3%; |
| 2627 } |
| 2628 |
| 2629 .flex-item-fixed-2-12 { |
| 2630 flex-grow: 0; |
| 2631 flex-shrink: 0; |
| 2632 flex-basis: 16.6%; |
| 2633 } |
| 2634 |
| 2635 .flex-item-fixed-4-12 { |
| 2636 flex-grow: 0; |
| 2637 flex-shrink: 0; |
| 2638 flex-basis: 33.3333%; |
| 2639 } |
| 2640 |
| 2641 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 2642 flex-grow: 0; |
| 2643 flex-shrink: 0; |
| 2644 flex-basis: 50%; |
| 2645 } |
| 2646 |
| 2647 .flex-item-fixed-8-12 { |
| 2648 flex-grow: 0; |
| 2649 flex-shrink: 0; |
| 2650 flex-basis: 66.6666%; |
| 2651 } |
| 2652 |
| 2653 .flex-item-fixed-9-12 { |
| 2654 flex-grow: 0; |
| 2655 flex-shrink: 0; |
| 2656 flex-basis: 75%; |
| 2657 } |
| 2658 |
| 2659 |
| 2660 .flex-item-fixed-12-12 { |
| 2661 flex-grow: 0; |
| 2662 flex-shrink: 0; |
| 2663 flex-basis: 100%; |
| 2664 } |
| 2665 |
| 2666 .flex-item-10-percent { |
| 2667 flex-grow: 0; |
| 2668 flex-shrink: 0; |
| 2669 flex-basis: 10%; |
| 2670 } |
| 2671 |
| 2672 .flex-item-15-percent { |
| 2673 flex-grow: 0; |
| 2674 flex-shrink: 0; |
| 2675 flex-basis: 15%; |
| 2676 } |
| 2677 |
| 2678 .flex-item-20-percent { |
| 2679 flex-grow: 0; |
| 2680 flex-shrink: 0; |
| 2681 flex-basis: 20%; |
| 2682 } |
| 2683 |
| 2684 .flex-item-30-percent { |
| 2685 flex-grow: 0; |
| 2686 flex-shrink: 0; |
| 2687 flex-basis: 30%; |
| 2688 } |
| 2689 |
| 2690 .flex-item-40-percent { |
| 2691 flex-grow: 0; |
| 2692 flex-shrink: 0; |
| 2693 flex-basis: 40%; |
| 2694 } |
| 2695 |
| 2696 .flex-item-60-percent { |
| 2697 flex-grow: 0; |
| 2698 flex-shrink: 0; |
| 2699 flex-basis: 60%; |
| 2700 } |
| 2701 |
| 2702 .flex-item-70-percent { |
| 2703 flex-grow: 0; |
| 2704 flex-shrink: 0; |
| 2705 flex-basis: 70%; |
| 2706 } |
| 2707 |
| 2708 .flex-item-80-percent { |
| 2709 flex-grow: 0; |
| 2710 flex-shrink: 0; |
| 2711 flex-basis: 80%; |
| 2712 } |
| 2713 |
| 2714 .well { |
| 2715 min-height: 20px; |
| 2716 padding: 19px; |
| 2717 margin-bottom: 20px; |
| 2718 background-color: #f5f5f5; |
| 2719 border: 1px solid #e3e3e3; |
| 2720 border-radius: 4px; |
| 2721 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 2722 } |
| 2723 </style> |
549 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> | 2724 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> |
550 </template> | 2725 </template> |
551 | 2726 |
552 </polymer-element> | 2727 </polymer-element> |
553 <polymer-element name="class-view" extends="observatory-element"> | 2728 <polymer-element name="class-view" extends="observatory-element"> |
554 <template> | 2729 <template> |
555 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 2730 <style> |
| 2731 /* Global styles */ |
| 2732 * { |
| 2733 margin: 0; |
| 2734 padding: 0; |
| 2735 font: 400 14px 'Montserrat', sans-serif; |
| 2736 color: #333; |
| 2737 box-sizing: border-box; |
| 2738 } |
| 2739 |
| 2740 .content { |
| 2741 padding-left: 10%; |
| 2742 font: 400 14px 'Montserrat', sans-serif; |
| 2743 } |
| 2744 |
| 2745 .content-centered { |
| 2746 padding-left: 10%; |
| 2747 padding-right: 10%; |
| 2748 font: 400 14px 'Montserrat', sans-serif; |
| 2749 } |
| 2750 |
| 2751 h1 { |
| 2752 font: 400 18px 'Montserrat', sans-serif; |
| 2753 } |
| 2754 |
| 2755 .memberList { |
| 2756 display: table; |
| 2757 } |
| 2758 |
| 2759 .memberItem { |
| 2760 display: table-row; |
| 2761 } |
| 2762 |
| 2763 .memberName, .memberValue { |
| 2764 display: table-cell; |
| 2765 vertical-align: top; |
| 2766 padding: 3px 0 3px 1em; |
| 2767 font: 400 14px 'Montserrat', sans-serif; |
| 2768 } |
| 2769 |
| 2770 .monospace { |
| 2771 font-family: consolas, courier, monospace; |
| 2772 font-size: 1em; |
| 2773 line-height: 1.2em; |
| 2774 white-space: nowrap; |
| 2775 } |
| 2776 |
| 2777 a { |
| 2778 color: #0489c3; |
| 2779 text-decoration: none; |
| 2780 } |
| 2781 |
| 2782 a:hover { |
| 2783 text-decoration: underline; |
| 2784 } |
| 2785 |
| 2786 em { |
| 2787 color: inherit; |
| 2788 font-style:italic; |
| 2789 } |
| 2790 |
| 2791 hr { |
| 2792 margin-top: 20px; |
| 2793 margin-bottom: 20px; |
| 2794 border: 0; |
| 2795 border-top: 1px solid #eee; |
| 2796 height: 0; |
| 2797 box-sizing: content-box; |
| 2798 } |
| 2799 |
| 2800 .list-group { |
| 2801 padding-left: 0; |
| 2802 margin-bottom: 20px; |
| 2803 } |
| 2804 |
| 2805 .list-group-item { |
| 2806 position: relative; |
| 2807 display: block; |
| 2808 padding: 10px 15px; |
| 2809 margin-bottom: -1px; |
| 2810 background-color: #fff; |
| 2811 } |
| 2812 |
| 2813 .list-group-item:first-child { |
| 2814 /* rounded top corners */ |
| 2815 border-top-right-radius:4px; |
| 2816 border-top-left-radius:4px; |
| 2817 } |
| 2818 |
| 2819 .list-group-item:last-child { |
| 2820 margin-bottom: 0; |
| 2821 /* rounded bottom corners */ |
| 2822 border-bottom-right-radius: 4px; |
| 2823 border-bottom-left-radius:4px; |
| 2824 } |
| 2825 |
| 2826 /* Flex row container */ |
| 2827 .flex-row { |
| 2828 display: flex; |
| 2829 flex-direction: row; |
| 2830 } |
| 2831 |
| 2832 /* Flex column container */ |
| 2833 .flex-column { |
| 2834 display: flex; |
| 2835 flex-direction: column; |
| 2836 } |
| 2837 |
| 2838 .flex-item-fit { |
| 2839 flex-grow: 1; |
| 2840 flex-shrink: 1; |
| 2841 flex-basis: auto; |
| 2842 } |
| 2843 |
| 2844 .flex-item-no-shrink { |
| 2845 flex-grow: 0; |
| 2846 flex-shrink: 0; |
| 2847 flex-basis: auto; |
| 2848 } |
| 2849 |
| 2850 .flex-item-fill { |
| 2851 flex-grow: 0; |
| 2852 flex-shrink: 1; /* shrink when pressured */ |
| 2853 flex-basis: 100%; /* try and take 100% */ |
| 2854 } |
| 2855 |
| 2856 .flex-item-fixed-1-12 { |
| 2857 flex-grow: 0; |
| 2858 flex-shrink: 0; |
| 2859 flex-basis: 8.3%; |
| 2860 } |
| 2861 |
| 2862 .flex-item-fixed-2-12 { |
| 2863 flex-grow: 0; |
| 2864 flex-shrink: 0; |
| 2865 flex-basis: 16.6%; |
| 2866 } |
| 2867 |
| 2868 .flex-item-fixed-4-12 { |
| 2869 flex-grow: 0; |
| 2870 flex-shrink: 0; |
| 2871 flex-basis: 33.3333%; |
| 2872 } |
| 2873 |
| 2874 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 2875 flex-grow: 0; |
| 2876 flex-shrink: 0; |
| 2877 flex-basis: 50%; |
| 2878 } |
| 2879 |
| 2880 .flex-item-fixed-8-12 { |
| 2881 flex-grow: 0; |
| 2882 flex-shrink: 0; |
| 2883 flex-basis: 66.6666%; |
| 2884 } |
| 2885 |
| 2886 .flex-item-fixed-9-12 { |
| 2887 flex-grow: 0; |
| 2888 flex-shrink: 0; |
| 2889 flex-basis: 75%; |
| 2890 } |
| 2891 |
| 2892 |
| 2893 .flex-item-fixed-12-12 { |
| 2894 flex-grow: 0; |
| 2895 flex-shrink: 0; |
| 2896 flex-basis: 100%; |
| 2897 } |
| 2898 |
| 2899 .flex-item-10-percent { |
| 2900 flex-grow: 0; |
| 2901 flex-shrink: 0; |
| 2902 flex-basis: 10%; |
| 2903 } |
| 2904 |
| 2905 .flex-item-15-percent { |
| 2906 flex-grow: 0; |
| 2907 flex-shrink: 0; |
| 2908 flex-basis: 15%; |
| 2909 } |
| 2910 |
| 2911 .flex-item-20-percent { |
| 2912 flex-grow: 0; |
| 2913 flex-shrink: 0; |
| 2914 flex-basis: 20%; |
| 2915 } |
| 2916 |
| 2917 .flex-item-30-percent { |
| 2918 flex-grow: 0; |
| 2919 flex-shrink: 0; |
| 2920 flex-basis: 30%; |
| 2921 } |
| 2922 |
| 2923 .flex-item-40-percent { |
| 2924 flex-grow: 0; |
| 2925 flex-shrink: 0; |
| 2926 flex-basis: 40%; |
| 2927 } |
| 2928 |
| 2929 .flex-item-60-percent { |
| 2930 flex-grow: 0; |
| 2931 flex-shrink: 0; |
| 2932 flex-basis: 60%; |
| 2933 } |
| 2934 |
| 2935 .flex-item-70-percent { |
| 2936 flex-grow: 0; |
| 2937 flex-shrink: 0; |
| 2938 flex-basis: 70%; |
| 2939 } |
| 2940 |
| 2941 .flex-item-80-percent { |
| 2942 flex-grow: 0; |
| 2943 flex-shrink: 0; |
| 2944 flex-basis: 80%; |
| 2945 } |
| 2946 |
| 2947 .well { |
| 2948 min-height: 20px; |
| 2949 padding: 19px; |
| 2950 margin-bottom: 20px; |
| 2951 background-color: #f5f5f5; |
| 2952 border: 1px solid #e3e3e3; |
| 2953 border-radius: 4px; |
| 2954 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 2955 } |
| 2956 </style> |
556 <nav-bar> | 2957 <nav-bar> |
557 <top-nav-menu></top-nav-menu> | 2958 <top-nav-menu></top-nav-menu> |
558 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> | 2959 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> |
559 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> | 2960 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> |
560 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> | 2961 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> |
561 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 2962 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
562 </nav-bar> | 2963 </nav-bar> |
563 | 2964 |
564 <div class="content"> | 2965 <div class="content"> |
565 <h1> | 2966 <h1> |
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
682 <hr> | 3083 <hr> |
683 | 3084 |
684 <div class="content"> | 3085 <div class="content"> |
685 <eval-box callback="{{ eval }}"></eval-box> | 3086 <eval-box callback="{{ eval }}"></eval-box> |
686 </div> | 3087 </div> |
687 <br><br><br><br> | 3088 <br><br><br><br> |
688 <br><br><br><br> | 3089 <br><br><br><br> |
689 </template> | 3090 </template> |
690 | 3091 |
691 </polymer-element> | 3092 </polymer-element> |
| 3093 |
| 3094 |
692 <polymer-element name="code-ref" extends="service-ref"> | 3095 <polymer-element name="code-ref" extends="service-ref"> |
693 <template> | 3096 <template> |
694 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 3097 <style> |
| 3098 /* Global styles */ |
| 3099 * { |
| 3100 margin: 0; |
| 3101 padding: 0; |
| 3102 font: 400 14px 'Montserrat', sans-serif; |
| 3103 color: #333; |
| 3104 box-sizing: border-box; |
| 3105 } |
| 3106 |
| 3107 .content { |
| 3108 padding-left: 10%; |
| 3109 font: 400 14px 'Montserrat', sans-serif; |
| 3110 } |
| 3111 |
| 3112 .content-centered { |
| 3113 padding-left: 10%; |
| 3114 padding-right: 10%; |
| 3115 font: 400 14px 'Montserrat', sans-serif; |
| 3116 } |
| 3117 |
| 3118 h1 { |
| 3119 font: 400 18px 'Montserrat', sans-serif; |
| 3120 } |
| 3121 |
| 3122 .memberList { |
| 3123 display: table; |
| 3124 } |
| 3125 |
| 3126 .memberItem { |
| 3127 display: table-row; |
| 3128 } |
| 3129 |
| 3130 .memberName, .memberValue { |
| 3131 display: table-cell; |
| 3132 vertical-align: top; |
| 3133 padding: 3px 0 3px 1em; |
| 3134 font: 400 14px 'Montserrat', sans-serif; |
| 3135 } |
| 3136 |
| 3137 .monospace { |
| 3138 font-family: consolas, courier, monospace; |
| 3139 font-size: 1em; |
| 3140 line-height: 1.2em; |
| 3141 white-space: nowrap; |
| 3142 } |
| 3143 |
| 3144 a { |
| 3145 color: #0489c3; |
| 3146 text-decoration: none; |
| 3147 } |
| 3148 |
| 3149 a:hover { |
| 3150 text-decoration: underline; |
| 3151 } |
| 3152 |
| 3153 em { |
| 3154 color: inherit; |
| 3155 font-style:italic; |
| 3156 } |
| 3157 |
| 3158 hr { |
| 3159 margin-top: 20px; |
| 3160 margin-bottom: 20px; |
| 3161 border: 0; |
| 3162 border-top: 1px solid #eee; |
| 3163 height: 0; |
| 3164 box-sizing: content-box; |
| 3165 } |
| 3166 |
| 3167 .list-group { |
| 3168 padding-left: 0; |
| 3169 margin-bottom: 20px; |
| 3170 } |
| 3171 |
| 3172 .list-group-item { |
| 3173 position: relative; |
| 3174 display: block; |
| 3175 padding: 10px 15px; |
| 3176 margin-bottom: -1px; |
| 3177 background-color: #fff; |
| 3178 } |
| 3179 |
| 3180 .list-group-item:first-child { |
| 3181 /* rounded top corners */ |
| 3182 border-top-right-radius:4px; |
| 3183 border-top-left-radius:4px; |
| 3184 } |
| 3185 |
| 3186 .list-group-item:last-child { |
| 3187 margin-bottom: 0; |
| 3188 /* rounded bottom corners */ |
| 3189 border-bottom-right-radius: 4px; |
| 3190 border-bottom-left-radius:4px; |
| 3191 } |
| 3192 |
| 3193 /* Flex row container */ |
| 3194 .flex-row { |
| 3195 display: flex; |
| 3196 flex-direction: row; |
| 3197 } |
| 3198 |
| 3199 /* Flex column container */ |
| 3200 .flex-column { |
| 3201 display: flex; |
| 3202 flex-direction: column; |
| 3203 } |
| 3204 |
| 3205 .flex-item-fit { |
| 3206 flex-grow: 1; |
| 3207 flex-shrink: 1; |
| 3208 flex-basis: auto; |
| 3209 } |
| 3210 |
| 3211 .flex-item-no-shrink { |
| 3212 flex-grow: 0; |
| 3213 flex-shrink: 0; |
| 3214 flex-basis: auto; |
| 3215 } |
| 3216 |
| 3217 .flex-item-fill { |
| 3218 flex-grow: 0; |
| 3219 flex-shrink: 1; /* shrink when pressured */ |
| 3220 flex-basis: 100%; /* try and take 100% */ |
| 3221 } |
| 3222 |
| 3223 .flex-item-fixed-1-12 { |
| 3224 flex-grow: 0; |
| 3225 flex-shrink: 0; |
| 3226 flex-basis: 8.3%; |
| 3227 } |
| 3228 |
| 3229 .flex-item-fixed-2-12 { |
| 3230 flex-grow: 0; |
| 3231 flex-shrink: 0; |
| 3232 flex-basis: 16.6%; |
| 3233 } |
| 3234 |
| 3235 .flex-item-fixed-4-12 { |
| 3236 flex-grow: 0; |
| 3237 flex-shrink: 0; |
| 3238 flex-basis: 33.3333%; |
| 3239 } |
| 3240 |
| 3241 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 3242 flex-grow: 0; |
| 3243 flex-shrink: 0; |
| 3244 flex-basis: 50%; |
| 3245 } |
| 3246 |
| 3247 .flex-item-fixed-8-12 { |
| 3248 flex-grow: 0; |
| 3249 flex-shrink: 0; |
| 3250 flex-basis: 66.6666%; |
| 3251 } |
| 3252 |
| 3253 .flex-item-fixed-9-12 { |
| 3254 flex-grow: 0; |
| 3255 flex-shrink: 0; |
| 3256 flex-basis: 75%; |
| 3257 } |
| 3258 |
| 3259 |
| 3260 .flex-item-fixed-12-12 { |
| 3261 flex-grow: 0; |
| 3262 flex-shrink: 0; |
| 3263 flex-basis: 100%; |
| 3264 } |
| 3265 |
| 3266 .flex-item-10-percent { |
| 3267 flex-grow: 0; |
| 3268 flex-shrink: 0; |
| 3269 flex-basis: 10%; |
| 3270 } |
| 3271 |
| 3272 .flex-item-15-percent { |
| 3273 flex-grow: 0; |
| 3274 flex-shrink: 0; |
| 3275 flex-basis: 15%; |
| 3276 } |
| 3277 |
| 3278 .flex-item-20-percent { |
| 3279 flex-grow: 0; |
| 3280 flex-shrink: 0; |
| 3281 flex-basis: 20%; |
| 3282 } |
| 3283 |
| 3284 .flex-item-30-percent { |
| 3285 flex-grow: 0; |
| 3286 flex-shrink: 0; |
| 3287 flex-basis: 30%; |
| 3288 } |
| 3289 |
| 3290 .flex-item-40-percent { |
| 3291 flex-grow: 0; |
| 3292 flex-shrink: 0; |
| 3293 flex-basis: 40%; |
| 3294 } |
| 3295 |
| 3296 .flex-item-60-percent { |
| 3297 flex-grow: 0; |
| 3298 flex-shrink: 0; |
| 3299 flex-basis: 60%; |
| 3300 } |
| 3301 |
| 3302 .flex-item-70-percent { |
| 3303 flex-grow: 0; |
| 3304 flex-shrink: 0; |
| 3305 flex-basis: 70%; |
| 3306 } |
| 3307 |
| 3308 .flex-item-80-percent { |
| 3309 flex-grow: 0; |
| 3310 flex-shrink: 0; |
| 3311 flex-basis: 80%; |
| 3312 } |
| 3313 |
| 3314 .well { |
| 3315 min-height: 20px; |
| 3316 padding: 19px; |
| 3317 margin-bottom: 20px; |
| 3318 background-color: #f5f5f5; |
| 3319 border: 1px solid #e3e3e3; |
| 3320 border-radius: 4px; |
| 3321 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 3322 } |
| 3323 </style> |
695 <template if="{{ code.isDartCode }}"> | 3324 <template if="{{ code.isDartCode }}"> |
696 <template if="{{ code.isOptimized }}"> | 3325 <template if="{{ code.isOptimized }}"> |
697 <a href="{{ url }}">*{{ name }}</a> | 3326 <a href="{{ url }}">*{{ name }}</a> |
698 </template> | 3327 </template> |
699 <template if="{{ !code.isOptimized }}"> | 3328 <template if="{{ !code.isOptimized }}"> |
700 <a href="{{ url }}">{{ name }}</a> | 3329 <a href="{{ url }}">{{ name }}</a> |
701 </template> | 3330 </template> |
702 </template> | 3331 </template> |
703 <template if="{{ !code.isDartCode }}"> | 3332 <template if="{{ !code.isDartCode }}"> |
704 <span>{{ name }}</span> | 3333 <span>{{ name }}</span> |
705 </template> | 3334 </template> |
706 </template> | 3335 </template> |
707 | 3336 |
708 </polymer-element><polymer-element name="code-view" extends="observatory-element
"> | 3337 </polymer-element> |
| 3338 |
| 3339 |
| 3340 |
| 3341 |
| 3342 <polymer-element name="code-view" extends="observatory-element"> |
709 <template> | 3343 <template> |
710 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 3344 <style> |
| 3345 /* Global styles */ |
| 3346 * { |
| 3347 margin: 0; |
| 3348 padding: 0; |
| 3349 font: 400 14px 'Montserrat', sans-serif; |
| 3350 color: #333; |
| 3351 box-sizing: border-box; |
| 3352 } |
| 3353 |
| 3354 .content { |
| 3355 padding-left: 10%; |
| 3356 font: 400 14px 'Montserrat', sans-serif; |
| 3357 } |
| 3358 |
| 3359 .content-centered { |
| 3360 padding-left: 10%; |
| 3361 padding-right: 10%; |
| 3362 font: 400 14px 'Montserrat', sans-serif; |
| 3363 } |
| 3364 |
| 3365 h1 { |
| 3366 font: 400 18px 'Montserrat', sans-serif; |
| 3367 } |
| 3368 |
| 3369 .memberList { |
| 3370 display: table; |
| 3371 } |
| 3372 |
| 3373 .memberItem { |
| 3374 display: table-row; |
| 3375 } |
| 3376 |
| 3377 .memberName, .memberValue { |
| 3378 display: table-cell; |
| 3379 vertical-align: top; |
| 3380 padding: 3px 0 3px 1em; |
| 3381 font: 400 14px 'Montserrat', sans-serif; |
| 3382 } |
| 3383 |
| 3384 .monospace { |
| 3385 font-family: consolas, courier, monospace; |
| 3386 font-size: 1em; |
| 3387 line-height: 1.2em; |
| 3388 white-space: nowrap; |
| 3389 } |
| 3390 |
| 3391 a { |
| 3392 color: #0489c3; |
| 3393 text-decoration: none; |
| 3394 } |
| 3395 |
| 3396 a:hover { |
| 3397 text-decoration: underline; |
| 3398 } |
| 3399 |
| 3400 em { |
| 3401 color: inherit; |
| 3402 font-style:italic; |
| 3403 } |
| 3404 |
| 3405 hr { |
| 3406 margin-top: 20px; |
| 3407 margin-bottom: 20px; |
| 3408 border: 0; |
| 3409 border-top: 1px solid #eee; |
| 3410 height: 0; |
| 3411 box-sizing: content-box; |
| 3412 } |
| 3413 |
| 3414 .list-group { |
| 3415 padding-left: 0; |
| 3416 margin-bottom: 20px; |
| 3417 } |
| 3418 |
| 3419 .list-group-item { |
| 3420 position: relative; |
| 3421 display: block; |
| 3422 padding: 10px 15px; |
| 3423 margin-bottom: -1px; |
| 3424 background-color: #fff; |
| 3425 } |
| 3426 |
| 3427 .list-group-item:first-child { |
| 3428 /* rounded top corners */ |
| 3429 border-top-right-radius:4px; |
| 3430 border-top-left-radius:4px; |
| 3431 } |
| 3432 |
| 3433 .list-group-item:last-child { |
| 3434 margin-bottom: 0; |
| 3435 /* rounded bottom corners */ |
| 3436 border-bottom-right-radius: 4px; |
| 3437 border-bottom-left-radius:4px; |
| 3438 } |
| 3439 |
| 3440 /* Flex row container */ |
| 3441 .flex-row { |
| 3442 display: flex; |
| 3443 flex-direction: row; |
| 3444 } |
| 3445 |
| 3446 /* Flex column container */ |
| 3447 .flex-column { |
| 3448 display: flex; |
| 3449 flex-direction: column; |
| 3450 } |
| 3451 |
| 3452 .flex-item-fit { |
| 3453 flex-grow: 1; |
| 3454 flex-shrink: 1; |
| 3455 flex-basis: auto; |
| 3456 } |
| 3457 |
| 3458 .flex-item-no-shrink { |
| 3459 flex-grow: 0; |
| 3460 flex-shrink: 0; |
| 3461 flex-basis: auto; |
| 3462 } |
| 3463 |
| 3464 .flex-item-fill { |
| 3465 flex-grow: 0; |
| 3466 flex-shrink: 1; /* shrink when pressured */ |
| 3467 flex-basis: 100%; /* try and take 100% */ |
| 3468 } |
| 3469 |
| 3470 .flex-item-fixed-1-12 { |
| 3471 flex-grow: 0; |
| 3472 flex-shrink: 0; |
| 3473 flex-basis: 8.3%; |
| 3474 } |
| 3475 |
| 3476 .flex-item-fixed-2-12 { |
| 3477 flex-grow: 0; |
| 3478 flex-shrink: 0; |
| 3479 flex-basis: 16.6%; |
| 3480 } |
| 3481 |
| 3482 .flex-item-fixed-4-12 { |
| 3483 flex-grow: 0; |
| 3484 flex-shrink: 0; |
| 3485 flex-basis: 33.3333%; |
| 3486 } |
| 3487 |
| 3488 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 3489 flex-grow: 0; |
| 3490 flex-shrink: 0; |
| 3491 flex-basis: 50%; |
| 3492 } |
| 3493 |
| 3494 .flex-item-fixed-8-12 { |
| 3495 flex-grow: 0; |
| 3496 flex-shrink: 0; |
| 3497 flex-basis: 66.6666%; |
| 3498 } |
| 3499 |
| 3500 .flex-item-fixed-9-12 { |
| 3501 flex-grow: 0; |
| 3502 flex-shrink: 0; |
| 3503 flex-basis: 75%; |
| 3504 } |
| 3505 |
| 3506 |
| 3507 .flex-item-fixed-12-12 { |
| 3508 flex-grow: 0; |
| 3509 flex-shrink: 0; |
| 3510 flex-basis: 100%; |
| 3511 } |
| 3512 |
| 3513 .flex-item-10-percent { |
| 3514 flex-grow: 0; |
| 3515 flex-shrink: 0; |
| 3516 flex-basis: 10%; |
| 3517 } |
| 3518 |
| 3519 .flex-item-15-percent { |
| 3520 flex-grow: 0; |
| 3521 flex-shrink: 0; |
| 3522 flex-basis: 15%; |
| 3523 } |
| 3524 |
| 3525 .flex-item-20-percent { |
| 3526 flex-grow: 0; |
| 3527 flex-shrink: 0; |
| 3528 flex-basis: 20%; |
| 3529 } |
| 3530 |
| 3531 .flex-item-30-percent { |
| 3532 flex-grow: 0; |
| 3533 flex-shrink: 0; |
| 3534 flex-basis: 30%; |
| 3535 } |
| 3536 |
| 3537 .flex-item-40-percent { |
| 3538 flex-grow: 0; |
| 3539 flex-shrink: 0; |
| 3540 flex-basis: 40%; |
| 3541 } |
| 3542 |
| 3543 .flex-item-60-percent { |
| 3544 flex-grow: 0; |
| 3545 flex-shrink: 0; |
| 3546 flex-basis: 60%; |
| 3547 } |
| 3548 |
| 3549 .flex-item-70-percent { |
| 3550 flex-grow: 0; |
| 3551 flex-shrink: 0; |
| 3552 flex-basis: 70%; |
| 3553 } |
| 3554 |
| 3555 .flex-item-80-percent { |
| 3556 flex-grow: 0; |
| 3557 flex-shrink: 0; |
| 3558 flex-basis: 80%; |
| 3559 } |
| 3560 |
| 3561 .well { |
| 3562 min-height: 20px; |
| 3563 padding: 19px; |
| 3564 margin-bottom: 20px; |
| 3565 background-color: #f5f5f5; |
| 3566 border: 1px solid #e3e3e3; |
| 3567 border-radius: 4px; |
| 3568 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 3569 } |
| 3570 </style> |
711 <style> | 3571 <style> |
712 div.flex-row:hover { | 3572 div.flex-row:hover { |
713 background-color: #FFF3E3; | 3573 background-color: #FFF3E3; |
714 } | 3574 } |
715 | 3575 |
716 .highlight { | 3576 .highlight { |
717 background-color: #FFF3E3; | 3577 background-color: #FFF3E3; |
718 } | 3578 } |
719 | 3579 |
720 .tooltip { | 3580 .tooltip { |
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
859 <div class="flex-item-fixed-6-12 monospace"> | 3719 <div class="flex-item-fixed-6-12 monospace"> |
860 {{ instruction.human }} | 3720 {{ instruction.human }} |
861 </div> | 3721 </div> |
862 </template> | 3722 </template> |
863 </div> | 3723 </div> |
864 </template> | 3724 </template> |
865 </div> | 3725 </div> |
866 </template> | 3726 </template> |
867 | 3727 |
868 </polymer-element> | 3728 </polymer-element> |
| 3729 |
| 3730 |
869 <polymer-element name="collapsible-content" extends="observatory-element"> | 3731 <polymer-element name="collapsible-content" extends="observatory-element"> |
870 <template> | 3732 <template> |
871 <div class="well row"> | 3733 <div class="well row"> |
872 <a on-click="toggleDisplay" class="btn muted unselectable"> | 3734 <a on-click="toggleDisplay" class="btn muted unselectable"> |
873 Raw message... <i class="{{ iconClass }}"></i> | 3735 Raw message... <i class="{{ iconClass }}"></i> |
874 </a> | 3736 </a> |
875 <div style="display: {{ displayValue }}" class="well"> | 3737 <div style="display: {{ displayValue }}" class="well"> |
876 <content></content> | 3738 <content></content> |
877 </div> | 3739 </div> |
878 </div> | 3740 </div> |
879 </template> | 3741 </template> |
880 | 3742 |
881 </polymer-element><polymer-element name="error-view" extends="observatory-elemen
t"> | 3743 </polymer-element> |
| 3744 |
| 3745 |
| 3746 <polymer-element name="error-view" extends="observatory-element"> |
882 <template> | 3747 <template> |
883 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 3748 <style> |
| 3749 /* Global styles */ |
| 3750 * { |
| 3751 margin: 0; |
| 3752 padding: 0; |
| 3753 font: 400 14px 'Montserrat', sans-serif; |
| 3754 color: #333; |
| 3755 box-sizing: border-box; |
| 3756 } |
| 3757 |
| 3758 .content { |
| 3759 padding-left: 10%; |
| 3760 font: 400 14px 'Montserrat', sans-serif; |
| 3761 } |
| 3762 |
| 3763 .content-centered { |
| 3764 padding-left: 10%; |
| 3765 padding-right: 10%; |
| 3766 font: 400 14px 'Montserrat', sans-serif; |
| 3767 } |
| 3768 |
| 3769 h1 { |
| 3770 font: 400 18px 'Montserrat', sans-serif; |
| 3771 } |
| 3772 |
| 3773 .memberList { |
| 3774 display: table; |
| 3775 } |
| 3776 |
| 3777 .memberItem { |
| 3778 display: table-row; |
| 3779 } |
| 3780 |
| 3781 .memberName, .memberValue { |
| 3782 display: table-cell; |
| 3783 vertical-align: top; |
| 3784 padding: 3px 0 3px 1em; |
| 3785 font: 400 14px 'Montserrat', sans-serif; |
| 3786 } |
| 3787 |
| 3788 .monospace { |
| 3789 font-family: consolas, courier, monospace; |
| 3790 font-size: 1em; |
| 3791 line-height: 1.2em; |
| 3792 white-space: nowrap; |
| 3793 } |
| 3794 |
| 3795 a { |
| 3796 color: #0489c3; |
| 3797 text-decoration: none; |
| 3798 } |
| 3799 |
| 3800 a:hover { |
| 3801 text-decoration: underline; |
| 3802 } |
| 3803 |
| 3804 em { |
| 3805 color: inherit; |
| 3806 font-style:italic; |
| 3807 } |
| 3808 |
| 3809 hr { |
| 3810 margin-top: 20px; |
| 3811 margin-bottom: 20px; |
| 3812 border: 0; |
| 3813 border-top: 1px solid #eee; |
| 3814 height: 0; |
| 3815 box-sizing: content-box; |
| 3816 } |
| 3817 |
| 3818 .list-group { |
| 3819 padding-left: 0; |
| 3820 margin-bottom: 20px; |
| 3821 } |
| 3822 |
| 3823 .list-group-item { |
| 3824 position: relative; |
| 3825 display: block; |
| 3826 padding: 10px 15px; |
| 3827 margin-bottom: -1px; |
| 3828 background-color: #fff; |
| 3829 } |
| 3830 |
| 3831 .list-group-item:first-child { |
| 3832 /* rounded top corners */ |
| 3833 border-top-right-radius:4px; |
| 3834 border-top-left-radius:4px; |
| 3835 } |
| 3836 |
| 3837 .list-group-item:last-child { |
| 3838 margin-bottom: 0; |
| 3839 /* rounded bottom corners */ |
| 3840 border-bottom-right-radius: 4px; |
| 3841 border-bottom-left-radius:4px; |
| 3842 } |
| 3843 |
| 3844 /* Flex row container */ |
| 3845 .flex-row { |
| 3846 display: flex; |
| 3847 flex-direction: row; |
| 3848 } |
| 3849 |
| 3850 /* Flex column container */ |
| 3851 .flex-column { |
| 3852 display: flex; |
| 3853 flex-direction: column; |
| 3854 } |
| 3855 |
| 3856 .flex-item-fit { |
| 3857 flex-grow: 1; |
| 3858 flex-shrink: 1; |
| 3859 flex-basis: auto; |
| 3860 } |
| 3861 |
| 3862 .flex-item-no-shrink { |
| 3863 flex-grow: 0; |
| 3864 flex-shrink: 0; |
| 3865 flex-basis: auto; |
| 3866 } |
| 3867 |
| 3868 .flex-item-fill { |
| 3869 flex-grow: 0; |
| 3870 flex-shrink: 1; /* shrink when pressured */ |
| 3871 flex-basis: 100%; /* try and take 100% */ |
| 3872 } |
| 3873 |
| 3874 .flex-item-fixed-1-12 { |
| 3875 flex-grow: 0; |
| 3876 flex-shrink: 0; |
| 3877 flex-basis: 8.3%; |
| 3878 } |
| 3879 |
| 3880 .flex-item-fixed-2-12 { |
| 3881 flex-grow: 0; |
| 3882 flex-shrink: 0; |
| 3883 flex-basis: 16.6%; |
| 3884 } |
| 3885 |
| 3886 .flex-item-fixed-4-12 { |
| 3887 flex-grow: 0; |
| 3888 flex-shrink: 0; |
| 3889 flex-basis: 33.3333%; |
| 3890 } |
| 3891 |
| 3892 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 3893 flex-grow: 0; |
| 3894 flex-shrink: 0; |
| 3895 flex-basis: 50%; |
| 3896 } |
| 3897 |
| 3898 .flex-item-fixed-8-12 { |
| 3899 flex-grow: 0; |
| 3900 flex-shrink: 0; |
| 3901 flex-basis: 66.6666%; |
| 3902 } |
| 3903 |
| 3904 .flex-item-fixed-9-12 { |
| 3905 flex-grow: 0; |
| 3906 flex-shrink: 0; |
| 3907 flex-basis: 75%; |
| 3908 } |
| 3909 |
| 3910 |
| 3911 .flex-item-fixed-12-12 { |
| 3912 flex-grow: 0; |
| 3913 flex-shrink: 0; |
| 3914 flex-basis: 100%; |
| 3915 } |
| 3916 |
| 3917 .flex-item-10-percent { |
| 3918 flex-grow: 0; |
| 3919 flex-shrink: 0; |
| 3920 flex-basis: 10%; |
| 3921 } |
| 3922 |
| 3923 .flex-item-15-percent { |
| 3924 flex-grow: 0; |
| 3925 flex-shrink: 0; |
| 3926 flex-basis: 15%; |
| 3927 } |
| 3928 |
| 3929 .flex-item-20-percent { |
| 3930 flex-grow: 0; |
| 3931 flex-shrink: 0; |
| 3932 flex-basis: 20%; |
| 3933 } |
| 3934 |
| 3935 .flex-item-30-percent { |
| 3936 flex-grow: 0; |
| 3937 flex-shrink: 0; |
| 3938 flex-basis: 30%; |
| 3939 } |
| 3940 |
| 3941 .flex-item-40-percent { |
| 3942 flex-grow: 0; |
| 3943 flex-shrink: 0; |
| 3944 flex-basis: 40%; |
| 3945 } |
| 3946 |
| 3947 .flex-item-60-percent { |
| 3948 flex-grow: 0; |
| 3949 flex-shrink: 0; |
| 3950 flex-basis: 60%; |
| 3951 } |
| 3952 |
| 3953 .flex-item-70-percent { |
| 3954 flex-grow: 0; |
| 3955 flex-shrink: 0; |
| 3956 flex-basis: 70%; |
| 3957 } |
| 3958 |
| 3959 .flex-item-80-percent { |
| 3960 flex-grow: 0; |
| 3961 flex-shrink: 0; |
| 3962 flex-basis: 80%; |
| 3963 } |
| 3964 |
| 3965 .well { |
| 3966 min-height: 20px; |
| 3967 padding: 19px; |
| 3968 margin-bottom: 20px; |
| 3969 background-color: #f5f5f5; |
| 3970 border: 1px solid #e3e3e3; |
| 3971 border-radius: 4px; |
| 3972 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 3973 } |
| 3974 </style> |
884 <nav-bar> | 3975 <nav-bar> |
885 <top-nav-menu last="{{ true }}"></top-nav-menu> | 3976 <top-nav-menu last="{{ true }}"></top-nav-menu> |
886 </nav-bar> | 3977 </nav-bar> |
887 <div class="content-centered"> | 3978 <div class="content-centered"> |
888 <h1>{{ error.kind }}</h1> | 3979 <h1>{{ error.kind }}</h1> |
889 <br> | 3980 <br> |
890 <div class="well">{{ error.message }}</div> | 3981 <div class="well">{{ error.message }}</div> |
891 </div> | 3982 </div> |
892 </template> | 3983 </template> |
893 | 3984 |
894 </polymer-element> | 3985 </polymer-element> |
| 3986 |
| 3987 |
| 3988 |
| 3989 |
| 3990 |
| 3991 |
| 3992 |
895 <polymer-element name="field-view" extends="observatory-element"> | 3993 <polymer-element name="field-view" extends="observatory-element"> |
896 <template> | 3994 <template> |
897 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 3995 <style> |
| 3996 /* Global styles */ |
| 3997 * { |
| 3998 margin: 0; |
| 3999 padding: 0; |
| 4000 font: 400 14px 'Montserrat', sans-serif; |
| 4001 color: #333; |
| 4002 box-sizing: border-box; |
| 4003 } |
| 4004 |
| 4005 .content { |
| 4006 padding-left: 10%; |
| 4007 font: 400 14px 'Montserrat', sans-serif; |
| 4008 } |
| 4009 |
| 4010 .content-centered { |
| 4011 padding-left: 10%; |
| 4012 padding-right: 10%; |
| 4013 font: 400 14px 'Montserrat', sans-serif; |
| 4014 } |
| 4015 |
| 4016 h1 { |
| 4017 font: 400 18px 'Montserrat', sans-serif; |
| 4018 } |
| 4019 |
| 4020 .memberList { |
| 4021 display: table; |
| 4022 } |
| 4023 |
| 4024 .memberItem { |
| 4025 display: table-row; |
| 4026 } |
| 4027 |
| 4028 .memberName, .memberValue { |
| 4029 display: table-cell; |
| 4030 vertical-align: top; |
| 4031 padding: 3px 0 3px 1em; |
| 4032 font: 400 14px 'Montserrat', sans-serif; |
| 4033 } |
| 4034 |
| 4035 .monospace { |
| 4036 font-family: consolas, courier, monospace; |
| 4037 font-size: 1em; |
| 4038 line-height: 1.2em; |
| 4039 white-space: nowrap; |
| 4040 } |
| 4041 |
| 4042 a { |
| 4043 color: #0489c3; |
| 4044 text-decoration: none; |
| 4045 } |
| 4046 |
| 4047 a:hover { |
| 4048 text-decoration: underline; |
| 4049 } |
| 4050 |
| 4051 em { |
| 4052 color: inherit; |
| 4053 font-style:italic; |
| 4054 } |
| 4055 |
| 4056 hr { |
| 4057 margin-top: 20px; |
| 4058 margin-bottom: 20px; |
| 4059 border: 0; |
| 4060 border-top: 1px solid #eee; |
| 4061 height: 0; |
| 4062 box-sizing: content-box; |
| 4063 } |
| 4064 |
| 4065 .list-group { |
| 4066 padding-left: 0; |
| 4067 margin-bottom: 20px; |
| 4068 } |
| 4069 |
| 4070 .list-group-item { |
| 4071 position: relative; |
| 4072 display: block; |
| 4073 padding: 10px 15px; |
| 4074 margin-bottom: -1px; |
| 4075 background-color: #fff; |
| 4076 } |
| 4077 |
| 4078 .list-group-item:first-child { |
| 4079 /* rounded top corners */ |
| 4080 border-top-right-radius:4px; |
| 4081 border-top-left-radius:4px; |
| 4082 } |
| 4083 |
| 4084 .list-group-item:last-child { |
| 4085 margin-bottom: 0; |
| 4086 /* rounded bottom corners */ |
| 4087 border-bottom-right-radius: 4px; |
| 4088 border-bottom-left-radius:4px; |
| 4089 } |
| 4090 |
| 4091 /* Flex row container */ |
| 4092 .flex-row { |
| 4093 display: flex; |
| 4094 flex-direction: row; |
| 4095 } |
| 4096 |
| 4097 /* Flex column container */ |
| 4098 .flex-column { |
| 4099 display: flex; |
| 4100 flex-direction: column; |
| 4101 } |
| 4102 |
| 4103 .flex-item-fit { |
| 4104 flex-grow: 1; |
| 4105 flex-shrink: 1; |
| 4106 flex-basis: auto; |
| 4107 } |
| 4108 |
| 4109 .flex-item-no-shrink { |
| 4110 flex-grow: 0; |
| 4111 flex-shrink: 0; |
| 4112 flex-basis: auto; |
| 4113 } |
| 4114 |
| 4115 .flex-item-fill { |
| 4116 flex-grow: 0; |
| 4117 flex-shrink: 1; /* shrink when pressured */ |
| 4118 flex-basis: 100%; /* try and take 100% */ |
| 4119 } |
| 4120 |
| 4121 .flex-item-fixed-1-12 { |
| 4122 flex-grow: 0; |
| 4123 flex-shrink: 0; |
| 4124 flex-basis: 8.3%; |
| 4125 } |
| 4126 |
| 4127 .flex-item-fixed-2-12 { |
| 4128 flex-grow: 0; |
| 4129 flex-shrink: 0; |
| 4130 flex-basis: 16.6%; |
| 4131 } |
| 4132 |
| 4133 .flex-item-fixed-4-12 { |
| 4134 flex-grow: 0; |
| 4135 flex-shrink: 0; |
| 4136 flex-basis: 33.3333%; |
| 4137 } |
| 4138 |
| 4139 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 4140 flex-grow: 0; |
| 4141 flex-shrink: 0; |
| 4142 flex-basis: 50%; |
| 4143 } |
| 4144 |
| 4145 .flex-item-fixed-8-12 { |
| 4146 flex-grow: 0; |
| 4147 flex-shrink: 0; |
| 4148 flex-basis: 66.6666%; |
| 4149 } |
| 4150 |
| 4151 .flex-item-fixed-9-12 { |
| 4152 flex-grow: 0; |
| 4153 flex-shrink: 0; |
| 4154 flex-basis: 75%; |
| 4155 } |
| 4156 |
| 4157 |
| 4158 .flex-item-fixed-12-12 { |
| 4159 flex-grow: 0; |
| 4160 flex-shrink: 0; |
| 4161 flex-basis: 100%; |
| 4162 } |
| 4163 |
| 4164 .flex-item-10-percent { |
| 4165 flex-grow: 0; |
| 4166 flex-shrink: 0; |
| 4167 flex-basis: 10%; |
| 4168 } |
| 4169 |
| 4170 .flex-item-15-percent { |
| 4171 flex-grow: 0; |
| 4172 flex-shrink: 0; |
| 4173 flex-basis: 15%; |
| 4174 } |
| 4175 |
| 4176 .flex-item-20-percent { |
| 4177 flex-grow: 0; |
| 4178 flex-shrink: 0; |
| 4179 flex-basis: 20%; |
| 4180 } |
| 4181 |
| 4182 .flex-item-30-percent { |
| 4183 flex-grow: 0; |
| 4184 flex-shrink: 0; |
| 4185 flex-basis: 30%; |
| 4186 } |
| 4187 |
| 4188 .flex-item-40-percent { |
| 4189 flex-grow: 0; |
| 4190 flex-shrink: 0; |
| 4191 flex-basis: 40%; |
| 4192 } |
| 4193 |
| 4194 .flex-item-60-percent { |
| 4195 flex-grow: 0; |
| 4196 flex-shrink: 0; |
| 4197 flex-basis: 60%; |
| 4198 } |
| 4199 |
| 4200 .flex-item-70-percent { |
| 4201 flex-grow: 0; |
| 4202 flex-shrink: 0; |
| 4203 flex-basis: 70%; |
| 4204 } |
| 4205 |
| 4206 .flex-item-80-percent { |
| 4207 flex-grow: 0; |
| 4208 flex-shrink: 0; |
| 4209 flex-basis: 80%; |
| 4210 } |
| 4211 |
| 4212 .well { |
| 4213 min-height: 20px; |
| 4214 padding: 19px; |
| 4215 margin-bottom: 20px; |
| 4216 background-color: #f5f5f5; |
| 4217 border: 1px solid #e3e3e3; |
| 4218 border-radius: 4px; |
| 4219 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 4220 } |
| 4221 </style> |
898 <nav-bar> | 4222 <nav-bar> |
899 <top-nav-menu></top-nav-menu> | 4223 <top-nav-menu></top-nav-menu> |
900 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu> | 4224 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu> |
901 <template if="{{ field['owner'].serviceType == 'Class' }}"> | 4225 <template if="{{ field['owner'].serviceType == 'Class' }}"> |
902 <!-- TODO(turnidge): Add library nav menu here. --> | 4226 <!-- TODO(turnidge): Add library nav menu here. --> |
903 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu> | 4227 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu> |
904 </template> | 4228 </template> |
905 <template if="{{ field['owner'].serviceType == 'Library' }}"> | 4229 <template if="{{ field['owner'].serviceType == 'Library' }}"> |
906 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu> | 4230 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu> |
907 </template> | 4231 </template> |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
970 <div class="memberValue"> | 4294 <div class="memberValue"> |
971 <instance-ref ref="{{ field['value'] }}"></instance-ref> | 4295 <instance-ref ref="{{ field['value'] }}"></instance-ref> |
972 </div> | 4296 </div> |
973 </div> | 4297 </div> |
974 </template> | 4298 </template> |
975 </div> | 4299 </div> |
976 </div> | 4300 </div> |
977 </template> | 4301 </template> |
978 | 4302 |
979 </polymer-element> | 4303 </polymer-element> |
| 4304 |
| 4305 |
| 4306 |
| 4307 |
| 4308 |
| 4309 |
| 4310 |
| 4311 |
| 4312 |
| 4313 |
| 4314 |
980 <polymer-element name="script-inset" extends="observatory-element"> | 4315 <polymer-element name="script-inset" extends="observatory-element"> |
981 <template> | 4316 <template> |
982 <style> | 4317 <style> |
983 .sourceInset { | 4318 .sourceInset { |
984 padding-left: 15%; | 4319 padding-left: 15%; |
985 padding-right: 15%; | 4320 padding-right: 15%; |
986 } | 4321 } |
987 .grayBox { | 4322 .grayBox { |
988 width: 100%; | 4323 width: 100%; |
989 background-color: #f5f5f5; | 4324 background-color: #f5f5f5; |
(...skipping 27 matching lines...) Expand all Loading... |
1017 </tbody> | 4352 </tbody> |
1018 </table> | 4353 </table> |
1019 </template> | 4354 </template> |
1020 </div> | 4355 </div> |
1021 </div> | 4356 </div> |
1022 </template> | 4357 </template> |
1023 | 4358 |
1024 </polymer-element> | 4359 </polymer-element> |
1025 <polymer-element name="function-view" extends="observatory-element"> | 4360 <polymer-element name="function-view" extends="observatory-element"> |
1026 <template> | 4361 <template> |
1027 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 4362 <style> |
| 4363 /* Global styles */ |
| 4364 * { |
| 4365 margin: 0; |
| 4366 padding: 0; |
| 4367 font: 400 14px 'Montserrat', sans-serif; |
| 4368 color: #333; |
| 4369 box-sizing: border-box; |
| 4370 } |
| 4371 |
| 4372 .content { |
| 4373 padding-left: 10%; |
| 4374 font: 400 14px 'Montserrat', sans-serif; |
| 4375 } |
| 4376 |
| 4377 .content-centered { |
| 4378 padding-left: 10%; |
| 4379 padding-right: 10%; |
| 4380 font: 400 14px 'Montserrat', sans-serif; |
| 4381 } |
| 4382 |
| 4383 h1 { |
| 4384 font: 400 18px 'Montserrat', sans-serif; |
| 4385 } |
| 4386 |
| 4387 .memberList { |
| 4388 display: table; |
| 4389 } |
| 4390 |
| 4391 .memberItem { |
| 4392 display: table-row; |
| 4393 } |
| 4394 |
| 4395 .memberName, .memberValue { |
| 4396 display: table-cell; |
| 4397 vertical-align: top; |
| 4398 padding: 3px 0 3px 1em; |
| 4399 font: 400 14px 'Montserrat', sans-serif; |
| 4400 } |
| 4401 |
| 4402 .monospace { |
| 4403 font-family: consolas, courier, monospace; |
| 4404 font-size: 1em; |
| 4405 line-height: 1.2em; |
| 4406 white-space: nowrap; |
| 4407 } |
| 4408 |
| 4409 a { |
| 4410 color: #0489c3; |
| 4411 text-decoration: none; |
| 4412 } |
| 4413 |
| 4414 a:hover { |
| 4415 text-decoration: underline; |
| 4416 } |
| 4417 |
| 4418 em { |
| 4419 color: inherit; |
| 4420 font-style:italic; |
| 4421 } |
| 4422 |
| 4423 hr { |
| 4424 margin-top: 20px; |
| 4425 margin-bottom: 20px; |
| 4426 border: 0; |
| 4427 border-top: 1px solid #eee; |
| 4428 height: 0; |
| 4429 box-sizing: content-box; |
| 4430 } |
| 4431 |
| 4432 .list-group { |
| 4433 padding-left: 0; |
| 4434 margin-bottom: 20px; |
| 4435 } |
| 4436 |
| 4437 .list-group-item { |
| 4438 position: relative; |
| 4439 display: block; |
| 4440 padding: 10px 15px; |
| 4441 margin-bottom: -1px; |
| 4442 background-color: #fff; |
| 4443 } |
| 4444 |
| 4445 .list-group-item:first-child { |
| 4446 /* rounded top corners */ |
| 4447 border-top-right-radius:4px; |
| 4448 border-top-left-radius:4px; |
| 4449 } |
| 4450 |
| 4451 .list-group-item:last-child { |
| 4452 margin-bottom: 0; |
| 4453 /* rounded bottom corners */ |
| 4454 border-bottom-right-radius: 4px; |
| 4455 border-bottom-left-radius:4px; |
| 4456 } |
| 4457 |
| 4458 /* Flex row container */ |
| 4459 .flex-row { |
| 4460 display: flex; |
| 4461 flex-direction: row; |
| 4462 } |
| 4463 |
| 4464 /* Flex column container */ |
| 4465 .flex-column { |
| 4466 display: flex; |
| 4467 flex-direction: column; |
| 4468 } |
| 4469 |
| 4470 .flex-item-fit { |
| 4471 flex-grow: 1; |
| 4472 flex-shrink: 1; |
| 4473 flex-basis: auto; |
| 4474 } |
| 4475 |
| 4476 .flex-item-no-shrink { |
| 4477 flex-grow: 0; |
| 4478 flex-shrink: 0; |
| 4479 flex-basis: auto; |
| 4480 } |
| 4481 |
| 4482 .flex-item-fill { |
| 4483 flex-grow: 0; |
| 4484 flex-shrink: 1; /* shrink when pressured */ |
| 4485 flex-basis: 100%; /* try and take 100% */ |
| 4486 } |
| 4487 |
| 4488 .flex-item-fixed-1-12 { |
| 4489 flex-grow: 0; |
| 4490 flex-shrink: 0; |
| 4491 flex-basis: 8.3%; |
| 4492 } |
| 4493 |
| 4494 .flex-item-fixed-2-12 { |
| 4495 flex-grow: 0; |
| 4496 flex-shrink: 0; |
| 4497 flex-basis: 16.6%; |
| 4498 } |
| 4499 |
| 4500 .flex-item-fixed-4-12 { |
| 4501 flex-grow: 0; |
| 4502 flex-shrink: 0; |
| 4503 flex-basis: 33.3333%; |
| 4504 } |
| 4505 |
| 4506 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 4507 flex-grow: 0; |
| 4508 flex-shrink: 0; |
| 4509 flex-basis: 50%; |
| 4510 } |
| 4511 |
| 4512 .flex-item-fixed-8-12 { |
| 4513 flex-grow: 0; |
| 4514 flex-shrink: 0; |
| 4515 flex-basis: 66.6666%; |
| 4516 } |
| 4517 |
| 4518 .flex-item-fixed-9-12 { |
| 4519 flex-grow: 0; |
| 4520 flex-shrink: 0; |
| 4521 flex-basis: 75%; |
| 4522 } |
| 4523 |
| 4524 |
| 4525 .flex-item-fixed-12-12 { |
| 4526 flex-grow: 0; |
| 4527 flex-shrink: 0; |
| 4528 flex-basis: 100%; |
| 4529 } |
| 4530 |
| 4531 .flex-item-10-percent { |
| 4532 flex-grow: 0; |
| 4533 flex-shrink: 0; |
| 4534 flex-basis: 10%; |
| 4535 } |
| 4536 |
| 4537 .flex-item-15-percent { |
| 4538 flex-grow: 0; |
| 4539 flex-shrink: 0; |
| 4540 flex-basis: 15%; |
| 4541 } |
| 4542 |
| 4543 .flex-item-20-percent { |
| 4544 flex-grow: 0; |
| 4545 flex-shrink: 0; |
| 4546 flex-basis: 20%; |
| 4547 } |
| 4548 |
| 4549 .flex-item-30-percent { |
| 4550 flex-grow: 0; |
| 4551 flex-shrink: 0; |
| 4552 flex-basis: 30%; |
| 4553 } |
| 4554 |
| 4555 .flex-item-40-percent { |
| 4556 flex-grow: 0; |
| 4557 flex-shrink: 0; |
| 4558 flex-basis: 40%; |
| 4559 } |
| 4560 |
| 4561 .flex-item-60-percent { |
| 4562 flex-grow: 0; |
| 4563 flex-shrink: 0; |
| 4564 flex-basis: 60%; |
| 4565 } |
| 4566 |
| 4567 .flex-item-70-percent { |
| 4568 flex-grow: 0; |
| 4569 flex-shrink: 0; |
| 4570 flex-basis: 70%; |
| 4571 } |
| 4572 |
| 4573 .flex-item-80-percent { |
| 4574 flex-grow: 0; |
| 4575 flex-shrink: 0; |
| 4576 flex-basis: 80%; |
| 4577 } |
| 4578 |
| 4579 .well { |
| 4580 min-height: 20px; |
| 4581 padding: 19px; |
| 4582 margin-bottom: 20px; |
| 4583 background-color: #f5f5f5; |
| 4584 border: 1px solid #e3e3e3; |
| 4585 border-radius: 4px; |
| 4586 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 4587 } |
| 4588 </style> |
1028 <nav-bar> | 4589 <nav-bar> |
1029 <top-nav-menu></top-nav-menu> | 4590 <top-nav-menu></top-nav-menu> |
1030 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu> | 4591 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu> |
1031 <template if="{{ function['owner'].serviceType == 'Class' }}"> | 4592 <template if="{{ function['owner'].serviceType == 'Class' }}"> |
1032 <!-- TODO(turnidge): Add library nav menu here. --> | 4593 <!-- TODO(turnidge): Add library nav menu here. --> |
1033 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu> | 4594 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu> |
1034 </template> | 4595 </template> |
1035 <template if="{{ function['owner'].serviceType == 'Library' }}"> | 4596 <template if="{{ function['owner'].serviceType == 'Library' }}"> |
1036 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu> | 4597 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu> |
1037 </template> | 4598 </template> |
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1123 </div> | 4684 </div> |
1124 | 4685 |
1125 <hr> | 4686 <hr> |
1126 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos']
}}" endpos="{{ function['endTokenPos'] }}"> | 4687 <script-inset script="{{ function['script'] }}" pos="{{ function['tokenPos']
}}" endpos="{{ function['endTokenPos'] }}"> |
1127 </script-inset> | 4688 </script-inset> |
1128 | 4689 |
1129 <br> | 4690 <br> |
1130 </template> | 4691 </template> |
1131 | 4692 |
1132 </polymer-element> | 4693 </polymer-element> |
| 4694 |
| 4695 |
| 4696 |
| 4697 |
1133 <polymer-element name="heap-map" extends="observatory-element"> | 4698 <polymer-element name="heap-map" extends="observatory-element"> |
1134 <template> | 4699 <template> |
1135 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 4700 <style> |
| 4701 /* Global styles */ |
| 4702 * { |
| 4703 margin: 0; |
| 4704 padding: 0; |
| 4705 font: 400 14px 'Montserrat', sans-serif; |
| 4706 color: #333; |
| 4707 box-sizing: border-box; |
| 4708 } |
| 4709 |
| 4710 .content { |
| 4711 padding-left: 10%; |
| 4712 font: 400 14px 'Montserrat', sans-serif; |
| 4713 } |
| 4714 |
| 4715 .content-centered { |
| 4716 padding-left: 10%; |
| 4717 padding-right: 10%; |
| 4718 font: 400 14px 'Montserrat', sans-serif; |
| 4719 } |
| 4720 |
| 4721 h1 { |
| 4722 font: 400 18px 'Montserrat', sans-serif; |
| 4723 } |
| 4724 |
| 4725 .memberList { |
| 4726 display: table; |
| 4727 } |
| 4728 |
| 4729 .memberItem { |
| 4730 display: table-row; |
| 4731 } |
| 4732 |
| 4733 .memberName, .memberValue { |
| 4734 display: table-cell; |
| 4735 vertical-align: top; |
| 4736 padding: 3px 0 3px 1em; |
| 4737 font: 400 14px 'Montserrat', sans-serif; |
| 4738 } |
| 4739 |
| 4740 .monospace { |
| 4741 font-family: consolas, courier, monospace; |
| 4742 font-size: 1em; |
| 4743 line-height: 1.2em; |
| 4744 white-space: nowrap; |
| 4745 } |
| 4746 |
| 4747 a { |
| 4748 color: #0489c3; |
| 4749 text-decoration: none; |
| 4750 } |
| 4751 |
| 4752 a:hover { |
| 4753 text-decoration: underline; |
| 4754 } |
| 4755 |
| 4756 em { |
| 4757 color: inherit; |
| 4758 font-style:italic; |
| 4759 } |
| 4760 |
| 4761 hr { |
| 4762 margin-top: 20px; |
| 4763 margin-bottom: 20px; |
| 4764 border: 0; |
| 4765 border-top: 1px solid #eee; |
| 4766 height: 0; |
| 4767 box-sizing: content-box; |
| 4768 } |
| 4769 |
| 4770 .list-group { |
| 4771 padding-left: 0; |
| 4772 margin-bottom: 20px; |
| 4773 } |
| 4774 |
| 4775 .list-group-item { |
| 4776 position: relative; |
| 4777 display: block; |
| 4778 padding: 10px 15px; |
| 4779 margin-bottom: -1px; |
| 4780 background-color: #fff; |
| 4781 } |
| 4782 |
| 4783 .list-group-item:first-child { |
| 4784 /* rounded top corners */ |
| 4785 border-top-right-radius:4px; |
| 4786 border-top-left-radius:4px; |
| 4787 } |
| 4788 |
| 4789 .list-group-item:last-child { |
| 4790 margin-bottom: 0; |
| 4791 /* rounded bottom corners */ |
| 4792 border-bottom-right-radius: 4px; |
| 4793 border-bottom-left-radius:4px; |
| 4794 } |
| 4795 |
| 4796 /* Flex row container */ |
| 4797 .flex-row { |
| 4798 display: flex; |
| 4799 flex-direction: row; |
| 4800 } |
| 4801 |
| 4802 /* Flex column container */ |
| 4803 .flex-column { |
| 4804 display: flex; |
| 4805 flex-direction: column; |
| 4806 } |
| 4807 |
| 4808 .flex-item-fit { |
| 4809 flex-grow: 1; |
| 4810 flex-shrink: 1; |
| 4811 flex-basis: auto; |
| 4812 } |
| 4813 |
| 4814 .flex-item-no-shrink { |
| 4815 flex-grow: 0; |
| 4816 flex-shrink: 0; |
| 4817 flex-basis: auto; |
| 4818 } |
| 4819 |
| 4820 .flex-item-fill { |
| 4821 flex-grow: 0; |
| 4822 flex-shrink: 1; /* shrink when pressured */ |
| 4823 flex-basis: 100%; /* try and take 100% */ |
| 4824 } |
| 4825 |
| 4826 .flex-item-fixed-1-12 { |
| 4827 flex-grow: 0; |
| 4828 flex-shrink: 0; |
| 4829 flex-basis: 8.3%; |
| 4830 } |
| 4831 |
| 4832 .flex-item-fixed-2-12 { |
| 4833 flex-grow: 0; |
| 4834 flex-shrink: 0; |
| 4835 flex-basis: 16.6%; |
| 4836 } |
| 4837 |
| 4838 .flex-item-fixed-4-12 { |
| 4839 flex-grow: 0; |
| 4840 flex-shrink: 0; |
| 4841 flex-basis: 33.3333%; |
| 4842 } |
| 4843 |
| 4844 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 4845 flex-grow: 0; |
| 4846 flex-shrink: 0; |
| 4847 flex-basis: 50%; |
| 4848 } |
| 4849 |
| 4850 .flex-item-fixed-8-12 { |
| 4851 flex-grow: 0; |
| 4852 flex-shrink: 0; |
| 4853 flex-basis: 66.6666%; |
| 4854 } |
| 4855 |
| 4856 .flex-item-fixed-9-12 { |
| 4857 flex-grow: 0; |
| 4858 flex-shrink: 0; |
| 4859 flex-basis: 75%; |
| 4860 } |
| 4861 |
| 4862 |
| 4863 .flex-item-fixed-12-12 { |
| 4864 flex-grow: 0; |
| 4865 flex-shrink: 0; |
| 4866 flex-basis: 100%; |
| 4867 } |
| 4868 |
| 4869 .flex-item-10-percent { |
| 4870 flex-grow: 0; |
| 4871 flex-shrink: 0; |
| 4872 flex-basis: 10%; |
| 4873 } |
| 4874 |
| 4875 .flex-item-15-percent { |
| 4876 flex-grow: 0; |
| 4877 flex-shrink: 0; |
| 4878 flex-basis: 15%; |
| 4879 } |
| 4880 |
| 4881 .flex-item-20-percent { |
| 4882 flex-grow: 0; |
| 4883 flex-shrink: 0; |
| 4884 flex-basis: 20%; |
| 4885 } |
| 4886 |
| 4887 .flex-item-30-percent { |
| 4888 flex-grow: 0; |
| 4889 flex-shrink: 0; |
| 4890 flex-basis: 30%; |
| 4891 } |
| 4892 |
| 4893 .flex-item-40-percent { |
| 4894 flex-grow: 0; |
| 4895 flex-shrink: 0; |
| 4896 flex-basis: 40%; |
| 4897 } |
| 4898 |
| 4899 .flex-item-60-percent { |
| 4900 flex-grow: 0; |
| 4901 flex-shrink: 0; |
| 4902 flex-basis: 60%; |
| 4903 } |
| 4904 |
| 4905 .flex-item-70-percent { |
| 4906 flex-grow: 0; |
| 4907 flex-shrink: 0; |
| 4908 flex-basis: 70%; |
| 4909 } |
| 4910 |
| 4911 .flex-item-80-percent { |
| 4912 flex-grow: 0; |
| 4913 flex-shrink: 0; |
| 4914 flex-basis: 80%; |
| 4915 } |
| 4916 |
| 4917 .well { |
| 4918 min-height: 20px; |
| 4919 padding: 19px; |
| 4920 margin-bottom: 20px; |
| 4921 background-color: #f5f5f5; |
| 4922 border: 1px solid #e3e3e3; |
| 4923 border-radius: 4px; |
| 4924 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 4925 } |
| 4926 </style> |
1136 <style> | 4927 <style> |
1137 .hover { | 4928 .hover { |
1138 position: fixed; | 4929 position: fixed; |
1139 z-index: 999; | 4930 z-index: 999; |
1140 height: 16px; | 4931 height: 16px; |
1141 width: 100%; | 4932 width: 100%; |
1142 background: #ffffff; | 4933 background: #ffffff; |
1143 } | 4934 } |
1144 .spacer { | 4935 .spacer { |
1145 height: 16px; | 4936 height: 16px; |
(...skipping 11 matching lines...) Expand all Loading... |
1157 </div> | 4948 </div> |
1158 <div class="spacer"> | 4949 <div class="spacer"> |
1159 <!-- Make sure no data is covered by hover bar initially --> | 4950 <!-- Make sure no data is covered by hover bar initially --> |
1160 </div> | 4951 </div> |
1161 <div class="flex-row"> | 4952 <div class="flex-row"> |
1162 <canvas id="fragmentation" width="1px" height="1px"></canvas> | 4953 <canvas id="fragmentation" width="1px" height="1px"></canvas> |
1163 </div> | 4954 </div> |
1164 </template> | 4955 </template> |
1165 | 4956 |
1166 </polymer-element> | 4957 </polymer-element> |
| 4958 |
| 4959 |
1167 <polymer-element name="isolate-ref" extends="service-ref"> | 4960 <polymer-element name="isolate-ref" extends="service-ref"> |
1168 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha
red.css"> | 4961 <template><style> |
| 4962 /* Global styles */ |
| 4963 * { |
| 4964 margin: 0; |
| 4965 padding: 0; |
| 4966 font: 400 14px 'Montserrat', sans-serif; |
| 4967 color: #333; |
| 4968 box-sizing: border-box; |
| 4969 } |
| 4970 |
| 4971 .content { |
| 4972 padding-left: 10%; |
| 4973 font: 400 14px 'Montserrat', sans-serif; |
| 4974 } |
| 4975 |
| 4976 .content-centered { |
| 4977 padding-left: 10%; |
| 4978 padding-right: 10%; |
| 4979 font: 400 14px 'Montserrat', sans-serif; |
| 4980 } |
| 4981 |
| 4982 h1 { |
| 4983 font: 400 18px 'Montserrat', sans-serif; |
| 4984 } |
| 4985 |
| 4986 .memberList { |
| 4987 display: table; |
| 4988 } |
| 4989 |
| 4990 .memberItem { |
| 4991 display: table-row; |
| 4992 } |
| 4993 |
| 4994 .memberName, .memberValue { |
| 4995 display: table-cell; |
| 4996 vertical-align: top; |
| 4997 padding: 3px 0 3px 1em; |
| 4998 font: 400 14px 'Montserrat', sans-serif; |
| 4999 } |
| 5000 |
| 5001 .monospace { |
| 5002 font-family: consolas, courier, monospace; |
| 5003 font-size: 1em; |
| 5004 line-height: 1.2em; |
| 5005 white-space: nowrap; |
| 5006 } |
| 5007 |
| 5008 a { |
| 5009 color: #0489c3; |
| 5010 text-decoration: none; |
| 5011 } |
| 5012 |
| 5013 a:hover { |
| 5014 text-decoration: underline; |
| 5015 } |
| 5016 |
| 5017 em { |
| 5018 color: inherit; |
| 5019 font-style:italic; |
| 5020 } |
| 5021 |
| 5022 hr { |
| 5023 margin-top: 20px; |
| 5024 margin-bottom: 20px; |
| 5025 border: 0; |
| 5026 border-top: 1px solid #eee; |
| 5027 height: 0; |
| 5028 box-sizing: content-box; |
| 5029 } |
| 5030 |
| 5031 .list-group { |
| 5032 padding-left: 0; |
| 5033 margin-bottom: 20px; |
| 5034 } |
| 5035 |
| 5036 .list-group-item { |
| 5037 position: relative; |
| 5038 display: block; |
| 5039 padding: 10px 15px; |
| 5040 margin-bottom: -1px; |
| 5041 background-color: #fff; |
| 5042 } |
| 5043 |
| 5044 .list-group-item:first-child { |
| 5045 /* rounded top corners */ |
| 5046 border-top-right-radius:4px; |
| 5047 border-top-left-radius:4px; |
| 5048 } |
| 5049 |
| 5050 .list-group-item:last-child { |
| 5051 margin-bottom: 0; |
| 5052 /* rounded bottom corners */ |
| 5053 border-bottom-right-radius: 4px; |
| 5054 border-bottom-left-radius:4px; |
| 5055 } |
| 5056 |
| 5057 /* Flex row container */ |
| 5058 .flex-row { |
| 5059 display: flex; |
| 5060 flex-direction: row; |
| 5061 } |
| 5062 |
| 5063 /* Flex column container */ |
| 5064 .flex-column { |
| 5065 display: flex; |
| 5066 flex-direction: column; |
| 5067 } |
| 5068 |
| 5069 .flex-item-fit { |
| 5070 flex-grow: 1; |
| 5071 flex-shrink: 1; |
| 5072 flex-basis: auto; |
| 5073 } |
| 5074 |
| 5075 .flex-item-no-shrink { |
| 5076 flex-grow: 0; |
| 5077 flex-shrink: 0; |
| 5078 flex-basis: auto; |
| 5079 } |
| 5080 |
| 5081 .flex-item-fill { |
| 5082 flex-grow: 0; |
| 5083 flex-shrink: 1; /* shrink when pressured */ |
| 5084 flex-basis: 100%; /* try and take 100% */ |
| 5085 } |
| 5086 |
| 5087 .flex-item-fixed-1-12 { |
| 5088 flex-grow: 0; |
| 5089 flex-shrink: 0; |
| 5090 flex-basis: 8.3%; |
| 5091 } |
| 5092 |
| 5093 .flex-item-fixed-2-12 { |
| 5094 flex-grow: 0; |
| 5095 flex-shrink: 0; |
| 5096 flex-basis: 16.6%; |
| 5097 } |
| 5098 |
| 5099 .flex-item-fixed-4-12 { |
| 5100 flex-grow: 0; |
| 5101 flex-shrink: 0; |
| 5102 flex-basis: 33.3333%; |
| 5103 } |
| 5104 |
| 5105 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 5106 flex-grow: 0; |
| 5107 flex-shrink: 0; |
| 5108 flex-basis: 50%; |
| 5109 } |
| 5110 |
| 5111 .flex-item-fixed-8-12 { |
| 5112 flex-grow: 0; |
| 5113 flex-shrink: 0; |
| 5114 flex-basis: 66.6666%; |
| 5115 } |
| 5116 |
| 5117 .flex-item-fixed-9-12 { |
| 5118 flex-grow: 0; |
| 5119 flex-shrink: 0; |
| 5120 flex-basis: 75%; |
| 5121 } |
| 5122 |
| 5123 |
| 5124 .flex-item-fixed-12-12 { |
| 5125 flex-grow: 0; |
| 5126 flex-shrink: 0; |
| 5127 flex-basis: 100%; |
| 5128 } |
| 5129 |
| 5130 .flex-item-10-percent { |
| 5131 flex-grow: 0; |
| 5132 flex-shrink: 0; |
| 5133 flex-basis: 10%; |
| 5134 } |
| 5135 |
| 5136 .flex-item-15-percent { |
| 5137 flex-grow: 0; |
| 5138 flex-shrink: 0; |
| 5139 flex-basis: 15%; |
| 5140 } |
| 5141 |
| 5142 .flex-item-20-percent { |
| 5143 flex-grow: 0; |
| 5144 flex-shrink: 0; |
| 5145 flex-basis: 20%; |
| 5146 } |
| 5147 |
| 5148 .flex-item-30-percent { |
| 5149 flex-grow: 0; |
| 5150 flex-shrink: 0; |
| 5151 flex-basis: 30%; |
| 5152 } |
| 5153 |
| 5154 .flex-item-40-percent { |
| 5155 flex-grow: 0; |
| 5156 flex-shrink: 0; |
| 5157 flex-basis: 40%; |
| 5158 } |
| 5159 |
| 5160 .flex-item-60-percent { |
| 5161 flex-grow: 0; |
| 5162 flex-shrink: 0; |
| 5163 flex-basis: 60%; |
| 5164 } |
| 5165 |
| 5166 .flex-item-70-percent { |
| 5167 flex-grow: 0; |
| 5168 flex-shrink: 0; |
| 5169 flex-basis: 70%; |
| 5170 } |
| 5171 |
| 5172 .flex-item-80-percent { |
| 5173 flex-grow: 0; |
| 5174 flex-shrink: 0; |
| 5175 flex-basis: 80%; |
| 5176 } |
| 5177 |
| 5178 .well { |
| 5179 min-height: 20px; |
| 5180 padding: 19px; |
| 5181 margin-bottom: 20px; |
| 5182 background-color: #f5f5f5; |
| 5183 border: 1px solid #e3e3e3; |
| 5184 border-radius: 4px; |
| 5185 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 5186 } |
| 5187 </style> |
1169 <a href="{{ url }}">{{ ref.name }}</a> | 5188 <a href="{{ url }}">{{ ref.name }}</a> |
1170 </template> | 5189 </template> |
1171 | 5190 |
1172 </polymer-element> | 5191 </polymer-element> |
| 5192 |
| 5193 |
| 5194 |
| 5195 |
| 5196 |
| 5197 |
| 5198 |
1173 <polymer-element name="isolate-summary" extends="observatory-element"> | 5199 <polymer-element name="isolate-summary" extends="observatory-element"> |
1174 <template> | 5200 <template> |
1175 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 5201 <style> |
| 5202 /* Global styles */ |
| 5203 * { |
| 5204 margin: 0; |
| 5205 padding: 0; |
| 5206 font: 400 14px 'Montserrat', sans-serif; |
| 5207 color: #333; |
| 5208 box-sizing: border-box; |
| 5209 } |
| 5210 |
| 5211 .content { |
| 5212 padding-left: 10%; |
| 5213 font: 400 14px 'Montserrat', sans-serif; |
| 5214 } |
| 5215 |
| 5216 .content-centered { |
| 5217 padding-left: 10%; |
| 5218 padding-right: 10%; |
| 5219 font: 400 14px 'Montserrat', sans-serif; |
| 5220 } |
| 5221 |
| 5222 h1 { |
| 5223 font: 400 18px 'Montserrat', sans-serif; |
| 5224 } |
| 5225 |
| 5226 .memberList { |
| 5227 display: table; |
| 5228 } |
| 5229 |
| 5230 .memberItem { |
| 5231 display: table-row; |
| 5232 } |
| 5233 |
| 5234 .memberName, .memberValue { |
| 5235 display: table-cell; |
| 5236 vertical-align: top; |
| 5237 padding: 3px 0 3px 1em; |
| 5238 font: 400 14px 'Montserrat', sans-serif; |
| 5239 } |
| 5240 |
| 5241 .monospace { |
| 5242 font-family: consolas, courier, monospace; |
| 5243 font-size: 1em; |
| 5244 line-height: 1.2em; |
| 5245 white-space: nowrap; |
| 5246 } |
| 5247 |
| 5248 a { |
| 5249 color: #0489c3; |
| 5250 text-decoration: none; |
| 5251 } |
| 5252 |
| 5253 a:hover { |
| 5254 text-decoration: underline; |
| 5255 } |
| 5256 |
| 5257 em { |
| 5258 color: inherit; |
| 5259 font-style:italic; |
| 5260 } |
| 5261 |
| 5262 hr { |
| 5263 margin-top: 20px; |
| 5264 margin-bottom: 20px; |
| 5265 border: 0; |
| 5266 border-top: 1px solid #eee; |
| 5267 height: 0; |
| 5268 box-sizing: content-box; |
| 5269 } |
| 5270 |
| 5271 .list-group { |
| 5272 padding-left: 0; |
| 5273 margin-bottom: 20px; |
| 5274 } |
| 5275 |
| 5276 .list-group-item { |
| 5277 position: relative; |
| 5278 display: block; |
| 5279 padding: 10px 15px; |
| 5280 margin-bottom: -1px; |
| 5281 background-color: #fff; |
| 5282 } |
| 5283 |
| 5284 .list-group-item:first-child { |
| 5285 /* rounded top corners */ |
| 5286 border-top-right-radius:4px; |
| 5287 border-top-left-radius:4px; |
| 5288 } |
| 5289 |
| 5290 .list-group-item:last-child { |
| 5291 margin-bottom: 0; |
| 5292 /* rounded bottom corners */ |
| 5293 border-bottom-right-radius: 4px; |
| 5294 border-bottom-left-radius:4px; |
| 5295 } |
| 5296 |
| 5297 /* Flex row container */ |
| 5298 .flex-row { |
| 5299 display: flex; |
| 5300 flex-direction: row; |
| 5301 } |
| 5302 |
| 5303 /* Flex column container */ |
| 5304 .flex-column { |
| 5305 display: flex; |
| 5306 flex-direction: column; |
| 5307 } |
| 5308 |
| 5309 .flex-item-fit { |
| 5310 flex-grow: 1; |
| 5311 flex-shrink: 1; |
| 5312 flex-basis: auto; |
| 5313 } |
| 5314 |
| 5315 .flex-item-no-shrink { |
| 5316 flex-grow: 0; |
| 5317 flex-shrink: 0; |
| 5318 flex-basis: auto; |
| 5319 } |
| 5320 |
| 5321 .flex-item-fill { |
| 5322 flex-grow: 0; |
| 5323 flex-shrink: 1; /* shrink when pressured */ |
| 5324 flex-basis: 100%; /* try and take 100% */ |
| 5325 } |
| 5326 |
| 5327 .flex-item-fixed-1-12 { |
| 5328 flex-grow: 0; |
| 5329 flex-shrink: 0; |
| 5330 flex-basis: 8.3%; |
| 5331 } |
| 5332 |
| 5333 .flex-item-fixed-2-12 { |
| 5334 flex-grow: 0; |
| 5335 flex-shrink: 0; |
| 5336 flex-basis: 16.6%; |
| 5337 } |
| 5338 |
| 5339 .flex-item-fixed-4-12 { |
| 5340 flex-grow: 0; |
| 5341 flex-shrink: 0; |
| 5342 flex-basis: 33.3333%; |
| 5343 } |
| 5344 |
| 5345 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 5346 flex-grow: 0; |
| 5347 flex-shrink: 0; |
| 5348 flex-basis: 50%; |
| 5349 } |
| 5350 |
| 5351 .flex-item-fixed-8-12 { |
| 5352 flex-grow: 0; |
| 5353 flex-shrink: 0; |
| 5354 flex-basis: 66.6666%; |
| 5355 } |
| 5356 |
| 5357 .flex-item-fixed-9-12 { |
| 5358 flex-grow: 0; |
| 5359 flex-shrink: 0; |
| 5360 flex-basis: 75%; |
| 5361 } |
| 5362 |
| 5363 |
| 5364 .flex-item-fixed-12-12 { |
| 5365 flex-grow: 0; |
| 5366 flex-shrink: 0; |
| 5367 flex-basis: 100%; |
| 5368 } |
| 5369 |
| 5370 .flex-item-10-percent { |
| 5371 flex-grow: 0; |
| 5372 flex-shrink: 0; |
| 5373 flex-basis: 10%; |
| 5374 } |
| 5375 |
| 5376 .flex-item-15-percent { |
| 5377 flex-grow: 0; |
| 5378 flex-shrink: 0; |
| 5379 flex-basis: 15%; |
| 5380 } |
| 5381 |
| 5382 .flex-item-20-percent { |
| 5383 flex-grow: 0; |
| 5384 flex-shrink: 0; |
| 5385 flex-basis: 20%; |
| 5386 } |
| 5387 |
| 5388 .flex-item-30-percent { |
| 5389 flex-grow: 0; |
| 5390 flex-shrink: 0; |
| 5391 flex-basis: 30%; |
| 5392 } |
| 5393 |
| 5394 .flex-item-40-percent { |
| 5395 flex-grow: 0; |
| 5396 flex-shrink: 0; |
| 5397 flex-basis: 40%; |
| 5398 } |
| 5399 |
| 5400 .flex-item-60-percent { |
| 5401 flex-grow: 0; |
| 5402 flex-shrink: 0; |
| 5403 flex-basis: 60%; |
| 5404 } |
| 5405 |
| 5406 .flex-item-70-percent { |
| 5407 flex-grow: 0; |
| 5408 flex-shrink: 0; |
| 5409 flex-basis: 70%; |
| 5410 } |
| 5411 |
| 5412 .flex-item-80-percent { |
| 5413 flex-grow: 0; |
| 5414 flex-shrink: 0; |
| 5415 flex-basis: 80%; |
| 5416 } |
| 5417 |
| 5418 .well { |
| 5419 min-height: 20px; |
| 5420 padding: 19px; |
| 5421 margin-bottom: 20px; |
| 5422 background-color: #f5f5f5; |
| 5423 border: 1px solid #e3e3e3; |
| 5424 border-radius: 4px; |
| 5425 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 5426 } |
| 5427 </style> |
1176 <div class="flex-row"> | 5428 <div class="flex-row"> |
1177 <div class="flex-item-10-percent"> | 5429 <div class="flex-item-10-percent"> |
1178 <img src="packages/observatory/src/elements/img/isolate_icon.png"> | 5430 <img src="packages/observatory/src/elements/img/isolate_icon.png"> |
1179 </div> | 5431 </div> |
1180 <div class="flex-item-10-percent"> | 5432 <div class="flex-item-10-percent"> |
1181 <isolate-ref ref="{{ isolate }}"></isolate-ref> | 5433 <isolate-ref ref="{{ isolate }}"></isolate-ref> |
1182 </div> | 5434 </div> |
1183 <div class="flex-item-20-percent"> | 5435 <div class="flex-item-20-percent"> |
1184 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state> | 5436 <isolate-run-state isolate="{{ isolate }}"></isolate-run-state> |
1185 </div> | 5437 </div> |
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1264 .errorBox { | 5516 .errorBox { |
1265 background-color: #f5f5f5; | 5517 background-color: #f5f5f5; |
1266 border: 1px solid #ccc; | 5518 border: 1px solid #ccc; |
1267 padding: 10px; | 5519 padding: 10px; |
1268 font-family: consolas, courier, monospace; | 5520 font-family: consolas, courier, monospace; |
1269 font-size: 1em; | 5521 font-size: 1em; |
1270 line-height: 1.2em; | 5522 line-height: 1.2em; |
1271 white-space: pre; | 5523 white-space: pre; |
1272 } | 5524 } |
1273 </style> | 5525 </style> |
1274 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 5526 <style> |
| 5527 /* Global styles */ |
| 5528 * { |
| 5529 margin: 0; |
| 5530 padding: 0; |
| 5531 font: 400 14px 'Montserrat', sans-serif; |
| 5532 color: #333; |
| 5533 box-sizing: border-box; |
| 5534 } |
| 5535 |
| 5536 .content { |
| 5537 padding-left: 10%; |
| 5538 font: 400 14px 'Montserrat', sans-serif; |
| 5539 } |
| 5540 |
| 5541 .content-centered { |
| 5542 padding-left: 10%; |
| 5543 padding-right: 10%; |
| 5544 font: 400 14px 'Montserrat', sans-serif; |
| 5545 } |
| 5546 |
| 5547 h1 { |
| 5548 font: 400 18px 'Montserrat', sans-serif; |
| 5549 } |
| 5550 |
| 5551 .memberList { |
| 5552 display: table; |
| 5553 } |
| 5554 |
| 5555 .memberItem { |
| 5556 display: table-row; |
| 5557 } |
| 5558 |
| 5559 .memberName, .memberValue { |
| 5560 display: table-cell; |
| 5561 vertical-align: top; |
| 5562 padding: 3px 0 3px 1em; |
| 5563 font: 400 14px 'Montserrat', sans-serif; |
| 5564 } |
| 5565 |
| 5566 .monospace { |
| 5567 font-family: consolas, courier, monospace; |
| 5568 font-size: 1em; |
| 5569 line-height: 1.2em; |
| 5570 white-space: nowrap; |
| 5571 } |
| 5572 |
| 5573 a { |
| 5574 color: #0489c3; |
| 5575 text-decoration: none; |
| 5576 } |
| 5577 |
| 5578 a:hover { |
| 5579 text-decoration: underline; |
| 5580 } |
| 5581 |
| 5582 em { |
| 5583 color: inherit; |
| 5584 font-style:italic; |
| 5585 } |
| 5586 |
| 5587 hr { |
| 5588 margin-top: 20px; |
| 5589 margin-bottom: 20px; |
| 5590 border: 0; |
| 5591 border-top: 1px solid #eee; |
| 5592 height: 0; |
| 5593 box-sizing: content-box; |
| 5594 } |
| 5595 |
| 5596 .list-group { |
| 5597 padding-left: 0; |
| 5598 margin-bottom: 20px; |
| 5599 } |
| 5600 |
| 5601 .list-group-item { |
| 5602 position: relative; |
| 5603 display: block; |
| 5604 padding: 10px 15px; |
| 5605 margin-bottom: -1px; |
| 5606 background-color: #fff; |
| 5607 } |
| 5608 |
| 5609 .list-group-item:first-child { |
| 5610 /* rounded top corners */ |
| 5611 border-top-right-radius:4px; |
| 5612 border-top-left-radius:4px; |
| 5613 } |
| 5614 |
| 5615 .list-group-item:last-child { |
| 5616 margin-bottom: 0; |
| 5617 /* rounded bottom corners */ |
| 5618 border-bottom-right-radius: 4px; |
| 5619 border-bottom-left-radius:4px; |
| 5620 } |
| 5621 |
| 5622 /* Flex row container */ |
| 5623 .flex-row { |
| 5624 display: flex; |
| 5625 flex-direction: row; |
| 5626 } |
| 5627 |
| 5628 /* Flex column container */ |
| 5629 .flex-column { |
| 5630 display: flex; |
| 5631 flex-direction: column; |
| 5632 } |
| 5633 |
| 5634 .flex-item-fit { |
| 5635 flex-grow: 1; |
| 5636 flex-shrink: 1; |
| 5637 flex-basis: auto; |
| 5638 } |
| 5639 |
| 5640 .flex-item-no-shrink { |
| 5641 flex-grow: 0; |
| 5642 flex-shrink: 0; |
| 5643 flex-basis: auto; |
| 5644 } |
| 5645 |
| 5646 .flex-item-fill { |
| 5647 flex-grow: 0; |
| 5648 flex-shrink: 1; /* shrink when pressured */ |
| 5649 flex-basis: 100%; /* try and take 100% */ |
| 5650 } |
| 5651 |
| 5652 .flex-item-fixed-1-12 { |
| 5653 flex-grow: 0; |
| 5654 flex-shrink: 0; |
| 5655 flex-basis: 8.3%; |
| 5656 } |
| 5657 |
| 5658 .flex-item-fixed-2-12 { |
| 5659 flex-grow: 0; |
| 5660 flex-shrink: 0; |
| 5661 flex-basis: 16.6%; |
| 5662 } |
| 5663 |
| 5664 .flex-item-fixed-4-12 { |
| 5665 flex-grow: 0; |
| 5666 flex-shrink: 0; |
| 5667 flex-basis: 33.3333%; |
| 5668 } |
| 5669 |
| 5670 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 5671 flex-grow: 0; |
| 5672 flex-shrink: 0; |
| 5673 flex-basis: 50%; |
| 5674 } |
| 5675 |
| 5676 .flex-item-fixed-8-12 { |
| 5677 flex-grow: 0; |
| 5678 flex-shrink: 0; |
| 5679 flex-basis: 66.6666%; |
| 5680 } |
| 5681 |
| 5682 .flex-item-fixed-9-12 { |
| 5683 flex-grow: 0; |
| 5684 flex-shrink: 0; |
| 5685 flex-basis: 75%; |
| 5686 } |
| 5687 |
| 5688 |
| 5689 .flex-item-fixed-12-12 { |
| 5690 flex-grow: 0; |
| 5691 flex-shrink: 0; |
| 5692 flex-basis: 100%; |
| 5693 } |
| 5694 |
| 5695 .flex-item-10-percent { |
| 5696 flex-grow: 0; |
| 5697 flex-shrink: 0; |
| 5698 flex-basis: 10%; |
| 5699 } |
| 5700 |
| 5701 .flex-item-15-percent { |
| 5702 flex-grow: 0; |
| 5703 flex-shrink: 0; |
| 5704 flex-basis: 15%; |
| 5705 } |
| 5706 |
| 5707 .flex-item-20-percent { |
| 5708 flex-grow: 0; |
| 5709 flex-shrink: 0; |
| 5710 flex-basis: 20%; |
| 5711 } |
| 5712 |
| 5713 .flex-item-30-percent { |
| 5714 flex-grow: 0; |
| 5715 flex-shrink: 0; |
| 5716 flex-basis: 30%; |
| 5717 } |
| 5718 |
| 5719 .flex-item-40-percent { |
| 5720 flex-grow: 0; |
| 5721 flex-shrink: 0; |
| 5722 flex-basis: 40%; |
| 5723 } |
| 5724 |
| 5725 .flex-item-60-percent { |
| 5726 flex-grow: 0; |
| 5727 flex-shrink: 0; |
| 5728 flex-basis: 60%; |
| 5729 } |
| 5730 |
| 5731 .flex-item-70-percent { |
| 5732 flex-grow: 0; |
| 5733 flex-shrink: 0; |
| 5734 flex-basis: 70%; |
| 5735 } |
| 5736 |
| 5737 .flex-item-80-percent { |
| 5738 flex-grow: 0; |
| 5739 flex-shrink: 0; |
| 5740 flex-basis: 80%; |
| 5741 } |
| 5742 |
| 5743 .well { |
| 5744 min-height: 20px; |
| 5745 padding: 19px; |
| 5746 margin-bottom: 20px; |
| 5747 background-color: #f5f5f5; |
| 5748 border: 1px solid #e3e3e3; |
| 5749 border-radius: 4px; |
| 5750 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 5751 } |
| 5752 </style> |
1275 <template if="{{ isolate.error != null }}"> | 5753 <template if="{{ isolate.error != null }}"> |
1276 <div class="content-centered"> | 5754 <div class="content-centered"> |
1277 <pre class="errorBox">{{ isolate.error.message }}</pre> | 5755 <pre class="errorBox">{{ isolate.error.message }}</pre> |
1278 <br> | 5756 <br> |
1279 </div> | 5757 </div> |
1280 </template> | 5758 </template> |
1281 <div class="flex-row"> | 5759 <div class="flex-row"> |
1282 <div class="flex-item-10-percent"> | 5760 <div class="flex-item-10-percent"> |
1283 </div> | 5761 </div> |
1284 <div class="flex-item-40-percent"> | 5762 <div class="flex-item-40-percent"> |
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1333 </template> | 5811 </template> |
1334 </polymer-element> | 5812 </polymer-element> |
1335 | 5813 |
1336 <polymer-element name="isolate-counter-chart" extends="observatory-element"> | 5814 <polymer-element name="isolate-counter-chart" extends="observatory-element"> |
1337 <template> | 5815 <template> |
1338 <div id="counterPieChart" style="height: 200px"></div> | 5816 <div id="counterPieChart" style="height: 200px"></div> |
1339 </template> | 5817 </template> |
1340 </polymer-element> | 5818 </polymer-element> |
1341 | 5819 |
1342 | 5820 |
| 5821 |
| 5822 |
| 5823 |
| 5824 |
| 5825 |
| 5826 |
| 5827 |
| 5828 |
| 5829 |
| 5830 |
| 5831 |
1343 <polymer-element name="isolate-view" extends="observatory-element"> | 5832 <polymer-element name="isolate-view" extends="observatory-element"> |
1344 <template> | 5833 <template> |
1345 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 5834 <style> |
| 5835 /* Global styles */ |
| 5836 * { |
| 5837 margin: 0; |
| 5838 padding: 0; |
| 5839 font: 400 14px 'Montserrat', sans-serif; |
| 5840 color: #333; |
| 5841 box-sizing: border-box; |
| 5842 } |
| 5843 |
| 5844 .content { |
| 5845 padding-left: 10%; |
| 5846 font: 400 14px 'Montserrat', sans-serif; |
| 5847 } |
| 5848 |
| 5849 .content-centered { |
| 5850 padding-left: 10%; |
| 5851 padding-right: 10%; |
| 5852 font: 400 14px 'Montserrat', sans-serif; |
| 5853 } |
| 5854 |
| 5855 h1 { |
| 5856 font: 400 18px 'Montserrat', sans-serif; |
| 5857 } |
| 5858 |
| 5859 .memberList { |
| 5860 display: table; |
| 5861 } |
| 5862 |
| 5863 .memberItem { |
| 5864 display: table-row; |
| 5865 } |
| 5866 |
| 5867 .memberName, .memberValue { |
| 5868 display: table-cell; |
| 5869 vertical-align: top; |
| 5870 padding: 3px 0 3px 1em; |
| 5871 font: 400 14px 'Montserrat', sans-serif; |
| 5872 } |
| 5873 |
| 5874 .monospace { |
| 5875 font-family: consolas, courier, monospace; |
| 5876 font-size: 1em; |
| 5877 line-height: 1.2em; |
| 5878 white-space: nowrap; |
| 5879 } |
| 5880 |
| 5881 a { |
| 5882 color: #0489c3; |
| 5883 text-decoration: none; |
| 5884 } |
| 5885 |
| 5886 a:hover { |
| 5887 text-decoration: underline; |
| 5888 } |
| 5889 |
| 5890 em { |
| 5891 color: inherit; |
| 5892 font-style:italic; |
| 5893 } |
| 5894 |
| 5895 hr { |
| 5896 margin-top: 20px; |
| 5897 margin-bottom: 20px; |
| 5898 border: 0; |
| 5899 border-top: 1px solid #eee; |
| 5900 height: 0; |
| 5901 box-sizing: content-box; |
| 5902 } |
| 5903 |
| 5904 .list-group { |
| 5905 padding-left: 0; |
| 5906 margin-bottom: 20px; |
| 5907 } |
| 5908 |
| 5909 .list-group-item { |
| 5910 position: relative; |
| 5911 display: block; |
| 5912 padding: 10px 15px; |
| 5913 margin-bottom: -1px; |
| 5914 background-color: #fff; |
| 5915 } |
| 5916 |
| 5917 .list-group-item:first-child { |
| 5918 /* rounded top corners */ |
| 5919 border-top-right-radius:4px; |
| 5920 border-top-left-radius:4px; |
| 5921 } |
| 5922 |
| 5923 .list-group-item:last-child { |
| 5924 margin-bottom: 0; |
| 5925 /* rounded bottom corners */ |
| 5926 border-bottom-right-radius: 4px; |
| 5927 border-bottom-left-radius:4px; |
| 5928 } |
| 5929 |
| 5930 /* Flex row container */ |
| 5931 .flex-row { |
| 5932 display: flex; |
| 5933 flex-direction: row; |
| 5934 } |
| 5935 |
| 5936 /* Flex column container */ |
| 5937 .flex-column { |
| 5938 display: flex; |
| 5939 flex-direction: column; |
| 5940 } |
| 5941 |
| 5942 .flex-item-fit { |
| 5943 flex-grow: 1; |
| 5944 flex-shrink: 1; |
| 5945 flex-basis: auto; |
| 5946 } |
| 5947 |
| 5948 .flex-item-no-shrink { |
| 5949 flex-grow: 0; |
| 5950 flex-shrink: 0; |
| 5951 flex-basis: auto; |
| 5952 } |
| 5953 |
| 5954 .flex-item-fill { |
| 5955 flex-grow: 0; |
| 5956 flex-shrink: 1; /* shrink when pressured */ |
| 5957 flex-basis: 100%; /* try and take 100% */ |
| 5958 } |
| 5959 |
| 5960 .flex-item-fixed-1-12 { |
| 5961 flex-grow: 0; |
| 5962 flex-shrink: 0; |
| 5963 flex-basis: 8.3%; |
| 5964 } |
| 5965 |
| 5966 .flex-item-fixed-2-12 { |
| 5967 flex-grow: 0; |
| 5968 flex-shrink: 0; |
| 5969 flex-basis: 16.6%; |
| 5970 } |
| 5971 |
| 5972 .flex-item-fixed-4-12 { |
| 5973 flex-grow: 0; |
| 5974 flex-shrink: 0; |
| 5975 flex-basis: 33.3333%; |
| 5976 } |
| 5977 |
| 5978 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 5979 flex-grow: 0; |
| 5980 flex-shrink: 0; |
| 5981 flex-basis: 50%; |
| 5982 } |
| 5983 |
| 5984 .flex-item-fixed-8-12 { |
| 5985 flex-grow: 0; |
| 5986 flex-shrink: 0; |
| 5987 flex-basis: 66.6666%; |
| 5988 } |
| 5989 |
| 5990 .flex-item-fixed-9-12 { |
| 5991 flex-grow: 0; |
| 5992 flex-shrink: 0; |
| 5993 flex-basis: 75%; |
| 5994 } |
| 5995 |
| 5996 |
| 5997 .flex-item-fixed-12-12 { |
| 5998 flex-grow: 0; |
| 5999 flex-shrink: 0; |
| 6000 flex-basis: 100%; |
| 6001 } |
| 6002 |
| 6003 .flex-item-10-percent { |
| 6004 flex-grow: 0; |
| 6005 flex-shrink: 0; |
| 6006 flex-basis: 10%; |
| 6007 } |
| 6008 |
| 6009 .flex-item-15-percent { |
| 6010 flex-grow: 0; |
| 6011 flex-shrink: 0; |
| 6012 flex-basis: 15%; |
| 6013 } |
| 6014 |
| 6015 .flex-item-20-percent { |
| 6016 flex-grow: 0; |
| 6017 flex-shrink: 0; |
| 6018 flex-basis: 20%; |
| 6019 } |
| 6020 |
| 6021 .flex-item-30-percent { |
| 6022 flex-grow: 0; |
| 6023 flex-shrink: 0; |
| 6024 flex-basis: 30%; |
| 6025 } |
| 6026 |
| 6027 .flex-item-40-percent { |
| 6028 flex-grow: 0; |
| 6029 flex-shrink: 0; |
| 6030 flex-basis: 40%; |
| 6031 } |
| 6032 |
| 6033 .flex-item-60-percent { |
| 6034 flex-grow: 0; |
| 6035 flex-shrink: 0; |
| 6036 flex-basis: 60%; |
| 6037 } |
| 6038 |
| 6039 .flex-item-70-percent { |
| 6040 flex-grow: 0; |
| 6041 flex-shrink: 0; |
| 6042 flex-basis: 70%; |
| 6043 } |
| 6044 |
| 6045 .flex-item-80-percent { |
| 6046 flex-grow: 0; |
| 6047 flex-shrink: 0; |
| 6048 flex-basis: 80%; |
| 6049 } |
| 6050 |
| 6051 .well { |
| 6052 min-height: 20px; |
| 6053 padding: 19px; |
| 6054 margin-bottom: 20px; |
| 6055 background-color: #f5f5f5; |
| 6056 border: 1px solid #e3e3e3; |
| 6057 border-radius: 4px; |
| 6058 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 6059 } |
| 6060 </style> |
1346 <style> | 6061 <style> |
1347 .sourceInset { | 6062 .sourceInset { |
1348 padding-left: 15%; | 6063 padding-left: 15%; |
1349 padding-right: 15%; | 6064 padding-right: 15%; |
1350 } | 6065 } |
1351 .miniProfileChart { | 6066 .miniProfileChart { |
1352 width: 80%; | 6067 width: 80%; |
1353 } | 6068 } |
1354 </style> | 6069 </style> |
1355 | 6070 |
(...skipping 105 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1461 <hr> | 6176 <hr> |
1462 | 6177 |
1463 <div class="content"> | 6178 <div class="content"> |
1464 <eval-box callback="{{ eval }}"></eval-box> | 6179 <eval-box callback="{{ eval }}"></eval-box> |
1465 </div> | 6180 </div> |
1466 <br><br><br><br> | 6181 <br><br><br><br> |
1467 <br><br><br><br> | 6182 <br><br><br><br> |
1468 </template> | 6183 </template> |
1469 | 6184 |
1470 </polymer-element> | 6185 </polymer-element> |
| 6186 |
| 6187 |
| 6188 |
| 6189 |
| 6190 |
| 6191 |
| 6192 |
| 6193 |
| 6194 |
| 6195 |
1471 <polymer-element name="instance-view" extends="observatory-element"> | 6196 <polymer-element name="instance-view" extends="observatory-element"> |
1472 <template> | 6197 <template> |
1473 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 6198 <style> |
| 6199 /* Global styles */ |
| 6200 * { |
| 6201 margin: 0; |
| 6202 padding: 0; |
| 6203 font: 400 14px 'Montserrat', sans-serif; |
| 6204 color: #333; |
| 6205 box-sizing: border-box; |
| 6206 } |
| 6207 |
| 6208 .content { |
| 6209 padding-left: 10%; |
| 6210 font: 400 14px 'Montserrat', sans-serif; |
| 6211 } |
| 6212 |
| 6213 .content-centered { |
| 6214 padding-left: 10%; |
| 6215 padding-right: 10%; |
| 6216 font: 400 14px 'Montserrat', sans-serif; |
| 6217 } |
| 6218 |
| 6219 h1 { |
| 6220 font: 400 18px 'Montserrat', sans-serif; |
| 6221 } |
| 6222 |
| 6223 .memberList { |
| 6224 display: table; |
| 6225 } |
| 6226 |
| 6227 .memberItem { |
| 6228 display: table-row; |
| 6229 } |
| 6230 |
| 6231 .memberName, .memberValue { |
| 6232 display: table-cell; |
| 6233 vertical-align: top; |
| 6234 padding: 3px 0 3px 1em; |
| 6235 font: 400 14px 'Montserrat', sans-serif; |
| 6236 } |
| 6237 |
| 6238 .monospace { |
| 6239 font-family: consolas, courier, monospace; |
| 6240 font-size: 1em; |
| 6241 line-height: 1.2em; |
| 6242 white-space: nowrap; |
| 6243 } |
| 6244 |
| 6245 a { |
| 6246 color: #0489c3; |
| 6247 text-decoration: none; |
| 6248 } |
| 6249 |
| 6250 a:hover { |
| 6251 text-decoration: underline; |
| 6252 } |
| 6253 |
| 6254 em { |
| 6255 color: inherit; |
| 6256 font-style:italic; |
| 6257 } |
| 6258 |
| 6259 hr { |
| 6260 margin-top: 20px; |
| 6261 margin-bottom: 20px; |
| 6262 border: 0; |
| 6263 border-top: 1px solid #eee; |
| 6264 height: 0; |
| 6265 box-sizing: content-box; |
| 6266 } |
| 6267 |
| 6268 .list-group { |
| 6269 padding-left: 0; |
| 6270 margin-bottom: 20px; |
| 6271 } |
| 6272 |
| 6273 .list-group-item { |
| 6274 position: relative; |
| 6275 display: block; |
| 6276 padding: 10px 15px; |
| 6277 margin-bottom: -1px; |
| 6278 background-color: #fff; |
| 6279 } |
| 6280 |
| 6281 .list-group-item:first-child { |
| 6282 /* rounded top corners */ |
| 6283 border-top-right-radius:4px; |
| 6284 border-top-left-radius:4px; |
| 6285 } |
| 6286 |
| 6287 .list-group-item:last-child { |
| 6288 margin-bottom: 0; |
| 6289 /* rounded bottom corners */ |
| 6290 border-bottom-right-radius: 4px; |
| 6291 border-bottom-left-radius:4px; |
| 6292 } |
| 6293 |
| 6294 /* Flex row container */ |
| 6295 .flex-row { |
| 6296 display: flex; |
| 6297 flex-direction: row; |
| 6298 } |
| 6299 |
| 6300 /* Flex column container */ |
| 6301 .flex-column { |
| 6302 display: flex; |
| 6303 flex-direction: column; |
| 6304 } |
| 6305 |
| 6306 .flex-item-fit { |
| 6307 flex-grow: 1; |
| 6308 flex-shrink: 1; |
| 6309 flex-basis: auto; |
| 6310 } |
| 6311 |
| 6312 .flex-item-no-shrink { |
| 6313 flex-grow: 0; |
| 6314 flex-shrink: 0; |
| 6315 flex-basis: auto; |
| 6316 } |
| 6317 |
| 6318 .flex-item-fill { |
| 6319 flex-grow: 0; |
| 6320 flex-shrink: 1; /* shrink when pressured */ |
| 6321 flex-basis: 100%; /* try and take 100% */ |
| 6322 } |
| 6323 |
| 6324 .flex-item-fixed-1-12 { |
| 6325 flex-grow: 0; |
| 6326 flex-shrink: 0; |
| 6327 flex-basis: 8.3%; |
| 6328 } |
| 6329 |
| 6330 .flex-item-fixed-2-12 { |
| 6331 flex-grow: 0; |
| 6332 flex-shrink: 0; |
| 6333 flex-basis: 16.6%; |
| 6334 } |
| 6335 |
| 6336 .flex-item-fixed-4-12 { |
| 6337 flex-grow: 0; |
| 6338 flex-shrink: 0; |
| 6339 flex-basis: 33.3333%; |
| 6340 } |
| 6341 |
| 6342 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 6343 flex-grow: 0; |
| 6344 flex-shrink: 0; |
| 6345 flex-basis: 50%; |
| 6346 } |
| 6347 |
| 6348 .flex-item-fixed-8-12 { |
| 6349 flex-grow: 0; |
| 6350 flex-shrink: 0; |
| 6351 flex-basis: 66.6666%; |
| 6352 } |
| 6353 |
| 6354 .flex-item-fixed-9-12 { |
| 6355 flex-grow: 0; |
| 6356 flex-shrink: 0; |
| 6357 flex-basis: 75%; |
| 6358 } |
| 6359 |
| 6360 |
| 6361 .flex-item-fixed-12-12 { |
| 6362 flex-grow: 0; |
| 6363 flex-shrink: 0; |
| 6364 flex-basis: 100%; |
| 6365 } |
| 6366 |
| 6367 .flex-item-10-percent { |
| 6368 flex-grow: 0; |
| 6369 flex-shrink: 0; |
| 6370 flex-basis: 10%; |
| 6371 } |
| 6372 |
| 6373 .flex-item-15-percent { |
| 6374 flex-grow: 0; |
| 6375 flex-shrink: 0; |
| 6376 flex-basis: 15%; |
| 6377 } |
| 6378 |
| 6379 .flex-item-20-percent { |
| 6380 flex-grow: 0; |
| 6381 flex-shrink: 0; |
| 6382 flex-basis: 20%; |
| 6383 } |
| 6384 |
| 6385 .flex-item-30-percent { |
| 6386 flex-grow: 0; |
| 6387 flex-shrink: 0; |
| 6388 flex-basis: 30%; |
| 6389 } |
| 6390 |
| 6391 .flex-item-40-percent { |
| 6392 flex-grow: 0; |
| 6393 flex-shrink: 0; |
| 6394 flex-basis: 40%; |
| 6395 } |
| 6396 |
| 6397 .flex-item-60-percent { |
| 6398 flex-grow: 0; |
| 6399 flex-shrink: 0; |
| 6400 flex-basis: 60%; |
| 6401 } |
| 6402 |
| 6403 .flex-item-70-percent { |
| 6404 flex-grow: 0; |
| 6405 flex-shrink: 0; |
| 6406 flex-basis: 70%; |
| 6407 } |
| 6408 |
| 6409 .flex-item-80-percent { |
| 6410 flex-grow: 0; |
| 6411 flex-shrink: 0; |
| 6412 flex-basis: 80%; |
| 6413 } |
| 6414 |
| 6415 .well { |
| 6416 min-height: 20px; |
| 6417 padding: 19px; |
| 6418 margin-bottom: 20px; |
| 6419 background-color: #f5f5f5; |
| 6420 border: 1px solid #e3e3e3; |
| 6421 border-radius: 4px; |
| 6422 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 6423 } |
| 6424 </style> |
1474 <nav-bar> | 6425 <nav-bar> |
1475 <top-nav-menu></top-nav-menu> | 6426 <top-nav-menu></top-nav-menu> |
1476 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu> | 6427 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu> |
1477 <!-- TODO(turnidge): Add library nav menu here. --> | 6428 <!-- TODO(turnidge): Add library nav menu here. --> |
1478 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu> | 6429 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu> |
1479 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu> | 6430 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu> |
1480 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 6431 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
1481 </nav-bar> | 6432 </nav-bar> |
1482 | 6433 |
1483 <template if="{{ instance['error'] != null }}"> | 6434 <template if="{{ instance['error'] != null }}"> |
(...skipping 27 matching lines...) Expand all Loading... |
1511 <div class="memberName">size</div> | 6462 <div class="memberName">size</div> |
1512 <div class="memberValue">{{ instance['size'] | formatSize }}</div> | 6463 <div class="memberValue">{{ instance['size'] | formatSize }}</div> |
1513 </div> | 6464 </div> |
1514 <div class="memberItem"> | 6465 <div class="memberItem"> |
1515 <div class="memberName">retained size</div> | 6466 <div class="memberName">retained size</div> |
1516 <div class="memberValue"> | 6467 <div class="memberValue"> |
1517 <eval-link callback="{{ retainedSize }}" label="[calculate]"> | 6468 <eval-link callback="{{ retainedSize }}" label="[calculate]"> |
1518 </eval-link> | 6469 </eval-link> |
1519 </div> | 6470 </div> |
1520 </div> | 6471 </div> |
1521 </div> | |
1522 <div class="memberItem"> | 6472 <div class="memberItem"> |
1523 <div class="memberName">retaining path</div> | 6473 <div class="memberName">retaining path</div> |
1524 <div class="memberValue"> | 6474 <div class="memberValue"> |
1525 <template if="{{ path == null }}"> | 6475 <template if="{{ path == null }}"> |
1526 <eval-link callback="{{ retainingPath }}" label="[find]" expr="1
0"> | 6476 <eval-link callback="{{ retainingPath }}" label="[find]" expr="1
0"> |
1527 </eval-link> | 6477 </eval-link> |
1528 </template> | 6478 </template> |
1529 <template if="{{ path != null }}"> | 6479 <template if="{{ path != null }}"> |
1530 <template repeat="{{ element in path['elements'] }}"> | 6480 <template repeat="{{ element in path['elements'] }}"> |
1531 <div class="memberItem"> | 6481 <div class="memberItem"> |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1564 | 6514 |
1565 <div class="memberItem"> </div> | 6515 <div class="memberItem"> </div> |
1566 | 6516 |
1567 <div class="memberItem"> | 6517 <div class="memberItem"> |
1568 <div class="memberName">toString()</div> | 6518 <div class="memberName">toString()</div> |
1569 <div class="memberValue"> | 6519 <div class="memberValue"> |
1570 <eval-link callback="{{ eval }}" expr="toString()"></eval-link> | 6520 <eval-link callback="{{ eval }}" expr="toString()"></eval-link> |
1571 </div> | 6521 </div> |
1572 </div> | 6522 </div> |
1573 </div> | 6523 </div> |
1574 | 6524 </div> |
1575 | 6525 |
1576 <hr> | 6526 <hr> |
1577 | 6527 |
1578 <div class="content"> | 6528 <div class="content"> |
1579 <template if="{{ instance['fields'].isNotEmpty }}"> | 6529 <template if="{{ instance['fields'].isNotEmpty }}"> |
1580 fields ({{ instance['fields'].length }}) | 6530 fields ({{ instance['fields'].length }}) |
1581 <curly-block expand="{{ instance['fields'].length <= 8 }}"> | 6531 <curly-block expand="{{ instance['fields'].length <= 8 }}"> |
1582 <div class="memberList"> | 6532 <div class="memberList"> |
1583 <template repeat="{{ field in instance['fields'] }}"> | 6533 <template repeat="{{ field in instance['fields'] }}"> |
1584 <div class="memberItem"> | 6534 <div class="memberItem"> |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1626 </template> | 6576 </template> |
1627 </div> | 6577 </div> |
1628 | 6578 |
1629 <hr> | 6579 <hr> |
1630 | 6580 |
1631 <div class="content"> | 6581 <div class="content"> |
1632 <eval-box callback="{{ eval }}"></eval-box> | 6582 <eval-box callback="{{ eval }}"></eval-box> |
1633 </div> | 6583 </div> |
1634 <br><br><br><br> | 6584 <br><br><br><br> |
1635 <br><br><br><br> | 6585 <br><br><br><br> |
| 6586 |
1636 </template> | 6587 </template> |
1637 </template> | 6588 </template> |
1638 | 6589 |
1639 </polymer-element> | 6590 </polymer-element> |
| 6591 |
| 6592 |
1640 <polymer-element name="json-view" extends="observatory-element"> | 6593 <polymer-element name="json-view" extends="observatory-element"> |
1641 <template> | 6594 <template> |
1642 <nav-bar> | 6595 <nav-bar> |
1643 <top-nav-menu last="{{ true }}"></top-nav-menu> | 6596 <top-nav-menu last="{{ true }}"></top-nav-menu> |
1644 </nav-bar> | 6597 </nav-bar> |
1645 <pre>{{ mapAsString }}</pre> | 6598 <pre>{{ mapAsString }}</pre> |
1646 </template> | 6599 </template> |
1647 | 6600 |
1648 </polymer-element> | 6601 </polymer-element> |
| 6602 |
| 6603 |
| 6604 |
| 6605 |
| 6606 |
| 6607 |
| 6608 |
| 6609 |
| 6610 |
| 6611 |
| 6612 |
1649 <polymer-element name="library-view" extends="observatory-element"> | 6613 <polymer-element name="library-view" extends="observatory-element"> |
1650 <template> | 6614 <template> |
1651 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 6615 <style> |
| 6616 /* Global styles */ |
| 6617 * { |
| 6618 margin: 0; |
| 6619 padding: 0; |
| 6620 font: 400 14px 'Montserrat', sans-serif; |
| 6621 color: #333; |
| 6622 box-sizing: border-box; |
| 6623 } |
| 6624 |
| 6625 .content { |
| 6626 padding-left: 10%; |
| 6627 font: 400 14px 'Montserrat', sans-serif; |
| 6628 } |
| 6629 |
| 6630 .content-centered { |
| 6631 padding-left: 10%; |
| 6632 padding-right: 10%; |
| 6633 font: 400 14px 'Montserrat', sans-serif; |
| 6634 } |
| 6635 |
| 6636 h1 { |
| 6637 font: 400 18px 'Montserrat', sans-serif; |
| 6638 } |
| 6639 |
| 6640 .memberList { |
| 6641 display: table; |
| 6642 } |
| 6643 |
| 6644 .memberItem { |
| 6645 display: table-row; |
| 6646 } |
| 6647 |
| 6648 .memberName, .memberValue { |
| 6649 display: table-cell; |
| 6650 vertical-align: top; |
| 6651 padding: 3px 0 3px 1em; |
| 6652 font: 400 14px 'Montserrat', sans-serif; |
| 6653 } |
| 6654 |
| 6655 .monospace { |
| 6656 font-family: consolas, courier, monospace; |
| 6657 font-size: 1em; |
| 6658 line-height: 1.2em; |
| 6659 white-space: nowrap; |
| 6660 } |
| 6661 |
| 6662 a { |
| 6663 color: #0489c3; |
| 6664 text-decoration: none; |
| 6665 } |
| 6666 |
| 6667 a:hover { |
| 6668 text-decoration: underline; |
| 6669 } |
| 6670 |
| 6671 em { |
| 6672 color: inherit; |
| 6673 font-style:italic; |
| 6674 } |
| 6675 |
| 6676 hr { |
| 6677 margin-top: 20px; |
| 6678 margin-bottom: 20px; |
| 6679 border: 0; |
| 6680 border-top: 1px solid #eee; |
| 6681 height: 0; |
| 6682 box-sizing: content-box; |
| 6683 } |
| 6684 |
| 6685 .list-group { |
| 6686 padding-left: 0; |
| 6687 margin-bottom: 20px; |
| 6688 } |
| 6689 |
| 6690 .list-group-item { |
| 6691 position: relative; |
| 6692 display: block; |
| 6693 padding: 10px 15px; |
| 6694 margin-bottom: -1px; |
| 6695 background-color: #fff; |
| 6696 } |
| 6697 |
| 6698 .list-group-item:first-child { |
| 6699 /* rounded top corners */ |
| 6700 border-top-right-radius:4px; |
| 6701 border-top-left-radius:4px; |
| 6702 } |
| 6703 |
| 6704 .list-group-item:last-child { |
| 6705 margin-bottom: 0; |
| 6706 /* rounded bottom corners */ |
| 6707 border-bottom-right-radius: 4px; |
| 6708 border-bottom-left-radius:4px; |
| 6709 } |
| 6710 |
| 6711 /* Flex row container */ |
| 6712 .flex-row { |
| 6713 display: flex; |
| 6714 flex-direction: row; |
| 6715 } |
| 6716 |
| 6717 /* Flex column container */ |
| 6718 .flex-column { |
| 6719 display: flex; |
| 6720 flex-direction: column; |
| 6721 } |
| 6722 |
| 6723 .flex-item-fit { |
| 6724 flex-grow: 1; |
| 6725 flex-shrink: 1; |
| 6726 flex-basis: auto; |
| 6727 } |
| 6728 |
| 6729 .flex-item-no-shrink { |
| 6730 flex-grow: 0; |
| 6731 flex-shrink: 0; |
| 6732 flex-basis: auto; |
| 6733 } |
| 6734 |
| 6735 .flex-item-fill { |
| 6736 flex-grow: 0; |
| 6737 flex-shrink: 1; /* shrink when pressured */ |
| 6738 flex-basis: 100%; /* try and take 100% */ |
| 6739 } |
| 6740 |
| 6741 .flex-item-fixed-1-12 { |
| 6742 flex-grow: 0; |
| 6743 flex-shrink: 0; |
| 6744 flex-basis: 8.3%; |
| 6745 } |
| 6746 |
| 6747 .flex-item-fixed-2-12 { |
| 6748 flex-grow: 0; |
| 6749 flex-shrink: 0; |
| 6750 flex-basis: 16.6%; |
| 6751 } |
| 6752 |
| 6753 .flex-item-fixed-4-12 { |
| 6754 flex-grow: 0; |
| 6755 flex-shrink: 0; |
| 6756 flex-basis: 33.3333%; |
| 6757 } |
| 6758 |
| 6759 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 6760 flex-grow: 0; |
| 6761 flex-shrink: 0; |
| 6762 flex-basis: 50%; |
| 6763 } |
| 6764 |
| 6765 .flex-item-fixed-8-12 { |
| 6766 flex-grow: 0; |
| 6767 flex-shrink: 0; |
| 6768 flex-basis: 66.6666%; |
| 6769 } |
| 6770 |
| 6771 .flex-item-fixed-9-12 { |
| 6772 flex-grow: 0; |
| 6773 flex-shrink: 0; |
| 6774 flex-basis: 75%; |
| 6775 } |
| 6776 |
| 6777 |
| 6778 .flex-item-fixed-12-12 { |
| 6779 flex-grow: 0; |
| 6780 flex-shrink: 0; |
| 6781 flex-basis: 100%; |
| 6782 } |
| 6783 |
| 6784 .flex-item-10-percent { |
| 6785 flex-grow: 0; |
| 6786 flex-shrink: 0; |
| 6787 flex-basis: 10%; |
| 6788 } |
| 6789 |
| 6790 .flex-item-15-percent { |
| 6791 flex-grow: 0; |
| 6792 flex-shrink: 0; |
| 6793 flex-basis: 15%; |
| 6794 } |
| 6795 |
| 6796 .flex-item-20-percent { |
| 6797 flex-grow: 0; |
| 6798 flex-shrink: 0; |
| 6799 flex-basis: 20%; |
| 6800 } |
| 6801 |
| 6802 .flex-item-30-percent { |
| 6803 flex-grow: 0; |
| 6804 flex-shrink: 0; |
| 6805 flex-basis: 30%; |
| 6806 } |
| 6807 |
| 6808 .flex-item-40-percent { |
| 6809 flex-grow: 0; |
| 6810 flex-shrink: 0; |
| 6811 flex-basis: 40%; |
| 6812 } |
| 6813 |
| 6814 .flex-item-60-percent { |
| 6815 flex-grow: 0; |
| 6816 flex-shrink: 0; |
| 6817 flex-basis: 60%; |
| 6818 } |
| 6819 |
| 6820 .flex-item-70-percent { |
| 6821 flex-grow: 0; |
| 6822 flex-shrink: 0; |
| 6823 flex-basis: 70%; |
| 6824 } |
| 6825 |
| 6826 .flex-item-80-percent { |
| 6827 flex-grow: 0; |
| 6828 flex-shrink: 0; |
| 6829 flex-basis: 80%; |
| 6830 } |
| 6831 |
| 6832 .well { |
| 6833 min-height: 20px; |
| 6834 padding: 19px; |
| 6835 margin-bottom: 20px; |
| 6836 background-color: #f5f5f5; |
| 6837 border: 1px solid #e3e3e3; |
| 6838 border-radius: 4px; |
| 6839 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 6840 } |
| 6841 </style> |
1652 | 6842 |
1653 <nav-bar> | 6843 <nav-bar> |
1654 <top-nav-menu></top-nav-menu> | 6844 <top-nav-menu></top-nav-menu> |
1655 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> | 6845 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> |
1656 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav-
menu> | 6846 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav-
menu> |
1657 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 6847 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
1658 </nav-bar> | 6848 </nav-bar> |
1659 | 6849 |
1660 <div class="content"> | 6850 <div class="content"> |
1661 <h1> | 6851 <h1> |
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1768 <hr> | 6958 <hr> |
1769 | 6959 |
1770 <div class="content"> | 6960 <div class="content"> |
1771 <eval-box callback="{{ eval }}"></eval-box> | 6961 <eval-box callback="{{ eval }}"></eval-box> |
1772 </div> | 6962 </div> |
1773 <br><br><br><br> | 6963 <br><br><br><br> |
1774 <br><br><br><br> | 6964 <br><br><br><br> |
1775 </template> | 6965 </template> |
1776 | 6966 |
1777 </polymer-element> | 6967 </polymer-element> |
| 6968 |
| 6969 |
| 6970 |
| 6971 |
| 6972 |
| 6973 |
| 6974 |
| 6975 |
| 6976 |
| 6977 |
| 6978 |
| 6979 |
| 6980 |
| 6981 |
| 6982 |
| 6983 |
| 6984 |
| 6985 |
| 6986 |
| 6987 |
| 6988 |
| 6989 |
| 6990 |
| 6991 |
| 6992 |
| 6993 |
| 6994 <polymer-element name="heap-profile" extends="observatory-element"> |
| 6995 <template> |
| 6996 <style> |
| 6997 /* Global styles */ |
| 6998 * { |
| 6999 margin: 0; |
| 7000 padding: 0; |
| 7001 font: 400 14px 'Montserrat', sans-serif; |
| 7002 color: #333; |
| 7003 box-sizing: border-box; |
| 7004 } |
| 7005 |
| 7006 .content { |
| 7007 padding-left: 10%; |
| 7008 font: 400 14px 'Montserrat', sans-serif; |
| 7009 } |
| 7010 |
| 7011 .content-centered { |
| 7012 padding-left: 10%; |
| 7013 padding-right: 10%; |
| 7014 font: 400 14px 'Montserrat', sans-serif; |
| 7015 } |
| 7016 |
| 7017 h1 { |
| 7018 font: 400 18px 'Montserrat', sans-serif; |
| 7019 } |
| 7020 |
| 7021 .memberList { |
| 7022 display: table; |
| 7023 } |
| 7024 |
| 7025 .memberItem { |
| 7026 display: table-row; |
| 7027 } |
| 7028 |
| 7029 .memberName, .memberValue { |
| 7030 display: table-cell; |
| 7031 vertical-align: top; |
| 7032 padding: 3px 0 3px 1em; |
| 7033 font: 400 14px 'Montserrat', sans-serif; |
| 7034 } |
| 7035 |
| 7036 .monospace { |
| 7037 font-family: consolas, courier, monospace; |
| 7038 font-size: 1em; |
| 7039 line-height: 1.2em; |
| 7040 white-space: nowrap; |
| 7041 } |
| 7042 |
| 7043 a { |
| 7044 color: #0489c3; |
| 7045 text-decoration: none; |
| 7046 } |
| 7047 |
| 7048 a:hover { |
| 7049 text-decoration: underline; |
| 7050 } |
| 7051 |
| 7052 em { |
| 7053 color: inherit; |
| 7054 font-style:italic; |
| 7055 } |
| 7056 |
| 7057 hr { |
| 7058 margin-top: 20px; |
| 7059 margin-bottom: 20px; |
| 7060 border: 0; |
| 7061 border-top: 1px solid #eee; |
| 7062 height: 0; |
| 7063 box-sizing: content-box; |
| 7064 } |
| 7065 |
| 7066 .list-group { |
| 7067 padding-left: 0; |
| 7068 margin-bottom: 20px; |
| 7069 } |
| 7070 |
| 7071 .list-group-item { |
| 7072 position: relative; |
| 7073 display: block; |
| 7074 padding: 10px 15px; |
| 7075 margin-bottom: -1px; |
| 7076 background-color: #fff; |
| 7077 } |
| 7078 |
| 7079 .list-group-item:first-child { |
| 7080 /* rounded top corners */ |
| 7081 border-top-right-radius:4px; |
| 7082 border-top-left-radius:4px; |
| 7083 } |
| 7084 |
| 7085 .list-group-item:last-child { |
| 7086 margin-bottom: 0; |
| 7087 /* rounded bottom corners */ |
| 7088 border-bottom-right-radius: 4px; |
| 7089 border-bottom-left-radius:4px; |
| 7090 } |
| 7091 |
| 7092 /* Flex row container */ |
| 7093 .flex-row { |
| 7094 display: flex; |
| 7095 flex-direction: row; |
| 7096 } |
| 7097 |
| 7098 /* Flex column container */ |
| 7099 .flex-column { |
| 7100 display: flex; |
| 7101 flex-direction: column; |
| 7102 } |
| 7103 |
| 7104 .flex-item-fit { |
| 7105 flex-grow: 1; |
| 7106 flex-shrink: 1; |
| 7107 flex-basis: auto; |
| 7108 } |
| 7109 |
| 7110 .flex-item-no-shrink { |
| 7111 flex-grow: 0; |
| 7112 flex-shrink: 0; |
| 7113 flex-basis: auto; |
| 7114 } |
| 7115 |
| 7116 .flex-item-fill { |
| 7117 flex-grow: 0; |
| 7118 flex-shrink: 1; /* shrink when pressured */ |
| 7119 flex-basis: 100%; /* try and take 100% */ |
| 7120 } |
| 7121 |
| 7122 .flex-item-fixed-1-12 { |
| 7123 flex-grow: 0; |
| 7124 flex-shrink: 0; |
| 7125 flex-basis: 8.3%; |
| 7126 } |
| 7127 |
| 7128 .flex-item-fixed-2-12 { |
| 7129 flex-grow: 0; |
| 7130 flex-shrink: 0; |
| 7131 flex-basis: 16.6%; |
| 7132 } |
| 7133 |
| 7134 .flex-item-fixed-4-12 { |
| 7135 flex-grow: 0; |
| 7136 flex-shrink: 0; |
| 7137 flex-basis: 33.3333%; |
| 7138 } |
| 7139 |
| 7140 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7141 flex-grow: 0; |
| 7142 flex-shrink: 0; |
| 7143 flex-basis: 50%; |
| 7144 } |
| 7145 |
| 7146 .flex-item-fixed-8-12 { |
| 7147 flex-grow: 0; |
| 7148 flex-shrink: 0; |
| 7149 flex-basis: 66.6666%; |
| 7150 } |
| 7151 |
| 7152 .flex-item-fixed-9-12 { |
| 7153 flex-grow: 0; |
| 7154 flex-shrink: 0; |
| 7155 flex-basis: 75%; |
| 7156 } |
| 7157 |
| 7158 |
| 7159 .flex-item-fixed-12-12 { |
| 7160 flex-grow: 0; |
| 7161 flex-shrink: 0; |
| 7162 flex-basis: 100%; |
| 7163 } |
| 7164 |
| 7165 .flex-item-10-percent { |
| 7166 flex-grow: 0; |
| 7167 flex-shrink: 0; |
| 7168 flex-basis: 10%; |
| 7169 } |
| 7170 |
| 7171 .flex-item-15-percent { |
| 7172 flex-grow: 0; |
| 7173 flex-shrink: 0; |
| 7174 flex-basis: 15%; |
| 7175 } |
| 7176 |
| 7177 .flex-item-20-percent { |
| 7178 flex-grow: 0; |
| 7179 flex-shrink: 0; |
| 7180 flex-basis: 20%; |
| 7181 } |
| 7182 |
| 7183 .flex-item-30-percent { |
| 7184 flex-grow: 0; |
| 7185 flex-shrink: 0; |
| 7186 flex-basis: 30%; |
| 7187 } |
| 7188 |
| 7189 .flex-item-40-percent { |
| 7190 flex-grow: 0; |
| 7191 flex-shrink: 0; |
| 7192 flex-basis: 40%; |
| 7193 } |
| 7194 |
| 7195 .flex-item-60-percent { |
| 7196 flex-grow: 0; |
| 7197 flex-shrink: 0; |
| 7198 flex-basis: 60%; |
| 7199 } |
| 7200 |
| 7201 .flex-item-70-percent { |
| 7202 flex-grow: 0; |
| 7203 flex-shrink: 0; |
| 7204 flex-basis: 70%; |
| 7205 } |
| 7206 |
| 7207 .flex-item-80-percent { |
| 7208 flex-grow: 0; |
| 7209 flex-shrink: 0; |
| 7210 flex-basis: 80%; |
| 7211 } |
| 7212 |
| 7213 .well { |
| 7214 min-height: 20px; |
| 7215 padding: 19px; |
| 7216 margin-bottom: 20px; |
| 7217 background-color: #f5f5f5; |
| 7218 border: 1px solid #e3e3e3; |
| 7219 border-radius: 4px; |
| 7220 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7221 } |
| 7222 </style> |
| 7223 <style> |
| 7224 .table { |
| 7225 border-collapse: collapse!important; |
| 7226 width: 100%; |
| 7227 margin-bottom: 20px |
| 7228 table-layout: fixed; |
| 7229 } |
| 7230 .table td:nth-of-type(1) { |
| 7231 width: 30%; |
| 7232 } |
| 7233 .th, .td { |
| 7234 padding: 8px; |
| 7235 vertical-align: top; |
| 7236 } |
| 7237 .table thead > tr > th { |
| 7238 vertical-align: bottom; |
| 7239 text-align: left; |
| 7240 border-bottom:2px solid #ddd; |
| 7241 } |
| 7242 .clickable { |
| 7243 color: #0489c3; |
| 7244 text-decoration: none; |
| 7245 cursor: pointer; |
| 7246 } |
| 7247 .clickable:hover { |
| 7248 text-decoration: underline; |
| 7249 cursor: pointer; |
| 7250 } |
| 7251 #classtable tr:hover > td { |
| 7252 background-color: #F4C7C3; |
| 7253 } |
| 7254 </style> |
| 7255 <nav-bar> |
| 7256 <top-nav-menu></top-nav-menu> |
| 7257 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> |
| 7258 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}"
anchor="heap profile" last="{{ true }}"></nav-menu> |
| 7259 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n
av-refresh> |
| 7260 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh> |
| 7261 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 7262 </nav-bar> |
| 7263 |
| 7264 <div class="flex-row"> |
| 7265 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px"> |
| 7266 </div> |
| 7267 <div id="newStatus" class="flex-item-fixed-2-12"> |
| 7268 <div class="memberList"> |
| 7269 <div class="memberItem"> |
| 7270 <div class="memberName">Collections</div> |
| 7271 <div class="memberValue">{{ formattedCollections(true) }}</div> |
| 7272 </div> |
| 7273 <div class="memberItem"> |
| 7274 <div class="memberName">Average Collection Time</div> |
| 7275 <div class="memberValue">{{ formattedAverage(true) }}</div> |
| 7276 </div> |
| 7277 <div class="memberItem"> |
| 7278 <div class="memberName">Cumulative Collection Time</div> |
| 7279 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d
iv> |
| 7280 </div> |
| 7281 </div> |
| 7282 </div> |
| 7283 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px"> |
| 7284 </div> |
| 7285 <div id="oldStatus" class="flex-item-fixed-2-12"> |
| 7286 <div class="memberList"> |
| 7287 <div class="memberItem"> |
| 7288 <div class="memberName">Collections</div> |
| 7289 <div class="memberValue">{{ formattedCollections(false) }}</div> |
| 7290 </div> |
| 7291 <div class="memberItem"> |
| 7292 <div class="memberName">Average Collection Time</div> |
| 7293 <div class="memberValue">{{ formattedAverage(false) }}</div> |
| 7294 </div> |
| 7295 <div class="memberItem"> |
| 7296 <div class="memberName">Cumulative Collection Time</div> |
| 7297 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</
div> |
| 7298 </div> |
| 7299 </div> |
| 7300 </div> |
| 7301 </div> |
| 7302 <div class="flex-row"> |
| 7303 <table id="classtable" class="flex-item-fixed-12-12 table"> |
| 7304 <thead> |
| 7305 <tr> |
| 7306 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class
Table.getColumnLabel(0) }}</th> |
| 7307 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Size">{{ classTable.getColumnLabel(1) }}</th> |
| 7308 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Instances">{{ classTable.getColumnLabel(2) }}</th> |
| 7309 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz
e">{{ classTable.getColumnLabel(3) }}</th> |
| 7310 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins
tances">{{ classTable.getColumnLabel(4) }}</th> |
| 7311 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Size">{{ classTable.getColumnLabel(5) }}</th> |
| 7312 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Instances">{{ classTable.getColumnLabel(6) }}</th> |
| 7313 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz
e">{{ classTable.getColumnLabel(7) }}</th> |
| 7314 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins
tances">{{ classTable.getColumnLabel(8) }}</th> |
| 7315 </tr> |
| 7316 </thead> |
| 7317 <tbody> |
| 7318 <tr template="" repeat="{{row in classTable.sortedRows }}"> |
| 7319 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t
d> |
| 7320 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt
edValue(row, 1) }}</td> |
| 7321 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt
edValue(row, 2) }}</td> |
| 7322 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt
edValue(row, 3) }}</td> |
| 7323 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt
edValue(row, 4) }}</td> |
| 7324 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt
edValue(row, 5) }}</td> |
| 7325 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt
edValue(row, 6) }}</td> |
| 7326 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt
edValue(row, 7) }}</td> |
| 7327 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt
edValue(row, 8) }}</td> |
| 7328 </tr> |
| 7329 </tbody> |
| 7330 </table> |
| 7331 </div> |
| 7332 </template> |
| 7333 |
| 7334 </polymer-element> |
| 7335 |
| 7336 |
| 7337 |
| 7338 |
| 7339 |
| 7340 |
1778 <polymer-element name="sliding-checkbox"> | 7341 <polymer-element name="sliding-checkbox"> |
1779 <template> | 7342 <template> |
1780 <style> | 7343 <style> |
1781 .switch { | 7344 .switch { |
1782 position: relative; | 7345 position: relative; |
1783 width: 121px; | 7346 width: 121px; |
1784 -webkit-user-select: none; | 7347 -webkit-user-select: none; |
1785 -moz-user-select: none; | 7348 -moz-user-select: none; |
1786 -ms-user-select: none; | 7349 -ms-user-select: none; |
1787 } | 7350 } |
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1854 <label class="label" for="slide-switch"> | 7417 <label class="label" for="slide-switch"> |
1855 <div class="content"></div> | 7418 <div class="content"></div> |
1856 <div class="dot"></div> | 7419 <div class="dot"></div> |
1857 </label> | 7420 </label> |
1858 </div> | 7421 </div> |
1859 </template> | 7422 </template> |
1860 | 7423 |
1861 </polymer-element> | 7424 </polymer-element> |
1862 <polymer-element name="isolate-profile" extends="observatory-element"> | 7425 <polymer-element name="isolate-profile" extends="observatory-element"> |
1863 <template> | 7426 <template> |
1864 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 7427 <style> |
| 7428 /* Global styles */ |
| 7429 * { |
| 7430 margin: 0; |
| 7431 padding: 0; |
| 7432 font: 400 14px 'Montserrat', sans-serif; |
| 7433 color: #333; |
| 7434 box-sizing: border-box; |
| 7435 } |
| 7436 |
| 7437 .content { |
| 7438 padding-left: 10%; |
| 7439 font: 400 14px 'Montserrat', sans-serif; |
| 7440 } |
| 7441 |
| 7442 .content-centered { |
| 7443 padding-left: 10%; |
| 7444 padding-right: 10%; |
| 7445 font: 400 14px 'Montserrat', sans-serif; |
| 7446 } |
| 7447 |
| 7448 h1 { |
| 7449 font: 400 18px 'Montserrat', sans-serif; |
| 7450 } |
| 7451 |
| 7452 .memberList { |
| 7453 display: table; |
| 7454 } |
| 7455 |
| 7456 .memberItem { |
| 7457 display: table-row; |
| 7458 } |
| 7459 |
| 7460 .memberName, .memberValue { |
| 7461 display: table-cell; |
| 7462 vertical-align: top; |
| 7463 padding: 3px 0 3px 1em; |
| 7464 font: 400 14px 'Montserrat', sans-serif; |
| 7465 } |
| 7466 |
| 7467 .monospace { |
| 7468 font-family: consolas, courier, monospace; |
| 7469 font-size: 1em; |
| 7470 line-height: 1.2em; |
| 7471 white-space: nowrap; |
| 7472 } |
| 7473 |
| 7474 a { |
| 7475 color: #0489c3; |
| 7476 text-decoration: none; |
| 7477 } |
| 7478 |
| 7479 a:hover { |
| 7480 text-decoration: underline; |
| 7481 } |
| 7482 |
| 7483 em { |
| 7484 color: inherit; |
| 7485 font-style:italic; |
| 7486 } |
| 7487 |
| 7488 hr { |
| 7489 margin-top: 20px; |
| 7490 margin-bottom: 20px; |
| 7491 border: 0; |
| 7492 border-top: 1px solid #eee; |
| 7493 height: 0; |
| 7494 box-sizing: content-box; |
| 7495 } |
| 7496 |
| 7497 .list-group { |
| 7498 padding-left: 0; |
| 7499 margin-bottom: 20px; |
| 7500 } |
| 7501 |
| 7502 .list-group-item { |
| 7503 position: relative; |
| 7504 display: block; |
| 7505 padding: 10px 15px; |
| 7506 margin-bottom: -1px; |
| 7507 background-color: #fff; |
| 7508 } |
| 7509 |
| 7510 .list-group-item:first-child { |
| 7511 /* rounded top corners */ |
| 7512 border-top-right-radius:4px; |
| 7513 border-top-left-radius:4px; |
| 7514 } |
| 7515 |
| 7516 .list-group-item:last-child { |
| 7517 margin-bottom: 0; |
| 7518 /* rounded bottom corners */ |
| 7519 border-bottom-right-radius: 4px; |
| 7520 border-bottom-left-radius:4px; |
| 7521 } |
| 7522 |
| 7523 /* Flex row container */ |
| 7524 .flex-row { |
| 7525 display: flex; |
| 7526 flex-direction: row; |
| 7527 } |
| 7528 |
| 7529 /* Flex column container */ |
| 7530 .flex-column { |
| 7531 display: flex; |
| 7532 flex-direction: column; |
| 7533 } |
| 7534 |
| 7535 .flex-item-fit { |
| 7536 flex-grow: 1; |
| 7537 flex-shrink: 1; |
| 7538 flex-basis: auto; |
| 7539 } |
| 7540 |
| 7541 .flex-item-no-shrink { |
| 7542 flex-grow: 0; |
| 7543 flex-shrink: 0; |
| 7544 flex-basis: auto; |
| 7545 } |
| 7546 |
| 7547 .flex-item-fill { |
| 7548 flex-grow: 0; |
| 7549 flex-shrink: 1; /* shrink when pressured */ |
| 7550 flex-basis: 100%; /* try and take 100% */ |
| 7551 } |
| 7552 |
| 7553 .flex-item-fixed-1-12 { |
| 7554 flex-grow: 0; |
| 7555 flex-shrink: 0; |
| 7556 flex-basis: 8.3%; |
| 7557 } |
| 7558 |
| 7559 .flex-item-fixed-2-12 { |
| 7560 flex-grow: 0; |
| 7561 flex-shrink: 0; |
| 7562 flex-basis: 16.6%; |
| 7563 } |
| 7564 |
| 7565 .flex-item-fixed-4-12 { |
| 7566 flex-grow: 0; |
| 7567 flex-shrink: 0; |
| 7568 flex-basis: 33.3333%; |
| 7569 } |
| 7570 |
| 7571 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7572 flex-grow: 0; |
| 7573 flex-shrink: 0; |
| 7574 flex-basis: 50%; |
| 7575 } |
| 7576 |
| 7577 .flex-item-fixed-8-12 { |
| 7578 flex-grow: 0; |
| 7579 flex-shrink: 0; |
| 7580 flex-basis: 66.6666%; |
| 7581 } |
| 7582 |
| 7583 .flex-item-fixed-9-12 { |
| 7584 flex-grow: 0; |
| 7585 flex-shrink: 0; |
| 7586 flex-basis: 75%; |
| 7587 } |
| 7588 |
| 7589 |
| 7590 .flex-item-fixed-12-12 { |
| 7591 flex-grow: 0; |
| 7592 flex-shrink: 0; |
| 7593 flex-basis: 100%; |
| 7594 } |
| 7595 |
| 7596 .flex-item-10-percent { |
| 7597 flex-grow: 0; |
| 7598 flex-shrink: 0; |
| 7599 flex-basis: 10%; |
| 7600 } |
| 7601 |
| 7602 .flex-item-15-percent { |
| 7603 flex-grow: 0; |
| 7604 flex-shrink: 0; |
| 7605 flex-basis: 15%; |
| 7606 } |
| 7607 |
| 7608 .flex-item-20-percent { |
| 7609 flex-grow: 0; |
| 7610 flex-shrink: 0; |
| 7611 flex-basis: 20%; |
| 7612 } |
| 7613 |
| 7614 .flex-item-30-percent { |
| 7615 flex-grow: 0; |
| 7616 flex-shrink: 0; |
| 7617 flex-basis: 30%; |
| 7618 } |
| 7619 |
| 7620 .flex-item-40-percent { |
| 7621 flex-grow: 0; |
| 7622 flex-shrink: 0; |
| 7623 flex-basis: 40%; |
| 7624 } |
| 7625 |
| 7626 .flex-item-60-percent { |
| 7627 flex-grow: 0; |
| 7628 flex-shrink: 0; |
| 7629 flex-basis: 60%; |
| 7630 } |
| 7631 |
| 7632 .flex-item-70-percent { |
| 7633 flex-grow: 0; |
| 7634 flex-shrink: 0; |
| 7635 flex-basis: 70%; |
| 7636 } |
| 7637 |
| 7638 .flex-item-80-percent { |
| 7639 flex-grow: 0; |
| 7640 flex-shrink: 0; |
| 7641 flex-basis: 80%; |
| 7642 } |
| 7643 |
| 7644 .well { |
| 7645 min-height: 20px; |
| 7646 padding: 19px; |
| 7647 margin-bottom: 20px; |
| 7648 background-color: #f5f5f5; |
| 7649 border: 1px solid #e3e3e3; |
| 7650 border-radius: 4px; |
| 7651 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7652 } |
| 7653 </style> |
1865 <nav-bar> | 7654 <nav-bar> |
1866 <top-nav-menu></top-nav-menu> | 7655 <top-nav-menu></top-nav-menu> |
1867 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> | 7656 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> |
1868 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor=
"cpu profile" last="{{ true }}"></nav-menu> | 7657 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor=
"cpu profile" last="{{ true }}"></nav-menu> |
1869 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 7658 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
1870 </nav-bar> | 7659 </nav-bar> |
1871 <style> | 7660 <style> |
1872 .table { | 7661 .table { |
1873 border-collapse: collapse!important; | 7662 border-collapse: collapse!important; |
1874 width: 100%; | 7663 width: 100%; |
(...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2033 </div> | 7822 </div> |
2034 </div> | 7823 </div> |
2035 </td> | 7824 </td> |
2036 </tr> | 7825 </tr> |
2037 </tbody> | 7826 </tbody> |
2038 </table> | 7827 </table> |
2039 </div> | 7828 </div> |
2040 </template> | 7829 </template> |
2041 | 7830 |
2042 </polymer-element> | 7831 </polymer-element> |
2043 <polymer-element name="heap-profile" extends="observatory-element"> | 7832 |
2044 <template> | 7833 |
2045 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 7834 |
2046 <style> | 7835 |
2047 .table { | |
2048 border-collapse: collapse!important; | |
2049 width: 100%; | |
2050 margin-bottom: 20px | |
2051 table-layout: fixed; | |
2052 } | |
2053 .table td:nth-of-type(1) { | |
2054 width: 30%; | |
2055 } | |
2056 .th, .td { | |
2057 padding: 8px; | |
2058 vertical-align: top; | |
2059 } | |
2060 .table thead > tr > th { | |
2061 vertical-align: bottom; | |
2062 text-align: left; | |
2063 border-bottom:2px solid #ddd; | |
2064 } | |
2065 .clickable { | |
2066 color: #0489c3; | |
2067 text-decoration: none; | |
2068 cursor: pointer; | |
2069 } | |
2070 .clickable:hover { | |
2071 text-decoration: underline; | |
2072 cursor: pointer; | |
2073 } | |
2074 #classtable tr:hover > td { | |
2075 background-color: #F4C7C3; | |
2076 } | |
2077 </style> | |
2078 <nav-bar> | |
2079 <top-nav-menu></top-nav-menu> | |
2080 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> | |
2081 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}"
anchor="heap profile" last="{{ true }}"></nav-menu> | |
2082 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n
av-refresh> | |
2083 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh> | |
2084 <nav-refresh callback="{{ refresh }}"></nav-refresh> | |
2085 </nav-bar> | |
2086 | |
2087 <div class="flex-row"> | |
2088 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px"> | |
2089 </div> | |
2090 <div id="newStatus" class="flex-item-fixed-2-12"> | |
2091 <div class="memberList"> | |
2092 <div class="memberItem"> | |
2093 <div class="memberName">Collections</div> | |
2094 <div class="memberValue">{{ formattedCollections(true) }}</div> | |
2095 </div> | |
2096 <div class="memberItem"> | |
2097 <div class="memberName">Average Collection Time</div> | |
2098 <div class="memberValue">{{ formattedAverage(true) }}</div> | |
2099 </div> | |
2100 <div class="memberItem"> | |
2101 <div class="memberName">Cumulative Collection Time</div> | |
2102 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d
iv> | |
2103 </div> | |
2104 </div> | |
2105 </div> | |
2106 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px"> | |
2107 </div> | |
2108 <div id="oldStatus" class="flex-item-fixed-2-12"> | |
2109 <div class="memberList"> | |
2110 <div class="memberItem"> | |
2111 <div class="memberName">Collections</div> | |
2112 <div class="memberValue">{{ formattedCollections(false) }}</div> | |
2113 </div> | |
2114 <div class="memberItem"> | |
2115 <div class="memberName">Average Collection Time</div> | |
2116 <div class="memberValue">{{ formattedAverage(false) }}</div> | |
2117 </div> | |
2118 <div class="memberItem"> | |
2119 <div class="memberName">Cumulative Collection Time</div> | |
2120 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</
div> | |
2121 </div> | |
2122 </div> | |
2123 </div> | |
2124 </div> | |
2125 <div class="flex-row"> | |
2126 <table id="classtable" class="flex-item-fixed-12-12 table"> | |
2127 <thead> | |
2128 <tr> | |
2129 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class
Table.getColumnLabel(0) }}</th> | |
2130 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Size">{{ classTable.getColumnLabel(1) }}</th> | |
2131 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Instances">{{ classTable.getColumnLabel(2) }}</th> | |
2132 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz
e">{{ classTable.getColumnLabel(3) }}</th> | |
2133 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins
tances">{{ classTable.getColumnLabel(4) }}</th> | |
2134 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Size">{{ classTable.getColumnLabel(5) }}</th> | |
2135 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Instances">{{ classTable.getColumnLabel(6) }}</th> | |
2136 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz
e">{{ classTable.getColumnLabel(7) }}</th> | |
2137 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins
tances">{{ classTable.getColumnLabel(8) }}</th> | |
2138 </tr> | |
2139 </thead> | |
2140 <tbody> | |
2141 <tr template="" repeat="{{row in classTable.sortedRows }}"> | |
2142 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t
d> | |
2143 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt
edValue(row, 1) }}</td> | |
2144 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt
edValue(row, 2) }}</td> | |
2145 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt
edValue(row, 3) }}</td> | |
2146 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt
edValue(row, 4) }}</td> | |
2147 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt
edValue(row, 5) }}</td> | |
2148 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt
edValue(row, 6) }}</td> | |
2149 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt
edValue(row, 7) }}</td> | |
2150 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt
edValue(row, 8) }}</td> | |
2151 </tr> | |
2152 </tbody> | |
2153 </table> | |
2154 </div> | |
2155 </template> | |
2156 | |
2157 </polymer-element> | |
2158 <polymer-element name="script-view" extends="observatory-element"> | 7836 <polymer-element name="script-view" extends="observatory-element"> |
2159 <template> | 7837 <template> |
2160 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 7838 <style> |
| 7839 /* Global styles */ |
| 7840 * { |
| 7841 margin: 0; |
| 7842 padding: 0; |
| 7843 font: 400 14px 'Montserrat', sans-serif; |
| 7844 color: #333; |
| 7845 box-sizing: border-box; |
| 7846 } |
| 7847 |
| 7848 .content { |
| 7849 padding-left: 10%; |
| 7850 font: 400 14px 'Montserrat', sans-serif; |
| 7851 } |
| 7852 |
| 7853 .content-centered { |
| 7854 padding-left: 10%; |
| 7855 padding-right: 10%; |
| 7856 font: 400 14px 'Montserrat', sans-serif; |
| 7857 } |
| 7858 |
| 7859 h1 { |
| 7860 font: 400 18px 'Montserrat', sans-serif; |
| 7861 } |
| 7862 |
| 7863 .memberList { |
| 7864 display: table; |
| 7865 } |
| 7866 |
| 7867 .memberItem { |
| 7868 display: table-row; |
| 7869 } |
| 7870 |
| 7871 .memberName, .memberValue { |
| 7872 display: table-cell; |
| 7873 vertical-align: top; |
| 7874 padding: 3px 0 3px 1em; |
| 7875 font: 400 14px 'Montserrat', sans-serif; |
| 7876 } |
| 7877 |
| 7878 .monospace { |
| 7879 font-family: consolas, courier, monospace; |
| 7880 font-size: 1em; |
| 7881 line-height: 1.2em; |
| 7882 white-space: nowrap; |
| 7883 } |
| 7884 |
| 7885 a { |
| 7886 color: #0489c3; |
| 7887 text-decoration: none; |
| 7888 } |
| 7889 |
| 7890 a:hover { |
| 7891 text-decoration: underline; |
| 7892 } |
| 7893 |
| 7894 em { |
| 7895 color: inherit; |
| 7896 font-style:italic; |
| 7897 } |
| 7898 |
| 7899 hr { |
| 7900 margin-top: 20px; |
| 7901 margin-bottom: 20px; |
| 7902 border: 0; |
| 7903 border-top: 1px solid #eee; |
| 7904 height: 0; |
| 7905 box-sizing: content-box; |
| 7906 } |
| 7907 |
| 7908 .list-group { |
| 7909 padding-left: 0; |
| 7910 margin-bottom: 20px; |
| 7911 } |
| 7912 |
| 7913 .list-group-item { |
| 7914 position: relative; |
| 7915 display: block; |
| 7916 padding: 10px 15px; |
| 7917 margin-bottom: -1px; |
| 7918 background-color: #fff; |
| 7919 } |
| 7920 |
| 7921 .list-group-item:first-child { |
| 7922 /* rounded top corners */ |
| 7923 border-top-right-radius:4px; |
| 7924 border-top-left-radius:4px; |
| 7925 } |
| 7926 |
| 7927 .list-group-item:last-child { |
| 7928 margin-bottom: 0; |
| 7929 /* rounded bottom corners */ |
| 7930 border-bottom-right-radius: 4px; |
| 7931 border-bottom-left-radius:4px; |
| 7932 } |
| 7933 |
| 7934 /* Flex row container */ |
| 7935 .flex-row { |
| 7936 display: flex; |
| 7937 flex-direction: row; |
| 7938 } |
| 7939 |
| 7940 /* Flex column container */ |
| 7941 .flex-column { |
| 7942 display: flex; |
| 7943 flex-direction: column; |
| 7944 } |
| 7945 |
| 7946 .flex-item-fit { |
| 7947 flex-grow: 1; |
| 7948 flex-shrink: 1; |
| 7949 flex-basis: auto; |
| 7950 } |
| 7951 |
| 7952 .flex-item-no-shrink { |
| 7953 flex-grow: 0; |
| 7954 flex-shrink: 0; |
| 7955 flex-basis: auto; |
| 7956 } |
| 7957 |
| 7958 .flex-item-fill { |
| 7959 flex-grow: 0; |
| 7960 flex-shrink: 1; /* shrink when pressured */ |
| 7961 flex-basis: 100%; /* try and take 100% */ |
| 7962 } |
| 7963 |
| 7964 .flex-item-fixed-1-12 { |
| 7965 flex-grow: 0; |
| 7966 flex-shrink: 0; |
| 7967 flex-basis: 8.3%; |
| 7968 } |
| 7969 |
| 7970 .flex-item-fixed-2-12 { |
| 7971 flex-grow: 0; |
| 7972 flex-shrink: 0; |
| 7973 flex-basis: 16.6%; |
| 7974 } |
| 7975 |
| 7976 .flex-item-fixed-4-12 { |
| 7977 flex-grow: 0; |
| 7978 flex-shrink: 0; |
| 7979 flex-basis: 33.3333%; |
| 7980 } |
| 7981 |
| 7982 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7983 flex-grow: 0; |
| 7984 flex-shrink: 0; |
| 7985 flex-basis: 50%; |
| 7986 } |
| 7987 |
| 7988 .flex-item-fixed-8-12 { |
| 7989 flex-grow: 0; |
| 7990 flex-shrink: 0; |
| 7991 flex-basis: 66.6666%; |
| 7992 } |
| 7993 |
| 7994 .flex-item-fixed-9-12 { |
| 7995 flex-grow: 0; |
| 7996 flex-shrink: 0; |
| 7997 flex-basis: 75%; |
| 7998 } |
| 7999 |
| 8000 |
| 8001 .flex-item-fixed-12-12 { |
| 8002 flex-grow: 0; |
| 8003 flex-shrink: 0; |
| 8004 flex-basis: 100%; |
| 8005 } |
| 8006 |
| 8007 .flex-item-10-percent { |
| 8008 flex-grow: 0; |
| 8009 flex-shrink: 0; |
| 8010 flex-basis: 10%; |
| 8011 } |
| 8012 |
| 8013 .flex-item-15-percent { |
| 8014 flex-grow: 0; |
| 8015 flex-shrink: 0; |
| 8016 flex-basis: 15%; |
| 8017 } |
| 8018 |
| 8019 .flex-item-20-percent { |
| 8020 flex-grow: 0; |
| 8021 flex-shrink: 0; |
| 8022 flex-basis: 20%; |
| 8023 } |
| 8024 |
| 8025 .flex-item-30-percent { |
| 8026 flex-grow: 0; |
| 8027 flex-shrink: 0; |
| 8028 flex-basis: 30%; |
| 8029 } |
| 8030 |
| 8031 .flex-item-40-percent { |
| 8032 flex-grow: 0; |
| 8033 flex-shrink: 0; |
| 8034 flex-basis: 40%; |
| 8035 } |
| 8036 |
| 8037 .flex-item-60-percent { |
| 8038 flex-grow: 0; |
| 8039 flex-shrink: 0; |
| 8040 flex-basis: 60%; |
| 8041 } |
| 8042 |
| 8043 .flex-item-70-percent { |
| 8044 flex-grow: 0; |
| 8045 flex-shrink: 0; |
| 8046 flex-basis: 70%; |
| 8047 } |
| 8048 |
| 8049 .flex-item-80-percent { |
| 8050 flex-grow: 0; |
| 8051 flex-shrink: 0; |
| 8052 flex-basis: 80%; |
| 8053 } |
| 8054 |
| 8055 .well { |
| 8056 min-height: 20px; |
| 8057 padding: 19px; |
| 8058 margin-bottom: 20px; |
| 8059 background-color: #f5f5f5; |
| 8060 border: 1px solid #e3e3e3; |
| 8061 border-radius: 4px; |
| 8062 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8063 } |
| 8064 </style> |
2161 <nav-bar> | 8065 <nav-bar> |
2162 <top-nav-menu></top-nav-menu> | 8066 <top-nav-menu></top-nav-menu> |
2163 <isolate-nav-menu isolate="{{ script.isolate }}"> | 8067 <isolate-nav-menu isolate="{{ script.isolate }}"> |
2164 </isolate-nav-menu> | 8068 </isolate-nav-menu> |
2165 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> | 8069 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> |
2166 <li> | 8070 <li> |
2167 <input type="checkbox" checked="{{ showCoverage }}"> | 8071 <input type="checkbox" checked="{{ showCoverage }}"> |
2168 <label>Show Coverage Data</label> | 8072 <label>Show Coverage Data</label> |
2169 </li> | 8073 </li> |
2170 </nav-menu> | 8074 </nav-menu> |
2171 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav
-refresh> | 8075 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav
-refresh> |
2172 <nav-refresh callback="{{ refresh }}"> | 8076 <nav-refresh callback="{{ refresh }}"> |
2173 </nav-refresh> | 8077 </nav-refresh> |
2174 </nav-bar> | 8078 </nav-bar> |
2175 | 8079 |
2176 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken
Pos }}" endpos="{{ script.lastTokenPos }}"> | 8080 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken
Pos }}" endpos="{{ script.lastTokenPos }}"> |
2177 <h1>script {{ script.name }}</h1> | 8081 <h1>script {{ script.name }}</h1> |
2178 </script-inset> | 8082 </script-inset> |
2179 </template> | 8083 </template> |
2180 | 8084 |
2181 </polymer-element> | 8085 </polymer-element> |
| 8086 |
| 8087 |
| 8088 |
| 8089 |
| 8090 |
| 8091 |
| 8092 |
| 8093 |
| 8094 |
| 8095 |
2182 <polymer-element name="stack-frame" extends="observatory-element"> | 8096 <polymer-element name="stack-frame" extends="observatory-element"> |
2183 <template> | 8097 <template> |
2184 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8098 <style> |
| 8099 /* Global styles */ |
| 8100 * { |
| 8101 margin: 0; |
| 8102 padding: 0; |
| 8103 font: 400 14px 'Montserrat', sans-serif; |
| 8104 color: #333; |
| 8105 box-sizing: border-box; |
| 8106 } |
| 8107 |
| 8108 .content { |
| 8109 padding-left: 10%; |
| 8110 font: 400 14px 'Montserrat', sans-serif; |
| 8111 } |
| 8112 |
| 8113 .content-centered { |
| 8114 padding-left: 10%; |
| 8115 padding-right: 10%; |
| 8116 font: 400 14px 'Montserrat', sans-serif; |
| 8117 } |
| 8118 |
| 8119 h1 { |
| 8120 font: 400 18px 'Montserrat', sans-serif; |
| 8121 } |
| 8122 |
| 8123 .memberList { |
| 8124 display: table; |
| 8125 } |
| 8126 |
| 8127 .memberItem { |
| 8128 display: table-row; |
| 8129 } |
| 8130 |
| 8131 .memberName, .memberValue { |
| 8132 display: table-cell; |
| 8133 vertical-align: top; |
| 8134 padding: 3px 0 3px 1em; |
| 8135 font: 400 14px 'Montserrat', sans-serif; |
| 8136 } |
| 8137 |
| 8138 .monospace { |
| 8139 font-family: consolas, courier, monospace; |
| 8140 font-size: 1em; |
| 8141 line-height: 1.2em; |
| 8142 white-space: nowrap; |
| 8143 } |
| 8144 |
| 8145 a { |
| 8146 color: #0489c3; |
| 8147 text-decoration: none; |
| 8148 } |
| 8149 |
| 8150 a:hover { |
| 8151 text-decoration: underline; |
| 8152 } |
| 8153 |
| 8154 em { |
| 8155 color: inherit; |
| 8156 font-style:italic; |
| 8157 } |
| 8158 |
| 8159 hr { |
| 8160 margin-top: 20px; |
| 8161 margin-bottom: 20px; |
| 8162 border: 0; |
| 8163 border-top: 1px solid #eee; |
| 8164 height: 0; |
| 8165 box-sizing: content-box; |
| 8166 } |
| 8167 |
| 8168 .list-group { |
| 8169 padding-left: 0; |
| 8170 margin-bottom: 20px; |
| 8171 } |
| 8172 |
| 8173 .list-group-item { |
| 8174 position: relative; |
| 8175 display: block; |
| 8176 padding: 10px 15px; |
| 8177 margin-bottom: -1px; |
| 8178 background-color: #fff; |
| 8179 } |
| 8180 |
| 8181 .list-group-item:first-child { |
| 8182 /* rounded top corners */ |
| 8183 border-top-right-radius:4px; |
| 8184 border-top-left-radius:4px; |
| 8185 } |
| 8186 |
| 8187 .list-group-item:last-child { |
| 8188 margin-bottom: 0; |
| 8189 /* rounded bottom corners */ |
| 8190 border-bottom-right-radius: 4px; |
| 8191 border-bottom-left-radius:4px; |
| 8192 } |
| 8193 |
| 8194 /* Flex row container */ |
| 8195 .flex-row { |
| 8196 display: flex; |
| 8197 flex-direction: row; |
| 8198 } |
| 8199 |
| 8200 /* Flex column container */ |
| 8201 .flex-column { |
| 8202 display: flex; |
| 8203 flex-direction: column; |
| 8204 } |
| 8205 |
| 8206 .flex-item-fit { |
| 8207 flex-grow: 1; |
| 8208 flex-shrink: 1; |
| 8209 flex-basis: auto; |
| 8210 } |
| 8211 |
| 8212 .flex-item-no-shrink { |
| 8213 flex-grow: 0; |
| 8214 flex-shrink: 0; |
| 8215 flex-basis: auto; |
| 8216 } |
| 8217 |
| 8218 .flex-item-fill { |
| 8219 flex-grow: 0; |
| 8220 flex-shrink: 1; /* shrink when pressured */ |
| 8221 flex-basis: 100%; /* try and take 100% */ |
| 8222 } |
| 8223 |
| 8224 .flex-item-fixed-1-12 { |
| 8225 flex-grow: 0; |
| 8226 flex-shrink: 0; |
| 8227 flex-basis: 8.3%; |
| 8228 } |
| 8229 |
| 8230 .flex-item-fixed-2-12 { |
| 8231 flex-grow: 0; |
| 8232 flex-shrink: 0; |
| 8233 flex-basis: 16.6%; |
| 8234 } |
| 8235 |
| 8236 .flex-item-fixed-4-12 { |
| 8237 flex-grow: 0; |
| 8238 flex-shrink: 0; |
| 8239 flex-basis: 33.3333%; |
| 8240 } |
| 8241 |
| 8242 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 8243 flex-grow: 0; |
| 8244 flex-shrink: 0; |
| 8245 flex-basis: 50%; |
| 8246 } |
| 8247 |
| 8248 .flex-item-fixed-8-12 { |
| 8249 flex-grow: 0; |
| 8250 flex-shrink: 0; |
| 8251 flex-basis: 66.6666%; |
| 8252 } |
| 8253 |
| 8254 .flex-item-fixed-9-12 { |
| 8255 flex-grow: 0; |
| 8256 flex-shrink: 0; |
| 8257 flex-basis: 75%; |
| 8258 } |
| 8259 |
| 8260 |
| 8261 .flex-item-fixed-12-12 { |
| 8262 flex-grow: 0; |
| 8263 flex-shrink: 0; |
| 8264 flex-basis: 100%; |
| 8265 } |
| 8266 |
| 8267 .flex-item-10-percent { |
| 8268 flex-grow: 0; |
| 8269 flex-shrink: 0; |
| 8270 flex-basis: 10%; |
| 8271 } |
| 8272 |
| 8273 .flex-item-15-percent { |
| 8274 flex-grow: 0; |
| 8275 flex-shrink: 0; |
| 8276 flex-basis: 15%; |
| 8277 } |
| 8278 |
| 8279 .flex-item-20-percent { |
| 8280 flex-grow: 0; |
| 8281 flex-shrink: 0; |
| 8282 flex-basis: 20%; |
| 8283 } |
| 8284 |
| 8285 .flex-item-30-percent { |
| 8286 flex-grow: 0; |
| 8287 flex-shrink: 0; |
| 8288 flex-basis: 30%; |
| 8289 } |
| 8290 |
| 8291 .flex-item-40-percent { |
| 8292 flex-grow: 0; |
| 8293 flex-shrink: 0; |
| 8294 flex-basis: 40%; |
| 8295 } |
| 8296 |
| 8297 .flex-item-60-percent { |
| 8298 flex-grow: 0; |
| 8299 flex-shrink: 0; |
| 8300 flex-basis: 60%; |
| 8301 } |
| 8302 |
| 8303 .flex-item-70-percent { |
| 8304 flex-grow: 0; |
| 8305 flex-shrink: 0; |
| 8306 flex-basis: 70%; |
| 8307 } |
| 8308 |
| 8309 .flex-item-80-percent { |
| 8310 flex-grow: 0; |
| 8311 flex-shrink: 0; |
| 8312 flex-basis: 80%; |
| 8313 } |
| 8314 |
| 8315 .well { |
| 8316 min-height: 20px; |
| 8317 padding: 19px; |
| 8318 margin-bottom: 20px; |
| 8319 background-color: #f5f5f5; |
| 8320 border: 1px solid #e3e3e3; |
| 8321 border-radius: 4px; |
| 8322 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8323 } |
| 8324 </style> |
2185 <div class="flex-row"> | 8325 <div class="flex-row"> |
2186 <div class="flex-item-fixed-1-12"> | 8326 <div class="flex-item-fixed-1-12"> |
2187 </div> | 8327 </div> |
2188 <div class="flex-item-fixed-1-12"> | 8328 <div class="flex-item-fixed-1-12"> |
2189 #{{ frame['depth'] }} | 8329 #{{ frame['depth'] }} |
2190 </div> | 8330 </div> |
2191 <div class="flex-item-fixed-9-12"> | 8331 <div class="flex-item-fixed-9-12"> |
2192 <function-ref ref="{{ frame['function'] }}"></function-ref> | 8332 <function-ref ref="{{ frame['function'] }}"></function-ref> |
2193 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }}
"> | 8333 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }}
"> |
2194 </script-ref> ) | 8334 </script-ref> ) |
(...skipping 12 matching lines...) Expand all Loading... |
2207 </curly-block> | 8347 </curly-block> |
2208 </div> | 8348 </div> |
2209 <div class="flex-item-fixed-1-12"> | 8349 <div class="flex-item-fixed-1-12"> |
2210 </div> | 8350 </div> |
2211 </div> | 8351 </div> |
2212 </template> | 8352 </template> |
2213 | 8353 |
2214 </polymer-element> | 8354 </polymer-element> |
2215 <polymer-element name="stack-trace" extends="observatory-element"> | 8355 <polymer-element name="stack-trace" extends="observatory-element"> |
2216 <template> | 8356 <template> |
2217 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8357 <style> |
| 8358 /* Global styles */ |
| 8359 * { |
| 8360 margin: 0; |
| 8361 padding: 0; |
| 8362 font: 400 14px 'Montserrat', sans-serif; |
| 8363 color: #333; |
| 8364 box-sizing: border-box; |
| 8365 } |
| 8366 |
| 8367 .content { |
| 8368 padding-left: 10%; |
| 8369 font: 400 14px 'Montserrat', sans-serif; |
| 8370 } |
| 8371 |
| 8372 .content-centered { |
| 8373 padding-left: 10%; |
| 8374 padding-right: 10%; |
| 8375 font: 400 14px 'Montserrat', sans-serif; |
| 8376 } |
| 8377 |
| 8378 h1 { |
| 8379 font: 400 18px 'Montserrat', sans-serif; |
| 8380 } |
| 8381 |
| 8382 .memberList { |
| 8383 display: table; |
| 8384 } |
| 8385 |
| 8386 .memberItem { |
| 8387 display: table-row; |
| 8388 } |
| 8389 |
| 8390 .memberName, .memberValue { |
| 8391 display: table-cell; |
| 8392 vertical-align: top; |
| 8393 padding: 3px 0 3px 1em; |
| 8394 font: 400 14px 'Montserrat', sans-serif; |
| 8395 } |
| 8396 |
| 8397 .monospace { |
| 8398 font-family: consolas, courier, monospace; |
| 8399 font-size: 1em; |
| 8400 line-height: 1.2em; |
| 8401 white-space: nowrap; |
| 8402 } |
| 8403 |
| 8404 a { |
| 8405 color: #0489c3; |
| 8406 text-decoration: none; |
| 8407 } |
| 8408 |
| 8409 a:hover { |
| 8410 text-decoration: underline; |
| 8411 } |
| 8412 |
| 8413 em { |
| 8414 color: inherit; |
| 8415 font-style:italic; |
| 8416 } |
| 8417 |
| 8418 hr { |
| 8419 margin-top: 20px; |
| 8420 margin-bottom: 20px; |
| 8421 border: 0; |
| 8422 border-top: 1px solid #eee; |
| 8423 height: 0; |
| 8424 box-sizing: content-box; |
| 8425 } |
| 8426 |
| 8427 .list-group { |
| 8428 padding-left: 0; |
| 8429 margin-bottom: 20px; |
| 8430 } |
| 8431 |
| 8432 .list-group-item { |
| 8433 position: relative; |
| 8434 display: block; |
| 8435 padding: 10px 15px; |
| 8436 margin-bottom: -1px; |
| 8437 background-color: #fff; |
| 8438 } |
| 8439 |
| 8440 .list-group-item:first-child { |
| 8441 /* rounded top corners */ |
| 8442 border-top-right-radius:4px; |
| 8443 border-top-left-radius:4px; |
| 8444 } |
| 8445 |
| 8446 .list-group-item:last-child { |
| 8447 margin-bottom: 0; |
| 8448 /* rounded bottom corners */ |
| 8449 border-bottom-right-radius: 4px; |
| 8450 border-bottom-left-radius:4px; |
| 8451 } |
| 8452 |
| 8453 /* Flex row container */ |
| 8454 .flex-row { |
| 8455 display: flex; |
| 8456 flex-direction: row; |
| 8457 } |
| 8458 |
| 8459 /* Flex column container */ |
| 8460 .flex-column { |
| 8461 display: flex; |
| 8462 flex-direction: column; |
| 8463 } |
| 8464 |
| 8465 .flex-item-fit { |
| 8466 flex-grow: 1; |
| 8467 flex-shrink: 1; |
| 8468 flex-basis: auto; |
| 8469 } |
| 8470 |
| 8471 .flex-item-no-shrink { |
| 8472 flex-grow: 0; |
| 8473 flex-shrink: 0; |
| 8474 flex-basis: auto; |
| 8475 } |
| 8476 |
| 8477 .flex-item-fill { |
| 8478 flex-grow: 0; |
| 8479 flex-shrink: 1; /* shrink when pressured */ |
| 8480 flex-basis: 100%; /* try and take 100% */ |
| 8481 } |
| 8482 |
| 8483 .flex-item-fixed-1-12 { |
| 8484 flex-grow: 0; |
| 8485 flex-shrink: 0; |
| 8486 flex-basis: 8.3%; |
| 8487 } |
| 8488 |
| 8489 .flex-item-fixed-2-12 { |
| 8490 flex-grow: 0; |
| 8491 flex-shrink: 0; |
| 8492 flex-basis: 16.6%; |
| 8493 } |
| 8494 |
| 8495 .flex-item-fixed-4-12 { |
| 8496 flex-grow: 0; |
| 8497 flex-shrink: 0; |
| 8498 flex-basis: 33.3333%; |
| 8499 } |
| 8500 |
| 8501 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 8502 flex-grow: 0; |
| 8503 flex-shrink: 0; |
| 8504 flex-basis: 50%; |
| 8505 } |
| 8506 |
| 8507 .flex-item-fixed-8-12 { |
| 8508 flex-grow: 0; |
| 8509 flex-shrink: 0; |
| 8510 flex-basis: 66.6666%; |
| 8511 } |
| 8512 |
| 8513 .flex-item-fixed-9-12 { |
| 8514 flex-grow: 0; |
| 8515 flex-shrink: 0; |
| 8516 flex-basis: 75%; |
| 8517 } |
| 8518 |
| 8519 |
| 8520 .flex-item-fixed-12-12 { |
| 8521 flex-grow: 0; |
| 8522 flex-shrink: 0; |
| 8523 flex-basis: 100%; |
| 8524 } |
| 8525 |
| 8526 .flex-item-10-percent { |
| 8527 flex-grow: 0; |
| 8528 flex-shrink: 0; |
| 8529 flex-basis: 10%; |
| 8530 } |
| 8531 |
| 8532 .flex-item-15-percent { |
| 8533 flex-grow: 0; |
| 8534 flex-shrink: 0; |
| 8535 flex-basis: 15%; |
| 8536 } |
| 8537 |
| 8538 .flex-item-20-percent { |
| 8539 flex-grow: 0; |
| 8540 flex-shrink: 0; |
| 8541 flex-basis: 20%; |
| 8542 } |
| 8543 |
| 8544 .flex-item-30-percent { |
| 8545 flex-grow: 0; |
| 8546 flex-shrink: 0; |
| 8547 flex-basis: 30%; |
| 8548 } |
| 8549 |
| 8550 .flex-item-40-percent { |
| 8551 flex-grow: 0; |
| 8552 flex-shrink: 0; |
| 8553 flex-basis: 40%; |
| 8554 } |
| 8555 |
| 8556 .flex-item-60-percent { |
| 8557 flex-grow: 0; |
| 8558 flex-shrink: 0; |
| 8559 flex-basis: 60%; |
| 8560 } |
| 8561 |
| 8562 .flex-item-70-percent { |
| 8563 flex-grow: 0; |
| 8564 flex-shrink: 0; |
| 8565 flex-basis: 70%; |
| 8566 } |
| 8567 |
| 8568 .flex-item-80-percent { |
| 8569 flex-grow: 0; |
| 8570 flex-shrink: 0; |
| 8571 flex-basis: 80%; |
| 8572 } |
| 8573 |
| 8574 .well { |
| 8575 min-height: 20px; |
| 8576 padding: 19px; |
| 8577 margin-bottom: 20px; |
| 8578 background-color: #f5f5f5; |
| 8579 border: 1px solid #e3e3e3; |
| 8580 border-radius: 4px; |
| 8581 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8582 } |
| 8583 </style> |
2218 <nav-bar> | 8584 <nav-bar> |
2219 <top-nav-menu></top-nav-menu> | 8585 <top-nav-menu></top-nav-menu> |
2220 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> | 8586 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> |
2221 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor
="stack trace" last="{{ true }}"></nav-menu> | 8587 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor
="stack trace" last="{{ true }}"></nav-menu> |
2222 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 8588 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
2223 </nav-bar> | 8589 </nav-bar> |
2224 <template if="{{ trace['members'].isEmpty }}"> | 8590 <template if="{{ trace['members'].isEmpty }}"> |
2225 <div class="content"> | 8591 <div class="content"> |
2226 <em>No stack</em> | 8592 <em>No stack</em> |
2227 </div> | 8593 </div> |
2228 </template> | 8594 </template> |
2229 <template if="{{ trace['members'].isNotEmpty }}"> | 8595 <template if="{{ trace['members'].isNotEmpty }}"> |
2230 <ul class="list-group"> | 8596 <ul class="list-group"> |
2231 <template repeat="{{ frame in trace['members'] }}"> | 8597 <template repeat="{{ frame in trace['members'] }}"> |
2232 <li class="list-group-item"> | 8598 <li class="list-group-item"> |
2233 <stack-frame frame="{{ frame }}"></stack-frame> | 8599 <stack-frame frame="{{ frame }}"></stack-frame> |
2234 </li> | 8600 </li> |
2235 </template> | 8601 </template> |
2236 </ul> | 8602 </ul> |
2237 </template> | 8603 </template> |
2238 </template> | 8604 </template> |
2239 | 8605 |
2240 </polymer-element> | 8606 </polymer-element> |
| 8607 |
| 8608 |
| 8609 |
| 8610 |
| 8611 |
| 8612 |
| 8613 |
| 8614 |
| 8615 |
2241 <polymer-element name="vm-view" extends="observatory-element"> | 8616 <polymer-element name="vm-view" extends="observatory-element"> |
2242 <template> | 8617 <template> |
2243 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8618 <style> |
| 8619 /* Global styles */ |
| 8620 * { |
| 8621 margin: 0; |
| 8622 padding: 0; |
| 8623 font: 400 14px 'Montserrat', sans-serif; |
| 8624 color: #333; |
| 8625 box-sizing: border-box; |
| 8626 } |
| 8627 |
| 8628 .content { |
| 8629 padding-left: 10%; |
| 8630 font: 400 14px 'Montserrat', sans-serif; |
| 8631 } |
| 8632 |
| 8633 .content-centered { |
| 8634 padding-left: 10%; |
| 8635 padding-right: 10%; |
| 8636 font: 400 14px 'Montserrat', sans-serif; |
| 8637 } |
| 8638 |
| 8639 h1 { |
| 8640 font: 400 18px 'Montserrat', sans-serif; |
| 8641 } |
| 8642 |
| 8643 .memberList { |
| 8644 display: table; |
| 8645 } |
| 8646 |
| 8647 .memberItem { |
| 8648 display: table-row; |
| 8649 } |
| 8650 |
| 8651 .memberName, .memberValue { |
| 8652 display: table-cell; |
| 8653 vertical-align: top; |
| 8654 padding: 3px 0 3px 1em; |
| 8655 font: 400 14px 'Montserrat', sans-serif; |
| 8656 } |
| 8657 |
| 8658 .monospace { |
| 8659 font-family: consolas, courier, monospace; |
| 8660 font-size: 1em; |
| 8661 line-height: 1.2em; |
| 8662 white-space: nowrap; |
| 8663 } |
| 8664 |
| 8665 a { |
| 8666 color: #0489c3; |
| 8667 text-decoration: none; |
| 8668 } |
| 8669 |
| 8670 a:hover { |
| 8671 text-decoration: underline; |
| 8672 } |
| 8673 |
| 8674 em { |
| 8675 color: inherit; |
| 8676 font-style:italic; |
| 8677 } |
| 8678 |
| 8679 hr { |
| 8680 margin-top: 20px; |
| 8681 margin-bottom: 20px; |
| 8682 border: 0; |
| 8683 border-top: 1px solid #eee; |
| 8684 height: 0; |
| 8685 box-sizing: content-box; |
| 8686 } |
| 8687 |
| 8688 .list-group { |
| 8689 padding-left: 0; |
| 8690 margin-bottom: 20px; |
| 8691 } |
| 8692 |
| 8693 .list-group-item { |
| 8694 position: relative; |
| 8695 display: block; |
| 8696 padding: 10px 15px; |
| 8697 margin-bottom: -1px; |
| 8698 background-color: #fff; |
| 8699 } |
| 8700 |
| 8701 .list-group-item:first-child { |
| 8702 /* rounded top corners */ |
| 8703 border-top-right-radius:4px; |
| 8704 border-top-left-radius:4px; |
| 8705 } |
| 8706 |
| 8707 .list-group-item:last-child { |
| 8708 margin-bottom: 0; |
| 8709 /* rounded bottom corners */ |
| 8710 border-bottom-right-radius: 4px; |
| 8711 border-bottom-left-radius:4px; |
| 8712 } |
| 8713 |
| 8714 /* Flex row container */ |
| 8715 .flex-row { |
| 8716 display: flex; |
| 8717 flex-direction: row; |
| 8718 } |
| 8719 |
| 8720 /* Flex column container */ |
| 8721 .flex-column { |
| 8722 display: flex; |
| 8723 flex-direction: column; |
| 8724 } |
| 8725 |
| 8726 .flex-item-fit { |
| 8727 flex-grow: 1; |
| 8728 flex-shrink: 1; |
| 8729 flex-basis: auto; |
| 8730 } |
| 8731 |
| 8732 .flex-item-no-shrink { |
| 8733 flex-grow: 0; |
| 8734 flex-shrink: 0; |
| 8735 flex-basis: auto; |
| 8736 } |
| 8737 |
| 8738 .flex-item-fill { |
| 8739 flex-grow: 0; |
| 8740 flex-shrink: 1; /* shrink when pressured */ |
| 8741 flex-basis: 100%; /* try and take 100% */ |
| 8742 } |
| 8743 |
| 8744 .flex-item-fixed-1-12 { |
| 8745 flex-grow: 0; |
| 8746 flex-shrink: 0; |
| 8747 flex-basis: 8.3%; |
| 8748 } |
| 8749 |
| 8750 .flex-item-fixed-2-12 { |
| 8751 flex-grow: 0; |
| 8752 flex-shrink: 0; |
| 8753 flex-basis: 16.6%; |
| 8754 } |
| 8755 |
| 8756 .flex-item-fixed-4-12 { |
| 8757 flex-grow: 0; |
| 8758 flex-shrink: 0; |
| 8759 flex-basis: 33.3333%; |
| 8760 } |
| 8761 |
| 8762 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 8763 flex-grow: 0; |
| 8764 flex-shrink: 0; |
| 8765 flex-basis: 50%; |
| 8766 } |
| 8767 |
| 8768 .flex-item-fixed-8-12 { |
| 8769 flex-grow: 0; |
| 8770 flex-shrink: 0; |
| 8771 flex-basis: 66.6666%; |
| 8772 } |
| 8773 |
| 8774 .flex-item-fixed-9-12 { |
| 8775 flex-grow: 0; |
| 8776 flex-shrink: 0; |
| 8777 flex-basis: 75%; |
| 8778 } |
| 8779 |
| 8780 |
| 8781 .flex-item-fixed-12-12 { |
| 8782 flex-grow: 0; |
| 8783 flex-shrink: 0; |
| 8784 flex-basis: 100%; |
| 8785 } |
| 8786 |
| 8787 .flex-item-10-percent { |
| 8788 flex-grow: 0; |
| 8789 flex-shrink: 0; |
| 8790 flex-basis: 10%; |
| 8791 } |
| 8792 |
| 8793 .flex-item-15-percent { |
| 8794 flex-grow: 0; |
| 8795 flex-shrink: 0; |
| 8796 flex-basis: 15%; |
| 8797 } |
| 8798 |
| 8799 .flex-item-20-percent { |
| 8800 flex-grow: 0; |
| 8801 flex-shrink: 0; |
| 8802 flex-basis: 20%; |
| 8803 } |
| 8804 |
| 8805 .flex-item-30-percent { |
| 8806 flex-grow: 0; |
| 8807 flex-shrink: 0; |
| 8808 flex-basis: 30%; |
| 8809 } |
| 8810 |
| 8811 .flex-item-40-percent { |
| 8812 flex-grow: 0; |
| 8813 flex-shrink: 0; |
| 8814 flex-basis: 40%; |
| 8815 } |
| 8816 |
| 8817 .flex-item-60-percent { |
| 8818 flex-grow: 0; |
| 8819 flex-shrink: 0; |
| 8820 flex-basis: 60%; |
| 8821 } |
| 8822 |
| 8823 .flex-item-70-percent { |
| 8824 flex-grow: 0; |
| 8825 flex-shrink: 0; |
| 8826 flex-basis: 70%; |
| 8827 } |
| 8828 |
| 8829 .flex-item-80-percent { |
| 8830 flex-grow: 0; |
| 8831 flex-shrink: 0; |
| 8832 flex-basis: 80%; |
| 8833 } |
| 8834 |
| 8835 .well { |
| 8836 min-height: 20px; |
| 8837 padding: 19px; |
| 8838 margin-bottom: 20px; |
| 8839 background-color: #f5f5f5; |
| 8840 border: 1px solid #e3e3e3; |
| 8841 border-radius: 4px; |
| 8842 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8843 } |
| 8844 </style> |
2244 | 8845 |
2245 <nav-bar> | 8846 <nav-bar> |
2246 <top-nav-menu last="{{ true }}"></top-nav-menu> | 8847 <top-nav-menu last="{{ true }}"></top-nav-menu> |
2247 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 8848 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
2248 </nav-bar> | 8849 </nav-bar> |
2249 | 8850 |
2250 <div class="content"> | 8851 <div class="content"> |
2251 <h1>VM</h1> | 8852 <h1>VM</h1> |
2252 <div class="memberList"> | 8853 <div class="memberList"> |
2253 <div class="memberItem"> | 8854 <div class="memberItem"> |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2288 an observable property on the old element to an invalid type. --> | 8889 an observable property on the old element to an invalid type. --> |
2289 | 8890 |
2290 </polymer-element> | 8891 </polymer-element> |
2291 <polymer-element name="response-viewer" extends="observatory-element"> | 8892 <polymer-element name="response-viewer" extends="observatory-element"> |
2292 <template> | 8893 <template> |
2293 <service-view object="{{ app.response }}"></service-view> | 8894 <service-view object="{{ app.response }}"></service-view> |
2294 </template> | 8895 </template> |
2295 | 8896 |
2296 </polymer-element><polymer-element name="observatory-application" extends="obser
vatory-element"> | 8897 </polymer-element><polymer-element name="observatory-application" extends="obser
vatory-element"> |
2297 <template> | 8898 <template> |
2298 <response-viewer app="{{ app }}"></response-viewer> | 8899 <response-viewer app="{{ this.app }}"></response-viewer> |
2299 </template> | 8900 </template> |
2300 | 8901 |
2301 </polymer-element> | 8902 </polymer-element> |
| 8903 |
| 8904 |
| 8905 |
2302 <polymer-element name="service-exception-view" extends="observatory-element"> | 8906 <polymer-element name="service-exception-view" extends="observatory-element"> |
2303 <template> | 8907 <template> |
2304 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8908 <style> |
| 8909 /* Global styles */ |
| 8910 * { |
| 8911 margin: 0; |
| 8912 padding: 0; |
| 8913 font: 400 14px 'Montserrat', sans-serif; |
| 8914 color: #333; |
| 8915 box-sizing: border-box; |
| 8916 } |
| 8917 |
| 8918 .content { |
| 8919 padding-left: 10%; |
| 8920 font: 400 14px 'Montserrat', sans-serif; |
| 8921 } |
| 8922 |
| 8923 .content-centered { |
| 8924 padding-left: 10%; |
| 8925 padding-right: 10%; |
| 8926 font: 400 14px 'Montserrat', sans-serif; |
| 8927 } |
| 8928 |
| 8929 h1 { |
| 8930 font: 400 18px 'Montserrat', sans-serif; |
| 8931 } |
| 8932 |
| 8933 .memberList { |
| 8934 display: table; |
| 8935 } |
| 8936 |
| 8937 .memberItem { |
| 8938 display: table-row; |
| 8939 } |
| 8940 |
| 8941 .memberName, .memberValue { |
| 8942 display: table-cell; |
| 8943 vertical-align: top; |
| 8944 padding: 3px 0 3px 1em; |
| 8945 font: 400 14px 'Montserrat', sans-serif; |
| 8946 } |
| 8947 |
| 8948 .monospace { |
| 8949 font-family: consolas, courier, monospace; |
| 8950 font-size: 1em; |
| 8951 line-height: 1.2em; |
| 8952 white-space: nowrap; |
| 8953 } |
| 8954 |
| 8955 a { |
| 8956 color: #0489c3; |
| 8957 text-decoration: none; |
| 8958 } |
| 8959 |
| 8960 a:hover { |
| 8961 text-decoration: underline; |
| 8962 } |
| 8963 |
| 8964 em { |
| 8965 color: inherit; |
| 8966 font-style:italic; |
| 8967 } |
| 8968 |
| 8969 hr { |
| 8970 margin-top: 20px; |
| 8971 margin-bottom: 20px; |
| 8972 border: 0; |
| 8973 border-top: 1px solid #eee; |
| 8974 height: 0; |
| 8975 box-sizing: content-box; |
| 8976 } |
| 8977 |
| 8978 .list-group { |
| 8979 padding-left: 0; |
| 8980 margin-bottom: 20px; |
| 8981 } |
| 8982 |
| 8983 .list-group-item { |
| 8984 position: relative; |
| 8985 display: block; |
| 8986 padding: 10px 15px; |
| 8987 margin-bottom: -1px; |
| 8988 background-color: #fff; |
| 8989 } |
| 8990 |
| 8991 .list-group-item:first-child { |
| 8992 /* rounded top corners */ |
| 8993 border-top-right-radius:4px; |
| 8994 border-top-left-radius:4px; |
| 8995 } |
| 8996 |
| 8997 .list-group-item:last-child { |
| 8998 margin-bottom: 0; |
| 8999 /* rounded bottom corners */ |
| 9000 border-bottom-right-radius: 4px; |
| 9001 border-bottom-left-radius:4px; |
| 9002 } |
| 9003 |
| 9004 /* Flex row container */ |
| 9005 .flex-row { |
| 9006 display: flex; |
| 9007 flex-direction: row; |
| 9008 } |
| 9009 |
| 9010 /* Flex column container */ |
| 9011 .flex-column { |
| 9012 display: flex; |
| 9013 flex-direction: column; |
| 9014 } |
| 9015 |
| 9016 .flex-item-fit { |
| 9017 flex-grow: 1; |
| 9018 flex-shrink: 1; |
| 9019 flex-basis: auto; |
| 9020 } |
| 9021 |
| 9022 .flex-item-no-shrink { |
| 9023 flex-grow: 0; |
| 9024 flex-shrink: 0; |
| 9025 flex-basis: auto; |
| 9026 } |
| 9027 |
| 9028 .flex-item-fill { |
| 9029 flex-grow: 0; |
| 9030 flex-shrink: 1; /* shrink when pressured */ |
| 9031 flex-basis: 100%; /* try and take 100% */ |
| 9032 } |
| 9033 |
| 9034 .flex-item-fixed-1-12 { |
| 9035 flex-grow: 0; |
| 9036 flex-shrink: 0; |
| 9037 flex-basis: 8.3%; |
| 9038 } |
| 9039 |
| 9040 .flex-item-fixed-2-12 { |
| 9041 flex-grow: 0; |
| 9042 flex-shrink: 0; |
| 9043 flex-basis: 16.6%; |
| 9044 } |
| 9045 |
| 9046 .flex-item-fixed-4-12 { |
| 9047 flex-grow: 0; |
| 9048 flex-shrink: 0; |
| 9049 flex-basis: 33.3333%; |
| 9050 } |
| 9051 |
| 9052 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 9053 flex-grow: 0; |
| 9054 flex-shrink: 0; |
| 9055 flex-basis: 50%; |
| 9056 } |
| 9057 |
| 9058 .flex-item-fixed-8-12 { |
| 9059 flex-grow: 0; |
| 9060 flex-shrink: 0; |
| 9061 flex-basis: 66.6666%; |
| 9062 } |
| 9063 |
| 9064 .flex-item-fixed-9-12 { |
| 9065 flex-grow: 0; |
| 9066 flex-shrink: 0; |
| 9067 flex-basis: 75%; |
| 9068 } |
| 9069 |
| 9070 |
| 9071 .flex-item-fixed-12-12 { |
| 9072 flex-grow: 0; |
| 9073 flex-shrink: 0; |
| 9074 flex-basis: 100%; |
| 9075 } |
| 9076 |
| 9077 .flex-item-10-percent { |
| 9078 flex-grow: 0; |
| 9079 flex-shrink: 0; |
| 9080 flex-basis: 10%; |
| 9081 } |
| 9082 |
| 9083 .flex-item-15-percent { |
| 9084 flex-grow: 0; |
| 9085 flex-shrink: 0; |
| 9086 flex-basis: 15%; |
| 9087 } |
| 9088 |
| 9089 .flex-item-20-percent { |
| 9090 flex-grow: 0; |
| 9091 flex-shrink: 0; |
| 9092 flex-basis: 20%; |
| 9093 } |
| 9094 |
| 9095 .flex-item-30-percent { |
| 9096 flex-grow: 0; |
| 9097 flex-shrink: 0; |
| 9098 flex-basis: 30%; |
| 9099 } |
| 9100 |
| 9101 .flex-item-40-percent { |
| 9102 flex-grow: 0; |
| 9103 flex-shrink: 0; |
| 9104 flex-basis: 40%; |
| 9105 } |
| 9106 |
| 9107 .flex-item-60-percent { |
| 9108 flex-grow: 0; |
| 9109 flex-shrink: 0; |
| 9110 flex-basis: 60%; |
| 9111 } |
| 9112 |
| 9113 .flex-item-70-percent { |
| 9114 flex-grow: 0; |
| 9115 flex-shrink: 0; |
| 9116 flex-basis: 70%; |
| 9117 } |
| 9118 |
| 9119 .flex-item-80-percent { |
| 9120 flex-grow: 0; |
| 9121 flex-shrink: 0; |
| 9122 flex-basis: 80%; |
| 9123 } |
| 9124 |
| 9125 .well { |
| 9126 min-height: 20px; |
| 9127 padding: 19px; |
| 9128 margin-bottom: 20px; |
| 9129 background-color: #f5f5f5; |
| 9130 border: 1px solid #e3e3e3; |
| 9131 border-radius: 4px; |
| 9132 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 9133 } |
| 9134 </style> |
2305 <nav-bar> | 9135 <nav-bar> |
2306 <top-nav-menu last="{{ true }}"></top-nav-menu> | 9136 <top-nav-menu last="{{ true }}"></top-nav-menu> |
2307 </nav-bar> | 9137 </nav-bar> |
2308 <div class="content-centered"> | 9138 <div class="content-centered"> |
2309 <h1>{{ exception.kind }}</h1> | 9139 <h1>{{ exception.kind }}</h1> |
2310 <br> | 9140 <br> |
2311 <div class="well">{{ exception.message }}</div> | 9141 <div class="well">{{ exception.message }}</div> |
2312 <template if="{{ exception.response != '' }}"> | 9142 <template if="{{ exception.response != '' }}"> |
2313 <div class="well">{{ exception.response }}</div> | 9143 <div class="well">{{ exception.response }}</div> |
2314 </template> | 9144 </template> |
2315 </div> | 9145 </div> |
2316 </template> | 9146 </template> |
2317 | 9147 |
2318 </polymer-element> | 9148 </polymer-element> |
| 9149 |
| 9150 |
| 9151 |
2319 <polymer-element name="service-error-view" extends="observatory-element"> | 9152 <polymer-element name="service-error-view" extends="observatory-element"> |
2320 <template> | 9153 <template> |
2321 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 9154 <style> |
| 9155 /* Global styles */ |
| 9156 * { |
| 9157 margin: 0; |
| 9158 padding: 0; |
| 9159 font: 400 14px 'Montserrat', sans-serif; |
| 9160 color: #333; |
| 9161 box-sizing: border-box; |
| 9162 } |
| 9163 |
| 9164 .content { |
| 9165 padding-left: 10%; |
| 9166 font: 400 14px 'Montserrat', sans-serif; |
| 9167 } |
| 9168 |
| 9169 .content-centered { |
| 9170 padding-left: 10%; |
| 9171 padding-right: 10%; |
| 9172 font: 400 14px 'Montserrat', sans-serif; |
| 9173 } |
| 9174 |
| 9175 h1 { |
| 9176 font: 400 18px 'Montserrat', sans-serif; |
| 9177 } |
| 9178 |
| 9179 .memberList { |
| 9180 display: table; |
| 9181 } |
| 9182 |
| 9183 .memberItem { |
| 9184 display: table-row; |
| 9185 } |
| 9186 |
| 9187 .memberName, .memberValue { |
| 9188 display: table-cell; |
| 9189 vertical-align: top; |
| 9190 padding: 3px 0 3px 1em; |
| 9191 font: 400 14px 'Montserrat', sans-serif; |
| 9192 } |
| 9193 |
| 9194 .monospace { |
| 9195 font-family: consolas, courier, monospace; |
| 9196 font-size: 1em; |
| 9197 line-height: 1.2em; |
| 9198 white-space: nowrap; |
| 9199 } |
| 9200 |
| 9201 a { |
| 9202 color: #0489c3; |
| 9203 text-decoration: none; |
| 9204 } |
| 9205 |
| 9206 a:hover { |
| 9207 text-decoration: underline; |
| 9208 } |
| 9209 |
| 9210 em { |
| 9211 color: inherit; |
| 9212 font-style:italic; |
| 9213 } |
| 9214 |
| 9215 hr { |
| 9216 margin-top: 20px; |
| 9217 margin-bottom: 20px; |
| 9218 border: 0; |
| 9219 border-top: 1px solid #eee; |
| 9220 height: 0; |
| 9221 box-sizing: content-box; |
| 9222 } |
| 9223 |
| 9224 .list-group { |
| 9225 padding-left: 0; |
| 9226 margin-bottom: 20px; |
| 9227 } |
| 9228 |
| 9229 .list-group-item { |
| 9230 position: relative; |
| 9231 display: block; |
| 9232 padding: 10px 15px; |
| 9233 margin-bottom: -1px; |
| 9234 background-color: #fff; |
| 9235 } |
| 9236 |
| 9237 .list-group-item:first-child { |
| 9238 /* rounded top corners */ |
| 9239 border-top-right-radius:4px; |
| 9240 border-top-left-radius:4px; |
| 9241 } |
| 9242 |
| 9243 .list-group-item:last-child { |
| 9244 margin-bottom: 0; |
| 9245 /* rounded bottom corners */ |
| 9246 border-bottom-right-radius: 4px; |
| 9247 border-bottom-left-radius:4px; |
| 9248 } |
| 9249 |
| 9250 /* Flex row container */ |
| 9251 .flex-row { |
| 9252 display: flex; |
| 9253 flex-direction: row; |
| 9254 } |
| 9255 |
| 9256 /* Flex column container */ |
| 9257 .flex-column { |
| 9258 display: flex; |
| 9259 flex-direction: column; |
| 9260 } |
| 9261 |
| 9262 .flex-item-fit { |
| 9263 flex-grow: 1; |
| 9264 flex-shrink: 1; |
| 9265 flex-basis: auto; |
| 9266 } |
| 9267 |
| 9268 .flex-item-no-shrink { |
| 9269 flex-grow: 0; |
| 9270 flex-shrink: 0; |
| 9271 flex-basis: auto; |
| 9272 } |
| 9273 |
| 9274 .flex-item-fill { |
| 9275 flex-grow: 0; |
| 9276 flex-shrink: 1; /* shrink when pressured */ |
| 9277 flex-basis: 100%; /* try and take 100% */ |
| 9278 } |
| 9279 |
| 9280 .flex-item-fixed-1-12 { |
| 9281 flex-grow: 0; |
| 9282 flex-shrink: 0; |
| 9283 flex-basis: 8.3%; |
| 9284 } |
| 9285 |
| 9286 .flex-item-fixed-2-12 { |
| 9287 flex-grow: 0; |
| 9288 flex-shrink: 0; |
| 9289 flex-basis: 16.6%; |
| 9290 } |
| 9291 |
| 9292 .flex-item-fixed-4-12 { |
| 9293 flex-grow: 0; |
| 9294 flex-shrink: 0; |
| 9295 flex-basis: 33.3333%; |
| 9296 } |
| 9297 |
| 9298 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 9299 flex-grow: 0; |
| 9300 flex-shrink: 0; |
| 9301 flex-basis: 50%; |
| 9302 } |
| 9303 |
| 9304 .flex-item-fixed-8-12 { |
| 9305 flex-grow: 0; |
| 9306 flex-shrink: 0; |
| 9307 flex-basis: 66.6666%; |
| 9308 } |
| 9309 |
| 9310 .flex-item-fixed-9-12 { |
| 9311 flex-grow: 0; |
| 9312 flex-shrink: 0; |
| 9313 flex-basis: 75%; |
| 9314 } |
| 9315 |
| 9316 |
| 9317 .flex-item-fixed-12-12 { |
| 9318 flex-grow: 0; |
| 9319 flex-shrink: 0; |
| 9320 flex-basis: 100%; |
| 9321 } |
| 9322 |
| 9323 .flex-item-10-percent { |
| 9324 flex-grow: 0; |
| 9325 flex-shrink: 0; |
| 9326 flex-basis: 10%; |
| 9327 } |
| 9328 |
| 9329 .flex-item-15-percent { |
| 9330 flex-grow: 0; |
| 9331 flex-shrink: 0; |
| 9332 flex-basis: 15%; |
| 9333 } |
| 9334 |
| 9335 .flex-item-20-percent { |
| 9336 flex-grow: 0; |
| 9337 flex-shrink: 0; |
| 9338 flex-basis: 20%; |
| 9339 } |
| 9340 |
| 9341 .flex-item-30-percent { |
| 9342 flex-grow: 0; |
| 9343 flex-shrink: 0; |
| 9344 flex-basis: 30%; |
| 9345 } |
| 9346 |
| 9347 .flex-item-40-percent { |
| 9348 flex-grow: 0; |
| 9349 flex-shrink: 0; |
| 9350 flex-basis: 40%; |
| 9351 } |
| 9352 |
| 9353 .flex-item-60-percent { |
| 9354 flex-grow: 0; |
| 9355 flex-shrink: 0; |
| 9356 flex-basis: 60%; |
| 9357 } |
| 9358 |
| 9359 .flex-item-70-percent { |
| 9360 flex-grow: 0; |
| 9361 flex-shrink: 0; |
| 9362 flex-basis: 70%; |
| 9363 } |
| 9364 |
| 9365 .flex-item-80-percent { |
| 9366 flex-grow: 0; |
| 9367 flex-shrink: 0; |
| 9368 flex-basis: 80%; |
| 9369 } |
| 9370 |
| 9371 .well { |
| 9372 min-height: 20px; |
| 9373 padding: 19px; |
| 9374 margin-bottom: 20px; |
| 9375 background-color: #f5f5f5; |
| 9376 border: 1px solid #e3e3e3; |
| 9377 border-radius: 4px; |
| 9378 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 9379 } |
| 9380 </style> |
2322 <nav-bar> | 9381 <nav-bar> |
2323 <top-nav-menu last="{{ true }}"></top-nav-menu> | 9382 <top-nav-menu last="{{ true }}"></top-nav-menu> |
2324 </nav-bar> | 9383 </nav-bar> |
2325 <div class="content-centered"> | 9384 <div class="content-centered"> |
2326 <h1>{{ error.kind }}</h1> | 9385 <h1>{{ error.kind }}</h1> |
2327 <br> | 9386 <br> |
2328 <div class="well">{{ error.message }}</div> | 9387 <div class="well">{{ error.message }}</div> |
2329 </div> | 9388 </div> |
2330 </template> | 9389 </template> |
2331 | 9390 |
2332 </polymer-element> | 9391 </polymer-element> |
| 9392 |
| 9393 |
2333 <polymer-element name="vm-ref" extends="service-ref"> | 9394 <polymer-element name="vm-ref" extends="service-ref"> |
2334 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha
red.css"> | 9395 <template><style> |
| 9396 /* Global styles */ |
| 9397 * { |
| 9398 margin: 0; |
| 9399 padding: 0; |
| 9400 font: 400 14px 'Montserrat', sans-serif; |
| 9401 color: #333; |
| 9402 box-sizing: border-box; |
| 9403 } |
| 9404 |
| 9405 .content { |
| 9406 padding-left: 10%; |
| 9407 font: 400 14px 'Montserrat', sans-serif; |
| 9408 } |
| 9409 |
| 9410 .content-centered { |
| 9411 padding-left: 10%; |
| 9412 padding-right: 10%; |
| 9413 font: 400 14px 'Montserrat', sans-serif; |
| 9414 } |
| 9415 |
| 9416 h1 { |
| 9417 font: 400 18px 'Montserrat', sans-serif; |
| 9418 } |
| 9419 |
| 9420 .memberList { |
| 9421 display: table; |
| 9422 } |
| 9423 |
| 9424 .memberItem { |
| 9425 display: table-row; |
| 9426 } |
| 9427 |
| 9428 .memberName, .memberValue { |
| 9429 display: table-cell; |
| 9430 vertical-align: top; |
| 9431 padding: 3px 0 3px 1em; |
| 9432 font: 400 14px 'Montserrat', sans-serif; |
| 9433 } |
| 9434 |
| 9435 .monospace { |
| 9436 font-family: consolas, courier, monospace; |
| 9437 font-size: 1em; |
| 9438 line-height: 1.2em; |
| 9439 white-space: nowrap; |
| 9440 } |
| 9441 |
| 9442 a { |
| 9443 color: #0489c3; |
| 9444 text-decoration: none; |
| 9445 } |
| 9446 |
| 9447 a:hover { |
| 9448 text-decoration: underline; |
| 9449 } |
| 9450 |
| 9451 em { |
| 9452 color: inherit; |
| 9453 font-style:italic; |
| 9454 } |
| 9455 |
| 9456 hr { |
| 9457 margin-top: 20px; |
| 9458 margin-bottom: 20px; |
| 9459 border: 0; |
| 9460 border-top: 1px solid #eee; |
| 9461 height: 0; |
| 9462 box-sizing: content-box; |
| 9463 } |
| 9464 |
| 9465 .list-group { |
| 9466 padding-left: 0; |
| 9467 margin-bottom: 20px; |
| 9468 } |
| 9469 |
| 9470 .list-group-item { |
| 9471 position: relative; |
| 9472 display: block; |
| 9473 padding: 10px 15px; |
| 9474 margin-bottom: -1px; |
| 9475 background-color: #fff; |
| 9476 } |
| 9477 |
| 9478 .list-group-item:first-child { |
| 9479 /* rounded top corners */ |
| 9480 border-top-right-radius:4px; |
| 9481 border-top-left-radius:4px; |
| 9482 } |
| 9483 |
| 9484 .list-group-item:last-child { |
| 9485 margin-bottom: 0; |
| 9486 /* rounded bottom corners */ |
| 9487 border-bottom-right-radius: 4px; |
| 9488 border-bottom-left-radius:4px; |
| 9489 } |
| 9490 |
| 9491 /* Flex row container */ |
| 9492 .flex-row { |
| 9493 display: flex; |
| 9494 flex-direction: row; |
| 9495 } |
| 9496 |
| 9497 /* Flex column container */ |
| 9498 .flex-column { |
| 9499 display: flex; |
| 9500 flex-direction: column; |
| 9501 } |
| 9502 |
| 9503 .flex-item-fit { |
| 9504 flex-grow: 1; |
| 9505 flex-shrink: 1; |
| 9506 flex-basis: auto; |
| 9507 } |
| 9508 |
| 9509 .flex-item-no-shrink { |
| 9510 flex-grow: 0; |
| 9511 flex-shrink: 0; |
| 9512 flex-basis: auto; |
| 9513 } |
| 9514 |
| 9515 .flex-item-fill { |
| 9516 flex-grow: 0; |
| 9517 flex-shrink: 1; /* shrink when pressured */ |
| 9518 flex-basis: 100%; /* try and take 100% */ |
| 9519 } |
| 9520 |
| 9521 .flex-item-fixed-1-12 { |
| 9522 flex-grow: 0; |
| 9523 flex-shrink: 0; |
| 9524 flex-basis: 8.3%; |
| 9525 } |
| 9526 |
| 9527 .flex-item-fixed-2-12 { |
| 9528 flex-grow: 0; |
| 9529 flex-shrink: 0; |
| 9530 flex-basis: 16.6%; |
| 9531 } |
| 9532 |
| 9533 .flex-item-fixed-4-12 { |
| 9534 flex-grow: 0; |
| 9535 flex-shrink: 0; |
| 9536 flex-basis: 33.3333%; |
| 9537 } |
| 9538 |
| 9539 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 9540 flex-grow: 0; |
| 9541 flex-shrink: 0; |
| 9542 flex-basis: 50%; |
| 9543 } |
| 9544 |
| 9545 .flex-item-fixed-8-12 { |
| 9546 flex-grow: 0; |
| 9547 flex-shrink: 0; |
| 9548 flex-basis: 66.6666%; |
| 9549 } |
| 9550 |
| 9551 .flex-item-fixed-9-12 { |
| 9552 flex-grow: 0; |
| 9553 flex-shrink: 0; |
| 9554 flex-basis: 75%; |
| 9555 } |
| 9556 |
| 9557 |
| 9558 .flex-item-fixed-12-12 { |
| 9559 flex-grow: 0; |
| 9560 flex-shrink: 0; |
| 9561 flex-basis: 100%; |
| 9562 } |
| 9563 |
| 9564 .flex-item-10-percent { |
| 9565 flex-grow: 0; |
| 9566 flex-shrink: 0; |
| 9567 flex-basis: 10%; |
| 9568 } |
| 9569 |
| 9570 .flex-item-15-percent { |
| 9571 flex-grow: 0; |
| 9572 flex-shrink: 0; |
| 9573 flex-basis: 15%; |
| 9574 } |
| 9575 |
| 9576 .flex-item-20-percent { |
| 9577 flex-grow: 0; |
| 9578 flex-shrink: 0; |
| 9579 flex-basis: 20%; |
| 9580 } |
| 9581 |
| 9582 .flex-item-30-percent { |
| 9583 flex-grow: 0; |
| 9584 flex-shrink: 0; |
| 9585 flex-basis: 30%; |
| 9586 } |
| 9587 |
| 9588 .flex-item-40-percent { |
| 9589 flex-grow: 0; |
| 9590 flex-shrink: 0; |
| 9591 flex-basis: 40%; |
| 9592 } |
| 9593 |
| 9594 .flex-item-60-percent { |
| 9595 flex-grow: 0; |
| 9596 flex-shrink: 0; |
| 9597 flex-basis: 60%; |
| 9598 } |
| 9599 |
| 9600 .flex-item-70-percent { |
| 9601 flex-grow: 0; |
| 9602 flex-shrink: 0; |
| 9603 flex-basis: 70%; |
| 9604 } |
| 9605 |
| 9606 .flex-item-80-percent { |
| 9607 flex-grow: 0; |
| 9608 flex-shrink: 0; |
| 9609 flex-basis: 80%; |
| 9610 } |
| 9611 |
| 9612 .well { |
| 9613 min-height: 20px; |
| 9614 padding: 19px; |
| 9615 margin-bottom: 20px; |
| 9616 background-color: #f5f5f5; |
| 9617 border: 1px solid #e3e3e3; |
| 9618 border-radius: 4px; |
| 9619 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 9620 } |
| 9621 </style> |
2335 <a href="{{ url }}">{{ ref.name }}</a> | 9622 <a href="{{ url }}">{{ ref.name }}</a> |
2336 </template> | 9623 </template> |
2337 | 9624 |
2338 </polymer-element> | 9625 </polymer-element> |
2339 | 9626 |
2340 | 9627 |
2341 <observatory-application></observatory-application> | 9628 <observatory-application></observatory-application> |
2342 | 9629 |
2343 </body></html> | 9630 <script src="index.html_bootstrap.dart.js"></script></body></html> |
OLD | NEW |