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

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

Issue 322303002: Version 1.5.0-dev.4.6 (Closed) Base URL: http://dart.googlecode.com/svn/trunk/
Patch Set: Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html><html><head> 1 <!DOCTYPE html><html><head>
2 <title>Dart VM Observatory</title> 2 <title>Dart VM Observatory</title>
3 <meta charset="utf-8"> 3 <meta charset="utf-8">
4 4
5 5
6 6
7 7
8 8
9 9
10 </head> 10 </head>
(...skipping 641 matching lines...) Expand 10 before | Expand all | Expand 10 after
652 </template> 652 </template>
653 653
654 <template if="{{ isNull(ref.serviceType) }}"> 654 <template if="{{ isNull(ref.serviceType) }}">
655 <div title="{{ hoverText }}">{{ ref['valueAsString'] }}</div> 655 <div title="{{ hoverText }}">{{ ref['valueAsString'] }}</div>
656 </template> 656 </template>
657 657
658 <template if="{{ (isString(ref.serviceType) || 658 <template if="{{ (isString(ref.serviceType) ||
659 isBool(ref.serviceType) || 659 isBool(ref.serviceType) ||
660 isInt(ref.serviceType)) || 660 isInt(ref.serviceType)) ||
661 isDouble(ref.serviceType)) }}"> 661 isDouble(ref.serviceType)) }}">
662 <a href="{{ url }}">{{ ref['valueAsString'] }}</a> 662 <a on-click="{{ goto }}" href="{{ url }}">{{ ref['valueAsString'] }}</a>
663 </template> 663 </template>
664 664
665 <template if="{{ (isType(ref.serviceType)) }}"> 665 <template if="{{ (isType(ref.serviceType)) }}">
666 <a href="{{ url }}">{{ ref['user_name'] }}</a> 666 <a on-click="{{ goto }}" href="{{ url }}">{{ ref['user_name'] }}</a>
667 </template> 667 </template>
668 668
669 <template if="{{ isInstance(ref.serviceType) &amp;&amp; 669 <template if="{{ isInstance(ref.serviceType) &amp;&amp;
670 ref['closureFunc'] != null}}"> 670 ref['closureFunc'] != null}}">
671 <a href="{{ url }}"> 671 <a on-click="{{ goto }}" href="{{ url }}">
672 <!-- TODO(turnidge): Switch this to fully-qualified function --> 672 <!-- TODO(turnidge): Switch this to fully-qualified function -->
673 {{ ref['closureFunc']['user_name'] }} 673 {{ ref['closureFunc']['user_name'] }}
674 </a> 674 </a>
675 </template> 675 </template>
676 676
677 <template if="{{ isInstance(ref.serviceType) &amp;&amp; 677 <template if="{{ isInstance(ref.serviceType) &amp;&amp;
678 ref['closureFunc'] == null}}"> 678 ref['closureFunc'] == null}}">
679 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em></a> 679 <a on-click="{{ goto }}" href="{{ url }}"><em>{{ ref['class'].name }}</e m></a>
680 <curly-block callback="{{ expander() }}"> 680 <curly-block callback="{{ expander() }}">
681 <div class="memberList"> 681 <div class="memberList">
682 <template repeat="{{ field in ref['fields'] }}"> 682 <template repeat="{{ field in ref['fields'] }}">
683 <div class="memberItem"> 683 <div class="memberItem">
684 <div class="memberName"> 684 <div class="memberName">
685 {{ field['decl']['user_name'] }} 685 {{ field['decl']['user_name'] }}
686 </div> 686 </div>
687 <div class="memberValue"> 687 <div class="memberValue">
688 <instance-ref ref="{{ field['value'] }}"></instance-ref> 688 <instance-ref ref="{{ field['value'] }}"></instance-ref>
689 </div> 689 </div>
690 </div> 690 </div>
691 </template> 691 </template>
692 </div> 692 </div>
693 </curly-block> 693 </curly-block>
694 </template> 694 </template>
695 695
696 <template if="{{ isList(ref.serviceType) }}"> 696 <template if="{{ isList(ref.serviceType) }}">
697 <a href="{{ url }}"><em>{{ ref['class']['user_name'] }}</em> ({{ ref['le ngth']}})</a> 697 <a on-click="{{ goto }}" href="{{ url }}"><em>{{ ref['class'].name }}</e m> ({{ ref['length']}})</a>
698 <curly-block callback="{{ expander() }}"> 698 <curly-block callback="{{ expander() }}">
699 <div class="memberList"> 699 <div class="memberList">
700 <template repeat="{{ element in ref['elements'] }}"> 700 <template repeat="{{ element in ref['elements'] }}">
701 <div class="memberItem"> 701 <div class="memberItem">
702 <div class="memberName">[{{ element['index']}}]</div> 702 <div class="memberName">[{{ element['index']}}]</div>
703 <div class="memberValue"> 703 <div class="memberValue">
704 <instance-ref ref="{{ element['value'] }}"></instance-ref> 704 <instance-ref ref="{{ element['value'] }}"></instance-ref>
705 </div> 705 </div>
706 </div> 706 </div>
707 </template> 707 </template>
(...skipping 339 matching lines...) Expand 10 before | Expand all | Expand 10 after
1047 } 1047 }
1048 .menu ul:after { 1048 .menu ul:after {
1049 content: ""; clear: both; display: block; 1049 content: ""; clear: both; display: block;
1050 } 1050 }
1051 .menu:hover > ul { 1051 .menu:hover > ul {
1052 display: block; 1052 display: block;
1053 } 1053 }
1054 </style> 1054 </style>
1055 1055
1056 <li class="menu"> 1056 <li class="menu">
1057 <a href="{{ link }}">{{ anchor }}</a> 1057 <a on-click="{{ goto }}" href="{{ gotoLink(link) }}">{{ anchor }}</a>
1058 <ul><content></content></ul> 1058 <ul><content></content></ul>
1059 </li> 1059 </li>
1060 <template if="{{ !last }}"> 1060 <template if="{{ !last }}">
1061 <li class="spacer">&gt;</li> 1061 <li class="spacer">&gt;</li>
1062 </template> 1062 </template>
1063 1063
1064 </template> 1064 </template>
1065 </polymer-element> 1065 </polymer-element>
1066 1066
1067 <polymer-element name="nav-menu-item" extends="observatory-element"> 1067 <polymer-element name="nav-menu-item" extends="observatory-element">
(...skipping 27 matching lines...) Expand all
1095 li:hover > ul { 1095 li:hover > ul {
1096 display: block; 1096 display: block;
1097 } 1097 }
1098 li a { 1098 li a {
1099 display: block; 1099 display: block;
1100 padding: 12px 12px; 1100 padding: 12px 12px;
1101 color: white; 1101 color: white;
1102 text-decoration: none; 1102 text-decoration: none;
1103 } 1103 }
1104 </style> 1104 </style>
1105 <li><a href="{{ link }}">{{ anchor }}</a> 1105 <li><a on-click="{{ goto }}" href="{{ gotoLink(link) }}">{{ anchor }}</a>
1106 <ul><content></content></ul> 1106 <ul><content></content></ul>
1107 </li> 1107 </li>
1108 </template> 1108 </template>
1109 </polymer-element> 1109 </polymer-element>
1110 1110
1111 <polymer-element name="nav-refresh" extends="observatory-element"> 1111 <polymer-element name="nav-refresh" extends="observatory-element">
1112 <template> 1112 <template>
1113 <style> 1113 <style>
1114 .active { 1114 .active {
1115 color: #aaa; 1115 color: #aaa;
(...skipping 15 matching lines...) Expand all
1131 <template if="{{ active }}"> 1131 <template if="{{ active }}">
1132 <button class="active" on-click="{{ buttonClick }}">{{ label }}</button> 1132 <button class="active" on-click="{{ buttonClick }}">{{ label }}</button>
1133 </template> 1133 </template>
1134 <template if="{{ !active }}"> 1134 <template if="{{ !active }}">
1135 <button class="idle" on-click="{{ buttonClick }}">{{ label }}</button> 1135 <button class="idle" on-click="{{ buttonClick }}">{{ label }}</button>
1136 </template> 1136 </template>
1137 </li> 1137 </li>
1138 </template> 1138 </template>
1139 </polymer-element> 1139 </polymer-element>
1140 1140
1141 <polymer-element name="nav-control" extends="observatory-element">
1142 <template>
1143 <style>
1144 .black {
1145 color: #000;
1146 }
1147 li {
1148 float: right;
1149 margin: 0;
1150 }
1151 button {
1152 margin: 3px;
1153 padding: 8px;
1154 }
1155 </style>
1156 <!-- Disable until issues with history in Dartium are fixed
1157 <li>
1158 <button class="black" on-click="{{ back }}">&#9664;</button>
1159 <button class="black" on-click="{{ forward }}">&#9654;</button>
1160 </li>
1161 -->
1162 </template>
1163 </polymer-element>
1164
1141 <polymer-element name="top-nav-menu"> 1165 <polymer-element name="top-nav-menu">
1142 <template> 1166 <template>
1143 <nav-menu link="#/vm" anchor="Observatory" last="{{ last }}"> 1167 <nav-menu link="/vm" anchor="Observatory" last="{{ last }}">
1144 <content></content> 1168 <content></content>
1145 </nav-menu> 1169 </nav-menu>
1146 </template> 1170 </template>
1147 </polymer-element> 1171 </polymer-element>
1148 1172
1149 <polymer-element name="isolate-nav-menu" extends="observatory-element"> 1173 <polymer-element name="isolate-nav-menu" extends="observatory-element">
1150 <template> 1174 <template>
1151 <nav-menu link="{{ hashLinkWorkaround }}" anchor="{{ isolate.name }}" last=" {{ last }}"> 1175 <nav-menu link="{{ hashLinkWorkaround }}" anchor="{{ isolate.name }}" last=" {{ last }}">
1152 <nav-menu-item link="{{ isolate.relativeHashLink('stacktrace') }}" anchor= "stack trace"></nav-menu-item> 1176 <nav-menu-item link="{{ isolate.relativeLink('stacktrace') }}" anchor="sta ck trace"></nav-menu-item>
1153 <nav-menu-item link="{{ isolate.relativeHashLink('profile') }}" anchor="cp u profile"></nav-menu-item> 1177 <nav-menu-item link="{{ isolate.relativeLink('profile') }}" anchor="cpu pr ofile"></nav-menu-item>
1154 <nav-menu-item link="{{ isolate.relativeHashLink('allocationprofile') }}" anchor="allocation profile"></nav-menu-item> 1178 <nav-menu-item link="{{ isolate.relativeLink('allocationprofile') }}" anch or="allocation profile"></nav-menu-item>
1155 <nav-menu-item link="{{ isolate.relativeHashLink('heapmap') }}" anchor="he ap map"></nav-menu-item> 1179 <nav-menu-item link="{{ isolate.relativeLink('heapmap') }}" anchor="heap m ap"></nav-menu-item>
1156 <nav-menu-item link="{{ isolate.relativeHashLink('debug/breakpoints') }}" anchor="breakpoints"></nav-menu-item> 1180 <nav-menu-item link="{{ isolate.relativeLink('debug/breakpoints') }}" anch or="breakpoints"></nav-menu-item>
1157 <content></content> 1181 <content></content>
1158 </nav-menu> 1182 </nav-menu>
1159 </template> 1183 </template>
1160 </polymer-element> 1184 </polymer-element>
1161 1185
1162 <polymer-element name="library-nav-menu" extends="observatory-element"> 1186 <polymer-element name="library-nav-menu" extends="observatory-element">
1163 <template> 1187 <template>
1164 <nav-menu link="{{ library.hashLink }}" anchor="{{ library.name }}" last="{{ last }}"> 1188 <nav-menu link="{{ library.link }}" anchor="{{ library.name }}" last="{{ las t }}">
1165 <content></content> 1189 <content></content>
1166 </nav-menu> 1190 </nav-menu>
1167 </template> 1191 </template>
1168 </polymer-element> 1192 </polymer-element>
1169 1193
1170 <polymer-element name="class-nav-menu" extends="observatory-element"> 1194 <polymer-element name="class-nav-menu" extends="observatory-element">
1171 <template> 1195 <template>
1172 <nav-menu link="{{ cls.hashLink }}" anchor="{{ cls.name }}" last="{{ last }} "> 1196 <nav-menu link="{{ cls.link }}" anchor="{{ cls.name }}" last="{{ last }}">
1173 <content></content> 1197 <content></content>
1174 </nav-menu> 1198 </nav-menu>
1175 </template> 1199 </template>
1176 </polymer-element> 1200 </polymer-element>
1177 1201
1178 1202
1179 <polymer-element name="breakpoint-list" extends="observatory-element"> 1203 <polymer-element name="breakpoint-list" extends="observatory-element">
1180 <template> 1204 <template>
1181 <style> 1205 <style>
1182 /* Global styles */ 1206 /* Global styles */
(...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after
1410 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 1434 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1411 } 1435 }
1412 1436
1413 .break-wrap { 1437 .break-wrap {
1414 word-wrap: break-word; 1438 word-wrap: break-word;
1415 } 1439 }
1416 </style> 1440 </style>
1417 <nav-bar> 1441 <nav-bar>
1418 <top-nav-menu></top-nav-menu> 1442 <top-nav-menu></top-nav-menu>
1419 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu> 1443 <isolate-nav-menu isolate="{{ msg.isolate }}"></isolate-nav-menu>
1420 <nav-menu link="{{ msg.isolate.relativeHashLink('debug/breakpoints') }}" a nchor="breakpoints" last="{{ true }}"></nav-menu> 1444 <nav-menu link="{{ gotoLink(msg.isolate.relativeLink('debug/breakpoints')) }}" anchor="breakpoints" last="{{ true }}"></nav-menu>
1421 <nav-refresh callback="{{ refresh }}"></nav-refresh> 1445 <nav-refresh callback="{{ refresh }}"></nav-refresh>
1446 <nav-control></nav-control>
1422 </nav-bar> 1447 </nav-bar>
1423 <template if="{{ msg['breakpoints'].isEmpty }}"> 1448 <template if="{{ msg['breakpoints'].isEmpty }}">
1424 <div> 1449 <div>
1425 <div>No breakpoints</div> 1450 <div>No breakpoints</div>
1426 </div> 1451 </div>
1427 </template> 1452 </template>
1428 <template if="{{ msg['breakpoints'].isNotEmpty }}"> 1453 <template if="{{ msg['breakpoints'].isNotEmpty }}">
1429 <ul class="list-group"> 1454 <ul class="list-group">
1430 <template repeat="{{ bpt in msg['breakpoints'] }}"> 1455 <template repeat="{{ bpt in msg['breakpoints'] }}">
1431 <li class="list-group-item"> 1456 <li class="list-group-item">
(...skipping 237 matching lines...) Expand 10 before | Expand all | Expand 10 after
1669 margin-bottom: 20px; 1694 margin-bottom: 20px;
1670 background-color: #f5f5f5; 1695 background-color: #f5f5f5;
1671 border: 1px solid #e3e3e3; 1696 border: 1px solid #e3e3e3;
1672 border-radius: 4px; 1697 border-radius: 4px;
1673 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 1698 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1674 } 1699 }
1675 1700
1676 .break-wrap { 1701 .break-wrap {
1677 word-wrap: break-word; 1702 word-wrap: break-word;
1678 } 1703 }
1679 </style><a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a></template> 1704 </style><a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ nam e }}</a></template>
1680 1705
1681 1706
1682 </polymer-element> 1707 </polymer-element>
1683 1708
1709
1710
1711
1712 <polymer-element name="class-tree" extends="observatory-element">
1713 <template>
1714 <style>
1715 /* Global styles */
1716 * {
1717 margin: 0;
1718 padding: 0;
1719 font: 400 14px 'Montserrat', sans-serif;
1720 color: #333;
1721 box-sizing: border-box;
1722 }
1723
1724 .content {
1725 padding-left: 10%;
1726 font: 400 14px 'Montserrat', sans-serif;
1727 }
1728
1729 .content-centered {
1730 padding-left: 10%;
1731 padding-right: 10%;
1732 font: 400 14px 'Montserrat', sans-serif;
1733 }
1734
1735 h1 {
1736 font: 400 18px 'Montserrat', sans-serif;
1737 }
1738
1739 .memberList {
1740 display: table;
1741 }
1742
1743 .memberItem {
1744 display: table-row;
1745 }
1746
1747 .memberName, .memberValue {
1748 display: table-cell;
1749 vertical-align: top;
1750 padding: 3px 0 3px 1em;
1751 font: 400 14px 'Montserrat', sans-serif;
1752 }
1753
1754 .monospace {
1755 font-family: consolas, courier, monospace;
1756 font-size: 1em;
1757 line-height: 1.2em;
1758 white-space: nowrap;
1759 }
1760
1761 a {
1762 color: #0489c3;
1763 text-decoration: none;
1764 }
1765
1766 a:hover {
1767 text-decoration: underline;
1768 }
1769
1770 em {
1771 color: inherit;
1772 font-style: italic;
1773 }
1774
1775 b {
1776 color: inherit;
1777 font-weight: bold;
1778 }
1779
1780 hr {
1781 margin-top: 20px;
1782 margin-bottom: 20px;
1783 border: 0;
1784 border-top: 1px solid #eee;
1785 height: 0;
1786 box-sizing: content-box;
1787 }
1788
1789 .list-group {
1790 padding-left: 0;
1791 margin-bottom: 20px;
1792 }
1793
1794 .list-group-item {
1795 position: relative;
1796 display: block;
1797 padding: 10px 15px;
1798 margin-bottom: -1px;
1799 background-color: #fff;
1800 }
1801
1802 .list-group-item:first-child {
1803 /* rounded top corners */
1804 border-top-right-radius:4px;
1805 border-top-left-radius:4px;
1806 }
1807
1808 .list-group-item:last-child {
1809 margin-bottom: 0;
1810 /* rounded bottom corners */
1811 border-bottom-right-radius: 4px;
1812 border-bottom-left-radius:4px;
1813 }
1814
1815 /* Flex row container */
1816 .flex-row {
1817 display: flex;
1818 flex-direction: row;
1819 }
1820
1821 /* Flex column container */
1822 .flex-column {
1823 display: flex;
1824 flex-direction: column;
1825 }
1826
1827 .flex-item-fit {
1828 flex-grow: 1;
1829 flex-shrink: 1;
1830 flex-basis: auto;
1831 }
1832
1833 .flex-item-no-shrink {
1834 flex-grow: 0;
1835 flex-shrink: 0;
1836 flex-basis: auto;
1837 }
1838
1839 .flex-item-fill {
1840 flex-grow: 0;
1841 flex-shrink: 1; /* shrink when pressured */
1842 flex-basis: 100%; /* try and take 100% */
1843 }
1844
1845 .flex-item-fixed-1-12 {
1846 flex-grow: 0;
1847 flex-shrink: 0;
1848 flex-basis: 8.3%;
1849 }
1850
1851 .flex-item-fixed-2-12 {
1852 flex-grow: 0;
1853 flex-shrink: 0;
1854 flex-basis: 16.6%;
1855 }
1856
1857 .flex-item-fixed-4-12 {
1858 flex-grow: 0;
1859 flex-shrink: 0;
1860 flex-basis: 33.3333%;
1861 }
1862
1863 .flex-item-fixed-6-12, .flex-item-50-percent {
1864 flex-grow: 0;
1865 flex-shrink: 0;
1866 flex-basis: 50%;
1867 }
1868
1869 .flex-item-fixed-8-12 {
1870 flex-grow: 0;
1871 flex-shrink: 0;
1872 flex-basis: 66.6666%;
1873 }
1874
1875 .flex-item-fixed-9-12 {
1876 flex-grow: 0;
1877 flex-shrink: 0;
1878 flex-basis: 75%;
1879 }
1880
1881
1882 .flex-item-fixed-12-12 {
1883 flex-grow: 0;
1884 flex-shrink: 0;
1885 flex-basis: 100%;
1886 }
1887
1888 .flex-item-10-percent {
1889 flex-grow: 0;
1890 flex-shrink: 0;
1891 flex-basis: 10%;
1892 }
1893
1894 .flex-item-15-percent {
1895 flex-grow: 0;
1896 flex-shrink: 0;
1897 flex-basis: 15%;
1898 }
1899
1900 .flex-item-20-percent {
1901 flex-grow: 0;
1902 flex-shrink: 0;
1903 flex-basis: 20%;
1904 }
1905
1906 .flex-item-30-percent {
1907 flex-grow: 0;
1908 flex-shrink: 0;
1909 flex-basis: 30%;
1910 }
1911
1912 .flex-item-40-percent {
1913 flex-grow: 0;
1914 flex-shrink: 0;
1915 flex-basis: 40%;
1916 }
1917
1918 .flex-item-60-percent {
1919 flex-grow: 0;
1920 flex-shrink: 0;
1921 flex-basis: 60%;
1922 }
1923
1924 .flex-item-70-percent {
1925 flex-grow: 0;
1926 flex-shrink: 0;
1927 flex-basis: 70%;
1928 }
1929
1930 .flex-item-80-percent {
1931 flex-grow: 0;
1932 flex-shrink: 0;
1933 flex-basis: 80%;
1934 }
1935
1936 .well {
1937 min-height: 20px;
1938 padding: 19px;
1939 margin-bottom: 20px;
1940 background-color: #f5f5f5;
1941 border: 1px solid #e3e3e3;
1942 border-radius: 4px;
1943 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
1944 }
1945
1946 .break-wrap {
1947 word-wrap: break-word;
1948 }
1949 </style>
1950 <style>
1951 .table {
1952 border-collapse: collapse!important;
1953 width: 100%;
1954 margin-bottom: 20px
1955 }
1956 .table thead > tr > th,
1957 .table tbody > tr > th,
1958 .table tfoot > tr > th,
1959 .table thead > tr > td,
1960 .table tbody > tr > td,
1961 .table tfoot > tr > td {
1962 padding: 8px;
1963 vertical-align: top;
1964 }
1965 .table thead > tr > th {
1966 vertical-align: bottom;
1967 text-align: left;
1968 border-bottom:2px solid #ddd;
1969 }
1970
1971 tr:hover > td {
1972 background-color: #FFF3E3;
1973 }
1974 .rowColor0 {
1975 background-color: #FFE9CC;
1976 }
1977 .rowColor1 {
1978 background-color: #FFDEB2;
1979 }
1980 .rowColor2 {
1981 background-color: #FFD399;
1982 }
1983 .rowColor3 {
1984 background-color: #FFC87F;
1985 }
1986 .rowColor4 {
1987 background-color: #FFBD66;
1988 }
1989 .rowColor5 {
1990 background-color: #FFB24C;
1991 }
1992 .rowColor6 {
1993 background-color: #FFA733;
1994 }
1995 .rowColor7 {
1996 background-color: #FF9C19;
1997 }
1998 .rowColor8 {
1999 background-color: #FF9100;
2000 }
2001
2002 .tooltip {
2003 display: block;
2004 position: absolute;
2005 visibility: hidden;
2006 opacity: 0;
2007 transition: visibility 0s linear 0.5s;
2008 transition: opacity .4s ease-in-out;
2009 }
2010
2011 tr:hover .tooltip {
2012 display: block;
2013 position: absolute;
2014 top: 100%;
2015 right: 100%;
2016 visibility: visible;
2017 z-index: 999;
2018 width: 400px;
2019 color: #ffffff;
2020 background-color: #0489c3;
2021 border-top-right-radius: 8px;
2022 border-top-left-radius: 8px;
2023 border-bottom-right-radius: 8px;
2024 border-bottom-left-radius: 8px;
2025 transition: visibility 0s linear 0.5s;
2026 transition: opacity .4s ease-in-out;
2027 opacity: 1;
2028 }
2029
2030 .white {
2031 color: #ffffff;
2032 }
2033 </style>
2034 <nav-bar>
2035 <top-nav-menu last="{{ true }}"></top-nav-menu>
2036 <nav-control></nav-control>
2037 </nav-bar>
2038 <div class="content-centered">
2039 <h1>Class Hierarchy</h1>
2040 <table id="tableTree" class="table">
2041 <thead>
2042 <tr>
2043 <th>Class</th>
2044 </tr>
2045 </thead>
2046 <tbody>
2047 <tr template="" repeat="{{row in tree.rows }}">
2048 <td on-click="{{toggleExpanded}}" class="{{ coloring(row) }}" style= "{{ padding(row) }}">
2049 <span id="expand" style="{{ row.expanderStyle }}">{{ row.expander }}</span>
2050 <class-ref ref="{{ row.cls }}"></class-ref>
2051 </td>
2052 </tr>
2053 </tbody>
2054 </table>
2055 </div>
2056 </template>
2057 </polymer-element>
2058
2059
2060
1684 2061
1685 2062
1686 2063
1687 2064
1688 2065
1689 2066
1690 2067
1691 2068
1692 2069
1693 2070
(...skipping 354 matching lines...) Expand 10 before | Expand all | Expand 10 after
2048 <template if="{{ ref['static'] }}">static</template> 2425 <template if="{{ ref['static'] }}">static</template>
2049 <template if="{{ ref['final'] }}">final</template> 2426 <template if="{{ ref['final'] }}">final</template>
2050 <template if="{{ ref['const'] }}">const</template> 2427 <template if="{{ ref['const'] }}">const</template>
2051 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp; 2428 <template if="{{ (ref['declared_type']['name'] == 'dynamic' &amp;&amp;
2052 !ref['final'] &amp;&amp; !ref['const']) }}"> 2429 !ref['final'] &amp;&amp; !ref['const']) }}">
2053 var 2430 var
2054 </template> 2431 </template>
2055 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}"> 2432 <template if="{{ (ref['declared_type']['name'] != 'dynamic') }}">
2056 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref> 2433 <instance-ref ref="{{ ref['declared_type'] }}"></instance-ref>
2057 </template> 2434 </template>
2058 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 2435 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name }}</a>
2059 </div> 2436 </div>
2060 </template> 2437 </template>
2061 2438
2062 </polymer-element> 2439 </polymer-element>
2063 2440
2064 2441
2065 2442
2066 <polymer-element name="function-ref" extends="service-ref"> 2443 <polymer-element name="function-ref" extends="service-ref">
2067 <template><style> 2444 <template><style>
2068 /* Global styles */ 2445 /* Global styles */
(...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after
2299 .break-wrap { 2676 .break-wrap {
2300 word-wrap: break-word; 2677 word-wrap: break-word;
2301 } 2678 }
2302 </style><!-- These comments are here to allow newlines. 2679 </style><!-- These comments are here to allow newlines.
2303 --><template if="{{ isDart }}"><!-- 2680 --><template if="{{ isDart }}"><!--
2304 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!-- 2681 --><template if="{{ qualified &amp;&amp; !hasParent &amp;&amp; hasClass } }"><!--
2305 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- 2682 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!--
2306 --><template if="{{ qualified &amp;&amp; hasParent }}"><!-- 2683 --><template if="{{ qualified &amp;&amp; hasParent }}"><!--
2307 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}"> 2684 --><function-ref ref="{{ ref['parent'] }}" qualified="{{ true }}">
2308 </function-ref>.<!-- 2685 </function-ref>.<!--
2309 --></template><a href="{{ url }}">{{ name }}</a><!-- 2686 --></template><a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a><!--
2310 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template> 2687 --></template><template if="{{ !isDart }}"><span> {{ name }}</span></template> </template>
2311 2688
2312 </polymer-element> 2689 </polymer-element>
2313 2690
2314 2691
2315 <polymer-element name="library-ref" extends="service-ref"> 2692 <polymer-element name="library-ref" extends="service-ref">
2316 <template><style> 2693 <template><style>
2317 /* Global styles */ 2694 /* Global styles */
2318 * { 2695 * {
2319 margin: 0; 2696 margin: 0;
(...skipping 223 matching lines...) Expand 10 before | Expand all | Expand 10 after
2543 border: 1px solid #e3e3e3; 2920 border: 1px solid #e3e3e3;
2544 border-radius: 4px; 2921 border-radius: 4px;
2545 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 2922 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2546 } 2923 }
2547 2924
2548 .break-wrap { 2925 .break-wrap {
2549 word-wrap: break-word; 2926 word-wrap: break-word;
2550 } 2927 }
2551 </style> 2928 </style>
2552 <template if="{{ nameIsEmpty }}"> 2929 <template if="{{ nameIsEmpty }}">
2553 <a href="{{ url }}">unnamed</a> 2930 <a on-click="{{ goto }}" href="{{ url }}">unnamed</a>
2554 </template> 2931 </template>
2555 <template if="{{ !nameIsEmpty }}"> 2932 <template if="{{ !nameIsEmpty }}">
2556 <a href="{{ url }}">{{ name }}</a> 2933 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
2557 </template> 2934 </template>
2558 </template> 2935 </template>
2559 2936
2560 </polymer-element> 2937 </polymer-element>
2561 2938
2562 2939
2563 2940
2564 <polymer-element name="script-ref" extends="service-ref"> 2941 <polymer-element name="script-ref" extends="service-ref">
2565 <template> 2942 <template>
2566 <style> 2943 <style>
(...skipping 225 matching lines...) Expand 10 before | Expand all | Expand 10 after
2792 background-color: #f5f5f5; 3169 background-color: #f5f5f5;
2793 border: 1px solid #e3e3e3; 3170 border: 1px solid #e3e3e3;
2794 border-radius: 4px; 3171 border-radius: 4px;
2795 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 3172 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
2796 } 3173 }
2797 3174
2798 .break-wrap { 3175 .break-wrap {
2799 word-wrap: break-word; 3176 word-wrap: break-word;
2800 } 3177 }
2801 </style> 3178 </style>
2802 <a title="{{ hoverText }}" href="{{ url }}">{{ name }}</a> 3179 <a on-click="{{ goto }}" title="{{ hoverText }}" href="{{ url }}">{{ name }}</ a>
2803 </template> 3180 </template>
2804 3181
2805 </polymer-element> 3182 </polymer-element>
2806 <polymer-element name="class-view" extends="observatory-element"> 3183 <polymer-element name="class-view" extends="observatory-element">
2807 <template> 3184 <template>
2808 <style> 3185 <style>
2809 /* Global styles */ 3186 /* Global styles */
2810 * { 3187 * {
2811 margin: 0; 3188 margin: 0;
2812 padding: 0; 3189 padding: 0;
(...skipping 224 matching lines...) Expand 10 before | Expand all | Expand 10 after
3037 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 3414 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3038 } 3415 }
3039 3416
3040 .break-wrap { 3417 .break-wrap {
3041 word-wrap: break-word; 3418 word-wrap: break-word;
3042 } 3419 }
3043 </style> 3420 </style>
3044 <nav-bar> 3421 <nav-bar>
3045 <top-nav-menu></top-nav-menu> 3422 <top-nav-menu></top-nav-menu>
3046 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu> 3423 <isolate-nav-menu isolate="{{ cls.isolate }}"></isolate-nav-menu>
3047 <library-nav-menu library="{{ cls['library'] }}"></library-nav-menu> 3424 <library-nav-menu library="{{ cls.library }}"></library-nav-menu>
3048 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu> 3425 <class-nav-menu cls="{{ cls }}" last="{{ true }}"></class-nav-menu>
3049 <nav-refresh callback="{{ refresh }}"></nav-refresh> 3426 <nav-refresh callback="{{ refresh }}"></nav-refresh>
3427 <nav-control></nav-control>
3050 </nav-bar> 3428 </nav-bar>
3051 3429
3052 <div class="content"> 3430 <div class="content">
3053 <h1> 3431 <h1>
3054 <template if="{{ cls['abstract'] }}"> 3432 <template if="{{ cls.isAbstract }}">
3055 abstract 3433 abstract
3056 </template> 3434 </template>
3057 <template if="{{ cls['patch'] }}"> 3435 <template if="{{ cls.isPatch }}">
3058 patch 3436 patch
3059 </template> 3437 </template>
3060 class {{ cls.name }} 3438 class {{ cls.name }}
3061 </h1> 3439 </h1>
3062 <div class="memberList"> 3440 <div class="memberList">
3063 <div class="memberItem"> 3441 <div class="memberItem">
3064 <div class="memberName">library</div> 3442 <div class="memberName">library</div>
3065 <div class="memberValue"> 3443 <div class="memberValue">
3066 <library-ref ref="{{ cls['library'] }}"></library-ref> 3444 <library-ref ref="{{ cls.library }}"></library-ref>
3067 </div> 3445 </div>
3068 </div> 3446 </div>
3069 <div class="memberItem"> 3447 <div class="memberItem">
3070 <div class="memberName">script</div> 3448 <div class="memberName">script</div>
3071 <div class="memberValue"> 3449 <div class="memberValue">
3072 <script-ref ref="{{ cls['script'] }}" pos="{{ cls['tokenPos'] }}"> 3450 <script-ref ref="{{ cls.script }}" pos="{{ cls.tokenPos }}">
3073 </script-ref> 3451 </script-ref>
3074 </div> 3452 </div>
3075 </div> 3453 </div>
3076 3454
3077 <div class="memberItem">&nbsp;</div> 3455 <div class="memberItem">&nbsp;</div>
3078 3456
3079 <template if="{{ cls['super'] != null }}"> 3457 <template if="{{ cls.superClass != null }}">
3080 <div class="memberItem"> 3458 <div class="memberItem">
3081 <div class="memberName">extends</div> 3459 <div class="memberName">extends</div>
3082 <div class="memberValue"> 3460 <div class="memberValue">
3083 <class-ref ref="{{ cls['super'] }}"></class-ref> 3461 <class-ref ref="{{ cls.superClass }}"></class-ref>
3084 </div> 3462 </div>
3085 </div> 3463 </div>
3086 </template> 3464 </template>
3087 <template if="{{ cls['subclasses'].length > 0 }}"> 3465 <template if="{{ cls.subClasses.length > 0 }}">
3088 <div class="memberItem"> 3466 <div class="memberItem">
3089 <div class="memberName">extended by</div> 3467 <div class="memberName">extended by</div>
3090 <div class="memberValue"> 3468 <div class="memberValue">
3091 <template repeat="{{ subclass in cls['subclasses'] }}"> 3469 <template repeat="{{ subclass in cls.subClasses }}">
3092 <class-ref ref="{{ subclass }}"></class-ref> 3470 <class-ref ref="{{ subclass }}"></class-ref>
3093 </template> 3471 </template>
3094 </div> 3472 </div>
3095 </div> 3473 </div>
3096 </template> 3474 </template>
3097 3475
3098 <div class="memberItem">&nbsp;</div> 3476 <div class="memberItem">&nbsp;</div>
3099 3477
3100 <template if="{{ cls['interfaces'].length > 0 }}"> 3478 <template if="{{ cls.interfaces.length > 0 }}">
3101 <div class="memberItem"> 3479 <div class="memberItem">
3102 <div class="memberName">implements</div> 3480 <div class="memberName">implements</div>
3103 <div class="memberValue"> 3481 <div class="memberValue">
3104 <template repeat="{{ interface in cls['interfaces'] }}"> 3482 <template repeat="{{ interface in cls.interfaces }}">
3105 <class-ref ref="{{ interface }}"></class-ref> 3483 <class-ref ref="{{ interface }}"></class-ref>
3106 </template> 3484 </template>
3107 </div> 3485 </div>
3108 </div> 3486 </div>
3109 </template> 3487 </template>
3110 <template if="{{ cls.name != cls.vmName }}"> 3488 <template if="{{ cls.name != cls.vmName }}">
3111 <div class="memberItem"> 3489 <div class="memberItem">
3112 <div class="memberName">vm name</div> 3490 <div class="memberName">vm name</div>
3113 <div class="memberValue">{{ cls.vmName }}</div> 3491 <div class="memberValue">{{ cls.vmName }}</div>
3114 </div> 3492 </div>
3115 </template> 3493 </template>
3116 <div class="memberItem"> 3494 <div class="memberItem">
3117 <div class="memberName">retained size<br>(all instances)</div> 3495 <div class="memberName">retained size<br>(all instances)</div>
3118 <div class="memberValue"> 3496 <div class="memberValue">
3119 <eval-link callback="{{ retainedSize }}"></eval-link> 3497 <eval-link callback="{{ retainedSize }}"></eval-link>
3120 </div> 3498 </div>
3121 </div> 3499 </div>
3122 </div> 3500 </div>
3123 </div> 3501 </div>
3124 3502
3125 <template if="{{ cls['error'] != null }}"> 3503 <template if="{{ cls.error != null }}">
3126 <!-- TODO(turnidge): Don't use instance-ref for error display here --> 3504 <!-- TODO(turnidge): Don't use instance-ref for error display here -->
3127 <instance-ref ref="{{ cls['error'] }}"></instance-ref> 3505 <instance-ref ref="{{ cls.error }}"></instance-ref>
3128 </template> 3506 </template>
3129 3507
3130 <hr> 3508 <hr>
3131 3509
3132 <div class="content"> 3510 <div class="content">
3133 <template if="{{ cls['fields'].isNotEmpty }}"> 3511 <template if="{{ cls.fields.isNotEmpty }}">
3134 fields ({{ cls['fields'].length }}) 3512 fields ({{ cls['fields'].length }})
3135 <curly-block expand="{{ cls['fields'].length <= 8 }}"> 3513 <curly-block expand="{{ cls.fields.length <= 8 }}">
3136 <div class="memberList"> 3514 <div class="memberList">
3137 <template repeat="{{ field in cls['fields'] }}"> 3515 <template repeat="{{ field in cls.fields }}">
3138 <div class="memberItem"> 3516 <div class="memberItem">
3139 <div class="memberName"> 3517 <div class="memberName">
3140 <field-ref ref="{{ field }}"></field-ref> 3518 <field-ref ref="{{ field }}"></field-ref>
3141 </div> 3519 </div>
3142 <div class="memberValue"> 3520 <div class="memberValue">
3143 <template if="{{ field['value'] != null }}"> 3521 <template if="{{ field['value'] != null }}">
3144 <instance-ref ref="{{ field['value'] }}"></instance-ref> 3522 <instance-ref ref="{{ field['value'] }}"></instance-ref>
3145 </template> 3523 </template>
3146 </div> 3524 </div>
3147 </div> 3525 </div>
3148 </template> 3526 </template>
3149 </div> 3527 </div>
3150 </curly-block><br><br> 3528 </curly-block><br><br>
3151 </template> 3529 </template>
3152 3530
3153 <template if="{{ cls['functions'].isNotEmpty }}"> 3531 <template if="{{ cls.functions.isNotEmpty }}">
3154 functions ({{ cls['functions'].length }}) 3532 functions ({{ cls.functions.length }})
3155 <curly-block expand="{{ cls['functions'].length <= 8 }}"> 3533 <curly-block expand="{{ cls.functions.length <= 8 }}">
3156 <div class="memberList"> 3534 <div class="memberList">
3157 <template repeat="{{ function in cls['functions'] }}"> 3535 <template repeat="{{ function in cls.functions }}">
3158 <div class="memberItem"> 3536 <div class="memberItem">
3159 <div class="memberValue"> 3537 <div class="memberValue">
3160 <function-ref ref="{{ function }}" qualified="{{ false }}"> 3538 <function-ref ref="{{ function }}" qualified="{{ false }}">
3161 </function-ref> 3539 </function-ref>
3162 </div> 3540 </div>
3163 </div> 3541 </div>
3164 </template> 3542 </template>
3165 </div> 3543 </div>
3166 </curly-block><br><br> 3544 </curly-block><br><br>
3167 </template> 3545 </template>
(...skipping 244 matching lines...) Expand 10 before | Expand all | Expand 10 after
3412 border-radius: 4px; 3790 border-radius: 4px;
3413 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 3791 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
3414 } 3792 }
3415 3793
3416 .break-wrap { 3794 .break-wrap {
3417 word-wrap: break-word; 3795 word-wrap: break-word;
3418 } 3796 }
3419 </style> 3797 </style>
3420 <template if="{{ code.isDartCode }}"> 3798 <template if="{{ code.isDartCode }}">
3421 <template if="{{ code.isOptimized }}"> 3799 <template if="{{ code.isOptimized }}">
3422 <a href="{{ url }}">*{{ name }}</a> 3800 <a on-click="{{ goto }}" href="{{ url }}">*{{ name }}</a>
3423 </template> 3801 </template>
3424 <template if="{{ !code.isOptimized }}"> 3802 <template if="{{ !code.isOptimized }}">
3425 <a href="{{ url }}">{{ name }}</a> 3803 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
3426 </template> 3804 </template>
3427 </template> 3805 </template>
3428 <template if="{{ !code.isDartCode }}"> 3806 <template if="{{ !code.isDartCode }}">
3429 <span>{{ name }}</span> 3807 <span>{{ name }}</span>
3430 </template> 3808 </template>
3431 </template> 3809 </template>
3432 3810
3433 </polymer-element> 3811 </polymer-element>
3434 3812
3435 3813
(...skipping 281 matching lines...) Expand 10 before | Expand all | Expand 10 after
3717 margin-left: 10px; 4095 margin-left: 10px;
3718 margin-right: 10px; 4096 margin-right: 10px;
3719 } 4097 }
3720 4098
3721 </style> 4099 </style>
3722 <nav-bar> 4100 <nav-bar>
3723 <top-nav-menu></top-nav-menu> 4101 <top-nav-menu></top-nav-menu>
3724 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu> 4102 <isolate-nav-menu isolate="{{ code.isolate }}"></isolate-nav-menu>
3725 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu> 4103 <nav-menu link="." anchor="{{ code.name }}" last="{{ true }}"></nav-menu>
3726 <nav-refresh callback="{{ refresh }}"></nav-refresh> 4104 <nav-refresh callback="{{ refresh }}"></nav-refresh>
4105 <nav-control></nav-control>
3727 </nav-bar> 4106 </nav-bar>
3728 <div class="content"> 4107 <div class="content">
3729 <template if="{{ code.isDartCode &amp;&amp; code.isOptimized }}"> 4108 <template if="{{ code.isDartCode &amp;&amp; code.isOptimized }}">
3730 <h1>Optimized code for {{ code.name }}</h1> 4109 <h1>Optimized code for {{ code.name }}</h1>
3731 </template> 4110 </template>
3732 <template if="{{ !(code.isDartCode &amp;&amp; code.isOptimized) }}"> 4111 <template if="{{ !(code.isDartCode &amp;&amp; code.isOptimized) }}">
3733 <h1>Code for {{ code.name }}</h1> 4112 <h1>Code for {{ code.name }}</h1>
3734 </template> 4113 </template>
3735 <div class="memberList"> 4114 <div class="memberList">
3736 <div class="memberItem"> 4115 <div class="memberItem">
(...skipping 344 matching lines...) Expand 10 before | Expand all | Expand 10 after
4081 border-radius: 4px; 4460 border-radius: 4px;
4082 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 4461 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4083 } 4462 }
4084 4463
4085 .break-wrap { 4464 .break-wrap {
4086 word-wrap: break-word; 4465 word-wrap: break-word;
4087 } 4466 }
4088 </style> 4467 </style>
4089 <nav-bar> 4468 <nav-bar>
4090 <top-nav-menu last="{{ true }}"></top-nav-menu> 4469 <top-nav-menu last="{{ true }}"></top-nav-menu>
4470 <nav-control></nav-control>
4091 </nav-bar> 4471 </nav-bar>
4092 <div class="content-centered"> 4472 <div class="content-centered">
4093 <h1>{{ error.kind }}</h1> 4473 <h1>{{ error.kind }}</h1>
4094 <br> 4474 <br>
4095 <div class="well">{{ error.message }}</div> 4475 <div class="well">{{ error.message }}</div>
4096 </div> 4476 </div>
4097 </template> 4477 </template>
4098 4478
4099 </polymer-element> 4479 </polymer-element>
4100 4480
(...skipping 244 matching lines...) Expand 10 before | Expand all | Expand 10 after
4345 <nav-bar> 4725 <nav-bar>
4346 <top-nav-menu></top-nav-menu> 4726 <top-nav-menu></top-nav-menu>
4347 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu> 4727 <isolate-nav-menu isolate="{{ field.isolate }}"></isolate-nav-menu>
4348 <template if="{{ field['owner'].serviceType == 'Class' }}"> 4728 <template if="{{ field['owner'].serviceType == 'Class' }}">
4349 <!-- TODO(turnidge): Add library nav menu here. --> 4729 <!-- TODO(turnidge): Add library nav menu here. -->
4350 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu> 4730 <class-nav-menu cls="{{ field['owner'] }}"></class-nav-menu>
4351 </template> 4731 </template>
4352 <template if="{{ field['owner'].serviceType == 'Library' }}"> 4732 <template if="{{ field['owner'].serviceType == 'Library' }}">
4353 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu> 4733 <library-nav-menu library="{{ field['owner'] }}"></library-nav-menu>
4354 </template> 4734 </template>
4355 <nav-menu link="{{ field.hashLink }}" anchor="{{ field['user_name'] }}" la st="{{ true }}"></nav-menu> 4735 <nav-menu link="{{ field.link }}" anchor="{{ field['user_name'] }}" last=" {{ true }}"></nav-menu>
4356 <nav-refresh callback="{{ refresh }}"></nav-refresh> 4736 <nav-refresh callback="{{ refresh }}"></nav-refresh>
4737 <nav-control></nav-control>
4357 </nav-bar> 4738 </nav-bar>
4358 4739
4359 <div class="content"> 4740 <div class="content">
4360 <h1> 4741 <h1>
4361 <template if="{{ field['static'] }}">static</template> 4742 <template if="{{ field['static'] }}">static</template>
4362 <template if="{{ field['final'] }}">final</template> 4743 <template if="{{ field['final'] }}">final</template>
4363 <template if="{{ field['const'] }}">const</template> 4744 <template if="{{ field['const'] }}">const</template>
4364 <template if="{{ (field['declared_type']['name'] == 'dynamic' &amp;&amp; 4745 <template if="{{ (field['declared_type']['name'] == 'dynamic' &amp;&amp;
4365 !field['final'] &amp;&amp; !field['const']) }}"> 4746 !field['final'] &amp;&amp; !field['const']) }}">
4366 var 4747 var
(...skipping 568 matching lines...) Expand 10 before | Expand all | Expand 10 after
4935 border-radius: 4px; 5316 border-radius: 4px;
4936 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 5317 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
4937 } 5318 }
4938 5319
4939 .break-wrap { 5320 .break-wrap {
4940 word-wrap: break-word; 5321 word-wrap: break-word;
4941 } 5322 }
4942 </style> 5323 </style>
4943 <nav-bar> 5324 <nav-bar>
4944 <top-nav-menu></top-nav-menu> 5325 <top-nav-menu></top-nav-menu>
4945 <nav-menu link="{{ flagList.isolate.relativeHashLink('flags') }}" anchor=" flags" last="{{ true }}"></nav-menu> 5326 <nav-menu link="{{ flagList.vm.relativeLink('flags') }}" anchor="flags" la st="{{ true }}"></nav-menu>
4946 <nav-refresh callback="{{ refresh }}"></nav-refresh> 5327 <nav-refresh callback="{{ refresh }}"></nav-refresh>
5328 <nav-control></nav-control>
4947 </nav-bar> 5329 </nav-bar>
4948 5330
4949 <div class="content-centered"> 5331 <div class="content-centered">
4950 <template if="{{ flagList['modifiedFlags'].isNotEmpty }}"> 5332 <template if="{{ flagList['modifiedFlags'].isNotEmpty }}">
4951 <h1>Modified Flags</h1> 5333 <h1>Modified Flags</h1>
4952 <br> 5334 <br>
4953 <template repeat="{{ flag in flagList['modifiedFlags'] }}"> 5335 <template repeat="{{ flag in flagList['modifiedFlags'] }}">
4954 <flag-item flag="{{ flag }}"></flag-item> 5336 <flag-item flag="{{ flag }}"></flag-item>
4955 <br> 5337 <br>
4956 </template> 5338 </template>
(...skipping 561 matching lines...) Expand 10 before | Expand all | Expand 10 after
5518 <nav-bar> 5900 <nav-bar>
5519 <top-nav-menu></top-nav-menu> 5901 <top-nav-menu></top-nav-menu>
5520 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu> 5902 <isolate-nav-menu isolate="{{ function.isolate }}"></isolate-nav-menu>
5521 <template if="{{ function['owner'].serviceType == 'Class' }}"> 5903 <template if="{{ function['owner'].serviceType == 'Class' }}">
5522 <!-- TODO(turnidge): Add library nav menu here. --> 5904 <!-- TODO(turnidge): Add library nav menu here. -->
5523 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu> 5905 <class-nav-menu cls="{{ function['owner'] }}"></class-nav-menu>
5524 </template> 5906 </template>
5525 <template if="{{ function['owner'].serviceType == 'Library' }}"> 5907 <template if="{{ function['owner'].serviceType == 'Library' }}">
5526 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu> 5908 <library-nav-menu library="{{ function['owner'] }}"></library-nav-menu>
5527 </template> 5909 </template>
5528 <nav-menu link="{{ function.hashLink }}" anchor="{{ function.name }}" last ="{{ true }}"></nav-menu> 5910 <nav-menu link="{{ function.link }}" anchor="{{ function.name }}" last="{{ true }}"></nav-menu>
5529 <nav-refresh callback="{{ refresh }}"></nav-refresh> 5911 <nav-refresh callback="{{ refresh }}"></nav-refresh>
5912 <nav-control></nav-control>
5530 </nav-bar> 5913 </nav-bar>
5531 5914
5532 <div class="content"> 5915 <div class="content">
5533 <h1>function {{ qualifiedName }}</h1> 5916 <h1>function {{ qualifiedName }}</h1>
5534 5917
5535 <div class="memberList"> 5918 <div class="memberList">
5536 <div class="memberItem"> 5919 <div class="memberItem">
5537 <div class="memberName">kind</div> 5920 <div class="memberName">kind</div>
5538 <div class="memberValue"> 5921 <div class="memberValue">
5539 <template if="{{ function['is_static'] }}">static</template> 5922 <template if="{{ function['is_static'] }}">static</template>
(...skipping 331 matching lines...) Expand 10 before | Expand all | Expand 10 after
5871 background: #ffffff; 6254 background: #ffffff;
5872 } 6255 }
5873 .spacer { 6256 .spacer {
5874 height: 16px; 6257 height: 16px;
5875 background-color: red; 6258 background-color: red;
5876 } 6259 }
5877 </style> 6260 </style>
5878 <nav-bar pad="{{ false }}"> 6261 <nav-bar pad="{{ false }}">
5879 <top-nav-menu></top-nav-menu> 6262 <top-nav-menu></top-nav-menu>
5880 <isolate-nav-menu isolate="{{ fragmentation.isolate }}"></isolate-nav-menu> 6263 <isolate-nav-menu isolate="{{ fragmentation.isolate }}"></isolate-nav-menu>
5881 <nav-menu link="{{ fragmentation.isolate.relativeHashLink('heapmap') }}" anc hor="heap map" last="{{ true }}"></nav-menu> 6264 <nav-menu link="{{ fragmentation.isolate.relativeLink('heapmap') }}" anchor= "heap map" last="{{ true }}"></nav-menu>
5882 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6265 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6266 <nav-control></nav-control>
5883 </nav-bar> 6267 </nav-bar>
5884 <div class="hover"> 6268 <div class="hover">
5885 <p style="text-align:center">{{ status }}</p> 6269 <p style="text-align:center">{{ status }}</p>
5886 </div> 6270 </div>
5887 <div class="spacer"> 6271 <div class="spacer">
5888 <!-- Make sure no data is covered by hover bar initially --> 6272 <!-- Make sure no data is covered by hover bar initially -->
5889 </div> 6273 </div>
5890 <div class="flex-row"> 6274 <div class="flex-row">
5891 <canvas id="fragmentation" width="1px" height="1px"></canvas> 6275 <canvas id="fragmentation" width="1px" height="1px"></canvas>
5892 </div> 6276 </div>
(...skipping 239 matching lines...) Expand 10 before | Expand all | Expand 10 after
6132 } 6516 }
6133 6517
6134 .break-wrap { 6518 .break-wrap {
6135 word-wrap: break-word; 6519 word-wrap: break-word;
6136 } 6520 }
6137 </style> 6521 </style>
6138 6522
6139 <nav-bar> 6523 <nav-bar>
6140 <top-nav-menu last="{{ true }}"></top-nav-menu> 6524 <top-nav-menu last="{{ true }}"></top-nav-menu>
6141 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6525 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6526 <nav-control></nav-control>
6142 </nav-bar> 6527 </nav-bar>
6143 6528
6144 <div class="content"> 6529 <div class="content">
6145 <h1>dart:io</h1> 6530 <h1>dart:io</h1>
6146 6531
6147 <br> 6532 <br>
6148 6533
6149 <ul class="list-group"> 6534 <ul class="list-group">
6150 <li class="list-group-item"> 6535 <li class="list-group-item">
6151 <a href="{{io.isolate.relativeHashLink('io/http/servers')}}">HTTP Serv ers</a> 6536 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/ http/servers'))}}">HTTP Servers</a>
6152 </li> 6537 </li>
6153 </ul> 6538 </ul>
6154 6539
6155 <br> 6540 <br>
6156 6541
6157 <ul class="list-group"> 6542 <ul class="list-group">
6158 <li class="list-group-item"> 6543 <li class="list-group-item">
6159 <a href="{{io.isolate.relativeHashLink('io/sockets')}}">Sockets</a> 6544 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/ sockets'))}}">Sockets</a>
6160 </li> 6545 </li>
6161 </ul> 6546 </ul>
6162 6547
6163 <br> 6548 <br>
6164 6549
6165 <ul class="list-group"> 6550 <ul class="list-group">
6166 <li class="list-group-item"> 6551 <li class="list-group-item">
6167 <a href="{{io.isolate.relativeHashLink('io/websockets')}}">WebSockets< /a> 6552 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/ websockets'))}}">WebSockets</a>
6168 </li> 6553 </li>
6169 </ul> 6554 </ul>
6170 6555
6171 <br> 6556 <br>
6172 6557
6173 <ul class="list-group"> 6558 <ul class="list-group">
6174 <li class="list-group-item"> 6559 <li class="list-group-item">
6175 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}" >Random Access Files</a> 6560 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/ file/randomaccessfiles'))}}">Random Access Files</a>
6176 </li> 6561 </li>
6177 </ul> 6562 </ul>
6178 6563
6179 <br> 6564 <br>
6180 6565
6181 <ul class="list-group"> 6566 <ul class="list-group">
6182 <li class="list-group-item"> 6567 <li class="list-group-item">
6183 <a href="{{io.isolate.relativeHashLink('io/processes')}}">Processess</ a> 6568 <a on-click="{{ goto }}" href="{{gotoLink(io.isolate.relativeLink('io/ processes'))}}">Processess</a>
6184 </li> 6569 </li>
6185 </ul> 6570 </ul>
6186 6571
6187 </div> 6572 </div>
6188 <br> 6573 <br>
6189 <hr> 6574 <hr>
6190 </template> 6575 </template>
6191 </polymer-element> 6576 </polymer-element>
6192 6577
6193 <polymer-element name="io-ref" extends="service-ref"> 6578 <polymer-element name="io-ref" extends="service-ref">
(...skipping 230 matching lines...) Expand 10 before | Expand all | Expand 10 after
6424 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6809 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6425 } 6810 }
6426 6811
6427 .break-wrap { 6812 .break-wrap {
6428 word-wrap: break-word; 6813 word-wrap: break-word;
6429 } 6814 }
6430 </style> 6815 </style>
6431 <template if="{{ ref.serviceType == 'Socket' }}"> 6816 <template if="{{ ref.serviceType == 'Socket' }}">
6432 <io-socket-ref ref="{{ ref }}"></io-socket-ref> 6817 <io-socket-ref ref="{{ ref }}"></io-socket-ref>
6433 </template> 6818 </template>
6819 <template if="{{ ref.serviceType == 'HttpServerConnection' }}">
6820 <io-http-server-connection-ref ref="{{ ref }}"></io-http-server-connection -ref>
6821 </template>
6434 <template if="{{ ref.serviceType == 'HttpServer' }}"> 6822 <template if="{{ ref.serviceType == 'HttpServer' }}">
6435 <io-http-server-ref ref="{{ ref }}"></io-http-server-ref> 6823 <io-http-server-ref ref="{{ ref }}"></io-http-server-ref>
6436 </template> 6824 </template>
6437 <template if="{{ ref.serviceType == 'WebSocket' }}"> 6825 <template if="{{ ref.serviceType == 'WebSocket' }}">
6438 <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref> 6826 <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref>
6439 </template> 6827 </template>
6440 <template if="{{ ref.serviceType == 'Process' }}"> 6828 <template if="{{ ref.serviceType == 'Process' }}">
6441 <io-process-ref ref="{{ ref }}"></io-process-ref> 6829 <io-process-ref ref="{{ ref }}"></io-process-ref>
6442 </template> 6830 </template>
6443 </template> 6831 </template>
(...skipping 492 matching lines...) Expand 10 before | Expand all | Expand 10 after
6936 background-color: #f5f5f5; 7324 background-color: #f5f5f5;
6937 border: 1px solid #e3e3e3; 7325 border: 1px solid #e3e3e3;
6938 border-radius: 4px; 7326 border-radius: 4px;
6939 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 7327 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6940 } 7328 }
6941 7329
6942 .break-wrap { 7330 .break-wrap {
6943 word-wrap: break-word; 7331 word-wrap: break-word;
6944 } 7332 }
6945 </style> 7333 </style>
6946 <a href="{{ url }}">{{ name }}</a> 7334 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
6947 </template> 7335 </template>
6948 </polymer-element> 7336 </polymer-element>
6949 7337
6950 <polymer-element name="io-http-server-view" extends="observatory-element"> 7338 <polymer-element name="io-http-server-view" extends="observatory-element">
6951 <template> 7339 <template>
6952 <style> 7340 <style>
6953 /* Global styles */ 7341 /* Global styles */
6954 * { 7342 * {
6955 margin: 0; 7343 margin: 0;
6956 padding: 0; 7344 padding: 0;
(...skipping 247 matching lines...) Expand 10 before | Expand all | Expand 10 after
7204 <div class="memberItem"> 7592 <div class="memberItem">
7205 <div class="memberName">Address</div> 7593 <div class="memberName">Address</div>
7206 <div class="memberValue">{{ httpServer['address'] }}</div> 7594 <div class="memberValue">{{ httpServer['address'] }}</div>
7207 </div> 7595 </div>
7208 <div class="memberItem"> 7596 <div class="memberItem">
7209 <div class="memberName">Port</div> 7597 <div class="memberName">Port</div>
7210 <div class="memberValue">{{ httpServer['port'] }}</div> 7598 <div class="memberValue">{{ httpServer['port'] }}</div>
7211 </div> 7599 </div>
7212 <div class="memberItem"> 7600 <div class="memberItem">
7213 <div class="memberName">Active connections</div> 7601 <div class="memberName">Active connections</div>
7214 <div class="memberValue">{{ httpServer['active'] }}</div> 7602 <ul class="list-group">
7603 <template repeat="{{ connection in httpServer['active'] }}">
7604 <li class="list-group-item">
7605 <io-http-server-connection-ref ref="{{ connection }}"></io-http- server-connection-ref>
7606 </li>
7607 </template>
7608 </ul>
7215 </div> 7609 </div>
7216 <div class="memberItem"> 7610 <div class="memberItem">
7217 <div class="memberName">Idle connections</div> 7611 <div class="memberName">Idle connections</div>
7218 <div class="memberValue">{{ httpServer['idle'] }}</div> 7612 <ul class="list-group">
7613 <template repeat="{{ connection in httpServer['idle'] }}">
7614 <li class="list-group-item">
7615 <io-http-server-connection-ref ref="{{ connection }}"></io-http- server-connection-ref>
7616 </li>
7617 </template>
7618 </ul>
7219 </div> 7619 </div>
7220 </div> 7620 </div>
7221 </div> 7621 </div>
7222 <br> 7622 <br>
7223 <hr> 7623 <hr>
7224 </template> 7624 </template>
7225 </polymer-element> 7625 </polymer-element>
7226 7626
7227 <polymer-element name="io-socket-ref" extends="service-ref"> 7627 <polymer-element name="io-http-server-connection-ref" extends="service-ref">
7228 <template> 7628 <template>
7229 <style> 7629 <style>
7230 /* Global styles */ 7630 /* Global styles */
7231 * { 7631 * {
7232 margin: 0; 7632 margin: 0;
7233 padding: 0; 7633 padding: 0;
7234 font: 400 14px 'Montserrat', sans-serif; 7634 font: 400 14px 'Montserrat', sans-serif;
7235 color: #333; 7635 color: #333;
7236 box-sizing: border-box; 7636 box-sizing: border-box;
7237 } 7637 }
(...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after
7459 } 7859 }
7460 7860
7461 .break-wrap { 7861 .break-wrap {
7462 word-wrap: break-word; 7862 word-wrap: break-word;
7463 } 7863 }
7464 </style> 7864 </style>
7465 <a href="{{ url }}">{{ name }}</a> 7865 <a href="{{ url }}">{{ name }}</a>
7466 </template> 7866 </template>
7467 </polymer-element> 7867 </polymer-element>
7468 7868
7869 <polymer-element name="io-http-server-connection-view" extends="observatory-elem ent">
7870 <template>
7871 <style>
7872 /* Global styles */
7873 * {
7874 margin: 0;
7875 padding: 0;
7876 font: 400 14px 'Montserrat', sans-serif;
7877 color: #333;
7878 box-sizing: border-box;
7879 }
7880
7881 .content {
7882 padding-left: 10%;
7883 font: 400 14px 'Montserrat', sans-serif;
7884 }
7885
7886 .content-centered {
7887 padding-left: 10%;
7888 padding-right: 10%;
7889 font: 400 14px 'Montserrat', sans-serif;
7890 }
7891
7892 h1 {
7893 font: 400 18px 'Montserrat', sans-serif;
7894 }
7895
7896 .memberList {
7897 display: table;
7898 }
7899
7900 .memberItem {
7901 display: table-row;
7902 }
7903
7904 .memberName, .memberValue {
7905 display: table-cell;
7906 vertical-align: top;
7907 padding: 3px 0 3px 1em;
7908 font: 400 14px 'Montserrat', sans-serif;
7909 }
7910
7911 .monospace {
7912 font-family: consolas, courier, monospace;
7913 font-size: 1em;
7914 line-height: 1.2em;
7915 white-space: nowrap;
7916 }
7917
7918 a {
7919 color: #0489c3;
7920 text-decoration: none;
7921 }
7922
7923 a:hover {
7924 text-decoration: underline;
7925 }
7926
7927 em {
7928 color: inherit;
7929 font-style: italic;
7930 }
7931
7932 b {
7933 color: inherit;
7934 font-weight: bold;
7935 }
7936
7937 hr {
7938 margin-top: 20px;
7939 margin-bottom: 20px;
7940 border: 0;
7941 border-top: 1px solid #eee;
7942 height: 0;
7943 box-sizing: content-box;
7944 }
7945
7946 .list-group {
7947 padding-left: 0;
7948 margin-bottom: 20px;
7949 }
7950
7951 .list-group-item {
7952 position: relative;
7953 display: block;
7954 padding: 10px 15px;
7955 margin-bottom: -1px;
7956 background-color: #fff;
7957 }
7958
7959 .list-group-item:first-child {
7960 /* rounded top corners */
7961 border-top-right-radius:4px;
7962 border-top-left-radius:4px;
7963 }
7964
7965 .list-group-item:last-child {
7966 margin-bottom: 0;
7967 /* rounded bottom corners */
7968 border-bottom-right-radius: 4px;
7969 border-bottom-left-radius:4px;
7970 }
7971
7972 /* Flex row container */
7973 .flex-row {
7974 display: flex;
7975 flex-direction: row;
7976 }
7977
7978 /* Flex column container */
7979 .flex-column {
7980 display: flex;
7981 flex-direction: column;
7982 }
7983
7984 .flex-item-fit {
7985 flex-grow: 1;
7986 flex-shrink: 1;
7987 flex-basis: auto;
7988 }
7989
7990 .flex-item-no-shrink {
7991 flex-grow: 0;
7992 flex-shrink: 0;
7993 flex-basis: auto;
7994 }
7995
7996 .flex-item-fill {
7997 flex-grow: 0;
7998 flex-shrink: 1; /* shrink when pressured */
7999 flex-basis: 100%; /* try and take 100% */
8000 }
8001
8002 .flex-item-fixed-1-12 {
8003 flex-grow: 0;
8004 flex-shrink: 0;
8005 flex-basis: 8.3%;
8006 }
8007
8008 .flex-item-fixed-2-12 {
8009 flex-grow: 0;
8010 flex-shrink: 0;
8011 flex-basis: 16.6%;
8012 }
8013
8014 .flex-item-fixed-4-12 {
8015 flex-grow: 0;
8016 flex-shrink: 0;
8017 flex-basis: 33.3333%;
8018 }
8019
8020 .flex-item-fixed-6-12, .flex-item-50-percent {
8021 flex-grow: 0;
8022 flex-shrink: 0;
8023 flex-basis: 50%;
8024 }
8025
8026 .flex-item-fixed-8-12 {
8027 flex-grow: 0;
8028 flex-shrink: 0;
8029 flex-basis: 66.6666%;
8030 }
8031
8032 .flex-item-fixed-9-12 {
8033 flex-grow: 0;
8034 flex-shrink: 0;
8035 flex-basis: 75%;
8036 }
8037
8038
8039 .flex-item-fixed-12-12 {
8040 flex-grow: 0;
8041 flex-shrink: 0;
8042 flex-basis: 100%;
8043 }
8044
8045 .flex-item-10-percent {
8046 flex-grow: 0;
8047 flex-shrink: 0;
8048 flex-basis: 10%;
8049 }
8050
8051 .flex-item-15-percent {
8052 flex-grow: 0;
8053 flex-shrink: 0;
8054 flex-basis: 15%;
8055 }
8056
8057 .flex-item-20-percent {
8058 flex-grow: 0;
8059 flex-shrink: 0;
8060 flex-basis: 20%;
8061 }
8062
8063 .flex-item-30-percent {
8064 flex-grow: 0;
8065 flex-shrink: 0;
8066 flex-basis: 30%;
8067 }
8068
8069 .flex-item-40-percent {
8070 flex-grow: 0;
8071 flex-shrink: 0;
8072 flex-basis: 40%;
8073 }
8074
8075 .flex-item-60-percent {
8076 flex-grow: 0;
8077 flex-shrink: 0;
8078 flex-basis: 60%;
8079 }
8080
8081 .flex-item-70-percent {
8082 flex-grow: 0;
8083 flex-shrink: 0;
8084 flex-basis: 70%;
8085 }
8086
8087 .flex-item-80-percent {
8088 flex-grow: 0;
8089 flex-shrink: 0;
8090 flex-basis: 80%;
8091 }
8092
8093 .well {
8094 min-height: 20px;
8095 padding: 19px;
8096 margin-bottom: 20px;
8097 background-color: #f5f5f5;
8098 border: 1px solid #e3e3e3;
8099 border-radius: 4px;
8100 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8101 }
8102
8103 .break-wrap {
8104 word-wrap: break-word;
8105 }
8106 </style>
8107
8108 <nav-bar>
8109 <top-nav-menu last="{{ true }}"></top-nav-menu>
8110 <nav-refresh callback="{{ refresh }}"></nav-refresh>
8111 </nav-bar>
8112
8113 <div class="content">
8114 <h1>HttpConnection</h1>
8115
8116 <br>
8117
8118 <div class="memberList">
8119 <div class="memberItem">
8120 <div class="memberName">Socket</div>
8121 <div class="memberValue"><io-socket-ref ref="{{ connection['socket'] } }"></io-socket-ref></div>
8122 </div>
8123 <div class="memberItem">
8124 <div class="memberName">State</div>
8125 <div class="memberValue">{{ connection['state'] }}</div>
8126 </div>
8127 <div class="memberItem">
8128 <div class="memberName">Server</div>
8129 <div class="memberValue"><io-http-server-ref ref="{{ connection['serve r'] }}"></io-http-server-ref></div>
8130 </div>
8131 </div>
8132 </div>
8133 <br>
8134 <hr>
8135 </template>
8136 </polymer-element>
8137
8138 <polymer-element name="io-socket-ref" extends="service-ref">
8139 <template>
8140 <style>
8141 /* Global styles */
8142 * {
8143 margin: 0;
8144 padding: 0;
8145 font: 400 14px 'Montserrat', sans-serif;
8146 color: #333;
8147 box-sizing: border-box;
8148 }
8149
8150 .content {
8151 padding-left: 10%;
8152 font: 400 14px 'Montserrat', sans-serif;
8153 }
8154
8155 .content-centered {
8156 padding-left: 10%;
8157 padding-right: 10%;
8158 font: 400 14px 'Montserrat', sans-serif;
8159 }
8160
8161 h1 {
8162 font: 400 18px 'Montserrat', sans-serif;
8163 }
8164
8165 .memberList {
8166 display: table;
8167 }
8168
8169 .memberItem {
8170 display: table-row;
8171 }
8172
8173 .memberName, .memberValue {
8174 display: table-cell;
8175 vertical-align: top;
8176 padding: 3px 0 3px 1em;
8177 font: 400 14px 'Montserrat', sans-serif;
8178 }
8179
8180 .monospace {
8181 font-family: consolas, courier, monospace;
8182 font-size: 1em;
8183 line-height: 1.2em;
8184 white-space: nowrap;
8185 }
8186
8187 a {
8188 color: #0489c3;
8189 text-decoration: none;
8190 }
8191
8192 a:hover {
8193 text-decoration: underline;
8194 }
8195
8196 em {
8197 color: inherit;
8198 font-style: italic;
8199 }
8200
8201 b {
8202 color: inherit;
8203 font-weight: bold;
8204 }
8205
8206 hr {
8207 margin-top: 20px;
8208 margin-bottom: 20px;
8209 border: 0;
8210 border-top: 1px solid #eee;
8211 height: 0;
8212 box-sizing: content-box;
8213 }
8214
8215 .list-group {
8216 padding-left: 0;
8217 margin-bottom: 20px;
8218 }
8219
8220 .list-group-item {
8221 position: relative;
8222 display: block;
8223 padding: 10px 15px;
8224 margin-bottom: -1px;
8225 background-color: #fff;
8226 }
8227
8228 .list-group-item:first-child {
8229 /* rounded top corners */
8230 border-top-right-radius:4px;
8231 border-top-left-radius:4px;
8232 }
8233
8234 .list-group-item:last-child {
8235 margin-bottom: 0;
8236 /* rounded bottom corners */
8237 border-bottom-right-radius: 4px;
8238 border-bottom-left-radius:4px;
8239 }
8240
8241 /* Flex row container */
8242 .flex-row {
8243 display: flex;
8244 flex-direction: row;
8245 }
8246
8247 /* Flex column container */
8248 .flex-column {
8249 display: flex;
8250 flex-direction: column;
8251 }
8252
8253 .flex-item-fit {
8254 flex-grow: 1;
8255 flex-shrink: 1;
8256 flex-basis: auto;
8257 }
8258
8259 .flex-item-no-shrink {
8260 flex-grow: 0;
8261 flex-shrink: 0;
8262 flex-basis: auto;
8263 }
8264
8265 .flex-item-fill {
8266 flex-grow: 0;
8267 flex-shrink: 1; /* shrink when pressured */
8268 flex-basis: 100%; /* try and take 100% */
8269 }
8270
8271 .flex-item-fixed-1-12 {
8272 flex-grow: 0;
8273 flex-shrink: 0;
8274 flex-basis: 8.3%;
8275 }
8276
8277 .flex-item-fixed-2-12 {
8278 flex-grow: 0;
8279 flex-shrink: 0;
8280 flex-basis: 16.6%;
8281 }
8282
8283 .flex-item-fixed-4-12 {
8284 flex-grow: 0;
8285 flex-shrink: 0;
8286 flex-basis: 33.3333%;
8287 }
8288
8289 .flex-item-fixed-6-12, .flex-item-50-percent {
8290 flex-grow: 0;
8291 flex-shrink: 0;
8292 flex-basis: 50%;
8293 }
8294
8295 .flex-item-fixed-8-12 {
8296 flex-grow: 0;
8297 flex-shrink: 0;
8298 flex-basis: 66.6666%;
8299 }
8300
8301 .flex-item-fixed-9-12 {
8302 flex-grow: 0;
8303 flex-shrink: 0;
8304 flex-basis: 75%;
8305 }
8306
8307
8308 .flex-item-fixed-12-12 {
8309 flex-grow: 0;
8310 flex-shrink: 0;
8311 flex-basis: 100%;
8312 }
8313
8314 .flex-item-10-percent {
8315 flex-grow: 0;
8316 flex-shrink: 0;
8317 flex-basis: 10%;
8318 }
8319
8320 .flex-item-15-percent {
8321 flex-grow: 0;
8322 flex-shrink: 0;
8323 flex-basis: 15%;
8324 }
8325
8326 .flex-item-20-percent {
8327 flex-grow: 0;
8328 flex-shrink: 0;
8329 flex-basis: 20%;
8330 }
8331
8332 .flex-item-30-percent {
8333 flex-grow: 0;
8334 flex-shrink: 0;
8335 flex-basis: 30%;
8336 }
8337
8338 .flex-item-40-percent {
8339 flex-grow: 0;
8340 flex-shrink: 0;
8341 flex-basis: 40%;
8342 }
8343
8344 .flex-item-60-percent {
8345 flex-grow: 0;
8346 flex-shrink: 0;
8347 flex-basis: 60%;
8348 }
8349
8350 .flex-item-70-percent {
8351 flex-grow: 0;
8352 flex-shrink: 0;
8353 flex-basis: 70%;
8354 }
8355
8356 .flex-item-80-percent {
8357 flex-grow: 0;
8358 flex-shrink: 0;
8359 flex-basis: 80%;
8360 }
8361
8362 .well {
8363 min-height: 20px;
8364 padding: 19px;
8365 margin-bottom: 20px;
8366 background-color: #f5f5f5;
8367 border: 1px solid #e3e3e3;
8368 border-radius: 4px;
8369 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8370 }
8371
8372 .break-wrap {
8373 word-wrap: break-word;
8374 }
8375 </style>
8376 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
8377 </template>
8378 </polymer-element>
8379
7469 <polymer-element name="io-socket-list-view" extends="observatory-element"> 8380 <polymer-element name="io-socket-list-view" extends="observatory-element">
7470 <template> 8381 <template>
7471 <style> 8382 <style>
7472 /* Global styles */ 8383 /* Global styles */
7473 * { 8384 * {
7474 margin: 0; 8385 margin: 0;
7475 padding: 0; 8386 padding: 0;
7476 font: 400 14px 'Montserrat', sans-serif; 8387 font: 400 14px 'Montserrat', sans-serif;
7477 color: #333; 8388 color: #333;
7478 box-sizing: border-box; 8389 box-sizing: border-box;
(...skipping 811 matching lines...) Expand 10 before | Expand all | Expand 10 after
8290 background-color: #f5f5f5; 9201 background-color: #f5f5f5;
8291 border: 1px solid #e3e3e3; 9202 border: 1px solid #e3e3e3;
8292 border-radius: 4px; 9203 border-radius: 4px;
8293 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 9204 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
8294 } 9205 }
8295 9206
8296 .break-wrap { 9207 .break-wrap {
8297 word-wrap: break-word; 9208 word-wrap: break-word;
8298 } 9209 }
8299 </style> 9210 </style>
8300 <a href="{{ url }}">{{ name }}</a> 9211 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
8301 </template> 9212 </template>
8302 </polymer-element> 9213 </polymer-element>
8303 9214
8304 <polymer-element name="io-web-socket-list-view" extends="observatory-element"> 9215 <polymer-element name="io-web-socket-list-view" extends="observatory-element">
8305 <template> 9216 <template>
8306 <style> 9217 <style>
8307 /* Global styles */ 9218 /* Global styles */
8308 * { 9219 * {
8309 margin: 0; 9220 margin: 0;
8310 padding: 0; 9221 padding: 0;
(...skipping 744 matching lines...) Expand 10 before | Expand all | Expand 10 after
9055 background-color: #f5f5f5; 9966 background-color: #f5f5f5;
9056 border: 1px solid #e3e3e3; 9967 border: 1px solid #e3e3e3;
9057 border-radius: 4px; 9968 border-radius: 4px;
9058 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 9969 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
9059 } 9970 }
9060 9971
9061 .break-wrap { 9972 .break-wrap {
9062 word-wrap: break-word; 9973 word-wrap: break-word;
9063 } 9974 }
9064 </style> 9975 </style>
9065 <a href="{{ url }}">{{ name }}</a> 9976 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
9066 </template> 9977 </template>
9067 </polymer-element> 9978 </polymer-element>
9068 9979
9069 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment"> 9980 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment">
9070 <template> 9981 <template>
9071 <style> 9982 <style>
9072 /* Global styles */ 9983 /* Global styles */
9073 * { 9984 * {
9074 margin: 0; 9985 margin: 0;
9075 padding: 0; 9986 padding: 0;
(...skipping 1015 matching lines...) Expand 10 before | Expand all | Expand 10 after
10091 border: 1px solid #e3e3e3; 11002 border: 1px solid #e3e3e3;
10092 border-radius: 4px; 11003 border-radius: 4px;
10093 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 11004 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
10094 } 11005 }
10095 11006
10096 .break-wrap { 11007 .break-wrap {
10097 word-wrap: break-word; 11008 word-wrap: break-word;
10098 } 11009 }
10099 </style> 11010 </style>
10100 <template if="{{ small }}"> 11011 <template if="{{ small }}">
10101 <a href="{{ url }}">{{ name }}</a> 11012 <a on-click="{{ goto }}" href="{{ url }}">{{ name }}</a>
10102 </template> 11013 </template>
10103 <template if="{{ !small }}"> 11014 <template if="{{ !small }}">
10104 <a href="{{ url }}">({{ ref['pid'] }}) {{ name }} {{ ref['arguments'] }}</ a> 11015 <a on-click="{{ goto }}" href="{{ url }}">({{ ref['pid'] }}) {{ name }} {{ ref['arguments'] }}</a>
10105 </template> 11016 </template>
10106 </template> 11017 </template>
10107 </polymer-element> 11018 </polymer-element>
10108 11019
10109 <polymer-element name="io-process-view" extends="observatory-element"> 11020 <polymer-element name="io-process-view" extends="observatory-element">
10110 <template> 11021 <template>
10111 <style> 11022 <style>
10112 /* Global styles */ 11023 /* Global styles */
10113 * { 11024 * {
10114 margin: 0; 11025 margin: 0;
(...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after
10414 </div> 11325 </div>
10415 </div> 11326 </div>
10416 </div> 11327 </div>
10417 <br> 11328 <br>
10418 <hr> 11329 <hr>
10419 </template> 11330 </template>
10420 </polymer-element> 11331 </polymer-element>
10421 11332
10422 11333
10423 11334
10424
10425 <polymer-element name="isolate-ref" extends="service-ref"> 11335 <polymer-element name="isolate-ref" extends="service-ref">
10426 <template><style> 11336 <template><style>
10427 /* Global styles */ 11337 /* Global styles */
10428 * { 11338 * {
10429 margin: 0; 11339 margin: 0;
10430 padding: 0; 11340 padding: 0;
10431 font: 400 14px 'Montserrat', sans-serif; 11341 font: 400 14px 'Montserrat', sans-serif;
10432 color: #333; 11342 color: #333;
10433 box-sizing: border-box; 11343 box-sizing: border-box;
10434 } 11344 }
(...skipping 217 matching lines...) Expand 10 before | Expand all | Expand 10 after
10652 background-color: #f5f5f5; 11562 background-color: #f5f5f5;
10653 border: 1px solid #e3e3e3; 11563 border: 1px solid #e3e3e3;
10654 border-radius: 4px; 11564 border-radius: 4px;
10655 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 11565 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
10656 } 11566 }
10657 11567
10658 .break-wrap { 11568 .break-wrap {
10659 word-wrap: break-word; 11569 word-wrap: break-word;
10660 } 11570 }
10661 </style> 11571 </style>
10662 <a href="{{ url }}">{{ ref.name }}</a> 11572 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a>
10663 </template> 11573 </template>
11574 </polymer-element>
10664 11575
10665 </polymer-element>
10666 11576
10667 11577
10668 11578
10669 11579
10670 11580
10671 11581
10672 11582
10673 <polymer-element name="isolate-summary" extends="observatory-element"> 11583 <polymer-element name="isolate-summary" extends="observatory-element">
10674 <template> 11584 <template>
10675 <style> 11585 <style>
(...skipping 593 matching lines...) Expand 10 before | Expand all | Expand 10 after
11269 <div class="memberValue"> 12179 <div class="memberValue">
11270 {{ isolate.oldHeapUsed | formatSize }} 12180 {{ isolate.oldHeapUsed | formatSize }}
11271 of 12181 of
11272 {{ isolate.oldHeapCapacity | formatSize }} 12182 {{ isolate.oldHeapCapacity | formatSize }}
11273 </div> 12183 </div>
11274 </div> 12184 </div>
11275 </div> 12185 </div>
11276 <br> 12186 <br>
11277 <div class="memberItem"> 12187 <div class="memberItem">
11278 <div class="memberValue"> 12188 <div class="memberValue">
11279 See <a href="{{ isolate.relativeHashLink('stacktrace') }}">stack tra ce</a> 12189 See <a on-click="{{ goto }}" href="{{ gotoLink('/class-tree' + isola te.link) }}">class hierarchy</a>
11280 </div> 12190 </div>
11281 </div> 12191 </div>
11282 <div class="memberItem"> 12192 <div class="memberItem">
11283 <div class="memberValue"> 12193 <div class="memberValue">
11284 See <a href="{{ isolate.relativeHashLink('profile') }}">cpu profile< /a> 12194 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'stacktrace')) }}">stack trace</a>
11285 </div> 12195 </div>
11286 </div> 12196 </div>
11287 <div class="memberItem"> 12197 <div class="memberItem">
11288 <div class="memberValue"> 12198 <div class="memberValue">
11289 See <a href="{{ isolate.relativeHashLink('allocationprofile') }}">al location profile</a> 12199 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'profile')) }}">cpu profile</a>
11290 </div> 12200 </div>
11291 </div> 12201 </div>
11292 <div class="memberItem"> 12202 <div class="memberItem">
11293 <div class="memberValue"> 12203 <div class="memberValue">
11294 See <a href="{{ isolate.relativeHashLink('heapmap') }}">heap map</a> 12204 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'allocationprofile')) }}">allocation profile</a>
11295 </div> 12205 </div>
11296 </div> 12206 </div>
12207 <div class="memberItem">
12208 <div class="memberValue">
12209 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLink( 'heapmap')) }}">heap map</a>
12210 </div>
12211 </div>
12212 <!-- Disable io link until UI is properly implemented.
11297 <template if="{{ isolate.ioEnabled }}"> 12213 <template if="{{ isolate.ioEnabled }}">
11298 <div class="memberItem"> 12214 <div class="memberItem">
11299 <div class="memberValue"> 12215 <div class="memberValue">
11300 See <a href="{{ isolate.relativeHashLink('io') }}">dart:io</a> 12216 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin k('io')) }}">dart:io</a>
11301 </div> 12217 </div>
11302 </div> 12218 </div>
11303 </template> 12219 </template>
12220 -->
11304 </div> 12221 </div>
11305 <div class="flex-item-10-percent"> 12222 <div class="flex-item-10-percent">
11306 </div> 12223 </div>
11307 </div> 12224 </div>
11308 </template> 12225 </template>
11309 </polymer-element> 12226 </polymer-element>
11310 12227
11311 <polymer-element name="isolate-counter-chart" extends="observatory-element"> 12228 <polymer-element name="isolate-counter-chart" extends="observatory-element">
11312 <template> 12229 <template>
11313 <div id="counterPieChart" style="height: 200px"></div> 12230 <div id="counterPieChart" style="height: 200px"></div>
(...skipping 258 matching lines...) Expand 10 before | Expand all | Expand 10 after
11572 .miniProfileChart { 12489 .miniProfileChart {
11573 width: 80%; 12490 width: 80%;
11574 } 12491 }
11575 </style> 12492 </style>
11576 12493
11577 <nav-bar> 12494 <nav-bar>
11578 <top-nav-menu></top-nav-menu> 12495 <top-nav-menu></top-nav-menu>
11579 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}"> 12496 <isolate-nav-menu isolate="{{ isolate }}" last="{{ true }}">
11580 </isolate-nav-menu> 12497 </isolate-nav-menu>
11581 <nav-refresh callback="{{ refresh }}"></nav-refresh> 12498 <nav-refresh callback="{{ refresh }}"></nav-refresh>
12499 <nav-control></nav-control>
11582 </nav-bar> 12500 </nav-bar>
11583 12501
11584 <div class="content"> 12502 <div class="content">
11585 <h1>isolate '{{ isolate.name }}'</h1> 12503 <h1>isolate '{{ isolate.name }}'</h1>
11586 </div> 12504 </div>
11587 12505
11588 <br> 12506 <br>
11589 <div class="flex-row"> 12507 <div class="flex-row">
11590 <div class="flex-item-10-percent"> 12508 <div class="flex-item-10-percent">
11591 </div> 12509 </div>
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
11642 </div> 12560 </div>
11643 <div class="memberItem"> 12561 <div class="memberItem">
11644 <div class="memberName">isolate id</div> 12562 <div class="memberName">isolate id</div>
11645 <div class="memberValue">{{ isolate.mainPort }}</div> 12563 <div class="memberValue">{{ isolate.mainPort }}</div>
11646 </div> 12564 </div>
11647 </div> 12565 </div>
11648 </div> 12566 </div>
11649 <div class="flex-item-50-percent"> 12567 <div class="flex-item-50-percent">
11650 <div class="memberItem"> 12568 <div class="memberItem">
11651 <div class="memberValue"> 12569 <div class="memberValue">
11652 See <a href="{{ isolate.relativeHashLink('debug/breakpoints') }}"> breakpoints</a> 12570 See <a on-click="{{ goto }}" href="{{ gotoLink(isolate.relativeLin k('debug/breakpoints')) }}">breakpoints</a>
11653 </div> 12571 </div>
11654 </div> 12572 </div>
11655 </div> 12573 </div>
11656 </div> 12574 </div>
11657 </div> 12575 </div>
11658 12576
11659 <hr> 12577 <hr>
11660 12578
11661 <div class="content"> 12579 <div class="content">
11662 libraries ({{ isolate.libraries.length }}) 12580 libraries ({{ isolate.libraries.length }})
(...skipping 274 matching lines...) Expand 10 before | Expand all | Expand 10 after
11937 word-wrap: break-word; 12855 word-wrap: break-word;
11938 } 12856 }
11939 </style> 12857 </style>
11940 <nav-bar> 12858 <nav-bar>
11941 <top-nav-menu></top-nav-menu> 12859 <top-nav-menu></top-nav-menu>
11942 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu> 12860 <isolate-nav-menu isolate="{{ instance.isolate }}"></isolate-nav-menu>
11943 <!-- TODO(turnidge): Add library nav menu here. --> 12861 <!-- TODO(turnidge): Add library nav menu here. -->
11944 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu> 12862 <class-nav-menu cls="{{ instance['class'] }}"></class-nav-menu>
11945 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu> 12863 <nav-menu link="." anchor="instance" last="{{ true }}"></nav-menu>
11946 <nav-refresh callback="{{ refresh }}"></nav-refresh> 12864 <nav-refresh callback="{{ refresh }}"></nav-refresh>
12865 <nav-control></nav-control>
11947 </nav-bar> 12866 </nav-bar>
11948 12867
11949 <template if="{{ instance['error'] != null }}"> 12868 <template if="{{ instance['error'] != null }}">
11950 <error-view error_obj="{{ instance['error'] }}"></error-view> 12869 <error-view error_obj="{{ instance['error'] }}"></error-view>
11951 </template> 12870 </template>
11952 12871
11953 <template if="{{ instance['error'] == null }}"> 12872 <template if="{{ instance['error'] == null }}">
11954 <div class="content"> 12873 <div class="content">
11955 <!-- TODO(turnidge): Handle null instances. --> 12874 <!-- TODO(turnidge): Handle null instances. -->
11956 <template if="{{ isType(instance.serviceType) }}"> 12875 <template if="{{ isType(instance.serviceType) }}">
(...skipping 405 matching lines...) Expand 10 before | Expand all | Expand 10 after
12362 .break-wrap { 13281 .break-wrap {
12363 word-wrap: break-word; 13282 word-wrap: break-word;
12364 } 13283 }
12365 </style> 13284 </style>
12366 13285
12367 <nav-bar> 13286 <nav-bar>
12368 <top-nav-menu></top-nav-menu> 13287 <top-nav-menu></top-nav-menu>
12369 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu> 13288 <isolate-nav-menu isolate="{{ library.isolate }}"></isolate-nav-menu>
12370 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu> 13289 <library-nav-menu library="{{ library }}" last="{{ true }}"></library-nav- menu>
12371 <nav-refresh callback="{{ refresh }}"></nav-refresh> 13290 <nav-refresh callback="{{ refresh }}"></nav-refresh>
13291 <nav-control></nav-control>
12372 </nav-bar> 13292 </nav-bar>
12373 13293
12374 <div class="content"> 13294 <div class="content">
12375 <h1> 13295 <h1>
12376 <!-- TODO(turnidge): Handle unnamed libraries --> 13296 <!-- TODO(turnidge): Handle unnamed libraries -->
12377 library {{ library.name }} 13297 library {{ library.name }}
12378 </h1> 13298 </h1>
12379 <div class="memberList"> 13299 <div class="memberList">
12380 <div class="memberItem"> 13300 <div class="memberItem">
12381 <div class="memberName">url</div> 13301 <div class="memberName">url</div>
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
12488 <br><br><br><br> 13408 <br><br><br><br>
12489 </template> 13409 </template>
12490 13410
12491 </polymer-element> 13411 </polymer-element>
12492 13412
12493 13413
12494 13414
12495 13415
12496 13416
12497 13417
12498
12499
12500
12501 13418
13419
13420
12502 13421
12503 13422
12504 13423
12505 13424
12506 13425
12507 13426
12508 13427
12509 13428
12510 13429
12511 13430
12512
12513
12514 13431
12515 13432
12516 13433
12517 13434
12518 <polymer-element name="heap-profile" extends="observatory-element"> 13435 <polymer-element name="heap-profile" extends="observatory-element">
12519 <template> 13436 <template>
12520 <style> 13437 <style>
12521 /* Global styles */ 13438 /* Global styles */
12522 * { 13439 * {
12523 margin: 0; 13440 margin: 0;
(...skipping 257 matching lines...) Expand 10 before | Expand all | Expand 10 after
12781 text-decoration: underline; 13698 text-decoration: underline;
12782 cursor: pointer; 13699 cursor: pointer;
12783 } 13700 }
12784 #classtable tr:hover > td { 13701 #classtable tr:hover > td {
12785 background-color: #F4C7C3; 13702 background-color: #F4C7C3;
12786 } 13703 }
12787 </style> 13704 </style>
12788 <nav-bar> 13705 <nav-bar>
12789 <top-nav-menu></top-nav-menu> 13706 <top-nav-menu></top-nav-menu>
12790 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 13707 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
12791 <nav-menu link="{{ profile.isolate.relativeHashLink('allocationprofile') }}" anchor="heap profile" last="{{ true }}"></nav-menu> 13708 <nav-menu link="{{ profile.isolate.relativeLink('allocationprofile') }}" anc hor="heap profile" last="{{ true }}"></nav-menu>
12792 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh> 13709 <nav-refresh callback="{{ resetAccumulator }}" label="Reset Accumulator"></n av-refresh>
12793 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh> 13710 <nav-refresh callback="{{ refreshGC }}" label="GC"></nav-refresh>
12794 <nav-refresh callback="{{ refresh }}"></nav-refresh> 13711 <nav-refresh callback="{{ refresh }}"></nav-refresh>
13712 <nav-control></nav-control>
12795 </nav-bar> 13713 </nav-bar>
12796 13714
12797 <div class="flex-row"> 13715 <div class="flex-row">
12798 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px"> 13716 <div id="newPieChart" class="flex-item-fixed-4-12" style="height: 400px">
12799 </div> 13717 </div>
12800 <div id="newStatus" class="flex-item-fixed-2-12"> 13718 <div id="newStatus" class="flex-item-fixed-2-12">
12801 <div class="memberList"> 13719 <div class="memberList">
12802 <div class="memberItem"> 13720 <div class="memberItem">
12803 <div class="memberName">Collections</div> 13721 <div class="memberName">Collections</div>
12804 <div class="memberValue">{{ formattedCollections(true) }}</div> 13722 <div class="memberValue">{{ formattedCollections(true) }}</div>
(...skipping 384 matching lines...) Expand 10 before | Expand all | Expand 10 after
13189 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 14107 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
13190 } 14108 }
13191 14109
13192 .break-wrap { 14110 .break-wrap {
13193 word-wrap: break-word; 14111 word-wrap: break-word;
13194 } 14112 }
13195 </style> 14113 </style>
13196 <nav-bar> 14114 <nav-bar>
13197 <top-nav-menu></top-nav-menu> 14115 <top-nav-menu></top-nav-menu>
13198 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu> 14116 <isolate-nav-menu isolate="{{ profile.isolate }}"></isolate-nav-menu>
13199 <nav-menu link="{{ profile.isolate.relativeHashLink('profile') }}" anchor= "cpu profile" last="{{ true }}"></nav-menu> 14117 <nav-menu link="{{ profile.isolate.relativeLink('profile') }}" anchor="cpu profile" last="{{ true }}"></nav-menu>
13200 <nav-refresh callback="{{ refresh }}"></nav-refresh> 14118 <nav-refresh callback="{{ refresh }}"></nav-refresh>
14119 <nav-control></nav-control>
13201 </nav-bar> 14120 </nav-bar>
13202 <style> 14121 <style>
13203 .table { 14122 .table {
13204 border-collapse: collapse!important; 14123 border-collapse: collapse!important;
13205 width: 100%; 14124 width: 100%;
13206 margin-bottom: 20px 14125 margin-bottom: 20px
13207 } 14126 }
13208 .table thead > tr > th, 14127 .table thead > tr > th,
13209 .table tbody > tr > th, 14128 .table tbody > tr > th,
13210 .table tfoot > tr > th, 14129 .table tfoot > tr > th,
(...skipping 406 matching lines...) Expand 10 before | Expand all | Expand 10 after
13617 <top-nav-menu></top-nav-menu> 14536 <top-nav-menu></top-nav-menu>
13618 <isolate-nav-menu isolate="{{ script.isolate }}"> 14537 <isolate-nav-menu isolate="{{ script.isolate }}">
13619 </isolate-nav-menu> 14538 </isolate-nav-menu>
13620 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}"> 14539 <nav-menu link="." anchor="{{ script.name }}" last="{{ true }}">
13621 <li> 14540 <li>
13622 <input type="checkbox" checked="{{ showCoverage }}"> 14541 <input type="checkbox" checked="{{ showCoverage }}">
13623 <label>Show Coverage Data</label> 14542 <label>Show Coverage Data</label>
13624 </li> 14543 </li>
13625 </nav-menu> 14544 </nav-menu>
13626 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh> 14545 <nav-refresh callback="{{ refreshCoverage }}" label="Refresh Coverage"></nav -refresh>
13627 <nav-refresh callback="{{ refresh }}"> 14546 <nav-refresh callback="{{ refresh }}"></nav-refresh>
13628 </nav-refresh> 14547 <nav-control></nav-control>
13629 </nav-bar> 14548 </nav-bar>
13630 14549
13631 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}"> 14550 <script-inset id="scriptInset" script="{{ script }}" pos="{{ script.firstToken Pos }}" endpos="{{ script.lastTokenPos }}">
13632 <h1>script {{ script.name }}</h1> 14551 <h1>script {{ script.name }}</h1>
13633 </script-inset> 14552 </script-inset>
13634 </template> 14553 </template>
13635 14554
13636 </polymer-element> 14555 </polymer-element>
13637 14556
13638 14557
(...skipping 233 matching lines...) Expand 10 before | Expand all | Expand 10 after
13872 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 14791 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
13873 } 14792 }
13874 14793
13875 .break-wrap { 14794 .break-wrap {
13876 word-wrap: break-word; 14795 word-wrap: break-word;
13877 } 14796 }
13878 </style> 14797 </style>
13879 <nav-bar> 14798 <nav-bar>
13880 <top-nav-menu></top-nav-menu> 14799 <top-nav-menu></top-nav-menu>
13881 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu> 14800 <isolate-nav-menu isolate="{{ trace.isolate }}"></isolate-nav-menu>
13882 <nav-menu link="{{ trace.isolate.relativeHashLink('stacktrace') }}" anchor ="stack trace" last="{{ true }}"></nav-menu> 14801 <nav-menu link="{{ trace.isolate.relativeLink('stacktrace') }}" anchor="st ack trace" last="{{ true }}"></nav-menu>
13883 <nav-refresh callback="{{ refresh }}"></nav-refresh> 14802 <nav-refresh callback="{{ refresh }}"></nav-refresh>
14803 <nav-control></nav-control>
13884 </nav-bar> 14804 </nav-bar>
13885 <template if="{{ trace['members'].isEmpty }}"> 14805 <template if="{{ trace['members'].isEmpty }}">
13886 <div class="content"> 14806 <div class="content">
13887 <em>No stack</em> 14807 <em>No stack</em>
13888 </div> 14808 </div>
13889 </template> 14809 </template>
13890 <template if="{{ trace['members'].isNotEmpty }}"> 14810 <template if="{{ trace['members'].isNotEmpty }}">
13891 <ul class="list-group"> 14811 <ul class="list-group">
13892 <template repeat="{{ frame in trace['members'] }}"> 14812 <template repeat="{{ frame in trace['members'] }}">
13893 <li class="list-group-item"> 14813 <li class="list-group-item">
(...skipping 249 matching lines...) Expand 10 before | Expand all | Expand 10 after
14143 } 15063 }
14144 15064
14145 .break-wrap { 15065 .break-wrap {
14146 word-wrap: break-word; 15066 word-wrap: break-word;
14147 } 15067 }
14148 </style> 15068 </style>
14149 15069
14150 <nav-bar> 15070 <nav-bar>
14151 <top-nav-menu last="{{ true }}"></top-nav-menu> 15071 <top-nav-menu last="{{ true }}"></top-nav-menu>
14152 <nav-refresh callback="{{ refresh }}"></nav-refresh> 15072 <nav-refresh callback="{{ refresh }}"></nav-refresh>
15073 <nav-control></nav-control>
14153 </nav-bar> 15074 </nav-bar>
14154 15075
14155 <div class="content"> 15076 <div class="content">
14156 <h1>VM</h1> 15077 <h1>VM</h1>
14157 <div class="memberList"> 15078 <div class="memberList">
14158 <div class="memberItem"> 15079 <div class="memberItem">
14159 <div class="memberName">version</div> 15080 <div class="memberName">version</div>
14160 <div class="memberValue">{{ vm.version }}</div> 15081 <div class="memberValue">{{ vm.version }}</div>
14161 </div> 15082 </div>
14162 <div class="memberItem"> 15083 <div class="memberItem">
14163 <div class="memberName">uptime</div> 15084 <div class="memberName">uptime</div>
14164 <div class="memberValue">{{ vm.uptime | formatTime }}</div> 15085 <div class="memberValue">{{ vm.uptime | formatTime }}</div>
14165 </div> 15086 </div>
14166 <div class="memberItem"> 15087 <div class="memberItem">
14167 <div class="memberName">type checks enabled</div> 15088 <div class="memberName">type checks enabled</div>
14168 <div class="memberValue">{{ vm.typeChecksEnabled }}</div> 15089 <div class="memberValue">{{ vm.typeChecksEnabled }}</div>
14169 </div> 15090 </div>
14170 <div class="memberItem"> 15091 <div class="memberItem">
14171 <div class="memberName">asserts enabled</div> 15092 <div class="memberName">asserts enabled</div>
14172 <div class="memberValue">{{ vm.assertsEnabled }}</div> 15093 <div class="memberValue">{{ vm.assertsEnabled }}</div>
14173 </div> 15094 </div>
14174 <br> 15095 <br>
14175 <div class="memberItem"> 15096 <div class="memberItem">
14176 <div class="memberValue"> 15097 <div class="memberValue">
14177 See <a href="#/flags">flags</a> 15098 See <a on-click="{{ goto }}" href="{{ gotoLink('/flags') }}">flags</ a>
14178 </div> 15099 </div>
14179 </div> 15100 </div>
14180 </div> 15101 </div>
14181 </div> 15102 </div>
14182 15103
14183 <br> 15104 <br>
14184 <hr> 15105 <hr>
14185 15106
14186 <ul class="list-group"> 15107 <ul class="list-group">
14187 <template repeat="{{ isolate in vm.isolates }}"> 15108 <template repeat="{{ isolate in vm.isolates }}">
14188 <li class="list-group-item"> 15109 <li class="list-group-item">
14189 <isolate-summary isolate="{{ isolate }}"></isolate-summary> 15110 <isolate-summary isolate="{{ isolate }}"></isolate-summary>
14190 </li> 15111 </li>
14191 <hr> 15112 <hr>
14192 </template> 15113 </template>
14193 </ul> 15114 </ul>
14194 </template> 15115 </template>
14195 15116
14196 </polymer-element> 15117 </polymer-element>
14197 <polymer-element name="service-view" extends="observatory-element"> 15118 <polymer-element name="service-view" extends="observatory-element">
14198 <!-- This element explicitly manages the child elements to avoid setting 15119 <!-- This element explicitly manages the child elements to avoid setting
14199 an observable property on the old element to an invalid type. --> 15120 an observable property on the old element to an invalid type. -->
14200 15121
14201 </polymer-element> 15122 </polymer-element>
14202 <polymer-element name="response-viewer" extends="observatory-element"> 15123 <polymer-element name="observatory-application" extends="observatory-element">
14203 <template> 15124 <!-- This element explicitly manages its child elements -->
14204 <service-view object="{{ app.response }}"></service-view>
14205 </template>
14206
14207 </polymer-element><polymer-element name="observatory-application" extends="obser vatory-element">
14208 <template>
14209 <response-viewer app="{{ this.app }}"></response-viewer>
14210 </template>
14211 15125
14212 </polymer-element> 15126 </polymer-element>
14213 15127
14214 15128
14215 15129
14216 <polymer-element name="service-exception-view" extends="observatory-element"> 15130 <polymer-element name="service-exception-view" extends="observatory-element">
14217 <template> 15131 <template>
14218 <style> 15132 <style>
14219 /* Global styles */ 15133 /* Global styles */
14220 * { 15134 * {
(...skipping 225 matching lines...) Expand 10 before | Expand all | Expand 10 after
14446 border-radius: 4px; 15360 border-radius: 4px;
14447 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 15361 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
14448 } 15362 }
14449 15363
14450 .break-wrap { 15364 .break-wrap {
14451 word-wrap: break-word; 15365 word-wrap: break-word;
14452 } 15366 }
14453 </style> 15367 </style>
14454 <nav-bar> 15368 <nav-bar>
14455 <top-nav-menu last="{{ true }}"></top-nav-menu> 15369 <top-nav-menu last="{{ true }}"></top-nav-menu>
15370 <nav-control></nav-control>
14456 </nav-bar> 15371 </nav-bar>
14457 <div class="content-centered"> 15372 <div class="content-centered">
14458 <h1>{{ exception.kind }}</h1> 15373 <h1>{{ exception.kind }}</h1>
14459 <br> 15374 <br>
14460 <div class="well">{{ exception.message }}</div> 15375 <div class="well">{{ exception.message }}</div>
14461 <template if="{{ exception.response != '' }}"> 15376 <template if="{{ exception.response != '' }}">
14462 <div class="well">{{ exception.response }}</div> 15377 <div class="well">{{ exception.response }}</div>
14463 </template> 15378 </template>
14464 </div> 15379 </div>
14465 </template> 15380 </template>
(...skipping 235 matching lines...) Expand 10 before | Expand all | Expand 10 after
14701 border-radius: 4px; 15616 border-radius: 4px;
14702 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 15617 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
14703 } 15618 }
14704 15619
14705 .break-wrap { 15620 .break-wrap {
14706 word-wrap: break-word; 15621 word-wrap: break-word;
14707 } 15622 }
14708 </style> 15623 </style>
14709 <nav-bar> 15624 <nav-bar>
14710 <top-nav-menu last="{{ true }}"></top-nav-menu> 15625 <top-nav-menu last="{{ true }}"></top-nav-menu>
15626 <nav-control></nav-control>
14711 </nav-bar> 15627 </nav-bar>
14712 <div class="content-centered"> 15628 <div class="content-centered">
14713 <h1>{{ error.kind }}</h1> 15629 <h1>{{ error.kind }}</h1>
14714 <br> 15630 <br>
14715 <div class="well">{{ error.message }}</div> 15631 <div class="well">{{ error.message }}</div>
14716 </div> 15632 </div>
14717 </template> 15633 </template>
14718 15634
14719 </polymer-element> 15635 </polymer-element>
14720 15636
(...skipping 228 matching lines...) Expand 10 before | Expand all | Expand 10 after
14949 background-color: #f5f5f5; 15865 background-color: #f5f5f5;
14950 border: 1px solid #e3e3e3; 15866 border: 1px solid #e3e3e3;
14951 border-radius: 4px; 15867 border-radius: 4px;
14952 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 15868 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
14953 } 15869 }
14954 15870
14955 .break-wrap { 15871 .break-wrap {
14956 word-wrap: break-word; 15872 word-wrap: break-word;
14957 } 15873 }
14958 </style> 15874 </style>
14959 <a href="{{ url }}">{{ ref.name }}</a> 15875 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a>
14960 </template> 15876 </template>
14961 15877
14962 </polymer-element> 15878 </polymer-element>
14963 15879
14964 15880
14965 <observatory-application devtools="true"></observatory-application> 15881 <observatory-application devtools="true"></observatory-application>
14966 15882
14967 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html> 15883 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698