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 5263 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
5274 <ul class="list-group"> | 5274 <ul class="list-group"> |
5275 <li class="list-group-item"> | 5275 <li class="list-group-item"> |
5276 <a href="{{io.isolate.relativeHashLink('io/sockets')}}">Sockets</a> | 5276 <a href="{{io.isolate.relativeHashLink('io/sockets')}}">Sockets</a> |
5277 </li> | 5277 </li> |
5278 </ul> | 5278 </ul> |
5279 | 5279 |
5280 <br> | 5280 <br> |
5281 | 5281 |
5282 <ul class="list-group"> | 5282 <ul class="list-group"> |
5283 <li class="list-group-item"> | 5283 <li class="list-group-item"> |
| 5284 <a href="{{io.isolate.relativeHashLink('io/websockets')}}">WebSockets<
/a> |
| 5285 </li> |
| 5286 </ul> |
| 5287 |
| 5288 <br> |
| 5289 |
| 5290 <ul class="list-group"> |
| 5291 <li class="list-group-item"> |
5284 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}"
>Random Access Files</a> | 5292 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}"
>Random Access Files</a> |
5285 </li> | 5293 </li> |
5286 </ul> | 5294 </ul> |
5287 | 5295 |
5288 <br> | 5296 <br> |
5289 | 5297 |
5290 <ul class="list-group"> | 5298 <ul class="list-group"> |
5291 <li class="list-group-item"> | 5299 <li class="list-group-item"> |
5292 <a href="{{io.isolate.relativeHashLink('io/processes')}}">Processess</
a> | 5300 <a href="{{io.isolate.relativeHashLink('io/processes')}}">Processess</
a> |
5293 </li> | 5301 </li> |
(...skipping 1241 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
6535 word-wrap: break-word; | 6543 word-wrap: break-word; |
6536 } | 6544 } |
6537 </style> | 6545 </style> |
6538 | 6546 |
6539 <nav-bar> | 6547 <nav-bar> |
6540 <top-nav-menu last="{{ true }}"></top-nav-menu> | 6548 <top-nav-menu last="{{ true }}"></top-nav-menu> |
6541 <nav-refresh callback="{{ refresh }}"></nav-refresh> | 6549 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
6542 </nav-bar> | 6550 </nav-bar> |
6543 | 6551 |
6544 <div class="content"> | 6552 <div class="content"> |
6545 <h1>Socket</h1> | 6553 <h1>Sockets</h1> |
6546 | 6554 |
6547 <br> | 6555 <br> |
6548 | 6556 |
6549 <ul class="list-group"> | 6557 <ul class="list-group"> |
6550 <template repeat="{{ file in list['members'] }}"> | 6558 <template repeat="{{ socket in list['members'] }}"> |
6551 <li class="list-group-item"> | 6559 <li class="list-group-item"> |
6552 <io-socket-ref ref="{{ file }}"></io-socket-ref> | 6560 <io-socket-ref ref="{{ socket }}"></io-socket-ref> |
6553 </li> | 6561 </li> |
6554 </template> | 6562 </template> |
6555 </ul> | 6563 </ul> |
6556 </div> | 6564 </div> |
6557 <br> | 6565 <br> |
6558 <hr> | 6566 <hr> |
6559 </template> | 6567 </template> |
6560 </polymer-element> | 6568 </polymer-element> |
6561 | 6569 |
6562 <polymer-element name="io-socket-view" extends="observatory-element"> | 6570 <polymer-element name="io-socket-view" extends="observatory-element"> |
(...skipping 253 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
6816 <div class="memberName">File descriptor</div> | 6824 <div class="memberName">File descriptor</div> |
6817 <div class="memberValue">{{ socket['fd'] }}</div> | 6825 <div class="memberValue">{{ socket['fd'] }}</div> |
6818 </div> | 6826 </div> |
6819 </div> | 6827 </div> |
6820 </div> | 6828 </div> |
6821 <br> | 6829 <br> |
6822 <hr> | 6830 <hr> |
6823 </template> | 6831 </template> |
6824 </polymer-element> | 6832 </polymer-element> |
6825 | 6833 |
| 6834 <polymer-element name="io-web-socket-ref" extends="service-ref"> |
| 6835 <template> |
| 6836 <style> |
| 6837 /* Global styles */ |
| 6838 * { |
| 6839 margin: 0; |
| 6840 padding: 0; |
| 6841 font: 400 14px 'Montserrat', sans-serif; |
| 6842 color: #333; |
| 6843 box-sizing: border-box; |
| 6844 } |
| 6845 |
| 6846 .content { |
| 6847 padding-left: 10%; |
| 6848 font: 400 14px 'Montserrat', sans-serif; |
| 6849 } |
| 6850 |
| 6851 .content-centered { |
| 6852 padding-left: 10%; |
| 6853 padding-right: 10%; |
| 6854 font: 400 14px 'Montserrat', sans-serif; |
| 6855 } |
| 6856 |
| 6857 h1 { |
| 6858 font: 400 18px 'Montserrat', sans-serif; |
| 6859 } |
| 6860 |
| 6861 .memberList { |
| 6862 display: table; |
| 6863 } |
| 6864 |
| 6865 .memberItem { |
| 6866 display: table-row; |
| 6867 } |
| 6868 |
| 6869 .memberName, .memberValue { |
| 6870 display: table-cell; |
| 6871 vertical-align: top; |
| 6872 padding: 3px 0 3px 1em; |
| 6873 font: 400 14px 'Montserrat', sans-serif; |
| 6874 } |
| 6875 |
| 6876 .monospace { |
| 6877 font-family: consolas, courier, monospace; |
| 6878 font-size: 1em; |
| 6879 line-height: 1.2em; |
| 6880 white-space: nowrap; |
| 6881 } |
| 6882 |
| 6883 a { |
| 6884 color: #0489c3; |
| 6885 text-decoration: none; |
| 6886 } |
| 6887 |
| 6888 a:hover { |
| 6889 text-decoration: underline; |
| 6890 } |
| 6891 |
| 6892 em { |
| 6893 color: inherit; |
| 6894 font-style:italic; |
| 6895 } |
| 6896 |
| 6897 hr { |
| 6898 margin-top: 20px; |
| 6899 margin-bottom: 20px; |
| 6900 border: 0; |
| 6901 border-top: 1px solid #eee; |
| 6902 height: 0; |
| 6903 box-sizing: content-box; |
| 6904 } |
| 6905 |
| 6906 .list-group { |
| 6907 padding-left: 0; |
| 6908 margin-bottom: 20px; |
| 6909 } |
| 6910 |
| 6911 .list-group-item { |
| 6912 position: relative; |
| 6913 display: block; |
| 6914 padding: 10px 15px; |
| 6915 margin-bottom: -1px; |
| 6916 background-color: #fff; |
| 6917 } |
| 6918 |
| 6919 .list-group-item:first-child { |
| 6920 /* rounded top corners */ |
| 6921 border-top-right-radius:4px; |
| 6922 border-top-left-radius:4px; |
| 6923 } |
| 6924 |
| 6925 .list-group-item:last-child { |
| 6926 margin-bottom: 0; |
| 6927 /* rounded bottom corners */ |
| 6928 border-bottom-right-radius: 4px; |
| 6929 border-bottom-left-radius:4px; |
| 6930 } |
| 6931 |
| 6932 /* Flex row container */ |
| 6933 .flex-row { |
| 6934 display: flex; |
| 6935 flex-direction: row; |
| 6936 } |
| 6937 |
| 6938 /* Flex column container */ |
| 6939 .flex-column { |
| 6940 display: flex; |
| 6941 flex-direction: column; |
| 6942 } |
| 6943 |
| 6944 .flex-item-fit { |
| 6945 flex-grow: 1; |
| 6946 flex-shrink: 1; |
| 6947 flex-basis: auto; |
| 6948 } |
| 6949 |
| 6950 .flex-item-no-shrink { |
| 6951 flex-grow: 0; |
| 6952 flex-shrink: 0; |
| 6953 flex-basis: auto; |
| 6954 } |
| 6955 |
| 6956 .flex-item-fill { |
| 6957 flex-grow: 0; |
| 6958 flex-shrink: 1; /* shrink when pressured */ |
| 6959 flex-basis: 100%; /* try and take 100% */ |
| 6960 } |
| 6961 |
| 6962 .flex-item-fixed-1-12 { |
| 6963 flex-grow: 0; |
| 6964 flex-shrink: 0; |
| 6965 flex-basis: 8.3%; |
| 6966 } |
| 6967 |
| 6968 .flex-item-fixed-2-12 { |
| 6969 flex-grow: 0; |
| 6970 flex-shrink: 0; |
| 6971 flex-basis: 16.6%; |
| 6972 } |
| 6973 |
| 6974 .flex-item-fixed-4-12 { |
| 6975 flex-grow: 0; |
| 6976 flex-shrink: 0; |
| 6977 flex-basis: 33.3333%; |
| 6978 } |
| 6979 |
| 6980 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 6981 flex-grow: 0; |
| 6982 flex-shrink: 0; |
| 6983 flex-basis: 50%; |
| 6984 } |
| 6985 |
| 6986 .flex-item-fixed-8-12 { |
| 6987 flex-grow: 0; |
| 6988 flex-shrink: 0; |
| 6989 flex-basis: 66.6666%; |
| 6990 } |
| 6991 |
| 6992 .flex-item-fixed-9-12 { |
| 6993 flex-grow: 0; |
| 6994 flex-shrink: 0; |
| 6995 flex-basis: 75%; |
| 6996 } |
| 6997 |
| 6998 |
| 6999 .flex-item-fixed-12-12 { |
| 7000 flex-grow: 0; |
| 7001 flex-shrink: 0; |
| 7002 flex-basis: 100%; |
| 7003 } |
| 7004 |
| 7005 .flex-item-10-percent { |
| 7006 flex-grow: 0; |
| 7007 flex-shrink: 0; |
| 7008 flex-basis: 10%; |
| 7009 } |
| 7010 |
| 7011 .flex-item-15-percent { |
| 7012 flex-grow: 0; |
| 7013 flex-shrink: 0; |
| 7014 flex-basis: 15%; |
| 7015 } |
| 7016 |
| 7017 .flex-item-20-percent { |
| 7018 flex-grow: 0; |
| 7019 flex-shrink: 0; |
| 7020 flex-basis: 20%; |
| 7021 } |
| 7022 |
| 7023 .flex-item-30-percent { |
| 7024 flex-grow: 0; |
| 7025 flex-shrink: 0; |
| 7026 flex-basis: 30%; |
| 7027 } |
| 7028 |
| 7029 .flex-item-40-percent { |
| 7030 flex-grow: 0; |
| 7031 flex-shrink: 0; |
| 7032 flex-basis: 40%; |
| 7033 } |
| 7034 |
| 7035 .flex-item-60-percent { |
| 7036 flex-grow: 0; |
| 7037 flex-shrink: 0; |
| 7038 flex-basis: 60%; |
| 7039 } |
| 7040 |
| 7041 .flex-item-70-percent { |
| 7042 flex-grow: 0; |
| 7043 flex-shrink: 0; |
| 7044 flex-basis: 70%; |
| 7045 } |
| 7046 |
| 7047 .flex-item-80-percent { |
| 7048 flex-grow: 0; |
| 7049 flex-shrink: 0; |
| 7050 flex-basis: 80%; |
| 7051 } |
| 7052 |
| 7053 .well { |
| 7054 min-height: 20px; |
| 7055 padding: 19px; |
| 7056 margin-bottom: 20px; |
| 7057 background-color: #f5f5f5; |
| 7058 border: 1px solid #e3e3e3; |
| 7059 border-radius: 4px; |
| 7060 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7061 } |
| 7062 |
| 7063 .break-wrap { |
| 7064 word-wrap: break-word; |
| 7065 } |
| 7066 </style> |
| 7067 <a href="{{ url }}">{{ name }}</a> |
| 7068 </template> |
| 7069 </polymer-element> |
| 7070 |
| 7071 <polymer-element name="io-web-socket-list-view" extends="observatory-element"> |
| 7072 <template> |
| 7073 <style> |
| 7074 /* Global styles */ |
| 7075 * { |
| 7076 margin: 0; |
| 7077 padding: 0; |
| 7078 font: 400 14px 'Montserrat', sans-serif; |
| 7079 color: #333; |
| 7080 box-sizing: border-box; |
| 7081 } |
| 7082 |
| 7083 .content { |
| 7084 padding-left: 10%; |
| 7085 font: 400 14px 'Montserrat', sans-serif; |
| 7086 } |
| 7087 |
| 7088 .content-centered { |
| 7089 padding-left: 10%; |
| 7090 padding-right: 10%; |
| 7091 font: 400 14px 'Montserrat', sans-serif; |
| 7092 } |
| 7093 |
| 7094 h1 { |
| 7095 font: 400 18px 'Montserrat', sans-serif; |
| 7096 } |
| 7097 |
| 7098 .memberList { |
| 7099 display: table; |
| 7100 } |
| 7101 |
| 7102 .memberItem { |
| 7103 display: table-row; |
| 7104 } |
| 7105 |
| 7106 .memberName, .memberValue { |
| 7107 display: table-cell; |
| 7108 vertical-align: top; |
| 7109 padding: 3px 0 3px 1em; |
| 7110 font: 400 14px 'Montserrat', sans-serif; |
| 7111 } |
| 7112 |
| 7113 .monospace { |
| 7114 font-family: consolas, courier, monospace; |
| 7115 font-size: 1em; |
| 7116 line-height: 1.2em; |
| 7117 white-space: nowrap; |
| 7118 } |
| 7119 |
| 7120 a { |
| 7121 color: #0489c3; |
| 7122 text-decoration: none; |
| 7123 } |
| 7124 |
| 7125 a:hover { |
| 7126 text-decoration: underline; |
| 7127 } |
| 7128 |
| 7129 em { |
| 7130 color: inherit; |
| 7131 font-style:italic; |
| 7132 } |
| 7133 |
| 7134 hr { |
| 7135 margin-top: 20px; |
| 7136 margin-bottom: 20px; |
| 7137 border: 0; |
| 7138 border-top: 1px solid #eee; |
| 7139 height: 0; |
| 7140 box-sizing: content-box; |
| 7141 } |
| 7142 |
| 7143 .list-group { |
| 7144 padding-left: 0; |
| 7145 margin-bottom: 20px; |
| 7146 } |
| 7147 |
| 7148 .list-group-item { |
| 7149 position: relative; |
| 7150 display: block; |
| 7151 padding: 10px 15px; |
| 7152 margin-bottom: -1px; |
| 7153 background-color: #fff; |
| 7154 } |
| 7155 |
| 7156 .list-group-item:first-child { |
| 7157 /* rounded top corners */ |
| 7158 border-top-right-radius:4px; |
| 7159 border-top-left-radius:4px; |
| 7160 } |
| 7161 |
| 7162 .list-group-item:last-child { |
| 7163 margin-bottom: 0; |
| 7164 /* rounded bottom corners */ |
| 7165 border-bottom-right-radius: 4px; |
| 7166 border-bottom-left-radius:4px; |
| 7167 } |
| 7168 |
| 7169 /* Flex row container */ |
| 7170 .flex-row { |
| 7171 display: flex; |
| 7172 flex-direction: row; |
| 7173 } |
| 7174 |
| 7175 /* Flex column container */ |
| 7176 .flex-column { |
| 7177 display: flex; |
| 7178 flex-direction: column; |
| 7179 } |
| 7180 |
| 7181 .flex-item-fit { |
| 7182 flex-grow: 1; |
| 7183 flex-shrink: 1; |
| 7184 flex-basis: auto; |
| 7185 } |
| 7186 |
| 7187 .flex-item-no-shrink { |
| 7188 flex-grow: 0; |
| 7189 flex-shrink: 0; |
| 7190 flex-basis: auto; |
| 7191 } |
| 7192 |
| 7193 .flex-item-fill { |
| 7194 flex-grow: 0; |
| 7195 flex-shrink: 1; /* shrink when pressured */ |
| 7196 flex-basis: 100%; /* try and take 100% */ |
| 7197 } |
| 7198 |
| 7199 .flex-item-fixed-1-12 { |
| 7200 flex-grow: 0; |
| 7201 flex-shrink: 0; |
| 7202 flex-basis: 8.3%; |
| 7203 } |
| 7204 |
| 7205 .flex-item-fixed-2-12 { |
| 7206 flex-grow: 0; |
| 7207 flex-shrink: 0; |
| 7208 flex-basis: 16.6%; |
| 7209 } |
| 7210 |
| 7211 .flex-item-fixed-4-12 { |
| 7212 flex-grow: 0; |
| 7213 flex-shrink: 0; |
| 7214 flex-basis: 33.3333%; |
| 7215 } |
| 7216 |
| 7217 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7218 flex-grow: 0; |
| 7219 flex-shrink: 0; |
| 7220 flex-basis: 50%; |
| 7221 } |
| 7222 |
| 7223 .flex-item-fixed-8-12 { |
| 7224 flex-grow: 0; |
| 7225 flex-shrink: 0; |
| 7226 flex-basis: 66.6666%; |
| 7227 } |
| 7228 |
| 7229 .flex-item-fixed-9-12 { |
| 7230 flex-grow: 0; |
| 7231 flex-shrink: 0; |
| 7232 flex-basis: 75%; |
| 7233 } |
| 7234 |
| 7235 |
| 7236 .flex-item-fixed-12-12 { |
| 7237 flex-grow: 0; |
| 7238 flex-shrink: 0; |
| 7239 flex-basis: 100%; |
| 7240 } |
| 7241 |
| 7242 .flex-item-10-percent { |
| 7243 flex-grow: 0; |
| 7244 flex-shrink: 0; |
| 7245 flex-basis: 10%; |
| 7246 } |
| 7247 |
| 7248 .flex-item-15-percent { |
| 7249 flex-grow: 0; |
| 7250 flex-shrink: 0; |
| 7251 flex-basis: 15%; |
| 7252 } |
| 7253 |
| 7254 .flex-item-20-percent { |
| 7255 flex-grow: 0; |
| 7256 flex-shrink: 0; |
| 7257 flex-basis: 20%; |
| 7258 } |
| 7259 |
| 7260 .flex-item-30-percent { |
| 7261 flex-grow: 0; |
| 7262 flex-shrink: 0; |
| 7263 flex-basis: 30%; |
| 7264 } |
| 7265 |
| 7266 .flex-item-40-percent { |
| 7267 flex-grow: 0; |
| 7268 flex-shrink: 0; |
| 7269 flex-basis: 40%; |
| 7270 } |
| 7271 |
| 7272 .flex-item-60-percent { |
| 7273 flex-grow: 0; |
| 7274 flex-shrink: 0; |
| 7275 flex-basis: 60%; |
| 7276 } |
| 7277 |
| 7278 .flex-item-70-percent { |
| 7279 flex-grow: 0; |
| 7280 flex-shrink: 0; |
| 7281 flex-basis: 70%; |
| 7282 } |
| 7283 |
| 7284 .flex-item-80-percent { |
| 7285 flex-grow: 0; |
| 7286 flex-shrink: 0; |
| 7287 flex-basis: 80%; |
| 7288 } |
| 7289 |
| 7290 .well { |
| 7291 min-height: 20px; |
| 7292 padding: 19px; |
| 7293 margin-bottom: 20px; |
| 7294 background-color: #f5f5f5; |
| 7295 border: 1px solid #e3e3e3; |
| 7296 border-radius: 4px; |
| 7297 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7298 } |
| 7299 |
| 7300 .break-wrap { |
| 7301 word-wrap: break-word; |
| 7302 } |
| 7303 </style> |
| 7304 |
| 7305 <nav-bar> |
| 7306 <top-nav-menu last="{{ true }}"></top-nav-menu> |
| 7307 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 7308 </nav-bar> |
| 7309 |
| 7310 <div class="content"> |
| 7311 <h1>WebSockets</h1> |
| 7312 |
| 7313 <br> |
| 7314 |
| 7315 <ul class="list-group"> |
| 7316 <template repeat="{{ webSocket in list['members'] }}"> |
| 7317 <li class="list-group-item"> |
| 7318 <io-web-socket-ref ref="{{ webSocket }}"></io-web-socket-ref> |
| 7319 </li> |
| 7320 </template> |
| 7321 </ul> |
| 7322 </div> |
| 7323 <br> |
| 7324 <hr> |
| 7325 </template> |
| 7326 </polymer-element> |
| 7327 |
| 7328 <polymer-element name="io-web-socket-view" extends="observatory-element"> |
| 7329 <template> |
| 7330 <style> |
| 7331 /* Global styles */ |
| 7332 * { |
| 7333 margin: 0; |
| 7334 padding: 0; |
| 7335 font: 400 14px 'Montserrat', sans-serif; |
| 7336 color: #333; |
| 7337 box-sizing: border-box; |
| 7338 } |
| 7339 |
| 7340 .content { |
| 7341 padding-left: 10%; |
| 7342 font: 400 14px 'Montserrat', sans-serif; |
| 7343 } |
| 7344 |
| 7345 .content-centered { |
| 7346 padding-left: 10%; |
| 7347 padding-right: 10%; |
| 7348 font: 400 14px 'Montserrat', sans-serif; |
| 7349 } |
| 7350 |
| 7351 h1 { |
| 7352 font: 400 18px 'Montserrat', sans-serif; |
| 7353 } |
| 7354 |
| 7355 .memberList { |
| 7356 display: table; |
| 7357 } |
| 7358 |
| 7359 .memberItem { |
| 7360 display: table-row; |
| 7361 } |
| 7362 |
| 7363 .memberName, .memberValue { |
| 7364 display: table-cell; |
| 7365 vertical-align: top; |
| 7366 padding: 3px 0 3px 1em; |
| 7367 font: 400 14px 'Montserrat', sans-serif; |
| 7368 } |
| 7369 |
| 7370 .monospace { |
| 7371 font-family: consolas, courier, monospace; |
| 7372 font-size: 1em; |
| 7373 line-height: 1.2em; |
| 7374 white-space: nowrap; |
| 7375 } |
| 7376 |
| 7377 a { |
| 7378 color: #0489c3; |
| 7379 text-decoration: none; |
| 7380 } |
| 7381 |
| 7382 a:hover { |
| 7383 text-decoration: underline; |
| 7384 } |
| 7385 |
| 7386 em { |
| 7387 color: inherit; |
| 7388 font-style:italic; |
| 7389 } |
| 7390 |
| 7391 hr { |
| 7392 margin-top: 20px; |
| 7393 margin-bottom: 20px; |
| 7394 border: 0; |
| 7395 border-top: 1px solid #eee; |
| 7396 height: 0; |
| 7397 box-sizing: content-box; |
| 7398 } |
| 7399 |
| 7400 .list-group { |
| 7401 padding-left: 0; |
| 7402 margin-bottom: 20px; |
| 7403 } |
| 7404 |
| 7405 .list-group-item { |
| 7406 position: relative; |
| 7407 display: block; |
| 7408 padding: 10px 15px; |
| 7409 margin-bottom: -1px; |
| 7410 background-color: #fff; |
| 7411 } |
| 7412 |
| 7413 .list-group-item:first-child { |
| 7414 /* rounded top corners */ |
| 7415 border-top-right-radius:4px; |
| 7416 border-top-left-radius:4px; |
| 7417 } |
| 7418 |
| 7419 .list-group-item:last-child { |
| 7420 margin-bottom: 0; |
| 7421 /* rounded bottom corners */ |
| 7422 border-bottom-right-radius: 4px; |
| 7423 border-bottom-left-radius:4px; |
| 7424 } |
| 7425 |
| 7426 /* Flex row container */ |
| 7427 .flex-row { |
| 7428 display: flex; |
| 7429 flex-direction: row; |
| 7430 } |
| 7431 |
| 7432 /* Flex column container */ |
| 7433 .flex-column { |
| 7434 display: flex; |
| 7435 flex-direction: column; |
| 7436 } |
| 7437 |
| 7438 .flex-item-fit { |
| 7439 flex-grow: 1; |
| 7440 flex-shrink: 1; |
| 7441 flex-basis: auto; |
| 7442 } |
| 7443 |
| 7444 .flex-item-no-shrink { |
| 7445 flex-grow: 0; |
| 7446 flex-shrink: 0; |
| 7447 flex-basis: auto; |
| 7448 } |
| 7449 |
| 7450 .flex-item-fill { |
| 7451 flex-grow: 0; |
| 7452 flex-shrink: 1; /* shrink when pressured */ |
| 7453 flex-basis: 100%; /* try and take 100% */ |
| 7454 } |
| 7455 |
| 7456 .flex-item-fixed-1-12 { |
| 7457 flex-grow: 0; |
| 7458 flex-shrink: 0; |
| 7459 flex-basis: 8.3%; |
| 7460 } |
| 7461 |
| 7462 .flex-item-fixed-2-12 { |
| 7463 flex-grow: 0; |
| 7464 flex-shrink: 0; |
| 7465 flex-basis: 16.6%; |
| 7466 } |
| 7467 |
| 7468 .flex-item-fixed-4-12 { |
| 7469 flex-grow: 0; |
| 7470 flex-shrink: 0; |
| 7471 flex-basis: 33.3333%; |
| 7472 } |
| 7473 |
| 7474 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7475 flex-grow: 0; |
| 7476 flex-shrink: 0; |
| 7477 flex-basis: 50%; |
| 7478 } |
| 7479 |
| 7480 .flex-item-fixed-8-12 { |
| 7481 flex-grow: 0; |
| 7482 flex-shrink: 0; |
| 7483 flex-basis: 66.6666%; |
| 7484 } |
| 7485 |
| 7486 .flex-item-fixed-9-12 { |
| 7487 flex-grow: 0; |
| 7488 flex-shrink: 0; |
| 7489 flex-basis: 75%; |
| 7490 } |
| 7491 |
| 7492 |
| 7493 .flex-item-fixed-12-12 { |
| 7494 flex-grow: 0; |
| 7495 flex-shrink: 0; |
| 7496 flex-basis: 100%; |
| 7497 } |
| 7498 |
| 7499 .flex-item-10-percent { |
| 7500 flex-grow: 0; |
| 7501 flex-shrink: 0; |
| 7502 flex-basis: 10%; |
| 7503 } |
| 7504 |
| 7505 .flex-item-15-percent { |
| 7506 flex-grow: 0; |
| 7507 flex-shrink: 0; |
| 7508 flex-basis: 15%; |
| 7509 } |
| 7510 |
| 7511 .flex-item-20-percent { |
| 7512 flex-grow: 0; |
| 7513 flex-shrink: 0; |
| 7514 flex-basis: 20%; |
| 7515 } |
| 7516 |
| 7517 .flex-item-30-percent { |
| 7518 flex-grow: 0; |
| 7519 flex-shrink: 0; |
| 7520 flex-basis: 30%; |
| 7521 } |
| 7522 |
| 7523 .flex-item-40-percent { |
| 7524 flex-grow: 0; |
| 7525 flex-shrink: 0; |
| 7526 flex-basis: 40%; |
| 7527 } |
| 7528 |
| 7529 .flex-item-60-percent { |
| 7530 flex-grow: 0; |
| 7531 flex-shrink: 0; |
| 7532 flex-basis: 60%; |
| 7533 } |
| 7534 |
| 7535 .flex-item-70-percent { |
| 7536 flex-grow: 0; |
| 7537 flex-shrink: 0; |
| 7538 flex-basis: 70%; |
| 7539 } |
| 7540 |
| 7541 .flex-item-80-percent { |
| 7542 flex-grow: 0; |
| 7543 flex-shrink: 0; |
| 7544 flex-basis: 80%; |
| 7545 } |
| 7546 |
| 7547 .well { |
| 7548 min-height: 20px; |
| 7549 padding: 19px; |
| 7550 margin-bottom: 20px; |
| 7551 background-color: #f5f5f5; |
| 7552 border: 1px solid #e3e3e3; |
| 7553 border-radius: 4px; |
| 7554 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7555 } |
| 7556 |
| 7557 .break-wrap { |
| 7558 word-wrap: break-word; |
| 7559 } |
| 7560 </style> |
| 7561 |
| 7562 <nav-bar> |
| 7563 <top-nav-menu last="{{ true }}"></top-nav-menu> |
| 7564 <nav-refresh callback="{{ refresh }}"></nav-refresh> |
| 7565 </nav-bar> |
| 7566 |
| 7567 <div class="content"> |
| 7568 <h1>WebSocket</h1> |
| 7569 |
| 7570 <br> |
| 7571 |
| 7572 <div class="memberList"> |
| 7573 <div class="memberItem"> |
| 7574 <div class="memberName">Socket</div> |
| 7575 <div class="memberValue"><io-socket-ref ref="{{ webSocket['socket'] }}
"></io-socket-ref></div> |
| 7576 </div> |
| 7577 </div> |
| 7578 </div> |
| 7579 <br> |
| 7580 <hr> |
| 7581 </template> |
| 7582 </polymer-element> |
| 7583 |
6826 <polymer-element name="io-random-access-file-ref" extends="service-ref"> | 7584 <polymer-element name="io-random-access-file-ref" extends="service-ref"> |
6827 <template> | 7585 <template> |
6828 <style> | 7586 <style> |
6829 /* Global styles */ | 7587 /* Global styles */ |
6830 * { | 7588 * { |
6831 margin: 0; | 7589 margin: 0; |
6832 padding: 0; | 7590 padding: 0; |
6833 font: 400 14px 'Montserrat', sans-serif; | 7591 font: 400 14px 'Montserrat', sans-serif; |
6834 color: #333; | 7592 color: #333; |
6835 box-sizing: border-box; | 7593 box-sizing: border-box; |
(...skipping 6260 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
13096 </style> | 13854 </style> |
13097 <a href="{{ url }}">{{ ref.name }}</a> | 13855 <a href="{{ url }}">{{ ref.name }}</a> |
13098 </template> | 13856 </template> |
13099 | 13857 |
13100 </polymer-element> | 13858 </polymer-element> |
13101 | 13859 |
13102 | 13860 |
13103 <observatory-application devtools="true"></observatory-application> | 13861 <observatory-application devtools="true"></observatory-application> |
13104 | 13862 |
13105 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html> | 13863 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html> |
OLD | NEW |