OLD | NEW |
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 Loading... |
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) && | 669 <template if="{{ isInstance(ref.serviceType) && |
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) && | 677 <template if="{{ isInstance(ref.serviceType) && |
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 Loading... |
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">></li> | 1061 <li class="spacer">></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 Loading... |
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 Loading... |
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 }}">◀</button> |
| 1159 <button class="black" on-click="{{ forward }}">▶</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 Loading... |
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 Loading... |
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 Loading... |
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' && | 2428 <template if="{{ (ref['declared_type']['name'] == 'dynamic' && |
2052 !ref['final'] && !ref['const']) }}"> | 2429 !ref['final'] && !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 Loading... |
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 && !hasParent && hasClass }
}"><!-- | 2681 --><template if="{{ qualified && !hasParent && hasClass }
}"><!-- |
2305 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- | 2682 --><class-ref ref="{{ ref['owner'] }}"></class-ref>.</template><!-- |
2306 --><template if="{{ qualified && hasParent }}"><!-- | 2683 --><template if="{{ qualified && 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 Loading... |
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 Loading... |
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 Loading... |
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"> </div> | 3455 <div class="memberItem"> </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"> </div> | 3476 <div class="memberItem"> </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 Loading... |
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 Loading... |
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 && code.isOptimized }}"> | 4108 <template if="{{ code.isDartCode && 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 && code.isOptimized) }}"> | 4111 <template if="{{ !(code.isDartCode && 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 Loading... |
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 Loading... |
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' && | 4745 <template if="{{ (field['declared_type']['name'] == 'dynamic' && |
4365 !field['final'] && !field['const']) }}"> | 4746 !field['final'] && !field['const']) }}"> |
4366 var | 4747 var |
(...skipping 568 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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 Loading... |
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> |
OLD | NEW |