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

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

Issue 291343009: Add initial Random Access File information to Observatory (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html><html><head> 1 <!DOCTYPE html><html><head>
2 <title>Dart VM Observatory</title> 2 <title>Dart VM Observatory</title>
3 <meta charset="utf-8"> 3 <meta charset="utf-8">
4 4
5 5
6 6
7 7
8 8
9 9
10 </head> 10 </head>
(...skipping 5182 matching lines...) Expand 10 before | Expand all | Expand 10 after
5193 <div class="content"> 5193 <div class="content">
5194 <h1>dart:io</h1> 5194 <h1>dart:io</h1>
5195 5195
5196 <br> 5196 <br>
5197 5197
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
5204 <br>
5205
5206 <ul class="list-group">
5207 <li class="list-group-item">
5208 <a href="{{io.isolate.relativeHashLink('io/file/randomaccessfiles')}}" >Random Access Files</a>
5209 </li>
5210 </ul>
5211
5203 </div> 5212 </div>
5204 <br> 5213 <br>
5205 <hr> 5214 <hr>
5206 </template> 5215 </template>
5207 </polymer-element> 5216 </polymer-element>
5208 5217
5209 <polymer-element name="io-http-server-list-view" extends="observatory-element"> 5218 <polymer-element name="io-http-server-list-view" extends="observatory-element">
5210 <template> 5219 <template>
5211 <style> 5220 <style>
5212 /* Global styles */ 5221 /* Global styles */
(...skipping 737 matching lines...) Expand 10 before | Expand all | Expand 10 after
5950 <div class="memberValue">{{ httpServer['idle'] }}</div> 5959 <div class="memberValue">{{ httpServer['idle'] }}</div>
5951 </div> 5960 </div>
5952 </div> 5961 </div>
5953 </div> 5962 </div>
5954 <br> 5963 <br>
5955 <hr> 5964 <hr>
5956 </template> 5965 </template>
5957 </polymer-element> 5966 </polymer-element>
5958 5967
5959 5968
5969 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment">
5970 <template>
5971 <style>
5972 /* Global styles */
5973 * {
5974 margin: 0;
5975 padding: 0;
5976 font: 400 14px 'Montserrat', sans-serif;
5977 color: #333;
5978 box-sizing: border-box;
5979 }
5980
5981 .content {
5982 padding-left: 10%;
5983 font: 400 14px 'Montserrat', sans-serif;
5984 }
5985
5986 .content-centered {
5987 padding-left: 10%;
5988 padding-right: 10%;
5989 font: 400 14px 'Montserrat', sans-serif;
5990 }
5991
5992 h1 {
5993 font: 400 18px 'Montserrat', sans-serif;
5994 }
5995
5996 .memberList {
5997 display: table;
5998 }
5999
6000 .memberItem {
6001 display: table-row;
6002 }
6003
6004 .memberName, .memberValue {
6005 display: table-cell;
6006 vertical-align: top;
6007 padding: 3px 0 3px 1em;
6008 font: 400 14px 'Montserrat', sans-serif;
6009 }
6010
6011 .monospace {
6012 font-family: consolas, courier, monospace;
6013 font-size: 1em;
6014 line-height: 1.2em;
6015 white-space: nowrap;
6016 }
6017
6018 a {
6019 color: #0489c3;
6020 text-decoration: none;
6021 }
6022
6023 a:hover {
6024 text-decoration: underline;
6025 }
6026
6027 em {
6028 color: inherit;
6029 font-style:italic;
6030 }
6031
6032 hr {
6033 margin-top: 20px;
6034 margin-bottom: 20px;
6035 border: 0;
6036 border-top: 1px solid #eee;
6037 height: 0;
6038 box-sizing: content-box;
6039 }
6040
6041 .list-group {
6042 padding-left: 0;
6043 margin-bottom: 20px;
6044 }
6045
6046 .list-group-item {
6047 position: relative;
6048 display: block;
6049 padding: 10px 15px;
6050 margin-bottom: -1px;
6051 background-color: #fff;
6052 }
6053
6054 .list-group-item:first-child {
6055 /* rounded top corners */
6056 border-top-right-radius:4px;
6057 border-top-left-radius:4px;
6058 }
6059
6060 .list-group-item:last-child {
6061 margin-bottom: 0;
6062 /* rounded bottom corners */
6063 border-bottom-right-radius: 4px;
6064 border-bottom-left-radius:4px;
6065 }
6066
6067 /* Flex row container */
6068 .flex-row {
6069 display: flex;
6070 flex-direction: row;
6071 }
6072
6073 /* Flex column container */
6074 .flex-column {
6075 display: flex;
6076 flex-direction: column;
6077 }
6078
6079 .flex-item-fit {
6080 flex-grow: 1;
6081 flex-shrink: 1;
6082 flex-basis: auto;
6083 }
6084
6085 .flex-item-no-shrink {
6086 flex-grow: 0;
6087 flex-shrink: 0;
6088 flex-basis: auto;
6089 }
6090
6091 .flex-item-fill {
6092 flex-grow: 0;
6093 flex-shrink: 1; /* shrink when pressured */
6094 flex-basis: 100%; /* try and take 100% */
6095 }
6096
6097 .flex-item-fixed-1-12 {
6098 flex-grow: 0;
6099 flex-shrink: 0;
6100 flex-basis: 8.3%;
6101 }
6102
6103 .flex-item-fixed-2-12 {
6104 flex-grow: 0;
6105 flex-shrink: 0;
6106 flex-basis: 16.6%;
6107 }
6108
6109 .flex-item-fixed-4-12 {
6110 flex-grow: 0;
6111 flex-shrink: 0;
6112 flex-basis: 33.3333%;
6113 }
6114
6115 .flex-item-fixed-6-12, .flex-item-50-percent {
6116 flex-grow: 0;
6117 flex-shrink: 0;
6118 flex-basis: 50%;
6119 }
6120
6121 .flex-item-fixed-8-12 {
6122 flex-grow: 0;
6123 flex-shrink: 0;
6124 flex-basis: 66.6666%;
6125 }
6126
6127 .flex-item-fixed-9-12 {
6128 flex-grow: 0;
6129 flex-shrink: 0;
6130 flex-basis: 75%;
6131 }
6132
6133
6134 .flex-item-fixed-12-12 {
6135 flex-grow: 0;
6136 flex-shrink: 0;
6137 flex-basis: 100%;
6138 }
6139
6140 .flex-item-10-percent {
6141 flex-grow: 0;
6142 flex-shrink: 0;
6143 flex-basis: 10%;
6144 }
6145
6146 .flex-item-15-percent {
6147 flex-grow: 0;
6148 flex-shrink: 0;
6149 flex-basis: 15%;
6150 }
6151
6152 .flex-item-20-percent {
6153 flex-grow: 0;
6154 flex-shrink: 0;
6155 flex-basis: 20%;
6156 }
6157
6158 .flex-item-30-percent {
6159 flex-grow: 0;
6160 flex-shrink: 0;
6161 flex-basis: 30%;
6162 }
6163
6164 .flex-item-40-percent {
6165 flex-grow: 0;
6166 flex-shrink: 0;
6167 flex-basis: 40%;
6168 }
6169
6170 .flex-item-60-percent {
6171 flex-grow: 0;
6172 flex-shrink: 0;
6173 flex-basis: 60%;
6174 }
6175
6176 .flex-item-70-percent {
6177 flex-grow: 0;
6178 flex-shrink: 0;
6179 flex-basis: 70%;
6180 }
6181
6182 .flex-item-80-percent {
6183 flex-grow: 0;
6184 flex-shrink: 0;
6185 flex-basis: 80%;
6186 }
6187
6188 .well {
6189 min-height: 20px;
6190 padding: 19px;
6191 margin-bottom: 20px;
6192 background-color: #f5f5f5;
6193 border: 1px solid #e3e3e3;
6194 border-radius: 4px;
6195 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6196 }
6197 </style>
6198
6199 <nav-bar>
6200 <top-nav-menu last="{{ true }}"></top-nav-menu>
6201 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6202 </nav-bar>
6203
6204 <div class="content">
6205 <h1>Random Access Files</h1>
6206
6207 <br>
6208
6209 <ul class="list-group">
6210 <template repeat="{{ file in list['members'] }}">
6211 <li class="list-group-item">
6212 <io-random-access-file-ref ref="{{ file }}"></io-random-access-file- ref>
6213 </li>
6214 </template>
6215 </ul>
6216 </div>
6217 <br>
6218 <hr>
6219 </template>
6220 </polymer-element>
6221
6222 <polymer-element name="io-random-access-file-ref" extends="service-ref">
6223 <template>
6224 <style>
6225 /* Global styles */
6226 * {
6227 margin: 0;
6228 padding: 0;
6229 font: 400 14px 'Montserrat', sans-serif;
6230 color: #333;
6231 box-sizing: border-box;
6232 }
6233
6234 .content {
6235 padding-left: 10%;
6236 font: 400 14px 'Montserrat', sans-serif;
6237 }
6238
6239 .content-centered {
6240 padding-left: 10%;
6241 padding-right: 10%;
6242 font: 400 14px 'Montserrat', sans-serif;
6243 }
6244
6245 h1 {
6246 font: 400 18px 'Montserrat', sans-serif;
6247 }
6248
6249 .memberList {
6250 display: table;
6251 }
6252
6253 .memberItem {
6254 display: table-row;
6255 }
6256
6257 .memberName, .memberValue {
6258 display: table-cell;
6259 vertical-align: top;
6260 padding: 3px 0 3px 1em;
6261 font: 400 14px 'Montserrat', sans-serif;
6262 }
6263
6264 .monospace {
6265 font-family: consolas, courier, monospace;
6266 font-size: 1em;
6267 line-height: 1.2em;
6268 white-space: nowrap;
6269 }
6270
6271 a {
6272 color: #0489c3;
6273 text-decoration: none;
6274 }
6275
6276 a:hover {
6277 text-decoration: underline;
6278 }
6279
6280 em {
6281 color: inherit;
6282 font-style:italic;
6283 }
6284
6285 hr {
6286 margin-top: 20px;
6287 margin-bottom: 20px;
6288 border: 0;
6289 border-top: 1px solid #eee;
6290 height: 0;
6291 box-sizing: content-box;
6292 }
6293
6294 .list-group {
6295 padding-left: 0;
6296 margin-bottom: 20px;
6297 }
6298
6299 .list-group-item {
6300 position: relative;
6301 display: block;
6302 padding: 10px 15px;
6303 margin-bottom: -1px;
6304 background-color: #fff;
6305 }
6306
6307 .list-group-item:first-child {
6308 /* rounded top corners */
6309 border-top-right-radius:4px;
6310 border-top-left-radius:4px;
6311 }
6312
6313 .list-group-item:last-child {
6314 margin-bottom: 0;
6315 /* rounded bottom corners */
6316 border-bottom-right-radius: 4px;
6317 border-bottom-left-radius:4px;
6318 }
6319
6320 /* Flex row container */
6321 .flex-row {
6322 display: flex;
6323 flex-direction: row;
6324 }
6325
6326 /* Flex column container */
6327 .flex-column {
6328 display: flex;
6329 flex-direction: column;
6330 }
6331
6332 .flex-item-fit {
6333 flex-grow: 1;
6334 flex-shrink: 1;
6335 flex-basis: auto;
6336 }
6337
6338 .flex-item-no-shrink {
6339 flex-grow: 0;
6340 flex-shrink: 0;
6341 flex-basis: auto;
6342 }
6343
6344 .flex-item-fill {
6345 flex-grow: 0;
6346 flex-shrink: 1; /* shrink when pressured */
6347 flex-basis: 100%; /* try and take 100% */
6348 }
6349
6350 .flex-item-fixed-1-12 {
6351 flex-grow: 0;
6352 flex-shrink: 0;
6353 flex-basis: 8.3%;
6354 }
6355
6356 .flex-item-fixed-2-12 {
6357 flex-grow: 0;
6358 flex-shrink: 0;
6359 flex-basis: 16.6%;
6360 }
6361
6362 .flex-item-fixed-4-12 {
6363 flex-grow: 0;
6364 flex-shrink: 0;
6365 flex-basis: 33.3333%;
6366 }
6367
6368 .flex-item-fixed-6-12, .flex-item-50-percent {
6369 flex-grow: 0;
6370 flex-shrink: 0;
6371 flex-basis: 50%;
6372 }
6373
6374 .flex-item-fixed-8-12 {
6375 flex-grow: 0;
6376 flex-shrink: 0;
6377 flex-basis: 66.6666%;
6378 }
6379
6380 .flex-item-fixed-9-12 {
6381 flex-grow: 0;
6382 flex-shrink: 0;
6383 flex-basis: 75%;
6384 }
6385
6386
6387 .flex-item-fixed-12-12 {
6388 flex-grow: 0;
6389 flex-shrink: 0;
6390 flex-basis: 100%;
6391 }
6392
6393 .flex-item-10-percent {
6394 flex-grow: 0;
6395 flex-shrink: 0;
6396 flex-basis: 10%;
6397 }
6398
6399 .flex-item-15-percent {
6400 flex-grow: 0;
6401 flex-shrink: 0;
6402 flex-basis: 15%;
6403 }
6404
6405 .flex-item-20-percent {
6406 flex-grow: 0;
6407 flex-shrink: 0;
6408 flex-basis: 20%;
6409 }
6410
6411 .flex-item-30-percent {
6412 flex-grow: 0;
6413 flex-shrink: 0;
6414 flex-basis: 30%;
6415 }
6416
6417 .flex-item-40-percent {
6418 flex-grow: 0;
6419 flex-shrink: 0;
6420 flex-basis: 40%;
6421 }
6422
6423 .flex-item-60-percent {
6424 flex-grow: 0;
6425 flex-shrink: 0;
6426 flex-basis: 60%;
6427 }
6428
6429 .flex-item-70-percent {
6430 flex-grow: 0;
6431 flex-shrink: 0;
6432 flex-basis: 70%;
6433 }
6434
6435 .flex-item-80-percent {
6436 flex-grow: 0;
6437 flex-shrink: 0;
6438 flex-basis: 80%;
6439 }
6440
6441 .well {
6442 min-height: 20px;
6443 padding: 19px;
6444 margin-bottom: 20px;
6445 background-color: #f5f5f5;
6446 border: 1px solid #e3e3e3;
6447 border-radius: 4px;
6448 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6449 }
6450 </style>
6451 <a href="{{ url }}">{{ name }}</a>
6452 </template>
6453 </polymer-element>
6454
6455 <polymer-element name="io-random-access-file-view" extends="observatory-element" >
6456 <template>
6457 <style>
6458 /* Global styles */
6459 * {
6460 margin: 0;
6461 padding: 0;
6462 font: 400 14px 'Montserrat', sans-serif;
6463 color: #333;
6464 box-sizing: border-box;
6465 }
6466
6467 .content {
6468 padding-left: 10%;
6469 font: 400 14px 'Montserrat', sans-serif;
6470 }
6471
6472 .content-centered {
6473 padding-left: 10%;
6474 padding-right: 10%;
6475 font: 400 14px 'Montserrat', sans-serif;
6476 }
6477
6478 h1 {
6479 font: 400 18px 'Montserrat', sans-serif;
6480 }
6481
6482 .memberList {
6483 display: table;
6484 }
6485
6486 .memberItem {
6487 display: table-row;
6488 }
6489
6490 .memberName, .memberValue {
6491 display: table-cell;
6492 vertical-align: top;
6493 padding: 3px 0 3px 1em;
6494 font: 400 14px 'Montserrat', sans-serif;
6495 }
6496
6497 .monospace {
6498 font-family: consolas, courier, monospace;
6499 font-size: 1em;
6500 line-height: 1.2em;
6501 white-space: nowrap;
6502 }
6503
6504 a {
6505 color: #0489c3;
6506 text-decoration: none;
6507 }
6508
6509 a:hover {
6510 text-decoration: underline;
6511 }
6512
6513 em {
6514 color: inherit;
6515 font-style:italic;
6516 }
6517
6518 hr {
6519 margin-top: 20px;
6520 margin-bottom: 20px;
6521 border: 0;
6522 border-top: 1px solid #eee;
6523 height: 0;
6524 box-sizing: content-box;
6525 }
6526
6527 .list-group {
6528 padding-left: 0;
6529 margin-bottom: 20px;
6530 }
6531
6532 .list-group-item {
6533 position: relative;
6534 display: block;
6535 padding: 10px 15px;
6536 margin-bottom: -1px;
6537 background-color: #fff;
6538 }
6539
6540 .list-group-item:first-child {
6541 /* rounded top corners */
6542 border-top-right-radius:4px;
6543 border-top-left-radius:4px;
6544 }
6545
6546 .list-group-item:last-child {
6547 margin-bottom: 0;
6548 /* rounded bottom corners */
6549 border-bottom-right-radius: 4px;
6550 border-bottom-left-radius:4px;
6551 }
6552
6553 /* Flex row container */
6554 .flex-row {
6555 display: flex;
6556 flex-direction: row;
6557 }
6558
6559 /* Flex column container */
6560 .flex-column {
6561 display: flex;
6562 flex-direction: column;
6563 }
6564
6565 .flex-item-fit {
6566 flex-grow: 1;
6567 flex-shrink: 1;
6568 flex-basis: auto;
6569 }
6570
6571 .flex-item-no-shrink {
6572 flex-grow: 0;
6573 flex-shrink: 0;
6574 flex-basis: auto;
6575 }
6576
6577 .flex-item-fill {
6578 flex-grow: 0;
6579 flex-shrink: 1; /* shrink when pressured */
6580 flex-basis: 100%; /* try and take 100% */
6581 }
6582
6583 .flex-item-fixed-1-12 {
6584 flex-grow: 0;
6585 flex-shrink: 0;
6586 flex-basis: 8.3%;
6587 }
6588
6589 .flex-item-fixed-2-12 {
6590 flex-grow: 0;
6591 flex-shrink: 0;
6592 flex-basis: 16.6%;
6593 }
6594
6595 .flex-item-fixed-4-12 {
6596 flex-grow: 0;
6597 flex-shrink: 0;
6598 flex-basis: 33.3333%;
6599 }
6600
6601 .flex-item-fixed-6-12, .flex-item-50-percent {
6602 flex-grow: 0;
6603 flex-shrink: 0;
6604 flex-basis: 50%;
6605 }
6606
6607 .flex-item-fixed-8-12 {
6608 flex-grow: 0;
6609 flex-shrink: 0;
6610 flex-basis: 66.6666%;
6611 }
6612
6613 .flex-item-fixed-9-12 {
6614 flex-grow: 0;
6615 flex-shrink: 0;
6616 flex-basis: 75%;
6617 }
6618
6619
6620 .flex-item-fixed-12-12 {
6621 flex-grow: 0;
6622 flex-shrink: 0;
6623 flex-basis: 100%;
6624 }
6625
6626 .flex-item-10-percent {
6627 flex-grow: 0;
6628 flex-shrink: 0;
6629 flex-basis: 10%;
6630 }
6631
6632 .flex-item-15-percent {
6633 flex-grow: 0;
6634 flex-shrink: 0;
6635 flex-basis: 15%;
6636 }
6637
6638 .flex-item-20-percent {
6639 flex-grow: 0;
6640 flex-shrink: 0;
6641 flex-basis: 20%;
6642 }
6643
6644 .flex-item-30-percent {
6645 flex-grow: 0;
6646 flex-shrink: 0;
6647 flex-basis: 30%;
6648 }
6649
6650 .flex-item-40-percent {
6651 flex-grow: 0;
6652 flex-shrink: 0;
6653 flex-basis: 40%;
6654 }
6655
6656 .flex-item-60-percent {
6657 flex-grow: 0;
6658 flex-shrink: 0;
6659 flex-basis: 60%;
6660 }
6661
6662 .flex-item-70-percent {
6663 flex-grow: 0;
6664 flex-shrink: 0;
6665 flex-basis: 70%;
6666 }
6667
6668 .flex-item-80-percent {
6669 flex-grow: 0;
6670 flex-shrink: 0;
6671 flex-basis: 80%;
6672 }
6673
6674 .well {
6675 min-height: 20px;
6676 padding: 19px;
6677 margin-bottom: 20px;
6678 background-color: #f5f5f5;
6679 border: 1px solid #e3e3e3;
6680 border-radius: 4px;
6681 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6682 }
6683 </style>
6684
6685 <nav-bar>
6686 <top-nav-menu last="{{ true }}"></top-nav-menu>
6687 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6688 </nav-bar>
6689
6690 <div class="content">
6691 <h1>Random Access File</h1>
6692
6693 <br>
6694
6695 <div class="memberList">
6696 <div class="memberItem">
6697 <div class="memberName">Path</div>
6698 <div class="memberValue">{{ file['name'] }}</div>
6699 </div>
6700 <div class="memberItem">
6701 <div class="memberName">Pending Operation</div>
6702 <div class="memberValue">{{ file['asyncDispatched'] }}</div>
6703 </div>
6704 <div class="memberItem">
6705 <div class="memberName">File Descriptor</div>
6706 <div class="memberValue">{{ file['fd'] }}</div>
6707 </div>
6708 </div>
6709 </div>
6710 <br>
6711 <hr>
6712 </template>
6713 </polymer-element>
6714
6715
5960 6716
5961 6717
5962 <polymer-element name="isolate-ref" extends="service-ref"> 6718 <polymer-element name="isolate-ref" extends="service-ref">
5963 <template><style> 6719 <template><style>
5964 /* Global styles */ 6720 /* Global styles */
5965 * { 6721 * {
5966 margin: 0; 6722 margin: 0;
5967 padding: 0; 6723 padding: 0;
5968 font: 400 14px 'Montserrat', sans-serif; 6724 font: 400 14px 'Montserrat', sans-serif;
5969 color: #333; 6725 color: #333;
(...skipping 4658 matching lines...) Expand 10 before | Expand all | Expand 10 after
10628 </style> 11384 </style>
10629 <a href="{{ url }}">{{ ref.name }}</a> 11385 <a href="{{ url }}">{{ ref.name }}</a>
10630 </template> 11386 </template>
10631 11387
10632 </polymer-element> 11388 </polymer-element>
10633 11389
10634 11390
10635 <observatory-application devtools="true"></observatory-application> 11391 <observatory-application devtools="true"></observatory-application>
10636 11392
10637 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html> 11393 <script src="index_devtools.html_bootstrap.dart.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698