| 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 src="index.html_bootstrap.dart.js"></script> | 8 |
| 11 | 9 |
| 12 </head> | 10 </head> |
| 13 <body><polymer-element name="curly-block"> | 11 <body><style> |
| 12 /* Global styles */ |
| 13 * { |
| 14 margin: 0; |
| 15 padding: 0; |
| 16 font: 400 14px 'Montserrat', sans-serif; |
| 17 color: #333; |
| 18 box-sizing: border-box; |
| 19 } |
| 20 |
| 21 .content { |
| 22 padding-left: 10%; |
| 23 font: 400 14px 'Montserrat', sans-serif; |
| 24 } |
| 25 |
| 26 .content-centered { |
| 27 padding-left: 10%; |
| 28 padding-right: 10%; |
| 29 font: 400 14px 'Montserrat', sans-serif; |
| 30 } |
| 31 |
| 32 h1 { |
| 33 font: 400 18px 'Montserrat', sans-serif; |
| 34 } |
| 35 |
| 36 .memberList { |
| 37 display: table; |
| 38 } |
| 39 |
| 40 .memberItem { |
| 41 display: table-row; |
| 42 } |
| 43 |
| 44 .memberName, .memberValue { |
| 45 display: table-cell; |
| 46 vertical-align: top; |
| 47 padding: 3px 0 3px 1em; |
| 48 font: 400 14px 'Montserrat', sans-serif; |
| 49 } |
| 50 |
| 51 .monospace { |
| 52 font-family: consolas, courier, monospace; |
| 53 font-size: 1em; |
| 54 line-height: 1.2em; |
| 55 white-space: nowrap; |
| 56 } |
| 57 |
| 58 a { |
| 59 color: #0489c3; |
| 60 text-decoration: none; |
| 61 } |
| 62 |
| 63 a:hover { |
| 64 text-decoration: underline; |
| 65 } |
| 66 |
| 67 em { |
| 68 color: inherit; |
| 69 font-style:italic; |
| 70 } |
| 71 |
| 72 hr { |
| 73 margin-top: 20px; |
| 74 margin-bottom: 20px; |
| 75 border: 0; |
| 76 border-top: 1px solid #eee; |
| 77 height: 0; |
| 78 box-sizing: content-box; |
| 79 } |
| 80 |
| 81 .list-group { |
| 82 padding-left: 0; |
| 83 margin-bottom: 20px; |
| 84 } |
| 85 |
| 86 .list-group-item { |
| 87 position: relative; |
| 88 display: block; |
| 89 padding: 10px 15px; |
| 90 margin-bottom: -1px; |
| 91 background-color: #fff; |
| 92 } |
| 93 |
| 94 .list-group-item:first-child { |
| 95 /* rounded top corners */ |
| 96 border-top-right-radius:4px; |
| 97 border-top-left-radius:4px; |
| 98 } |
| 99 |
| 100 .list-group-item:last-child { |
| 101 margin-bottom: 0; |
| 102 /* rounded bottom corners */ |
| 103 border-bottom-right-radius: 4px; |
| 104 border-bottom-left-radius:4px; |
| 105 } |
| 106 |
| 107 /* Flex row container */ |
| 108 .flex-row { |
| 109 display: flex; |
| 110 flex-direction: row; |
| 111 } |
| 112 |
| 113 /* Flex column container */ |
| 114 .flex-column { |
| 115 display: flex; |
| 116 flex-direction: column; |
| 117 } |
| 118 |
| 119 .flex-item-fit { |
| 120 flex-grow: 1; |
| 121 flex-shrink: 1; |
| 122 flex-basis: auto; |
| 123 } |
| 124 |
| 125 .flex-item-no-shrink { |
| 126 flex-grow: 0; |
| 127 flex-shrink: 0; |
| 128 flex-basis: auto; |
| 129 } |
| 130 |
| 131 .flex-item-fill { |
| 132 flex-grow: 0; |
| 133 flex-shrink: 1; /* shrink when pressured */ |
| 134 flex-basis: 100%; /* try and take 100% */ |
| 135 } |
| 136 |
| 137 .flex-item-fixed-1-12 { |
| 138 flex-grow: 0; |
| 139 flex-shrink: 0; |
| 140 flex-basis: 8.3%; |
| 141 } |
| 142 |
| 143 .flex-item-fixed-2-12 { |
| 144 flex-grow: 0; |
| 145 flex-shrink: 0; |
| 146 flex-basis: 16.6%; |
| 147 } |
| 148 |
| 149 .flex-item-fixed-4-12 { |
| 150 flex-grow: 0; |
| 151 flex-shrink: 0; |
| 152 flex-basis: 33.3333%; |
| 153 } |
| 154 |
| 155 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 156 flex-grow: 0; |
| 157 flex-shrink: 0; |
| 158 flex-basis: 50%; |
| 159 } |
| 160 |
| 161 .flex-item-fixed-8-12 { |
| 162 flex-grow: 0; |
| 163 flex-shrink: 0; |
| 164 flex-basis: 66.6666%; |
| 165 } |
| 166 |
| 167 .flex-item-fixed-9-12 { |
| 168 flex-grow: 0; |
| 169 flex-shrink: 0; |
| 170 flex-basis: 75%; |
| 171 } |
| 172 |
| 173 |
| 174 .flex-item-fixed-12-12 { |
| 175 flex-grow: 0; |
| 176 flex-shrink: 0; |
| 177 flex-basis: 100%; |
| 178 } |
| 179 |
| 180 .flex-item-10-percent { |
| 181 flex-grow: 0; |
| 182 flex-shrink: 0; |
| 183 flex-basis: 10%; |
| 184 } |
| 185 |
| 186 .flex-item-15-percent { |
| 187 flex-grow: 0; |
| 188 flex-shrink: 0; |
| 189 flex-basis: 15%; |
| 190 } |
| 191 |
| 192 .flex-item-20-percent { |
| 193 flex-grow: 0; |
| 194 flex-shrink: 0; |
| 195 flex-basis: 20%; |
| 196 } |
| 197 |
| 198 .flex-item-30-percent { |
| 199 flex-grow: 0; |
| 200 flex-shrink: 0; |
| 201 flex-basis: 30%; |
| 202 } |
| 203 |
| 204 .flex-item-40-percent { |
| 205 flex-grow: 0; |
| 206 flex-shrink: 0; |
| 207 flex-basis: 40%; |
| 208 } |
| 209 |
| 210 .flex-item-60-percent { |
| 211 flex-grow: 0; |
| 212 flex-shrink: 0; |
| 213 flex-basis: 60%; |
| 214 } |
| 215 |
| 216 .flex-item-70-percent { |
| 217 flex-grow: 0; |
| 218 flex-shrink: 0; |
| 219 flex-basis: 70%; |
| 220 } |
| 221 |
| 222 .flex-item-80-percent { |
| 223 flex-grow: 0; |
| 224 flex-shrink: 0; |
| 225 flex-basis: 80%; |
| 226 } |
| 227 |
| 228 .well { |
| 229 min-height: 20px; |
| 230 padding: 19px; |
| 231 margin-bottom: 20px; |
| 232 background-color: #f5f5f5; |
| 233 border: 1px solid #e3e3e3; |
| 234 border-radius: 4px; |
| 235 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 236 } |
| 237 </style> |
| 238 |
| 239 <!-- |
| 240 These two files are from the Polymer project: |
| 241 https://github.com/Polymer/platform/ and https://github.com/Polymer/polymer/. |
| 242 |
| 243 You can replace platform.js and polymer.html with different versions if desired. |
| 244 --> |
| 245 <!-- minified for deployment: --> |
| 246 |
| 247 |
| 248 |
| 249 <!-- unminfied for debugging: |
| 250 <script src="../../packages/web_components/platform.concat.js"></script> |
| 251 <script src="src/js/polymer/polymer.concat.js"></script> |
| 252 <link rel="import" href="src/js/polymer/polymer-body.html"> |
| 253 --> |
| 254 |
| 255 <!-- Teach dart2js about Shadow DOM polyfill objects. --> |
| 256 |
| 257 |
| 258 <!-- Bootstrap the user application in a new isolate. --> |
| 259 |
| 260 <!-- TODO(sigmund): replace boot.js by boot.dart (dartbug.com/18007) |
| 261 <script type="application/dart">export "package:polymer/boot.dart";</script> |
| 262 --> |
| 263 <script src="packages/polymer/src/js/use_native_dartium_shadowdom.js"></script><
script src="packages/web_components/platform.js"></script> |
| 264 <!-- <link rel="import" href="../polymer-dev/polymer.html"> --> |
| 265 <script src="packages/polymer/src/js/polymer/polymer.js"></script><polymer-eleme
nt name="polymer-body" extends="body"> |
| 266 |
| 267 <script> |
| 268 |
| 269 // upgrade polymer-body last so that it can contain other imported elements |
| 270 document.addEventListener('polymer-ready', function() { |
| 271 |
| 272 Polymer('polymer-body', Platform.mixin({ |
| 273 |
| 274 created: function() { |
| 275 this.template = document.createElement('template'); |
| 276 var body = wrap(document).body; |
| 277 var c$ = body.childNodes.array(); |
| 278 for (var i=0, c; (c=c$[i]); i++) { |
| 279 if (c.localName !== 'script') { |
| 280 this.template.content.appendChild(c); |
| 281 } |
| 282 } |
| 283 // snarf up user defined model |
| 284 window.model = this; |
| 285 }, |
| 286 |
| 287 parseDeclaration: function(elementElement) { |
| 288 this.lightFromTemplate(this.template); |
| 289 } |
| 290 |
| 291 }, window.model)); |
| 292 |
| 293 }); |
| 294 |
| 295 </script> |
| 296 |
| 297 </polymer-element><script src="packages/web_components/dart_support.js"></script
><script type="text/javascript" src="https://www.google.com/jsapi"></script> |
| 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">[evaluate]</span> | 1751 <span class="busy">[evaluate]</span> |
| 493 </template> | 1752 </template> |
| 494 <template if="{{ !busy }}"> | 1753 <template if="{{ !busy }}"> |
| 495 <span class="idle"><a on-click="{{ evalNow }}">[evaluate]</a></span> | 1754 <span class="idle"><a on-click="{{ evalNow }}">[evaluate]</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 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1604 | 6555 |
| 1605 <div class="content"> | 6556 <div class="content"> |
| 1606 <eval-box callback="{{ eval }}"></eval-box> | 6557 <eval-box callback="{{ eval }}"></eval-box> |
| 1607 </div> | 6558 </div> |
| 1608 <br><br><br><br> | 6559 <br><br><br><br> |
| 1609 <br><br><br><br> | 6560 <br><br><br><br> |
| 1610 </template> | 6561 </template> |
| 1611 </template> | 6562 </template> |
| 1612 | 6563 |
| 1613 </polymer-element> | 6564 </polymer-element> |
| 6565 |
| 6566 |
| 1614 <polymer-element name="json-view" extends="observatory-element"> | 6567 <polymer-element name="json-view" extends="observatory-element"> |
| 1615 <template> | 6568 <template> |
| 1616 <nav-bar> | 6569 <nav-bar> |
| 1617 <top-nav-menu last="{{ true }}"></top-nav-menu> | 6570 <top-nav-menu last="{{ true }}"></top-nav-menu> |
| 1618 </nav-bar> | 6571 </nav-bar> |
| 1619 <pre>{{ mapAsString }}</pre> | 6572 <pre>{{ mapAsString }}</pre> |
| 1620 </template> | 6573 </template> |
| 1621 | 6574 |
| 1622 </polymer-element> | 6575 </polymer-element> |
| 6576 |
| 6577 |
| 6578 |
| 6579 |
| 6580 |
| 6581 |
| 6582 |
| 6583 |
| 6584 |
| 6585 |
| 6586 |
| 1623 <polymer-element name="library-view" extends="observatory-element"> | 6587 <polymer-element name="library-view" extends="observatory-element"> |
| 1624 <template> | 6588 <template> |
| 1625 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 6589 <style> |
| 6590 /* Global styles */ |
| 6591 * { |
| 6592 margin: 0; |
| 6593 padding: 0; |
| 6594 font: 400 14px 'Montserrat', sans-serif; |
| 6595 color: #333; |
| 6596 box-sizing: border-box; |
| 6597 } |
| 6598 |
| 6599 .content { |
| 6600 padding-left: 10%; |
| 6601 font: 400 14px 'Montserrat', sans-serif; |
| 6602 } |
| 6603 |
| 6604 .content-centered { |
| 6605 padding-left: 10%; |
| 6606 padding-right: 10%; |
| 6607 font: 400 14px 'Montserrat', sans-serif; |
| 6608 } |
| 6609 |
| 6610 h1 { |
| 6611 font: 400 18px 'Montserrat', sans-serif; |
| 6612 } |
| 6613 |
| 6614 .memberList { |
| 6615 display: table; |
| 6616 } |
| 6617 |
| 6618 .memberItem { |
| 6619 display: table-row; |
| 6620 } |
| 6621 |
| 6622 .memberName, .memberValue { |
| 6623 display: table-cell; |
| 6624 vertical-align: top; |
| 6625 padding: 3px 0 3px 1em; |
| 6626 font: 400 14px 'Montserrat', sans-serif; |
| 6627 } |
| 6628 |
| 6629 .monospace { |
| 6630 font-family: consolas, courier, monospace; |
| 6631 font-size: 1em; |
| 6632 line-height: 1.2em; |
| 6633 white-space: nowrap; |
| 6634 } |
| 6635 |
| 6636 a { |
| 6637 color: #0489c3; |
| 6638 text-decoration: none; |
| 6639 } |
| 6640 |
| 6641 a:hover { |
| 6642 text-decoration: underline; |
| 6643 } |
| 6644 |
| 6645 em { |
| 6646 color: inherit; |
| 6647 font-style:italic; |
| 6648 } |
| 6649 |
| 6650 hr { |
| 6651 margin-top: 20px; |
| 6652 margin-bottom: 20px; |
| 6653 border: 0; |
| 6654 border-top: 1px solid #eee; |
| 6655 height: 0; |
| 6656 box-sizing: content-box; |
| 6657 } |
| 6658 |
| 6659 .list-group { |
| 6660 padding-left: 0; |
| 6661 margin-bottom: 20px; |
| 6662 } |
| 6663 |
| 6664 .list-group-item { |
| 6665 position: relative; |
| 6666 display: block; |
| 6667 padding: 10px 15px; |
| 6668 margin-bottom: -1px; |
| 6669 background-color: #fff; |
| 6670 } |
| 6671 |
| 6672 .list-group-item:first-child { |
| 6673 /* rounded top corners */ |
| 6674 border-top-right-radius:4px; |
| 6675 border-top-left-radius:4px; |
| 6676 } |
| 6677 |
| 6678 .list-group-item:last-child { |
| 6679 margin-bottom: 0; |
| 6680 /* rounded bottom corners */ |
| 6681 border-bottom-right-radius: 4px; |
| 6682 border-bottom-left-radius:4px; |
| 6683 } |
| 6684 |
| 6685 /* Flex row container */ |
| 6686 .flex-row { |
| 6687 display: flex; |
| 6688 flex-direction: row; |
| 6689 } |
| 6690 |
| 6691 /* Flex column container */ |
| 6692 .flex-column { |
| 6693 display: flex; |
| 6694 flex-direction: column; |
| 6695 } |
| 6696 |
| 6697 .flex-item-fit { |
| 6698 flex-grow: 1; |
| 6699 flex-shrink: 1; |
| 6700 flex-basis: auto; |
| 6701 } |
| 6702 |
| 6703 .flex-item-no-shrink { |
| 6704 flex-grow: 0; |
| 6705 flex-shrink: 0; |
| 6706 flex-basis: auto; |
| 6707 } |
| 6708 |
| 6709 .flex-item-fill { |
| 6710 flex-grow: 0; |
| 6711 flex-shrink: 1; /* shrink when pressured */ |
| 6712 flex-basis: 100%; /* try and take 100% */ |
| 6713 } |
| 6714 |
| 6715 .flex-item-fixed-1-12 { |
| 6716 flex-grow: 0; |
| 6717 flex-shrink: 0; |
| 6718 flex-basis: 8.3%; |
| 6719 } |
| 6720 |
| 6721 .flex-item-fixed-2-12 { |
| 6722 flex-grow: 0; |
| 6723 flex-shrink: 0; |
| 6724 flex-basis: 16.6%; |
| 6725 } |
| 6726 |
| 6727 .flex-item-fixed-4-12 { |
| 6728 flex-grow: 0; |
| 6729 flex-shrink: 0; |
| 6730 flex-basis: 33.3333%; |
| 6731 } |
| 6732 |
| 6733 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 6734 flex-grow: 0; |
| 6735 flex-shrink: 0; |
| 6736 flex-basis: 50%; |
| 6737 } |
| 6738 |
| 6739 .flex-item-fixed-8-12 { |
| 6740 flex-grow: 0; |
| 6741 flex-shrink: 0; |
| 6742 flex-basis: 66.6666%; |
| 6743 } |
| 6744 |
| 6745 .flex-item-fixed-9-12 { |
| 6746 flex-grow: 0; |
| 6747 flex-shrink: 0; |
| 6748 flex-basis: 75%; |
| 6749 } |
| 6750 |
| 6751 |
| 6752 .flex-item-fixed-12-12 { |
| 6753 flex-grow: 0; |
| 6754 flex-shrink: 0; |
| 6755 flex-basis: 100%; |
| 6756 } |
| 6757 |
| 6758 .flex-item-10-percent { |
| 6759 flex-grow: 0; |
| 6760 flex-shrink: 0; |
| 6761 flex-basis: 10%; |
| 6762 } |
| 6763 |
| 6764 .flex-item-15-percent { |
| 6765 flex-grow: 0; |
| 6766 flex-shrink: 0; |
| 6767 flex-basis: 15%; |
| 6768 } |
| 6769 |
| 6770 .flex-item-20-percent { |
| 6771 flex-grow: 0; |
| 6772 flex-shrink: 0; |
| 6773 flex-basis: 20%; |
| 6774 } |
| 6775 |
| 6776 .flex-item-30-percent { |
| 6777 flex-grow: 0; |
| 6778 flex-shrink: 0; |
| 6779 flex-basis: 30%; |
| 6780 } |
| 6781 |
| 6782 .flex-item-40-percent { |
| 6783 flex-grow: 0; |
| 6784 flex-shrink: 0; |
| 6785 flex-basis: 40%; |
| 6786 } |
| 6787 |
| 6788 .flex-item-60-percent { |
| 6789 flex-grow: 0; |
| 6790 flex-shrink: 0; |
| 6791 flex-basis: 60%; |
| 6792 } |
| 6793 |
| 6794 .flex-item-70-percent { |
| 6795 flex-grow: 0; |
| 6796 flex-shrink: 0; |
| 6797 flex-basis: 70%; |
| 6798 } |
| 6799 |
| 6800 .flex-item-80-percent { |
| 6801 flex-grow: 0; |
| 6802 flex-shrink: 0; |
| 6803 flex-basis: 80%; |
| 6804 } |
| 6805 |
| 6806 .well { |
| 6807 min-height: 20px; |
| 6808 padding: 19px; |
| 6809 margin-bottom: 20px; |
| 6810 background-color: #f5f5f5; |
| 6811 border: 1px solid #e3e3e3; |
| 6812 border-radius: 4px; |
| 6813 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 6814 } |
| 6815 </style> |
| 1626 | 6816 |
| 1627 <nav-bar> | 6817 <nav-bar> |
| 1628 <top-nav-menu></top-nav-menu> | 6818 <top-nav-menu></top-nav-menu> |
| 1629 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> | 6819 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> |
| 1630 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav-
menu> | 6820 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav-
menu> |
| 1631 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 6821 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 1632 </nav-bar> | 6822 </nav-bar> |
| 1633 | 6823 |
| 1634 <div class="content"> | 6824 <div class="content"> |
| 1635 <h1> | 6825 <h1> |
| (...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1742 <hr> | 6932 <hr> |
| 1743 | 6933 |
| 1744 <div class="content"> | 6934 <div class="content"> |
| 1745 <eval-box callback="{{ eval }}"></eval-box> | 6935 <eval-box callback="{{ eval }}"></eval-box> |
| 1746 </div> | 6936 </div> |
| 1747 <br><br><br><br> | 6937 <br><br><br><br> |
| 1748 <br><br><br><br> | 6938 <br><br><br><br> |
| 1749 </template> | 6939 </template> |
| 1750 | 6940 |
| 1751 </polymer-element> | 6941 </polymer-element> |
| 6942 |
| 6943 |
| 6944 |
| 6945 |
| 6946 |
| 6947 |
| 6948 |
| 6949 |
| 6950 |
| 6951 |
| 6952 |
| 6953 |
| 6954 |
| 6955 |
| 6956 |
| 6957 |
| 6958 |
| 6959 |
| 6960 |
| 6961 |
| 6962 |
| 6963 |
| 6964 |
| 6965 |
| 6966 |
| 6967 |
| 6968 <polymer-element name="heap-profile" extends="observatory-element"> |
| 6969 <template> |
| 6970 <style> |
| 6971 /* Global styles */ |
| 6972 * { |
| 6973 margin: 0; |
| 6974 padding: 0; |
| 6975 font: 400 14px 'Montserrat', sans-serif; |
| 6976 color: #333; |
| 6977 box-sizing: border-box; |
| 6978 } |
| 6979 |
| 6980 .content { |
| 6981 padding-left: 10%; |
| 6982 font: 400 14px 'Montserrat', sans-serif; |
| 6983 } |
| 6984 |
| 6985 .content-centered { |
| 6986 padding-left: 10%; |
| 6987 padding-right: 10%; |
| 6988 font: 400 14px 'Montserrat', sans-serif; |
| 6989 } |
| 6990 |
| 6991 h1 { |
| 6992 font: 400 18px 'Montserrat', sans-serif; |
| 6993 } |
| 6994 |
| 6995 .memberList { |
| 6996 display: table; |
| 6997 } |
| 6998 |
| 6999 .memberItem { |
| 7000 display: table-row; |
| 7001 } |
| 7002 |
| 7003 .memberName, .memberValue { |
| 7004 display: table-cell; |
| 7005 vertical-align: top; |
| 7006 padding: 3px 0 3px 1em; |
| 7007 font: 400 14px 'Montserrat', sans-serif; |
| 7008 } |
| 7009 |
| 7010 .monospace { |
| 7011 font-family: consolas, courier, monospace; |
| 7012 font-size: 1em; |
| 7013 line-height: 1.2em; |
| 7014 white-space: nowrap; |
| 7015 } |
| 7016 |
| 7017 a { |
| 7018 color: #0489c3; |
| 7019 text-decoration: none; |
| 7020 } |
| 7021 |
| 7022 a:hover { |
| 7023 text-decoration: underline; |
| 7024 } |
| 7025 |
| 7026 em { |
| 7027 color: inherit; |
| 7028 font-style:italic; |
| 7029 } |
| 7030 |
| 7031 hr { |
| 7032 margin-top: 20px; |
| 7033 margin-bottom: 20px; |
| 7034 border: 0; |
| 7035 border-top: 1px solid #eee; |
| 7036 height: 0; |
| 7037 box-sizing: content-box; |
| 7038 } |
| 7039 |
| 7040 .list-group { |
| 7041 padding-left: 0; |
| 7042 margin-bottom: 20px; |
| 7043 } |
| 7044 |
| 7045 .list-group-item { |
| 7046 position: relative; |
| 7047 display: block; |
| 7048 padding: 10px 15px; |
| 7049 margin-bottom: -1px; |
| 7050 background-color: #fff; |
| 7051 } |
| 7052 |
| 7053 .list-group-item:first-child { |
| 7054 /* rounded top corners */ |
| 7055 border-top-right-radius:4px; |
| 7056 border-top-left-radius:4px; |
| 7057 } |
| 7058 |
| 7059 .list-group-item:last-child { |
| 7060 margin-bottom: 0; |
| 7061 /* rounded bottom corners */ |
| 7062 border-bottom-right-radius: 4px; |
| 7063 border-bottom-left-radius:4px; |
| 7064 } |
| 7065 |
| 7066 /* Flex row container */ |
| 7067 .flex-row { |
| 7068 display: flex; |
| 7069 flex-direction: row; |
| 7070 } |
| 7071 |
| 7072 /* Flex column container */ |
| 7073 .flex-column { |
| 7074 display: flex; |
| 7075 flex-direction: column; |
| 7076 } |
| 7077 |
| 7078 .flex-item-fit { |
| 7079 flex-grow: 1; |
| 7080 flex-shrink: 1; |
| 7081 flex-basis: auto; |
| 7082 } |
| 7083 |
| 7084 .flex-item-no-shrink { |
| 7085 flex-grow: 0; |
| 7086 flex-shrink: 0; |
| 7087 flex-basis: auto; |
| 7088 } |
| 7089 |
| 7090 .flex-item-fill { |
| 7091 flex-grow: 0; |
| 7092 flex-shrink: 1; /* shrink when pressured */ |
| 7093 flex-basis: 100%; /* try and take 100% */ |
| 7094 } |
| 7095 |
| 7096 .flex-item-fixed-1-12 { |
| 7097 flex-grow: 0; |
| 7098 flex-shrink: 0; |
| 7099 flex-basis: 8.3%; |
| 7100 } |
| 7101 |
| 7102 .flex-item-fixed-2-12 { |
| 7103 flex-grow: 0; |
| 7104 flex-shrink: 0; |
| 7105 flex-basis: 16.6%; |
| 7106 } |
| 7107 |
| 7108 .flex-item-fixed-4-12 { |
| 7109 flex-grow: 0; |
| 7110 flex-shrink: 0; |
| 7111 flex-basis: 33.3333%; |
| 7112 } |
| 7113 |
| 7114 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7115 flex-grow: 0; |
| 7116 flex-shrink: 0; |
| 7117 flex-basis: 50%; |
| 7118 } |
| 7119 |
| 7120 .flex-item-fixed-8-12 { |
| 7121 flex-grow: 0; |
| 7122 flex-shrink: 0; |
| 7123 flex-basis: 66.6666%; |
| 7124 } |
| 7125 |
| 7126 .flex-item-fixed-9-12 { |
| 7127 flex-grow: 0; |
| 7128 flex-shrink: 0; |
| 7129 flex-basis: 75%; |
| 7130 } |
| 7131 |
| 7132 |
| 7133 .flex-item-fixed-12-12 { |
| 7134 flex-grow: 0; |
| 7135 flex-shrink: 0; |
| 7136 flex-basis: 100%; |
| 7137 } |
| 7138 |
| 7139 .flex-item-10-percent { |
| 7140 flex-grow: 0; |
| 7141 flex-shrink: 0; |
| 7142 flex-basis: 10%; |
| 7143 } |
| 7144 |
| 7145 .flex-item-15-percent { |
| 7146 flex-grow: 0; |
| 7147 flex-shrink: 0; |
| 7148 flex-basis: 15%; |
| 7149 } |
| 7150 |
| 7151 .flex-item-20-percent { |
| 7152 flex-grow: 0; |
| 7153 flex-shrink: 0; |
| 7154 flex-basis: 20%; |
| 7155 } |
| 7156 |
| 7157 .flex-item-30-percent { |
| 7158 flex-grow: 0; |
| 7159 flex-shrink: 0; |
| 7160 flex-basis: 30%; |
| 7161 } |
| 7162 |
| 7163 .flex-item-40-percent { |
| 7164 flex-grow: 0; |
| 7165 flex-shrink: 0; |
| 7166 flex-basis: 40%; |
| 7167 } |
| 7168 |
| 7169 .flex-item-60-percent { |
| 7170 flex-grow: 0; |
| 7171 flex-shrink: 0; |
| 7172 flex-basis: 60%; |
| 7173 } |
| 7174 |
| 7175 .flex-item-70-percent { |
| 7176 flex-grow: 0; |
| 7177 flex-shrink: 0; |
| 7178 flex-basis: 70%; |
| 7179 } |
| 7180 |
| 7181 .flex-item-80-percent { |
| 7182 flex-grow: 0; |
| 7183 flex-shrink: 0; |
| 7184 flex-basis: 80%; |
| 7185 } |
| 7186 |
| 7187 .well { |
| 7188 min-height: 20px; |
| 7189 padding: 19px; |
| 7190 margin-bottom: 20px; |
| 7191 background-color: #f5f5f5; |
| 7192 border: 1px solid #e3e3e3; |
| 7193 border-radius: 4px; |
| 7194 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7195 } |
| 7196 </style> |
| 7197 <style> |
| 7198 .table { |
| 7199 border-collapse: collapse!important; |
| 7200 width: 100%; |
| 7201 margin-bottom: 20px |
| 7202 table-layout: fixed; |
| 7203 } |
| 7204 .table td:nth-of-type(1) { |
| 7205 width: 30%; |
| 7206 } |
| 7207 .th, .td { |
| 7208 padding: 8px; |
| 7209 vertical-align: top; |
| 7210 } |
| 7211 .table thead > tr > th { |
| 7212 vertical-align: bottom; |
| 7213 text-align: left; |
| 7214 border-bottom:2px solid #ddd; |
| 7215 } |
| 7216 .clickable { |
| 7217 color: #0489c3; |
| 7218 text-decoration: none; |
| 7219 cursor: pointer; |
| 7220 } |
| 7221 .clickable:hover { |
| 7222 text-decoration: underline; |
| 7223 cursor: pointer; |
| 7224 } |
| 7225 #classtable tr:hover > td { |
| 7226 background-color: #F4C7C3; |
| 7227 } |
| 7228 </style> |
| 7229 <nav-bar> |
| 7230 <top-nav-menu></top-nav-menu> |
| 7231 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> |
| 7232 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}"
anchor="heap profile" last="{{ true }}"></nav-menu> |
| 7233 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n
av-refresh> |
| 7234 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh> |
| 7235 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 7236 </nav-bar> |
| 7237 |
| 7238 <div class="flex-row"> |
| 7239 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px"> |
| 7240 </div> |
| 7241 <div id="newStatus" class="flex-item-fixed-2-12"> |
| 7242 <div class="memberList"> |
| 7243 <div class="memberItem"> |
| 7244 <div class="memberName">Collections</div> |
| 7245 <div class="memberValue">{{ formattedCollections(true) }}</div> |
| 7246 </div> |
| 7247 <div class="memberItem"> |
| 7248 <div class="memberName">Average Collection Time</div> |
| 7249 <div class="memberValue">{{ formattedAverage(true) }}</div> |
| 7250 </div> |
| 7251 <div class="memberItem"> |
| 7252 <div class="memberName">Cumulative Collection Time</div> |
| 7253 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d
iv> |
| 7254 </div> |
| 7255 </div> |
| 7256 </div> |
| 7257 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px"> |
| 7258 </div> |
| 7259 <div id="oldStatus" class="flex-item-fixed-2-12"> |
| 7260 <div class="memberList"> |
| 7261 <div class="memberItem"> |
| 7262 <div class="memberName">Collections</div> |
| 7263 <div class="memberValue">{{ formattedCollections(false) }}</div> |
| 7264 </div> |
| 7265 <div class="memberItem"> |
| 7266 <div class="memberName">Average Collection Time</div> |
| 7267 <div class="memberValue">{{ formattedAverage(false) }}</div> |
| 7268 </div> |
| 7269 <div class="memberItem"> |
| 7270 <div class="memberName">Cumulative Collection Time</div> |
| 7271 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</
div> |
| 7272 </div> |
| 7273 </div> |
| 7274 </div> |
| 7275 </div> |
| 7276 <div class="flex-row"> |
| 7277 <table id="classtable" class="flex-item-fixed-12-12 table"> |
| 7278 <thead> |
| 7279 <tr> |
| 7280 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class
Table.getColumnLabel(0) }}</th> |
| 7281 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Size">{{ classTable.getColumnLabel(1) }}</th> |
| 7282 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Instances">{{ classTable.getColumnLabel(2) }}</th> |
| 7283 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz
e">{{ classTable.getColumnLabel(3) }}</th> |
| 7284 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins
tances">{{ classTable.getColumnLabel(4) }}</th> |
| 7285 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Size">{{ classTable.getColumnLabel(5) }}</th> |
| 7286 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Instances">{{ classTable.getColumnLabel(6) }}</th> |
| 7287 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz
e">{{ classTable.getColumnLabel(7) }}</th> |
| 7288 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins
tances">{{ classTable.getColumnLabel(8) }}</th> |
| 7289 </tr> |
| 7290 </thead> |
| 7291 <tbody> |
| 7292 <tr template="" repeat="{{row in classTable.sortedRows }}"> |
| 7293 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t
d> |
| 7294 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt
edValue(row, 1) }}</td> |
| 7295 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt
edValue(row, 2) }}</td> |
| 7296 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt
edValue(row, 3) }}</td> |
| 7297 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt
edValue(row, 4) }}</td> |
| 7298 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt
edValue(row, 5) }}</td> |
| 7299 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt
edValue(row, 6) }}</td> |
| 7300 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt
edValue(row, 7) }}</td> |
| 7301 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt
edValue(row, 8) }}</td> |
| 7302 </tr> |
| 7303 </tbody> |
| 7304 </table> |
| 7305 </div> |
| 7306 </template> |
| 7307 |
| 7308 </polymer-element> |
| 7309 |
| 7310 |
| 7311 |
| 7312 |
| 7313 |
| 7314 |
| 1752 <polymer-element name="sliding-checkbox"> | 7315 <polymer-element name="sliding-checkbox"> |
| 1753 <template> | 7316 <template> |
| 1754 <style> | 7317 <style> |
| 1755 .switch { | 7318 .switch { |
| 1756 position: relative; | 7319 position: relative; |
| 1757 width: 121px; | 7320 width: 121px; |
| 1758 -webkit-user-select: none; | 7321 -webkit-user-select: none; |
| 1759 -moz-user-select: none; | 7322 -moz-user-select: none; |
| 1760 -ms-user-select: none; | 7323 -ms-user-select: none; |
| 1761 } | 7324 } |
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1828 <label class="label" for="slide-switch"> | 7391 <label class="label" for="slide-switch"> |
| 1829 <div class="content"></div> | 7392 <div class="content"></div> |
| 1830 <div class="dot"></div> | 7393 <div class="dot"></div> |
| 1831 </label> | 7394 </label> |
| 1832 </div> | 7395 </div> |
| 1833 </template> | 7396 </template> |
| 1834 | 7397 |
| 1835 </polymer-element> | 7398 </polymer-element> |
| 1836 <polymer-element name="isolate-profile" extends="observatory-element"> | 7399 <polymer-element name="isolate-profile" extends="observatory-element"> |
| 1837 <template> | 7400 <template> |
| 1838 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 7401 <style> |
| 7402 /* Global styles */ |
| 7403 * { |
| 7404 margin: 0; |
| 7405 padding: 0; |
| 7406 font: 400 14px 'Montserrat', sans-serif; |
| 7407 color: #333; |
| 7408 box-sizing: border-box; |
| 7409 } |
| 7410 |
| 7411 .content { |
| 7412 padding-left: 10%; |
| 7413 font: 400 14px 'Montserrat', sans-serif; |
| 7414 } |
| 7415 |
| 7416 .content-centered { |
| 7417 padding-left: 10%; |
| 7418 padding-right: 10%; |
| 7419 font: 400 14px 'Montserrat', sans-serif; |
| 7420 } |
| 7421 |
| 7422 h1 { |
| 7423 font: 400 18px 'Montserrat', sans-serif; |
| 7424 } |
| 7425 |
| 7426 .memberList { |
| 7427 display: table; |
| 7428 } |
| 7429 |
| 7430 .memberItem { |
| 7431 display: table-row; |
| 7432 } |
| 7433 |
| 7434 .memberName, .memberValue { |
| 7435 display: table-cell; |
| 7436 vertical-align: top; |
| 7437 padding: 3px 0 3px 1em; |
| 7438 font: 400 14px 'Montserrat', sans-serif; |
| 7439 } |
| 7440 |
| 7441 .monospace { |
| 7442 font-family: consolas, courier, monospace; |
| 7443 font-size: 1em; |
| 7444 line-height: 1.2em; |
| 7445 white-space: nowrap; |
| 7446 } |
| 7447 |
| 7448 a { |
| 7449 color: #0489c3; |
| 7450 text-decoration: none; |
| 7451 } |
| 7452 |
| 7453 a:hover { |
| 7454 text-decoration: underline; |
| 7455 } |
| 7456 |
| 7457 em { |
| 7458 color: inherit; |
| 7459 font-style:italic; |
| 7460 } |
| 7461 |
| 7462 hr { |
| 7463 margin-top: 20px; |
| 7464 margin-bottom: 20px; |
| 7465 border: 0; |
| 7466 border-top: 1px solid #eee; |
| 7467 height: 0; |
| 7468 box-sizing: content-box; |
| 7469 } |
| 7470 |
| 7471 .list-group { |
| 7472 padding-left: 0; |
| 7473 margin-bottom: 20px; |
| 7474 } |
| 7475 |
| 7476 .list-group-item { |
| 7477 position: relative; |
| 7478 display: block; |
| 7479 padding: 10px 15px; |
| 7480 margin-bottom: -1px; |
| 7481 background-color: #fff; |
| 7482 } |
| 7483 |
| 7484 .list-group-item:first-child { |
| 7485 /* rounded top corners */ |
| 7486 border-top-right-radius:4px; |
| 7487 border-top-left-radius:4px; |
| 7488 } |
| 7489 |
| 7490 .list-group-item:last-child { |
| 7491 margin-bottom: 0; |
| 7492 /* rounded bottom corners */ |
| 7493 border-bottom-right-radius: 4px; |
| 7494 border-bottom-left-radius:4px; |
| 7495 } |
| 7496 |
| 7497 /* Flex row container */ |
| 7498 .flex-row { |
| 7499 display: flex; |
| 7500 flex-direction: row; |
| 7501 } |
| 7502 |
| 7503 /* Flex column container */ |
| 7504 .flex-column { |
| 7505 display: flex; |
| 7506 flex-direction: column; |
| 7507 } |
| 7508 |
| 7509 .flex-item-fit { |
| 7510 flex-grow: 1; |
| 7511 flex-shrink: 1; |
| 7512 flex-basis: auto; |
| 7513 } |
| 7514 |
| 7515 .flex-item-no-shrink { |
| 7516 flex-grow: 0; |
| 7517 flex-shrink: 0; |
| 7518 flex-basis: auto; |
| 7519 } |
| 7520 |
| 7521 .flex-item-fill { |
| 7522 flex-grow: 0; |
| 7523 flex-shrink: 1; /* shrink when pressured */ |
| 7524 flex-basis: 100%; /* try and take 100% */ |
| 7525 } |
| 7526 |
| 7527 .flex-item-fixed-1-12 { |
| 7528 flex-grow: 0; |
| 7529 flex-shrink: 0; |
| 7530 flex-basis: 8.3%; |
| 7531 } |
| 7532 |
| 7533 .flex-item-fixed-2-12 { |
| 7534 flex-grow: 0; |
| 7535 flex-shrink: 0; |
| 7536 flex-basis: 16.6%; |
| 7537 } |
| 7538 |
| 7539 .flex-item-fixed-4-12 { |
| 7540 flex-grow: 0; |
| 7541 flex-shrink: 0; |
| 7542 flex-basis: 33.3333%; |
| 7543 } |
| 7544 |
| 7545 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7546 flex-grow: 0; |
| 7547 flex-shrink: 0; |
| 7548 flex-basis: 50%; |
| 7549 } |
| 7550 |
| 7551 .flex-item-fixed-8-12 { |
| 7552 flex-grow: 0; |
| 7553 flex-shrink: 0; |
| 7554 flex-basis: 66.6666%; |
| 7555 } |
| 7556 |
| 7557 .flex-item-fixed-9-12 { |
| 7558 flex-grow: 0; |
| 7559 flex-shrink: 0; |
| 7560 flex-basis: 75%; |
| 7561 } |
| 7562 |
| 7563 |
| 7564 .flex-item-fixed-12-12 { |
| 7565 flex-grow: 0; |
| 7566 flex-shrink: 0; |
| 7567 flex-basis: 100%; |
| 7568 } |
| 7569 |
| 7570 .flex-item-10-percent { |
| 7571 flex-grow: 0; |
| 7572 flex-shrink: 0; |
| 7573 flex-basis: 10%; |
| 7574 } |
| 7575 |
| 7576 .flex-item-15-percent { |
| 7577 flex-grow: 0; |
| 7578 flex-shrink: 0; |
| 7579 flex-basis: 15%; |
| 7580 } |
| 7581 |
| 7582 .flex-item-20-percent { |
| 7583 flex-grow: 0; |
| 7584 flex-shrink: 0; |
| 7585 flex-basis: 20%; |
| 7586 } |
| 7587 |
| 7588 .flex-item-30-percent { |
| 7589 flex-grow: 0; |
| 7590 flex-shrink: 0; |
| 7591 flex-basis: 30%; |
| 7592 } |
| 7593 |
| 7594 .flex-item-40-percent { |
| 7595 flex-grow: 0; |
| 7596 flex-shrink: 0; |
| 7597 flex-basis: 40%; |
| 7598 } |
| 7599 |
| 7600 .flex-item-60-percent { |
| 7601 flex-grow: 0; |
| 7602 flex-shrink: 0; |
| 7603 flex-basis: 60%; |
| 7604 } |
| 7605 |
| 7606 .flex-item-70-percent { |
| 7607 flex-grow: 0; |
| 7608 flex-shrink: 0; |
| 7609 flex-basis: 70%; |
| 7610 } |
| 7611 |
| 7612 .flex-item-80-percent { |
| 7613 flex-grow: 0; |
| 7614 flex-shrink: 0; |
| 7615 flex-basis: 80%; |
| 7616 } |
| 7617 |
| 7618 .well { |
| 7619 min-height: 20px; |
| 7620 padding: 19px; |
| 7621 margin-bottom: 20px; |
| 7622 background-color: #f5f5f5; |
| 7623 border: 1px solid #e3e3e3; |
| 7624 border-radius: 4px; |
| 7625 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7626 } |
| 7627 </style> |
| 1839 <nav-bar> | 7628 <nav-bar> |
| 1840 <top-nav-menu></top-nav-menu> | 7629 <top-nav-menu></top-nav-menu> |
| 1841 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> | 7630 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> |
| 1842 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor=
"cpu profile" last="{{ true }}"></nav-menu> | 7631 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor=
"cpu profile" last="{{ true }}"></nav-menu> |
| 1843 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 7632 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 1844 </nav-bar> | 7633 </nav-bar> |
| 1845 <style> | 7634 <style> |
| 1846 .table { | 7635 .table { |
| 1847 border-collapse: collapse!important; | 7636 border-collapse: collapse!important; |
| 1848 width: 100%; | 7637 width: 100%; |
| (...skipping 158 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2007 </div> | 7796 </div> |
| 2008 </div> | 7797 </div> |
| 2009 </td> | 7798 </td> |
| 2010 </tr> | 7799 </tr> |
| 2011 </tbody> | 7800 </tbody> |
| 2012 </table> | 7801 </table> |
| 2013 </div> | 7802 </div> |
| 2014 </template> | 7803 </template> |
| 2015 | 7804 |
| 2016 </polymer-element> | 7805 </polymer-element> |
| 2017 <polymer-element name="heap-profile" extends="observatory-element"> | 7806 |
| 2018 <template> | 7807 |
| 2019 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 7808 |
| 2020 <style> | 7809 |
| 2021 .table { | |
| 2022 border-collapse: collapse!important; | |
| 2023 width: 100%; | |
| 2024 margin-bottom: 20px | |
| 2025 table-layout: fixed; | |
| 2026 } | |
| 2027 .table td:nth-of-type(1) { | |
| 2028 width: 30%; | |
| 2029 } | |
| 2030 .th, .td { | |
| 2031 padding: 8px; | |
| 2032 vertical-align: top; | |
| 2033 } | |
| 2034 .table thead > tr > th { | |
| 2035 vertical-align: bottom; | |
| 2036 text-align: left; | |
| 2037 border-bottom:2px solid #ddd; | |
| 2038 } | |
| 2039 .clickable { | |
| 2040 color: #0489c3; | |
| 2041 text-decoration: none; | |
| 2042 cursor: pointer; | |
| 2043 } | |
| 2044 .clickable:hover { | |
| 2045 text-decoration: underline; | |
| 2046 cursor: pointer; | |
| 2047 } | |
| 2048 #classtable tr:hover > td { | |
| 2049 background-color: #F4C7C3; | |
| 2050 } | |
| 2051 </style> | |
| 2052 <nav-bar> | |
| 2053 <top-nav-menu></top-nav-menu> | |
| 2054 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> | |
| 2055 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}"
anchor="heap profile" last="{{ true }}"></nav-menu> | |
| 2056 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n
av-refresh> | |
| 2057 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh> | |
| 2058 <nav-refresh callback="{{ refresh }}"></nav-refresh> | |
| 2059 </nav-bar> | |
| 2060 | |
| 2061 <div class="flex-row"> | |
| 2062 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px"> | |
| 2063 </div> | |
| 2064 <div id="newStatus" class="flex-item-fixed-2-12"> | |
| 2065 <div class="memberList"> | |
| 2066 <div class="memberItem"> | |
| 2067 <div class="memberName">Collections</div> | |
| 2068 <div class="memberValue">{{ formattedCollections(true) }}</div> | |
| 2069 </div> | |
| 2070 <div class="memberItem"> | |
| 2071 <div class="memberName">Average Collection Time</div> | |
| 2072 <div class="memberValue">{{ formattedAverage(true) }}</div> | |
| 2073 </div> | |
| 2074 <div class="memberItem"> | |
| 2075 <div class="memberName">Cumulative Collection Time</div> | |
| 2076 <div class="memberValue">{{ formattedTotalCollectionTime(true) }}</d
iv> | |
| 2077 </div> | |
| 2078 </div> | |
| 2079 </div> | |
| 2080 <div id="oldPieChart" class="flex-item-fixed-4-12" style="height: 400px"> | |
| 2081 </div> | |
| 2082 <div id="oldStatus" class="flex-item-fixed-2-12"> | |
| 2083 <div class="memberList"> | |
| 2084 <div class="memberItem"> | |
| 2085 <div class="memberName">Collections</div> | |
| 2086 <div class="memberValue">{{ formattedCollections(false) }}</div> | |
| 2087 </div> | |
| 2088 <div class="memberItem"> | |
| 2089 <div class="memberName">Average Collection Time</div> | |
| 2090 <div class="memberValue">{{ formattedAverage(false) }}</div> | |
| 2091 </div> | |
| 2092 <div class="memberItem"> | |
| 2093 <div class="memberName">Cumulative Collection Time</div> | |
| 2094 <div class="memberValue">{{ formattedTotalCollectionTime(false) }}</
div> | |
| 2095 </div> | |
| 2096 </div> | |
| 2097 </div> | |
| 2098 </div> | |
| 2099 <div class="flex-row"> | |
| 2100 <table id="classtable" class="flex-item-fixed-12-12 table"> | |
| 2101 <thead> | |
| 2102 <tr> | |
| 2103 <th on-click="{{changeSort}}" class="clickable" title="Class">{{ class
Table.getColumnLabel(0) }}</th> | |
| 2104 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Size">{{ classTable.getColumnLabel(1) }}</th> | |
| 2105 <th on-click="{{changeSort}}" class="clickable" title="New Accumulated
Instances">{{ classTable.getColumnLabel(2) }}</th> | |
| 2106 <th on-click="{{changeSort}}" class="clickable" title="New Current Siz
e">{{ classTable.getColumnLabel(3) }}</th> | |
| 2107 <th on-click="{{changeSort}}" class="clickable" title="New Current Ins
tances">{{ classTable.getColumnLabel(4) }}</th> | |
| 2108 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Size">{{ classTable.getColumnLabel(5) }}</th> | |
| 2109 <th on-click="{{changeSort}}" class="clickable" title="Old Accumulated
Instances">{{ classTable.getColumnLabel(6) }}</th> | |
| 2110 <th on-click="{{changeSort}}" class="clickable" title="Old Current Siz
e">{{ classTable.getColumnLabel(7) }}</th> | |
| 2111 <th on-click="{{changeSort}}" class="clickable" title="Old Current Ins
tances">{{ classTable.getColumnLabel(8) }}</th> | |
| 2112 </tr> | |
| 2113 </thead> | |
| 2114 <tbody> | |
| 2115 <tr template="" repeat="{{row in classTable.sortedRows }}"> | |
| 2116 <td><class-ref ref="{{ classTable.getValue(row, 0) }}"></class-ref></t
d> | |
| 2117 <td title="{{ classTable.getValue(row, 1) }}">{{ classTable.getFormatt
edValue(row, 1) }}</td> | |
| 2118 <td title="{{ classTable.getValue(row, 2) }}">{{ classTable.getFormatt
edValue(row, 2) }}</td> | |
| 2119 <td title="{{ classTable.getValue(row, 3) }}">{{ classTable.getFormatt
edValue(row, 3) }}</td> | |
| 2120 <td title="{{ classTable.getValue(row, 4) }}">{{ classTable.getFormatt
edValue(row, 4) }}</td> | |
| 2121 <td title="{{ classTable.getValue(row, 5) }}">{{ classTable.getFormatt
edValue(row, 5) }}</td> | |
| 2122 <td title="{{ classTable.getValue(row, 6) }}">{{ classTable.getFormatt
edValue(row, 6) }}</td> | |
| 2123 <td title="{{ classTable.getValue(row, 7) }}">{{ classTable.getFormatt
edValue(row, 7) }}</td> | |
| 2124 <td title="{{ classTable.getValue(row, 8) }}">{{ classTable.getFormatt
edValue(row, 8) }}</td> | |
| 2125 </tr> | |
| 2126 </tbody> | |
| 2127 </table> | |
| 2128 </div> | |
| 2129 </template> | |
| 2130 | |
| 2131 </polymer-element> | |
| 2132 <polymer-element name="script-view" extends="observatory-element"> | 7810 <polymer-element name="script-view" extends="observatory-element"> |
| 2133 <template> | 7811 <template> |
| 2134 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.css"
> | 7812 <style> |
| 7813 /* Global styles */ |
| 7814 * { |
| 7815 margin: 0; |
| 7816 padding: 0; |
| 7817 font: 400 14px 'Montserrat', sans-serif; |
| 7818 color: #333; |
| 7819 box-sizing: border-box; |
| 7820 } |
| 7821 |
| 7822 .content { |
| 7823 padding-left: 10%; |
| 7824 font: 400 14px 'Montserrat', sans-serif; |
| 7825 } |
| 7826 |
| 7827 .content-centered { |
| 7828 padding-left: 10%; |
| 7829 padding-right: 10%; |
| 7830 font: 400 14px 'Montserrat', sans-serif; |
| 7831 } |
| 7832 |
| 7833 h1 { |
| 7834 font: 400 18px 'Montserrat', sans-serif; |
| 7835 } |
| 7836 |
| 7837 .memberList { |
| 7838 display: table; |
| 7839 } |
| 7840 |
| 7841 .memberItem { |
| 7842 display: table-row; |
| 7843 } |
| 7844 |
| 7845 .memberName, .memberValue { |
| 7846 display: table-cell; |
| 7847 vertical-align: top; |
| 7848 padding: 3px 0 3px 1em; |
| 7849 font: 400 14px 'Montserrat', sans-serif; |
| 7850 } |
| 7851 |
| 7852 .monospace { |
| 7853 font-family: consolas, courier, monospace; |
| 7854 font-size: 1em; |
| 7855 line-height: 1.2em; |
| 7856 white-space: nowrap; |
| 7857 } |
| 7858 |
| 7859 a { |
| 7860 color: #0489c3; |
| 7861 text-decoration: none; |
| 7862 } |
| 7863 |
| 7864 a:hover { |
| 7865 text-decoration: underline; |
| 7866 } |
| 7867 |
| 7868 em { |
| 7869 color: inherit; |
| 7870 font-style:italic; |
| 7871 } |
| 7872 |
| 7873 hr { |
| 7874 margin-top: 20px; |
| 7875 margin-bottom: 20px; |
| 7876 border: 0; |
| 7877 border-top: 1px solid #eee; |
| 7878 height: 0; |
| 7879 box-sizing: content-box; |
| 7880 } |
| 7881 |
| 7882 .list-group { |
| 7883 padding-left: 0; |
| 7884 margin-bottom: 20px; |
| 7885 } |
| 7886 |
| 7887 .list-group-item { |
| 7888 position: relative; |
| 7889 display: block; |
| 7890 padding: 10px 15px; |
| 7891 margin-bottom: -1px; |
| 7892 background-color: #fff; |
| 7893 } |
| 7894 |
| 7895 .list-group-item:first-child { |
| 7896 /* rounded top corners */ |
| 7897 border-top-right-radius:4px; |
| 7898 border-top-left-radius:4px; |
| 7899 } |
| 7900 |
| 7901 .list-group-item:last-child { |
| 7902 margin-bottom: 0; |
| 7903 /* rounded bottom corners */ |
| 7904 border-bottom-right-radius: 4px; |
| 7905 border-bottom-left-radius:4px; |
| 7906 } |
| 7907 |
| 7908 /* Flex row container */ |
| 7909 .flex-row { |
| 7910 display: flex; |
| 7911 flex-direction: row; |
| 7912 } |
| 7913 |
| 7914 /* Flex column container */ |
| 7915 .flex-column { |
| 7916 display: flex; |
| 7917 flex-direction: column; |
| 7918 } |
| 7919 |
| 7920 .flex-item-fit { |
| 7921 flex-grow: 1; |
| 7922 flex-shrink: 1; |
| 7923 flex-basis: auto; |
| 7924 } |
| 7925 |
| 7926 .flex-item-no-shrink { |
| 7927 flex-grow: 0; |
| 7928 flex-shrink: 0; |
| 7929 flex-basis: auto; |
| 7930 } |
| 7931 |
| 7932 .flex-item-fill { |
| 7933 flex-grow: 0; |
| 7934 flex-shrink: 1; /* shrink when pressured */ |
| 7935 flex-basis: 100%; /* try and take 100% */ |
| 7936 } |
| 7937 |
| 7938 .flex-item-fixed-1-12 { |
| 7939 flex-grow: 0; |
| 7940 flex-shrink: 0; |
| 7941 flex-basis: 8.3%; |
| 7942 } |
| 7943 |
| 7944 .flex-item-fixed-2-12 { |
| 7945 flex-grow: 0; |
| 7946 flex-shrink: 0; |
| 7947 flex-basis: 16.6%; |
| 7948 } |
| 7949 |
| 7950 .flex-item-fixed-4-12 { |
| 7951 flex-grow: 0; |
| 7952 flex-shrink: 0; |
| 7953 flex-basis: 33.3333%; |
| 7954 } |
| 7955 |
| 7956 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7957 flex-grow: 0; |
| 7958 flex-shrink: 0; |
| 7959 flex-basis: 50%; |
| 7960 } |
| 7961 |
| 7962 .flex-item-fixed-8-12 { |
| 7963 flex-grow: 0; |
| 7964 flex-shrink: 0; |
| 7965 flex-basis: 66.6666%; |
| 7966 } |
| 7967 |
| 7968 .flex-item-fixed-9-12 { |
| 7969 flex-grow: 0; |
| 7970 flex-shrink: 0; |
| 7971 flex-basis: 75%; |
| 7972 } |
| 7973 |
| 7974 |
| 7975 .flex-item-fixed-12-12 { |
| 7976 flex-grow: 0; |
| 7977 flex-shrink: 0; |
| 7978 flex-basis: 100%; |
| 7979 } |
| 7980 |
| 7981 .flex-item-10-percent { |
| 7982 flex-grow: 0; |
| 7983 flex-shrink: 0; |
| 7984 flex-basis: 10%; |
| 7985 } |
| 7986 |
| 7987 .flex-item-15-percent { |
| 7988 flex-grow: 0; |
| 7989 flex-shrink: 0; |
| 7990 flex-basis: 15%; |
| 7991 } |
| 7992 |
| 7993 .flex-item-20-percent { |
| 7994 flex-grow: 0; |
| 7995 flex-shrink: 0; |
| 7996 flex-basis: 20%; |
| 7997 } |
| 7998 |
| 7999 .flex-item-30-percent { |
| 8000 flex-grow: 0; |
| 8001 flex-shrink: 0; |
| 8002 flex-basis: 30%; |
| 8003 } |
| 8004 |
| 8005 .flex-item-40-percent { |
| 8006 flex-grow: 0; |
| 8007 flex-shrink: 0; |
| 8008 flex-basis: 40%; |
| 8009 } |
| 8010 |
| 8011 .flex-item-60-percent { |
| 8012 flex-grow: 0; |
| 8013 flex-shrink: 0; |
| 8014 flex-basis: 60%; |
| 8015 } |
| 8016 |
| 8017 .flex-item-70-percent { |
| 8018 flex-grow: 0; |
| 8019 flex-shrink: 0; |
| 8020 flex-basis: 70%; |
| 8021 } |
| 8022 |
| 8023 .flex-item-80-percent { |
| 8024 flex-grow: 0; |
| 8025 flex-shrink: 0; |
| 8026 flex-basis: 80%; |
| 8027 } |
| 8028 |
| 8029 .well { |
| 8030 min-height: 20px; |
| 8031 padding: 19px; |
| 8032 margin-bottom: 20px; |
| 8033 background-color: #f5f5f5; |
| 8034 border: 1px solid #e3e3e3; |
| 8035 border-radius: 4px; |
| 8036 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8037 } |
| 8038 </style> |
| 2135 <nav-bar> | 8039 <nav-bar> |
| 2136 <top-nav-menu></top-nav-menu> | 8040 <top-nav-menu></top-nav-menu> |
| 2137 <isolate-nav-menu isolate="{{ script.isolate }}"> | 8041 <isolate-nav-menu isolate="{{ script.isolate }}"> |
| 2138 </isolate-nav-menu> | 8042 </isolate-nav-menu> |
| 2139 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> | 8043 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> |
| 2140 <li> | 8044 <li> |
| 2141 <input type="checkbox" checked="{{ showCoverage }}"> | 8045 <input type="checkbox" checked="{{ showCoverage }}"> |
| 2142 <label>Show Coverage Data</label> | 8046 <label>Show Coverage Data</label> |
| 2143 </li> | 8047 </li> |
| 2144 </nav-menu> | 8048 </nav-menu> |
| 2145 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav
-refresh> | 8049 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav
-refresh> |
| 2146 <nav-refresh callback="{{ refresh }}"> | 8050 <nav-refresh callback="{{ refresh }}"> |
| 2147 </nav-refresh> | 8051 </nav-refresh> |
| 2148 </nav-bar> | 8052 </nav-bar> |
| 2149 | 8053 |
| 2150 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken
Pos }}" endpos="{{ script.lastTokenPos }}"> | 8054 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken
Pos }}" endpos="{{ script.lastTokenPos }}"> |
| 2151 <h1>script {{ script.name }}</h1> | 8055 <h1>script {{ script.name }}</h1> |
| 2152 </script-inset> | 8056 </script-inset> |
| 2153 </template> | 8057 </template> |
| 2154 | 8058 |
| 2155 </polymer-element> | 8059 </polymer-element> |
| 8060 |
| 8061 |
| 8062 |
| 8063 |
| 8064 |
| 8065 |
| 8066 |
| 8067 |
| 8068 |
| 8069 |
| 2156 <polymer-element name="stack-frame" extends="observatory-element"> | 8070 <polymer-element name="stack-frame" extends="observatory-element"> |
| 2157 <template> | 8071 <template> |
| 2158 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8072 <style> |
| 8073 /* Global styles */ |
| 8074 * { |
| 8075 margin: 0; |
| 8076 padding: 0; |
| 8077 font: 400 14px 'Montserrat', sans-serif; |
| 8078 color: #333; |
| 8079 box-sizing: border-box; |
| 8080 } |
| 8081 |
| 8082 .content { |
| 8083 padding-left: 10%; |
| 8084 font: 400 14px 'Montserrat', sans-serif; |
| 8085 } |
| 8086 |
| 8087 .content-centered { |
| 8088 padding-left: 10%; |
| 8089 padding-right: 10%; |
| 8090 font: 400 14px 'Montserrat', sans-serif; |
| 8091 } |
| 8092 |
| 8093 h1 { |
| 8094 font: 400 18px 'Montserrat', sans-serif; |
| 8095 } |
| 8096 |
| 8097 .memberList { |
| 8098 display: table; |
| 8099 } |
| 8100 |
| 8101 .memberItem { |
| 8102 display: table-row; |
| 8103 } |
| 8104 |
| 8105 .memberName, .memberValue { |
| 8106 display: table-cell; |
| 8107 vertical-align: top; |
| 8108 padding: 3px 0 3px 1em; |
| 8109 font: 400 14px 'Montserrat', sans-serif; |
| 8110 } |
| 8111 |
| 8112 .monospace { |
| 8113 font-family: consolas, courier, monospace; |
| 8114 font-size: 1em; |
| 8115 line-height: 1.2em; |
| 8116 white-space: nowrap; |
| 8117 } |
| 8118 |
| 8119 a { |
| 8120 color: #0489c3; |
| 8121 text-decoration: none; |
| 8122 } |
| 8123 |
| 8124 a:hover { |
| 8125 text-decoration: underline; |
| 8126 } |
| 8127 |
| 8128 em { |
| 8129 color: inherit; |
| 8130 font-style:italic; |
| 8131 } |
| 8132 |
| 8133 hr { |
| 8134 margin-top: 20px; |
| 8135 margin-bottom: 20px; |
| 8136 border: 0; |
| 8137 border-top: 1px solid #eee; |
| 8138 height: 0; |
| 8139 box-sizing: content-box; |
| 8140 } |
| 8141 |
| 8142 .list-group { |
| 8143 padding-left: 0; |
| 8144 margin-bottom: 20px; |
| 8145 } |
| 8146 |
| 8147 .list-group-item { |
| 8148 position: relative; |
| 8149 display: block; |
| 8150 padding: 10px 15px; |
| 8151 margin-bottom: -1px; |
| 8152 background-color: #fff; |
| 8153 } |
| 8154 |
| 8155 .list-group-item:first-child { |
| 8156 /* rounded top corners */ |
| 8157 border-top-right-radius:4px; |
| 8158 border-top-left-radius:4px; |
| 8159 } |
| 8160 |
| 8161 .list-group-item:last-child { |
| 8162 margin-bottom: 0; |
| 8163 /* rounded bottom corners */ |
| 8164 border-bottom-right-radius: 4px; |
| 8165 border-bottom-left-radius:4px; |
| 8166 } |
| 8167 |
| 8168 /* Flex row container */ |
| 8169 .flex-row { |
| 8170 display: flex; |
| 8171 flex-direction: row; |
| 8172 } |
| 8173 |
| 8174 /* Flex column container */ |
| 8175 .flex-column { |
| 8176 display: flex; |
| 8177 flex-direction: column; |
| 8178 } |
| 8179 |
| 8180 .flex-item-fit { |
| 8181 flex-grow: 1; |
| 8182 flex-shrink: 1; |
| 8183 flex-basis: auto; |
| 8184 } |
| 8185 |
| 8186 .flex-item-no-shrink { |
| 8187 flex-grow: 0; |
| 8188 flex-shrink: 0; |
| 8189 flex-basis: auto; |
| 8190 } |
| 8191 |
| 8192 .flex-item-fill { |
| 8193 flex-grow: 0; |
| 8194 flex-shrink: 1; /* shrink when pressured */ |
| 8195 flex-basis: 100%; /* try and take 100% */ |
| 8196 } |
| 8197 |
| 8198 .flex-item-fixed-1-12 { |
| 8199 flex-grow: 0; |
| 8200 flex-shrink: 0; |
| 8201 flex-basis: 8.3%; |
| 8202 } |
| 8203 |
| 8204 .flex-item-fixed-2-12 { |
| 8205 flex-grow: 0; |
| 8206 flex-shrink: 0; |
| 8207 flex-basis: 16.6%; |
| 8208 } |
| 8209 |
| 8210 .flex-item-fixed-4-12 { |
| 8211 flex-grow: 0; |
| 8212 flex-shrink: 0; |
| 8213 flex-basis: 33.3333%; |
| 8214 } |
| 8215 |
| 8216 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 8217 flex-grow: 0; |
| 8218 flex-shrink: 0; |
| 8219 flex-basis: 50%; |
| 8220 } |
| 8221 |
| 8222 .flex-item-fixed-8-12 { |
| 8223 flex-grow: 0; |
| 8224 flex-shrink: 0; |
| 8225 flex-basis: 66.6666%; |
| 8226 } |
| 8227 |
| 8228 .flex-item-fixed-9-12 { |
| 8229 flex-grow: 0; |
| 8230 flex-shrink: 0; |
| 8231 flex-basis: 75%; |
| 8232 } |
| 8233 |
| 8234 |
| 8235 .flex-item-fixed-12-12 { |
| 8236 flex-grow: 0; |
| 8237 flex-shrink: 0; |
| 8238 flex-basis: 100%; |
| 8239 } |
| 8240 |
| 8241 .flex-item-10-percent { |
| 8242 flex-grow: 0; |
| 8243 flex-shrink: 0; |
| 8244 flex-basis: 10%; |
| 8245 } |
| 8246 |
| 8247 .flex-item-15-percent { |
| 8248 flex-grow: 0; |
| 8249 flex-shrink: 0; |
| 8250 flex-basis: 15%; |
| 8251 } |
| 8252 |
| 8253 .flex-item-20-percent { |
| 8254 flex-grow: 0; |
| 8255 flex-shrink: 0; |
| 8256 flex-basis: 20%; |
| 8257 } |
| 8258 |
| 8259 .flex-item-30-percent { |
| 8260 flex-grow: 0; |
| 8261 flex-shrink: 0; |
| 8262 flex-basis: 30%; |
| 8263 } |
| 8264 |
| 8265 .flex-item-40-percent { |
| 8266 flex-grow: 0; |
| 8267 flex-shrink: 0; |
| 8268 flex-basis: 40%; |
| 8269 } |
| 8270 |
| 8271 .flex-item-60-percent { |
| 8272 flex-grow: 0; |
| 8273 flex-shrink: 0; |
| 8274 flex-basis: 60%; |
| 8275 } |
| 8276 |
| 8277 .flex-item-70-percent { |
| 8278 flex-grow: 0; |
| 8279 flex-shrink: 0; |
| 8280 flex-basis: 70%; |
| 8281 } |
| 8282 |
| 8283 .flex-item-80-percent { |
| 8284 flex-grow: 0; |
| 8285 flex-shrink: 0; |
| 8286 flex-basis: 80%; |
| 8287 } |
| 8288 |
| 8289 .well { |
| 8290 min-height: 20px; |
| 8291 padding: 19px; |
| 8292 margin-bottom: 20px; |
| 8293 background-color: #f5f5f5; |
| 8294 border: 1px solid #e3e3e3; |
| 8295 border-radius: 4px; |
| 8296 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8297 } |
| 8298 </style> |
| 2159 <div class="flex-row"> | 8299 <div class="flex-row"> |
| 2160 <div class="flex-item-fixed-1-12"> | 8300 <div class="flex-item-fixed-1-12"> |
| 2161 </div> | 8301 </div> |
| 2162 <div class="flex-item-fixed-1-12"> | 8302 <div class="flex-item-fixed-1-12"> |
| 2163 #{{ frame['depth'] }} | 8303 #{{ frame['depth'] }} |
| 2164 </div> | 8304 </div> |
| 2165 <div class="flex-item-fixed-9-12"> | 8305 <div class="flex-item-fixed-9-12"> |
| 2166 <function-ref ref="{{ frame['function'] }}"></function-ref> | 8306 <function-ref ref="{{ frame['function'] }}"></function-ref> |
| 2167 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }}
"> | 8307 ( <script-ref ref="{{ frame['script'] }}" pos="{{ frame['tokenPos'] }}
"> |
| 2168 </script-ref> ) | 8308 </script-ref> ) |
| (...skipping 12 matching lines...) Expand all Loading... |
| 2181 </curly-block> | 8321 </curly-block> |
| 2182 </div> | 8322 </div> |
| 2183 <div class="flex-item-fixed-1-12"> | 8323 <div class="flex-item-fixed-1-12"> |
| 2184 </div> | 8324 </div> |
| 2185 </div> | 8325 </div> |
| 2186 </template> | 8326 </template> |
| 2187 | 8327 |
| 2188 </polymer-element> | 8328 </polymer-element> |
| 2189 <polymer-element name="stack-trace" extends="observatory-element"> | 8329 <polymer-element name="stack-trace" extends="observatory-element"> |
| 2190 <template> | 8330 <template> |
| 2191 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8331 <style> |
| 8332 /* Global styles */ |
| 8333 * { |
| 8334 margin: 0; |
| 8335 padding: 0; |
| 8336 font: 400 14px 'Montserrat', sans-serif; |
| 8337 color: #333; |
| 8338 box-sizing: border-box; |
| 8339 } |
| 8340 |
| 8341 .content { |
| 8342 padding-left: 10%; |
| 8343 font: 400 14px 'Montserrat', sans-serif; |
| 8344 } |
| 8345 |
| 8346 .content-centered { |
| 8347 padding-left: 10%; |
| 8348 padding-right: 10%; |
| 8349 font: 400 14px 'Montserrat', sans-serif; |
| 8350 } |
| 8351 |
| 8352 h1 { |
| 8353 font: 400 18px 'Montserrat', sans-serif; |
| 8354 } |
| 8355 |
| 8356 .memberList { |
| 8357 display: table; |
| 8358 } |
| 8359 |
| 8360 .memberItem { |
| 8361 display: table-row; |
| 8362 } |
| 8363 |
| 8364 .memberName, .memberValue { |
| 8365 display: table-cell; |
| 8366 vertical-align: top; |
| 8367 padding: 3px 0 3px 1em; |
| 8368 font: 400 14px 'Montserrat', sans-serif; |
| 8369 } |
| 8370 |
| 8371 .monospace { |
| 8372 font-family: consolas, courier, monospace; |
| 8373 font-size: 1em; |
| 8374 line-height: 1.2em; |
| 8375 white-space: nowrap; |
| 8376 } |
| 8377 |
| 8378 a { |
| 8379 color: #0489c3; |
| 8380 text-decoration: none; |
| 8381 } |
| 8382 |
| 8383 a:hover { |
| 8384 text-decoration: underline; |
| 8385 } |
| 8386 |
| 8387 em { |
| 8388 color: inherit; |
| 8389 font-style:italic; |
| 8390 } |
| 8391 |
| 8392 hr { |
| 8393 margin-top: 20px; |
| 8394 margin-bottom: 20px; |
| 8395 border: 0; |
| 8396 border-top: 1px solid #eee; |
| 8397 height: 0; |
| 8398 box-sizing: content-box; |
| 8399 } |
| 8400 |
| 8401 .list-group { |
| 8402 padding-left: 0; |
| 8403 margin-bottom: 20px; |
| 8404 } |
| 8405 |
| 8406 .list-group-item { |
| 8407 position: relative; |
| 8408 display: block; |
| 8409 padding: 10px 15px; |
| 8410 margin-bottom: -1px; |
| 8411 background-color: #fff; |
| 8412 } |
| 8413 |
| 8414 .list-group-item:first-child { |
| 8415 /* rounded top corners */ |
| 8416 border-top-right-radius:4px; |
| 8417 border-top-left-radius:4px; |
| 8418 } |
| 8419 |
| 8420 .list-group-item:last-child { |
| 8421 margin-bottom: 0; |
| 8422 /* rounded bottom corners */ |
| 8423 border-bottom-right-radius: 4px; |
| 8424 border-bottom-left-radius:4px; |
| 8425 } |
| 8426 |
| 8427 /* Flex row container */ |
| 8428 .flex-row { |
| 8429 display: flex; |
| 8430 flex-direction: row; |
| 8431 } |
| 8432 |
| 8433 /* Flex column container */ |
| 8434 .flex-column { |
| 8435 display: flex; |
| 8436 flex-direction: column; |
| 8437 } |
| 8438 |
| 8439 .flex-item-fit { |
| 8440 flex-grow: 1; |
| 8441 flex-shrink: 1; |
| 8442 flex-basis: auto; |
| 8443 } |
| 8444 |
| 8445 .flex-item-no-shrink { |
| 8446 flex-grow: 0; |
| 8447 flex-shrink: 0; |
| 8448 flex-basis: auto; |
| 8449 } |
| 8450 |
| 8451 .flex-item-fill { |
| 8452 flex-grow: 0; |
| 8453 flex-shrink: 1; /* shrink when pressured */ |
| 8454 flex-basis: 100%; /* try and take 100% */ |
| 8455 } |
| 8456 |
| 8457 .flex-item-fixed-1-12 { |
| 8458 flex-grow: 0; |
| 8459 flex-shrink: 0; |
| 8460 flex-basis: 8.3%; |
| 8461 } |
| 8462 |
| 8463 .flex-item-fixed-2-12 { |
| 8464 flex-grow: 0; |
| 8465 flex-shrink: 0; |
| 8466 flex-basis: 16.6%; |
| 8467 } |
| 8468 |
| 8469 .flex-item-fixed-4-12 { |
| 8470 flex-grow: 0; |
| 8471 flex-shrink: 0; |
| 8472 flex-basis: 33.3333%; |
| 8473 } |
| 8474 |
| 8475 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 8476 flex-grow: 0; |
| 8477 flex-shrink: 0; |
| 8478 flex-basis: 50%; |
| 8479 } |
| 8480 |
| 8481 .flex-item-fixed-8-12 { |
| 8482 flex-grow: 0; |
| 8483 flex-shrink: 0; |
| 8484 flex-basis: 66.6666%; |
| 8485 } |
| 8486 |
| 8487 .flex-item-fixed-9-12 { |
| 8488 flex-grow: 0; |
| 8489 flex-shrink: 0; |
| 8490 flex-basis: 75%; |
| 8491 } |
| 8492 |
| 8493 |
| 8494 .flex-item-fixed-12-12 { |
| 8495 flex-grow: 0; |
| 8496 flex-shrink: 0; |
| 8497 flex-basis: 100%; |
| 8498 } |
| 8499 |
| 8500 .flex-item-10-percent { |
| 8501 flex-grow: 0; |
| 8502 flex-shrink: 0; |
| 8503 flex-basis: 10%; |
| 8504 } |
| 8505 |
| 8506 .flex-item-15-percent { |
| 8507 flex-grow: 0; |
| 8508 flex-shrink: 0; |
| 8509 flex-basis: 15%; |
| 8510 } |
| 8511 |
| 8512 .flex-item-20-percent { |
| 8513 flex-grow: 0; |
| 8514 flex-shrink: 0; |
| 8515 flex-basis: 20%; |
| 8516 } |
| 8517 |
| 8518 .flex-item-30-percent { |
| 8519 flex-grow: 0; |
| 8520 flex-shrink: 0; |
| 8521 flex-basis: 30%; |
| 8522 } |
| 8523 |
| 8524 .flex-item-40-percent { |
| 8525 flex-grow: 0; |
| 8526 flex-shrink: 0; |
| 8527 flex-basis: 40%; |
| 8528 } |
| 8529 |
| 8530 .flex-item-60-percent { |
| 8531 flex-grow: 0; |
| 8532 flex-shrink: 0; |
| 8533 flex-basis: 60%; |
| 8534 } |
| 8535 |
| 8536 .flex-item-70-percent { |
| 8537 flex-grow: 0; |
| 8538 flex-shrink: 0; |
| 8539 flex-basis: 70%; |
| 8540 } |
| 8541 |
| 8542 .flex-item-80-percent { |
| 8543 flex-grow: 0; |
| 8544 flex-shrink: 0; |
| 8545 flex-basis: 80%; |
| 8546 } |
| 8547 |
| 8548 .well { |
| 8549 min-height: 20px; |
| 8550 padding: 19px; |
| 8551 margin-bottom: 20px; |
| 8552 background-color: #f5f5f5; |
| 8553 border: 1px solid #e3e3e3; |
| 8554 border-radius: 4px; |
| 8555 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8556 } |
| 8557 </style> |
| 2192 <nav-bar> | 8558 <nav-bar> |
| 2193 <top-nav-menu></top-nav-menu> | 8559 <top-nav-menu></top-nav-menu> |
| 2194 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> | 8560 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> |
| 2195 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor
="stack trace" last="{{ true }}"></nav-menu> | 8561 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor
="stack trace" last="{{ true }}"></nav-menu> |
| 2196 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 8562 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 2197 </nav-bar> | 8563 </nav-bar> |
| 2198 <template if="{{ trace['members'].isEmpty }}"> | 8564 <template if="{{ trace['members'].isEmpty }}"> |
| 2199 <div class="content"> | 8565 <div class="content"> |
| 2200 <em>No stack</em> | 8566 <em>No stack</em> |
| 2201 </div> | 8567 </div> |
| 2202 </template> | 8568 </template> |
| 2203 <template if="{{ trace['members'].isNotEmpty }}"> | 8569 <template if="{{ trace['members'].isNotEmpty }}"> |
| 2204 <ul class="list-group"> | 8570 <ul class="list-group"> |
| 2205 <template repeat="{{ frame in trace['members'] }}"> | 8571 <template repeat="{{ frame in trace['members'] }}"> |
| 2206 <li class="list-group-item"> | 8572 <li class="list-group-item"> |
| 2207 <stack-frame frame="{{ frame }}"></stack-frame> | 8573 <stack-frame frame="{{ frame }}"></stack-frame> |
| 2208 </li> | 8574 </li> |
| 2209 </template> | 8575 </template> |
| 2210 </ul> | 8576 </ul> |
| 2211 </template> | 8577 </template> |
| 2212 </template> | 8578 </template> |
| 2213 | 8579 |
| 2214 </polymer-element> | 8580 </polymer-element> |
| 8581 |
| 8582 |
| 8583 |
| 8584 |
| 8585 |
| 8586 |
| 8587 |
| 8588 |
| 8589 |
| 2215 <polymer-element name="vm-view" extends="observatory-element"> | 8590 <polymer-element name="vm-view" extends="observatory-element"> |
| 2216 <template> | 8591 <template> |
| 2217 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8592 <style> |
| 8593 /* Global styles */ |
| 8594 * { |
| 8595 margin: 0; |
| 8596 padding: 0; |
| 8597 font: 400 14px 'Montserrat', sans-serif; |
| 8598 color: #333; |
| 8599 box-sizing: border-box; |
| 8600 } |
| 8601 |
| 8602 .content { |
| 8603 padding-left: 10%; |
| 8604 font: 400 14px 'Montserrat', sans-serif; |
| 8605 } |
| 8606 |
| 8607 .content-centered { |
| 8608 padding-left: 10%; |
| 8609 padding-right: 10%; |
| 8610 font: 400 14px 'Montserrat', sans-serif; |
| 8611 } |
| 8612 |
| 8613 h1 { |
| 8614 font: 400 18px 'Montserrat', sans-serif; |
| 8615 } |
| 8616 |
| 8617 .memberList { |
| 8618 display: table; |
| 8619 } |
| 8620 |
| 8621 .memberItem { |
| 8622 display: table-row; |
| 8623 } |
| 8624 |
| 8625 .memberName, .memberValue { |
| 8626 display: table-cell; |
| 8627 vertical-align: top; |
| 8628 padding: 3px 0 3px 1em; |
| 8629 font: 400 14px 'Montserrat', sans-serif; |
| 8630 } |
| 8631 |
| 8632 .monospace { |
| 8633 font-family: consolas, courier, monospace; |
| 8634 font-size: 1em; |
| 8635 line-height: 1.2em; |
| 8636 white-space: nowrap; |
| 8637 } |
| 8638 |
| 8639 a { |
| 8640 color: #0489c3; |
| 8641 text-decoration: none; |
| 8642 } |
| 8643 |
| 8644 a:hover { |
| 8645 text-decoration: underline; |
| 8646 } |
| 8647 |
| 8648 em { |
| 8649 color: inherit; |
| 8650 font-style:italic; |
| 8651 } |
| 8652 |
| 8653 hr { |
| 8654 margin-top: 20px; |
| 8655 margin-bottom: 20px; |
| 8656 border: 0; |
| 8657 border-top: 1px solid #eee; |
| 8658 height: 0; |
| 8659 box-sizing: content-box; |
| 8660 } |
| 8661 |
| 8662 .list-group { |
| 8663 padding-left: 0; |
| 8664 margin-bottom: 20px; |
| 8665 } |
| 8666 |
| 8667 .list-group-item { |
| 8668 position: relative; |
| 8669 display: block; |
| 8670 padding: 10px 15px; |
| 8671 margin-bottom: -1px; |
| 8672 background-color: #fff; |
| 8673 } |
| 8674 |
| 8675 .list-group-item:first-child { |
| 8676 /* rounded top corners */ |
| 8677 border-top-right-radius:4px; |
| 8678 border-top-left-radius:4px; |
| 8679 } |
| 8680 |
| 8681 .list-group-item:last-child { |
| 8682 margin-bottom: 0; |
| 8683 /* rounded bottom corners */ |
| 8684 border-bottom-right-radius: 4px; |
| 8685 border-bottom-left-radius:4px; |
| 8686 } |
| 8687 |
| 8688 /* Flex row container */ |
| 8689 .flex-row { |
| 8690 display: flex; |
| 8691 flex-direction: row; |
| 8692 } |
| 8693 |
| 8694 /* Flex column container */ |
| 8695 .flex-column { |
| 8696 display: flex; |
| 8697 flex-direction: column; |
| 8698 } |
| 8699 |
| 8700 .flex-item-fit { |
| 8701 flex-grow: 1; |
| 8702 flex-shrink: 1; |
| 8703 flex-basis: auto; |
| 8704 } |
| 8705 |
| 8706 .flex-item-no-shrink { |
| 8707 flex-grow: 0; |
| 8708 flex-shrink: 0; |
| 8709 flex-basis: auto; |
| 8710 } |
| 8711 |
| 8712 .flex-item-fill { |
| 8713 flex-grow: 0; |
| 8714 flex-shrink: 1; /* shrink when pressured */ |
| 8715 flex-basis: 100%; /* try and take 100% */ |
| 8716 } |
| 8717 |
| 8718 .flex-item-fixed-1-12 { |
| 8719 flex-grow: 0; |
| 8720 flex-shrink: 0; |
| 8721 flex-basis: 8.3%; |
| 8722 } |
| 8723 |
| 8724 .flex-item-fixed-2-12 { |
| 8725 flex-grow: 0; |
| 8726 flex-shrink: 0; |
| 8727 flex-basis: 16.6%; |
| 8728 } |
| 8729 |
| 8730 .flex-item-fixed-4-12 { |
| 8731 flex-grow: 0; |
| 8732 flex-shrink: 0; |
| 8733 flex-basis: 33.3333%; |
| 8734 } |
| 8735 |
| 8736 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 8737 flex-grow: 0; |
| 8738 flex-shrink: 0; |
| 8739 flex-basis: 50%; |
| 8740 } |
| 8741 |
| 8742 .flex-item-fixed-8-12 { |
| 8743 flex-grow: 0; |
| 8744 flex-shrink: 0; |
| 8745 flex-basis: 66.6666%; |
| 8746 } |
| 8747 |
| 8748 .flex-item-fixed-9-12 { |
| 8749 flex-grow: 0; |
| 8750 flex-shrink: 0; |
| 8751 flex-basis: 75%; |
| 8752 } |
| 8753 |
| 8754 |
| 8755 .flex-item-fixed-12-12 { |
| 8756 flex-grow: 0; |
| 8757 flex-shrink: 0; |
| 8758 flex-basis: 100%; |
| 8759 } |
| 8760 |
| 8761 .flex-item-10-percent { |
| 8762 flex-grow: 0; |
| 8763 flex-shrink: 0; |
| 8764 flex-basis: 10%; |
| 8765 } |
| 8766 |
| 8767 .flex-item-15-percent { |
| 8768 flex-grow: 0; |
| 8769 flex-shrink: 0; |
| 8770 flex-basis: 15%; |
| 8771 } |
| 8772 |
| 8773 .flex-item-20-percent { |
| 8774 flex-grow: 0; |
| 8775 flex-shrink: 0; |
| 8776 flex-basis: 20%; |
| 8777 } |
| 8778 |
| 8779 .flex-item-30-percent { |
| 8780 flex-grow: 0; |
| 8781 flex-shrink: 0; |
| 8782 flex-basis: 30%; |
| 8783 } |
| 8784 |
| 8785 .flex-item-40-percent { |
| 8786 flex-grow: 0; |
| 8787 flex-shrink: 0; |
| 8788 flex-basis: 40%; |
| 8789 } |
| 8790 |
| 8791 .flex-item-60-percent { |
| 8792 flex-grow: 0; |
| 8793 flex-shrink: 0; |
| 8794 flex-basis: 60%; |
| 8795 } |
| 8796 |
| 8797 .flex-item-70-percent { |
| 8798 flex-grow: 0; |
| 8799 flex-shrink: 0; |
| 8800 flex-basis: 70%; |
| 8801 } |
| 8802 |
| 8803 .flex-item-80-percent { |
| 8804 flex-grow: 0; |
| 8805 flex-shrink: 0; |
| 8806 flex-basis: 80%; |
| 8807 } |
| 8808 |
| 8809 .well { |
| 8810 min-height: 20px; |
| 8811 padding: 19px; |
| 8812 margin-bottom: 20px; |
| 8813 background-color: #f5f5f5; |
| 8814 border: 1px solid #e3e3e3; |
| 8815 border-radius: 4px; |
| 8816 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 8817 } |
| 8818 </style> |
| 2218 | 8819 |
| 2219 <nav-bar> | 8820 <nav-bar> |
| 2220 <top-nav-menu last="{{ true }}"></top-nav-menu> | 8821 <top-nav-menu last="{{ true }}"></top-nav-menu> |
| 2221 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 8822 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 2222 </nav-bar> | 8823 </nav-bar> |
| 2223 | 8824 |
| 2224 <div class="content"> | 8825 <div class="content"> |
| 2225 <h1>VM</h1> | 8826 <h1>VM</h1> |
| 2226 <div class="memberList"> | 8827 <div class="memberList"> |
| 2227 <div class="memberItem"> | 8828 <div class="memberItem"> |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2262 an observable property on the old element to an invalid type. --> | 8863 an observable property on the old element to an invalid type. --> |
| 2263 | 8864 |
| 2264 </polymer-element> | 8865 </polymer-element> |
| 2265 <polymer-element name="response-viewer" extends="observatory-element"> | 8866 <polymer-element name="response-viewer" extends="observatory-element"> |
| 2266 <template> | 8867 <template> |
| 2267 <service-view object="{{ app.response }}"></service-view> | 8868 <service-view object="{{ app.response }}"></service-view> |
| 2268 </template> | 8869 </template> |
| 2269 | 8870 |
| 2270 </polymer-element><polymer-element name="observatory-application" extends="obser
vatory-element"> | 8871 </polymer-element><polymer-element name="observatory-application" extends="obser
vatory-element"> |
| 2271 <template> | 8872 <template> |
| 2272 <response-viewer app="{{ app }}"></response-viewer> | 8873 <response-viewer app="{{ this.app }}"></response-viewer> |
| 2273 </template> | 8874 </template> |
| 2274 | 8875 |
| 2275 </polymer-element> | 8876 </polymer-element> |
| 8877 |
| 8878 |
| 8879 |
| 2276 <polymer-element name="service-exception-view" extends="observatory-element"> | 8880 <polymer-element name="service-exception-view" extends="observatory-element"> |
| 2277 <template> | 8881 <template> |
| 2278 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 8882 <style> |
| 8883 /* Global styles */ |
| 8884 * { |
| 8885 margin: 0; |
| 8886 padding: 0; |
| 8887 font: 400 14px 'Montserrat', sans-serif; |
| 8888 color: #333; |
| 8889 box-sizing: border-box; |
| 8890 } |
| 8891 |
| 8892 .content { |
| 8893 padding-left: 10%; |
| 8894 font: 400 14px 'Montserrat', sans-serif; |
| 8895 } |
| 8896 |
| 8897 .content-centered { |
| 8898 padding-left: 10%; |
| 8899 padding-right: 10%; |
| 8900 font: 400 14px 'Montserrat', sans-serif; |
| 8901 } |
| 8902 |
| 8903 h1 { |
| 8904 font: 400 18px 'Montserrat', sans-serif; |
| 8905 } |
| 8906 |
| 8907 .memberList { |
| 8908 display: table; |
| 8909 } |
| 8910 |
| 8911 .memberItem { |
| 8912 display: table-row; |
| 8913 } |
| 8914 |
| 8915 .memberName, .memberValue { |
| 8916 display: table-cell; |
| 8917 vertical-align: top; |
| 8918 padding: 3px 0 3px 1em; |
| 8919 font: 400 14px 'Montserrat', sans-serif; |
| 8920 } |
| 8921 |
| 8922 .monospace { |
| 8923 font-family: consolas, courier, monospace; |
| 8924 font-size: 1em; |
| 8925 line-height: 1.2em; |
| 8926 white-space: nowrap; |
| 8927 } |
| 8928 |
| 8929 a { |
| 8930 color: #0489c3; |
| 8931 text-decoration: none; |
| 8932 } |
| 8933 |
| 8934 a:hover { |
| 8935 text-decoration: underline; |
| 8936 } |
| 8937 |
| 8938 em { |
| 8939 color: inherit; |
| 8940 font-style:italic; |
| 8941 } |
| 8942 |
| 8943 hr { |
| 8944 margin-top: 20px; |
| 8945 margin-bottom: 20px; |
| 8946 border: 0; |
| 8947 border-top: 1px solid #eee; |
| 8948 height: 0; |
| 8949 box-sizing: content-box; |
| 8950 } |
| 8951 |
| 8952 .list-group { |
| 8953 padding-left: 0; |
| 8954 margin-bottom: 20px; |
| 8955 } |
| 8956 |
| 8957 .list-group-item { |
| 8958 position: relative; |
| 8959 display: block; |
| 8960 padding: 10px 15px; |
| 8961 margin-bottom: -1px; |
| 8962 background-color: #fff; |
| 8963 } |
| 8964 |
| 8965 .list-group-item:first-child { |
| 8966 /* rounded top corners */ |
| 8967 border-top-right-radius:4px; |
| 8968 border-top-left-radius:4px; |
| 8969 } |
| 8970 |
| 8971 .list-group-item:last-child { |
| 8972 margin-bottom: 0; |
| 8973 /* rounded bottom corners */ |
| 8974 border-bottom-right-radius: 4px; |
| 8975 border-bottom-left-radius:4px; |
| 8976 } |
| 8977 |
| 8978 /* Flex row container */ |
| 8979 .flex-row { |
| 8980 display: flex; |
| 8981 flex-direction: row; |
| 8982 } |
| 8983 |
| 8984 /* Flex column container */ |
| 8985 .flex-column { |
| 8986 display: flex; |
| 8987 flex-direction: column; |
| 8988 } |
| 8989 |
| 8990 .flex-item-fit { |
| 8991 flex-grow: 1; |
| 8992 flex-shrink: 1; |
| 8993 flex-basis: auto; |
| 8994 } |
| 8995 |
| 8996 .flex-item-no-shrink { |
| 8997 flex-grow: 0; |
| 8998 flex-shrink: 0; |
| 8999 flex-basis: auto; |
| 9000 } |
| 9001 |
| 9002 .flex-item-fill { |
| 9003 flex-grow: 0; |
| 9004 flex-shrink: 1; /* shrink when pressured */ |
| 9005 flex-basis: 100%; /* try and take 100% */ |
| 9006 } |
| 9007 |
| 9008 .flex-item-fixed-1-12 { |
| 9009 flex-grow: 0; |
| 9010 flex-shrink: 0; |
| 9011 flex-basis: 8.3%; |
| 9012 } |
| 9013 |
| 9014 .flex-item-fixed-2-12 { |
| 9015 flex-grow: 0; |
| 9016 flex-shrink: 0; |
| 9017 flex-basis: 16.6%; |
| 9018 } |
| 9019 |
| 9020 .flex-item-fixed-4-12 { |
| 9021 flex-grow: 0; |
| 9022 flex-shrink: 0; |
| 9023 flex-basis: 33.3333%; |
| 9024 } |
| 9025 |
| 9026 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 9027 flex-grow: 0; |
| 9028 flex-shrink: 0; |
| 9029 flex-basis: 50%; |
| 9030 } |
| 9031 |
| 9032 .flex-item-fixed-8-12 { |
| 9033 flex-grow: 0; |
| 9034 flex-shrink: 0; |
| 9035 flex-basis: 66.6666%; |
| 9036 } |
| 9037 |
| 9038 .flex-item-fixed-9-12 { |
| 9039 flex-grow: 0; |
| 9040 flex-shrink: 0; |
| 9041 flex-basis: 75%; |
| 9042 } |
| 9043 |
| 9044 |
| 9045 .flex-item-fixed-12-12 { |
| 9046 flex-grow: 0; |
| 9047 flex-shrink: 0; |
| 9048 flex-basis: 100%; |
| 9049 } |
| 9050 |
| 9051 .flex-item-10-percent { |
| 9052 flex-grow: 0; |
| 9053 flex-shrink: 0; |
| 9054 flex-basis: 10%; |
| 9055 } |
| 9056 |
| 9057 .flex-item-15-percent { |
| 9058 flex-grow: 0; |
| 9059 flex-shrink: 0; |
| 9060 flex-basis: 15%; |
| 9061 } |
| 9062 |
| 9063 .flex-item-20-percent { |
| 9064 flex-grow: 0; |
| 9065 flex-shrink: 0; |
| 9066 flex-basis: 20%; |
| 9067 } |
| 9068 |
| 9069 .flex-item-30-percent { |
| 9070 flex-grow: 0; |
| 9071 flex-shrink: 0; |
| 9072 flex-basis: 30%; |
| 9073 } |
| 9074 |
| 9075 .flex-item-40-percent { |
| 9076 flex-grow: 0; |
| 9077 flex-shrink: 0; |
| 9078 flex-basis: 40%; |
| 9079 } |
| 9080 |
| 9081 .flex-item-60-percent { |
| 9082 flex-grow: 0; |
| 9083 flex-shrink: 0; |
| 9084 flex-basis: 60%; |
| 9085 } |
| 9086 |
| 9087 .flex-item-70-percent { |
| 9088 flex-grow: 0; |
| 9089 flex-shrink: 0; |
| 9090 flex-basis: 70%; |
| 9091 } |
| 9092 |
| 9093 .flex-item-80-percent { |
| 9094 flex-grow: 0; |
| 9095 flex-shrink: 0; |
| 9096 flex-basis: 80%; |
| 9097 } |
| 9098 |
| 9099 .well { |
| 9100 min-height: 20px; |
| 9101 padding: 19px; |
| 9102 margin-bottom: 20px; |
| 9103 background-color: #f5f5f5; |
| 9104 border: 1px solid #e3e3e3; |
| 9105 border-radius: 4px; |
| 9106 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 9107 } |
| 9108 </style> |
| 2279 <nav-bar> | 9109 <nav-bar> |
| 2280 <top-nav-menu last="{{ true }}"></top-nav-menu> | 9110 <top-nav-menu last="{{ true }}"></top-nav-menu> |
| 2281 </nav-bar> | 9111 </nav-bar> |
| 2282 <div class="content-centered"> | 9112 <div class="content-centered"> |
| 2283 <h1>{{ exception.kind }}</h1> | 9113 <h1>{{ exception.kind }}</h1> |
| 2284 <br> | 9114 <br> |
| 2285 <div class="well">{{ exception.message }}</div> | 9115 <div class="well">{{ exception.message }}</div> |
| 2286 <template if="{{ exception.response != '' }}"> | 9116 <template if="{{ exception.response != '' }}"> |
| 2287 <div class="well">{{ exception.response }}</div> | 9117 <div class="well">{{ exception.response }}</div> |
| 2288 </template> | 9118 </template> |
| 2289 </div> | 9119 </div> |
| 2290 </template> | 9120 </template> |
| 2291 | 9121 |
| 2292 </polymer-element> | 9122 </polymer-element> |
| 9123 |
| 9124 |
| 9125 |
| 2293 <polymer-element name="service-error-view" extends="observatory-element"> | 9126 <polymer-element name="service-error-view" extends="observatory-element"> |
| 2294 <template> | 9127 <template> |
| 2295 <link rel="stylesheet" href="packages/observatory/src/elements/css/shared.cs
s"> | 9128 <style> |
| 9129 /* Global styles */ |
| 9130 * { |
| 9131 margin: 0; |
| 9132 padding: 0; |
| 9133 font: 400 14px 'Montserrat', sans-serif; |
| 9134 color: #333; |
| 9135 box-sizing: border-box; |
| 9136 } |
| 9137 |
| 9138 .content { |
| 9139 padding-left: 10%; |
| 9140 font: 400 14px 'Montserrat', sans-serif; |
| 9141 } |
| 9142 |
| 9143 .content-centered { |
| 9144 padding-left: 10%; |
| 9145 padding-right: 10%; |
| 9146 font: 400 14px 'Montserrat', sans-serif; |
| 9147 } |
| 9148 |
| 9149 h1 { |
| 9150 font: 400 18px 'Montserrat', sans-serif; |
| 9151 } |
| 9152 |
| 9153 .memberList { |
| 9154 display: table; |
| 9155 } |
| 9156 |
| 9157 .memberItem { |
| 9158 display: table-row; |
| 9159 } |
| 9160 |
| 9161 .memberName, .memberValue { |
| 9162 display: table-cell; |
| 9163 vertical-align: top; |
| 9164 padding: 3px 0 3px 1em; |
| 9165 font: 400 14px 'Montserrat', sans-serif; |
| 9166 } |
| 9167 |
| 9168 .monospace { |
| 9169 font-family: consolas, courier, monospace; |
| 9170 font-size: 1em; |
| 9171 line-height: 1.2em; |
| 9172 white-space: nowrap; |
| 9173 } |
| 9174 |
| 9175 a { |
| 9176 color: #0489c3; |
| 9177 text-decoration: none; |
| 9178 } |
| 9179 |
| 9180 a:hover { |
| 9181 text-decoration: underline; |
| 9182 } |
| 9183 |
| 9184 em { |
| 9185 color: inherit; |
| 9186 font-style:italic; |
| 9187 } |
| 9188 |
| 9189 hr { |
| 9190 margin-top: 20px; |
| 9191 margin-bottom: 20px; |
| 9192 border: 0; |
| 9193 border-top: 1px solid #eee; |
| 9194 height: 0; |
| 9195 box-sizing: content-box; |
| 9196 } |
| 9197 |
| 9198 .list-group { |
| 9199 padding-left: 0; |
| 9200 margin-bottom: 20px; |
| 9201 } |
| 9202 |
| 9203 .list-group-item { |
| 9204 position: relative; |
| 9205 display: block; |
| 9206 padding: 10px 15px; |
| 9207 margin-bottom: -1px; |
| 9208 background-color: #fff; |
| 9209 } |
| 9210 |
| 9211 .list-group-item:first-child { |
| 9212 /* rounded top corners */ |
| 9213 border-top-right-radius:4px; |
| 9214 border-top-left-radius:4px; |
| 9215 } |
| 9216 |
| 9217 .list-group-item:last-child { |
| 9218 margin-bottom: 0; |
| 9219 /* rounded bottom corners */ |
| 9220 border-bottom-right-radius: 4px; |
| 9221 border-bottom-left-radius:4px; |
| 9222 } |
| 9223 |
| 9224 /* Flex row container */ |
| 9225 .flex-row { |
| 9226 display: flex; |
| 9227 flex-direction: row; |
| 9228 } |
| 9229 |
| 9230 /* Flex column container */ |
| 9231 .flex-column { |
| 9232 display: flex; |
| 9233 flex-direction: column; |
| 9234 } |
| 9235 |
| 9236 .flex-item-fit { |
| 9237 flex-grow: 1; |
| 9238 flex-shrink: 1; |
| 9239 flex-basis: auto; |
| 9240 } |
| 9241 |
| 9242 .flex-item-no-shrink { |
| 9243 flex-grow: 0; |
| 9244 flex-shrink: 0; |
| 9245 flex-basis: auto; |
| 9246 } |
| 9247 |
| 9248 .flex-item-fill { |
| 9249 flex-grow: 0; |
| 9250 flex-shrink: 1; /* shrink when pressured */ |
| 9251 flex-basis: 100%; /* try and take 100% */ |
| 9252 } |
| 9253 |
| 9254 .flex-item-fixed-1-12 { |
| 9255 flex-grow: 0; |
| 9256 flex-shrink: 0; |
| 9257 flex-basis: 8.3%; |
| 9258 } |
| 9259 |
| 9260 .flex-item-fixed-2-12 { |
| 9261 flex-grow: 0; |
| 9262 flex-shrink: 0; |
| 9263 flex-basis: 16.6%; |
| 9264 } |
| 9265 |
| 9266 .flex-item-fixed-4-12 { |
| 9267 flex-grow: 0; |
| 9268 flex-shrink: 0; |
| 9269 flex-basis: 33.3333%; |
| 9270 } |
| 9271 |
| 9272 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 9273 flex-grow: 0; |
| 9274 flex-shrink: 0; |
| 9275 flex-basis: 50%; |
| 9276 } |
| 9277 |
| 9278 .flex-item-fixed-8-12 { |
| 9279 flex-grow: 0; |
| 9280 flex-shrink: 0; |
| 9281 flex-basis: 66.6666%; |
| 9282 } |
| 9283 |
| 9284 .flex-item-fixed-9-12 { |
| 9285 flex-grow: 0; |
| 9286 flex-shrink: 0; |
| 9287 flex-basis: 75%; |
| 9288 } |
| 9289 |
| 9290 |
| 9291 .flex-item-fixed-12-12 { |
| 9292 flex-grow: 0; |
| 9293 flex-shrink: 0; |
| 9294 flex-basis: 100%; |
| 9295 } |
| 9296 |
| 9297 .flex-item-10-percent { |
| 9298 flex-grow: 0; |
| 9299 flex-shrink: 0; |
| 9300 flex-basis: 10%; |
| 9301 } |
| 9302 |
| 9303 .flex-item-15-percent { |
| 9304 flex-grow: 0; |
| 9305 flex-shrink: 0; |
| 9306 flex-basis: 15%; |
| 9307 } |
| 9308 |
| 9309 .flex-item-20-percent { |
| 9310 flex-grow: 0; |
| 9311 flex-shrink: 0; |
| 9312 flex-basis: 20%; |
| 9313 } |
| 9314 |
| 9315 .flex-item-30-percent { |
| 9316 flex-grow: 0; |
| 9317 flex-shrink: 0; |
| 9318 flex-basis: 30%; |
| 9319 } |
| 9320 |
| 9321 .flex-item-40-percent { |
| 9322 flex-grow: 0; |
| 9323 flex-shrink: 0; |
| 9324 flex-basis: 40%; |
| 9325 } |
| 9326 |
| 9327 .flex-item-60-percent { |
| 9328 flex-grow: 0; |
| 9329 flex-shrink: 0; |
| 9330 flex-basis: 60%; |
| 9331 } |
| 9332 |
| 9333 .flex-item-70-percent { |
| 9334 flex-grow: 0; |
| 9335 flex-shrink: 0; |
| 9336 flex-basis: 70%; |
| 9337 } |
| 9338 |
| 9339 .flex-item-80-percent { |
| 9340 flex-grow: 0; |
| 9341 flex-shrink: 0; |
| 9342 flex-basis: 80%; |
| 9343 } |
| 9344 |
| 9345 .well { |
| 9346 min-height: 20px; |
| 9347 padding: 19px; |
| 9348 margin-bottom: 20px; |
| 9349 background-color: #f5f5f5; |
| 9350 border: 1px solid #e3e3e3; |
| 9351 border-radius: 4px; |
| 9352 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 9353 } |
| 9354 </style> |
| 2296 <nav-bar> | 9355 <nav-bar> |
| 2297 <top-nav-menu last="{{ true }}"></top-nav-menu> | 9356 <top-nav-menu last="{{ true }}"></top-nav-menu> |
| 2298 </nav-bar> | 9357 </nav-bar> |
| 2299 <div class="content-centered"> | 9358 <div class="content-centered"> |
| 2300 <h1>{{ error.kind }}</h1> | 9359 <h1>{{ error.kind }}</h1> |
| 2301 <br> | 9360 <br> |
| 2302 <div class="well">{{ error.message }}</div> | 9361 <div class="well">{{ error.message }}</div> |
| 2303 </div> | 9362 </div> |
| 2304 </template> | 9363 </template> |
| 2305 | 9364 |
| 2306 </polymer-element> | 9365 </polymer-element> |
| 9366 |
| 9367 |
| 2307 <polymer-element name="vm-ref" extends="service-ref"> | 9368 <polymer-element name="vm-ref" extends="service-ref"> |
| 2308 <template><link rel="stylesheet" href="packages/observatory/src/elements/css/sha
red.css"> | 9369 <template><style> |
| 9370 /* Global styles */ |
| 9371 * { |
| 9372 margin: 0; |
| 9373 padding: 0; |
| 9374 font: 400 14px 'Montserrat', sans-serif; |
| 9375 color: #333; |
| 9376 box-sizing: border-box; |
| 9377 } |
| 9378 |
| 9379 .content { |
| 9380 padding-left: 10%; |
| 9381 font: 400 14px 'Montserrat', sans-serif; |
| 9382 } |
| 9383 |
| 9384 .content-centered { |
| 9385 padding-left: 10%; |
| 9386 padding-right: 10%; |
| 9387 font: 400 14px 'Montserrat', sans-serif; |
| 9388 } |
| 9389 |
| 9390 h1 { |
| 9391 font: 400 18px 'Montserrat', sans-serif; |
| 9392 } |
| 9393 |
| 9394 .memberList { |
| 9395 display: table; |
| 9396 } |
| 9397 |
| 9398 .memberItem { |
| 9399 display: table-row; |
| 9400 } |
| 9401 |
| 9402 .memberName, .memberValue { |
| 9403 display: table-cell; |
| 9404 vertical-align: top; |
| 9405 padding: 3px 0 3px 1em; |
| 9406 font: 400 14px 'Montserrat', sans-serif; |
| 9407 } |
| 9408 |
| 9409 .monospace { |
| 9410 font-family: consolas, courier, monospace; |
| 9411 font-size: 1em; |
| 9412 line-height: 1.2em; |
| 9413 white-space: nowrap; |
| 9414 } |
| 9415 |
| 9416 a { |
| 9417 color: #0489c3; |
| 9418 text-decoration: none; |
| 9419 } |
| 9420 |
| 9421 a:hover { |
| 9422 text-decoration: underline; |
| 9423 } |
| 9424 |
| 9425 em { |
| 9426 color: inherit; |
| 9427 font-style:italic; |
| 9428 } |
| 9429 |
| 9430 hr { |
| 9431 margin-top: 20px; |
| 9432 margin-bottom: 20px; |
| 9433 border: 0; |
| 9434 border-top: 1px solid #eee; |
| 9435 height: 0; |
| 9436 box-sizing: content-box; |
| 9437 } |
| 9438 |
| 9439 .list-group { |
| 9440 padding-left: 0; |
| 9441 margin-bottom: 20px; |
| 9442 } |
| 9443 |
| 9444 .list-group-item { |
| 9445 position: relative; |
| 9446 display: block; |
| 9447 padding: 10px 15px; |
| 9448 margin-bottom: -1px; |
| 9449 background-color: #fff; |
| 9450 } |
| 9451 |
| 9452 .list-group-item:first-child { |
| 9453 /* rounded top corners */ |
| 9454 border-top-right-radius:4px; |
| 9455 border-top-left-radius:4px; |
| 9456 } |
| 9457 |
| 9458 .list-group-item:last-child { |
| 9459 margin-bottom: 0; |
| 9460 /* rounded bottom corners */ |
| 9461 border-bottom-right-radius: 4px; |
| 9462 border-bottom-left-radius:4px; |
| 9463 } |
| 9464 |
| 9465 /* Flex row container */ |
| 9466 .flex-row { |
| 9467 display: flex; |
| 9468 flex-direction: row; |
| 9469 } |
| 9470 |
| 9471 /* Flex column container */ |
| 9472 .flex-column { |
| 9473 display: flex; |
| 9474 flex-direction: column; |
| 9475 } |
| 9476 |
| 9477 .flex-item-fit { |
| 9478 flex-grow: 1; |
| 9479 flex-shrink: 1; |
| 9480 flex-basis: auto; |
| 9481 } |
| 9482 |
| 9483 .flex-item-no-shrink { |
| 9484 flex-grow: 0; |
| 9485 flex-shrink: 0; |
| 9486 flex-basis: auto; |
| 9487 } |
| 9488 |
| 9489 .flex-item-fill { |
| 9490 flex-grow: 0; |
| 9491 flex-shrink: 1; /* shrink when pressured */ |
| 9492 flex-basis: 100%; /* try and take 100% */ |
| 9493 } |
| 9494 |
| 9495 .flex-item-fixed-1-12 { |
| 9496 flex-grow: 0; |
| 9497 flex-shrink: 0; |
| 9498 flex-basis: 8.3%; |
| 9499 } |
| 9500 |
| 9501 .flex-item-fixed-2-12 { |
| 9502 flex-grow: 0; |
| 9503 flex-shrink: 0; |
| 9504 flex-basis: 16.6%; |
| 9505 } |
| 9506 |
| 9507 .flex-item-fixed-4-12 { |
| 9508 flex-grow: 0; |
| 9509 flex-shrink: 0; |
| 9510 flex-basis: 33.3333%; |
| 9511 } |
| 9512 |
| 9513 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 9514 flex-grow: 0; |
| 9515 flex-shrink: 0; |
| 9516 flex-basis: 50%; |
| 9517 } |
| 9518 |
| 9519 .flex-item-fixed-8-12 { |
| 9520 flex-grow: 0; |
| 9521 flex-shrink: 0; |
| 9522 flex-basis: 66.6666%; |
| 9523 } |
| 9524 |
| 9525 .flex-item-fixed-9-12 { |
| 9526 flex-grow: 0; |
| 9527 flex-shrink: 0; |
| 9528 flex-basis: 75%; |
| 9529 } |
| 9530 |
| 9531 |
| 9532 .flex-item-fixed-12-12 { |
| 9533 flex-grow: 0; |
| 9534 flex-shrink: 0; |
| 9535 flex-basis: 100%; |
| 9536 } |
| 9537 |
| 9538 .flex-item-10-percent { |
| 9539 flex-grow: 0; |
| 9540 flex-shrink: 0; |
| 9541 flex-basis: 10%; |
| 9542 } |
| 9543 |
| 9544 .flex-item-15-percent { |
| 9545 flex-grow: 0; |
| 9546 flex-shrink: 0; |
| 9547 flex-basis: 15%; |
| 9548 } |
| 9549 |
| 9550 .flex-item-20-percent { |
| 9551 flex-grow: 0; |
| 9552 flex-shrink: 0; |
| 9553 flex-basis: 20%; |
| 9554 } |
| 9555 |
| 9556 .flex-item-30-percent { |
| 9557 flex-grow: 0; |
| 9558 flex-shrink: 0; |
| 9559 flex-basis: 30%; |
| 9560 } |
| 9561 |
| 9562 .flex-item-40-percent { |
| 9563 flex-grow: 0; |
| 9564 flex-shrink: 0; |
| 9565 flex-basis: 40%; |
| 9566 } |
| 9567 |
| 9568 .flex-item-60-percent { |
| 9569 flex-grow: 0; |
| 9570 flex-shrink: 0; |
| 9571 flex-basis: 60%; |
| 9572 } |
| 9573 |
| 9574 .flex-item-70-percent { |
| 9575 flex-grow: 0; |
| 9576 flex-shrink: 0; |
| 9577 flex-basis: 70%; |
| 9578 } |
| 9579 |
| 9580 .flex-item-80-percent { |
| 9581 flex-grow: 0; |
| 9582 flex-shrink: 0; |
| 9583 flex-basis: 80%; |
| 9584 } |
| 9585 |
| 9586 .well { |
| 9587 min-height: 20px; |
| 9588 padding: 19px; |
| 9589 margin-bottom: 20px; |
| 9590 background-color: #f5f5f5; |
| 9591 border: 1px solid #e3e3e3; |
| 9592 border-radius: 4px; |
| 9593 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 9594 } |
| 9595 </style> |
| 2309 <a href="{{ url }}">{{ ref.name }}</a> | 9596 <a href="{{ url }}">{{ ref.name }}</a> |
| 2310 </template> | 9597 </template> |
| 2311 | 9598 |
| 2312 </polymer-element> | 9599 </polymer-element> |
| 2313 | 9600 |
| 2314 | 9601 |
| 2315 <observatory-application></observatory-application> | 9602 <observatory-application></observatory-application> |
| 2316 | 9603 |
| 2317 </body></html> | 9604 <script src="index.html_bootstrap.dart.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 299823004:
Upgrade Observatory to Polymer 0.10.x (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart