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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 293363007: Add 'Sockets' to observatory. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Deploy Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html><head> 1 <!DOCTYPE html><html><head>
2 <title>Dart VM Observatory</title> 2 <title>Dart VM Observatory</title>
3 <meta charset="utf-8"> 3 <meta charset="utf-8">
4 4
5 5
6 6
7 7
8 8
9 9
10 </head> 10 </head>
(...skipping 5187 matching lines...) Expand 10 before | Expand all | Expand 10 after
5198 <ul class="list-group"> 5198 <ul class="list-group">
5199 <li class="list-group-item"> 5199 <li class="list-group-item">
5200 <a href="{{io.isolate.relativeHashLink('io/http/servers')}}">HTTP Serv ers</a> 5200 <a href="{{io.isolate.relativeHashLink('io/http/servers')}}">HTTP Serv ers</a>
5201 </li> 5201 </li>
5202 </ul> 5202 </ul>
5203 5203
5204 <br> 5204 <br>
5205 5205
5206 <ul class="list-group"> 5206 <ul class="list-group">
5207 <li class="list-group-item"> 5207 <li class="list-group-item">
5208 <a href="{{io.isolate.relativeHashLink('io/sockets')}}">Sockets</a>
5209 </li>
5210 </ul>
5211
5212 <br>
5213
5214 <ul class="list-group">
5215 <li class="list-group-item">
5208 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}" >Random Access Files</a> 5216 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}" >Random Access Files</a>
5209 </li> 5217 </li>
5210 </ul> 5218 </ul>
5211 5219
5212 </div> 5220 </div>
5213 <br> 5221 <br>
5214 <hr> 5222 <hr>
5215 </template> 5223 </template>
5216 </polymer-element> 5224 </polymer-element>
5217 5225
(...skipping 977 matching lines...) Expand 10 before | Expand all | Expand 10 after
6195 background-color: #f5f5f5; 6203 background-color: #f5f5f5;
6196 border: 1px solid #e3e3e3; 6204 border: 1px solid #e3e3e3;
6197 border-radius: 4px; 6205 border-radius: 4px;
6198 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6206 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6199 } 6207 }
6200 </style> 6208 </style>
6201 <a href="{{ url }}">{{ name }}</a> 6209 <a href="{{ url }}">{{ name }}</a>
6202 </template> 6210 </template>
6203 </polymer-element> 6211 </polymer-element>
6204 6212
6213 <polymer-element name="io-socket-list-view" extends="observatory-element">
6214 <template>
6215 <style>
6216 /* Global styles */
6217 * {
6218 margin: 0;
6219 padding: 0;
6220 font: 400 14px 'Montserrat', sans-serif;
6221 color: #333;
6222 box-sizing: border-box;
6223 }
6224
6225 .content {
6226 padding-left: 10%;
6227 font: 400 14px 'Montserrat', sans-serif;
6228 }
6229
6230 .content-centered {
6231 padding-left: 10%;
6232 padding-right: 10%;
6233 font: 400 14px 'Montserrat', sans-serif;
6234 }
6235
6236 h1 {
6237 font: 400 18px 'Montserrat', sans-serif;
6238 }
6239
6240 .memberList {
6241 display: table;
6242 }
6243
6244 .memberItem {
6245 display: table-row;
6246 }
6247
6248 .memberName, .memberValue {
6249 display: table-cell;
6250 vertical-align: top;
6251 padding: 3px 0 3px 1em;
6252 font: 400 14px 'Montserrat', sans-serif;
6253 }
6254
6255 .monospace {
6256 font-family: consolas, courier, monospace;
6257 font-size: 1em;
6258 line-height: 1.2em;
6259 white-space: nowrap;
6260 }
6261
6262 a {
6263 color: #0489c3;
6264 text-decoration: none;
6265 }
6266
6267 a:hover {
6268 text-decoration: underline;
6269 }
6270
6271 em {
6272 color: inherit;
6273 font-style:italic;
6274 }
6275
6276 hr {
6277 margin-top: 20px;
6278 margin-bottom: 20px;
6279 border: 0;
6280 border-top: 1px solid #eee;
6281 height: 0;
6282 box-sizing: content-box;
6283 }
6284
6285 .list-group {
6286 padding-left: 0;
6287 margin-bottom: 20px;
6288 }
6289
6290 .list-group-item {
6291 position: relative;
6292 display: block;
6293 padding: 10px 15px;
6294 margin-bottom: -1px;
6295 background-color: #fff;
6296 }
6297
6298 .list-group-item:first-child {
6299 /* rounded top corners */
6300 border-top-right-radius:4px;
6301 border-top-left-radius:4px;
6302 }
6303
6304 .list-group-item:last-child {
6305 margin-bottom: 0;
6306 /* rounded bottom corners */
6307 border-bottom-right-radius: 4px;
6308 border-bottom-left-radius:4px;
6309 }
6310
6311 /* Flex row container */
6312 .flex-row {
6313 display: flex;
6314 flex-direction: row;
6315 }
6316
6317 /* Flex column container */
6318 .flex-column {
6319 display: flex;
6320 flex-direction: column;
6321 }
6322
6323 .flex-item-fit {
6324 flex-grow: 1;
6325 flex-shrink: 1;
6326 flex-basis: auto;
6327 }
6328
6329 .flex-item-no-shrink {
6330 flex-grow: 0;
6331 flex-shrink: 0;
6332 flex-basis: auto;
6333 }
6334
6335 .flex-item-fill {
6336 flex-grow: 0;
6337 flex-shrink: 1; /* shrink when pressured */
6338 flex-basis: 100%; /* try and take 100% */
6339 }
6340
6341 .flex-item-fixed-1-12 {
6342 flex-grow: 0;
6343 flex-shrink: 0;
6344 flex-basis: 8.3%;
6345 }
6346
6347 .flex-item-fixed-2-12 {
6348 flex-grow: 0;
6349 flex-shrink: 0;
6350 flex-basis: 16.6%;
6351 }
6352
6353 .flex-item-fixed-4-12 {
6354 flex-grow: 0;
6355 flex-shrink: 0;
6356 flex-basis: 33.3333%;
6357 }
6358
6359 .flex-item-fixed-6-12, .flex-item-50-percent {
6360 flex-grow: 0;
6361 flex-shrink: 0;
6362 flex-basis: 50%;
6363 }
6364
6365 .flex-item-fixed-8-12 {
6366 flex-grow: 0;
6367 flex-shrink: 0;
6368 flex-basis: 66.6666%;
6369 }
6370
6371 .flex-item-fixed-9-12 {
6372 flex-grow: 0;
6373 flex-shrink: 0;
6374 flex-basis: 75%;
6375 }
6376
6377
6378 .flex-item-fixed-12-12 {
6379 flex-grow: 0;
6380 flex-shrink: 0;
6381 flex-basis: 100%;
6382 }
6383
6384 .flex-item-10-percent {
6385 flex-grow: 0;
6386 flex-shrink: 0;
6387 flex-basis: 10%;
6388 }
6389
6390 .flex-item-15-percent {
6391 flex-grow: 0;
6392 flex-shrink: 0;
6393 flex-basis: 15%;
6394 }
6395
6396 .flex-item-20-percent {
6397 flex-grow: 0;
6398 flex-shrink: 0;
6399 flex-basis: 20%;
6400 }
6401
6402 .flex-item-30-percent {
6403 flex-grow: 0;
6404 flex-shrink: 0;
6405 flex-basis: 30%;
6406 }
6407
6408 .flex-item-40-percent {
6409 flex-grow: 0;
6410 flex-shrink: 0;
6411 flex-basis: 40%;
6412 }
6413
6414 .flex-item-60-percent {
6415 flex-grow: 0;
6416 flex-shrink: 0;
6417 flex-basis: 60%;
6418 }
6419
6420 .flex-item-70-percent {
6421 flex-grow: 0;
6422 flex-shrink: 0;
6423 flex-basis: 70%;
6424 }
6425
6426 .flex-item-80-percent {
6427 flex-grow: 0;
6428 flex-shrink: 0;
6429 flex-basis: 80%;
6430 }
6431
6432 .well {
6433 min-height: 20px;
6434 padding: 19px;
6435 margin-bottom: 20px;
6436 background-color: #f5f5f5;
6437 border: 1px solid #e3e3e3;
6438 border-radius: 4px;
6439 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6440 }
6441 </style>
6442
6443 <nav-bar>
6444 <top-nav-menu last="{{ true }}"></top-nav-menu>
6445 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6446 </nav-bar>
6447
6448 <div class="content">
6449 <h1>Socket</h1>
6450
6451 <br>
6452
6453 <ul class="list-group">
6454 <template repeat="{{ file in list['members'] }}">
6455 <li class="list-group-item">
6456 <io-socket-ref ref="{{ file }}"></io-socket-ref>
6457 </li>
6458 </template>
6459 </ul>
6460 </div>
6461 <br>
6462 <hr>
6463 </template>
6464 </polymer-element>
6465
6205 <polymer-element name="io-socket-view" extends="observatory-element"> 6466 <polymer-element name="io-socket-view" extends="observatory-element">
6206 <template> 6467 <template>
6207 <style> 6468 <style>
6208 /* Global styles */ 6469 /* Global styles */
6209 * { 6470 * {
6210 margin: 0; 6471 margin: 0;
6211 padding: 0; 6472 padding: 0;
6212 font: 400 14px 'Montserrat', sans-serif; 6473 font: 400 14px 'Montserrat', sans-serif;
6213 color: #333; 6474 color: #333;
6214 box-sizing: border-box; 6475 box-sizing: border-box;
(...skipping 229 matching lines...) Expand 10 before | Expand all | Expand 10 after
6444 6705
6445 <div class="memberList"> 6706 <div class="memberList">
6446 <div class="memberItem"> 6707 <div class="memberItem">
6447 <div class="memberName">Address</div> 6708 <div class="memberName">Address</div>
6448 <div class="memberValue">{{ socket['address'] }}</div> 6709 <div class="memberValue">{{ socket['address'] }}</div>
6449 </div> 6710 </div>
6450 <div class="memberItem"> 6711 <div class="memberItem">
6451 <div class="memberName">Port</div> 6712 <div class="memberName">Port</div>
6452 <div class="memberValue">{{ socket['port'] }}</div> 6713 <div class="memberValue">{{ socket['port'] }}</div>
6453 </div> 6714 </div>
6715 <div class="memberItem">
6716 <div class="memberName">File descriptor</div>
6717 <div class="memberValue">{{ socket['fd'] }}</div>
6718 </div>
6454 </div> 6719 </div>
6455 </div> 6720 </div>
6456 <br> 6721 <br>
6457 <hr> 6722 <hr>
6458 </template> 6723 </template>
6459 </polymer-element> 6724 </polymer-element>
6460 6725
6461 <polymer-element name="io-random-access-file-ref" extends="service-ref"> 6726 <polymer-element name="io-random-access-file-ref" extends="service-ref">
6462 <template> 6727 <template>
6463 <style> 6728 <style>
(...skipping 5412 matching lines...) Expand 10 before | Expand all | Expand 10 after
11876 </style> 12141 </style>
11877 <a href="{{ url }}">{{ ref.name }}</a> 12142 <a href="{{ url }}">{{ ref.name }}</a>
11878 </template> 12143 </template>
11879 12144
11880 </polymer-element> 12145 </polymer-element>
11881 12146
11882 12147
11883 <observatory-application devtools="true"></observatory-application> 12148 <observatory-application devtools="true"></observatory-application>
11884 12149
11885 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html> 12150 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html>
OLDNEW
« no previous file with comments | « runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js ('k') | runtime/bin/vmservice/client/deployed/web/index_devtools.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698