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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 297213005: Add Socket ref to HttpServer. (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/socket_patch.dart ('k') | runtime/bin/vmservice/client/deployed/web/index.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 <meta charset="utf-8"> 2 <meta charset="utf-8">
3 <title>Dart VM Observatory</title> 3 <title>Dart VM Observatory</title>
4 4
5 5
6 6
7 7
8 8
9 9
10 </head> 10 </head>
(...skipping 5925 matching lines...) Expand 10 before | Expand all | Expand 10 after
5936 <nav-refresh callback="{{ refresh }}"></nav-refresh> 5936 <nav-refresh callback="{{ refresh }}"></nav-refresh>
5937 </nav-bar> 5937 </nav-bar>
5938 5938
5939 <div class="content"> 5939 <div class="content">
5940 <h1>HttpServer</h1> 5940 <h1>HttpServer</h1>
5941 5941
5942 <br> 5942 <br>
5943 5943
5944 <div class="memberList"> 5944 <div class="memberList">
5945 <div class="memberItem"> 5945 <div class="memberItem">
5946 <div class="memberName">Socket</div>
5947 <div class="memberValue"><io-socket-ref ref="{{ httpServer['socket'] } }"></io-socket-ref></div>
5948 </div>
5949 <div class="memberItem">
5946 <div class="memberName">Address</div> 5950 <div class="memberName">Address</div>
5947 <div class="memberValue">{{ httpServer['address'] }}</div> 5951 <div class="memberValue">{{ httpServer['address'] }}</div>
5948 </div> 5952 </div>
5949 <div class="memberItem"> 5953 <div class="memberItem">
5950 <div class="memberName">Port</div> 5954 <div class="memberName">Port</div>
5951 <div class="memberValue">{{ httpServer['port'] }}</div> 5955 <div class="memberValue">{{ httpServer['port'] }}</div>
5952 </div> 5956 </div>
5953 <div class="memberItem"> 5957 <div class="memberItem">
5954 <div class="memberName">Active connections</div> 5958 <div class="memberName">Active connections</div>
5955 <div class="memberValue">{{ httpServer['active'] }}</div> 5959 <div class="memberValue">{{ httpServer['active'] }}</div>
5956 </div> 5960 </div>
5957 <div class="memberItem"> 5961 <div class="memberItem">
5958 <div class="memberName">Idle connections</div> 5962 <div class="memberName">Idle connections</div>
5959 <div class="memberValue">{{ httpServer['idle'] }}</div> 5963 <div class="memberValue">{{ httpServer['idle'] }}</div>
5960 </div> 5964 </div>
5961 </div> 5965 </div>
5962 </div> 5966 </div>
5963 <br> 5967 <br>
5964 <hr> 5968 <hr>
5965 </template> 5969 </template>
5966 </polymer-element> 5970 </polymer-element>
5967 5971
5968 5972 <polymer-element name="io-socket-ref" extends="service-ref">
5969 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment">
5970 <template> 5973 <template>
5971 <style> 5974 <style>
5972 /* Global styles */ 5975 /* Global styles */
5976 * {
5977 margin: 0;
5978 padding: 0;
5979 font: 400 14px 'Montserrat', sans-serif;
5980 color: #333;
5981 box-sizing: border-box;
5982 }
5983
5984 .content {
5985 padding-left: 10%;
5986 font: 400 14px 'Montserrat', sans-serif;
5987 }
5988
5989 .content-centered {
5990 padding-left: 10%;
5991 padding-right: 10%;
5992 font: 400 14px 'Montserrat', sans-serif;
5993 }
5994
5995 h1 {
5996 font: 400 18px 'Montserrat', sans-serif;
5997 }
5998
5999 .memberList {
6000 display: table;
6001 }
6002
6003 .memberItem {
6004 display: table-row;
6005 }
6006
6007 .memberName, .memberValue {
6008 display: table-cell;
6009 vertical-align: top;
6010 padding: 3px 0 3px 1em;
6011 font: 400 14px 'Montserrat', sans-serif;
6012 }
6013
6014 .monospace {
6015 font-family: consolas, courier, monospace;
6016 font-size: 1em;
6017 line-height: 1.2em;
6018 white-space: nowrap;
6019 }
6020
6021 a {
6022 color: #0489c3;
6023 text-decoration: none;
6024 }
6025
6026 a:hover {
6027 text-decoration: underline;
6028 }
6029
6030 em {
6031 color: inherit;
6032 font-style:italic;
6033 }
6034
6035 hr {
6036 margin-top: 20px;
6037 margin-bottom: 20px;
6038 border: 0;
6039 border-top: 1px solid #eee;
6040 height: 0;
6041 box-sizing: content-box;
6042 }
6043
6044 .list-group {
6045 padding-left: 0;
6046 margin-bottom: 20px;
6047 }
6048
6049 .list-group-item {
6050 position: relative;
6051 display: block;
6052 padding: 10px 15px;
6053 margin-bottom: -1px;
6054 background-color: #fff;
6055 }
6056
6057 .list-group-item:first-child {
6058 /* rounded top corners */
6059 border-top-right-radius:4px;
6060 border-top-left-radius:4px;
6061 }
6062
6063 .list-group-item:last-child {
6064 margin-bottom: 0;
6065 /* rounded bottom corners */
6066 border-bottom-right-radius: 4px;
6067 border-bottom-left-radius:4px;
6068 }
6069
6070 /* Flex row container */
6071 .flex-row {
6072 display: flex;
6073 flex-direction: row;
6074 }
6075
6076 /* Flex column container */
6077 .flex-column {
6078 display: flex;
6079 flex-direction: column;
6080 }
6081
6082 .flex-item-fit {
6083 flex-grow: 1;
6084 flex-shrink: 1;
6085 flex-basis: auto;
6086 }
6087
6088 .flex-item-no-shrink {
6089 flex-grow: 0;
6090 flex-shrink: 0;
6091 flex-basis: auto;
6092 }
6093
6094 .flex-item-fill {
6095 flex-grow: 0;
6096 flex-shrink: 1; /* shrink when pressured */
6097 flex-basis: 100%; /* try and take 100% */
6098 }
6099
6100 .flex-item-fixed-1-12 {
6101 flex-grow: 0;
6102 flex-shrink: 0;
6103 flex-basis: 8.3%;
6104 }
6105
6106 .flex-item-fixed-2-12 {
6107 flex-grow: 0;
6108 flex-shrink: 0;
6109 flex-basis: 16.6%;
6110 }
6111
6112 .flex-item-fixed-4-12 {
6113 flex-grow: 0;
6114 flex-shrink: 0;
6115 flex-basis: 33.3333%;
6116 }
6117
6118 .flex-item-fixed-6-12, .flex-item-50-percent {
6119 flex-grow: 0;
6120 flex-shrink: 0;
6121 flex-basis: 50%;
6122 }
6123
6124 .flex-item-fixed-8-12 {
6125 flex-grow: 0;
6126 flex-shrink: 0;
6127 flex-basis: 66.6666%;
6128 }
6129
6130 .flex-item-fixed-9-12 {
6131 flex-grow: 0;
6132 flex-shrink: 0;
6133 flex-basis: 75%;
6134 }
6135
6136
6137 .flex-item-fixed-12-12 {
6138 flex-grow: 0;
6139 flex-shrink: 0;
6140 flex-basis: 100%;
6141 }
6142
6143 .flex-item-10-percent {
6144 flex-grow: 0;
6145 flex-shrink: 0;
6146 flex-basis: 10%;
6147 }
6148
6149 .flex-item-15-percent {
6150 flex-grow: 0;
6151 flex-shrink: 0;
6152 flex-basis: 15%;
6153 }
6154
6155 .flex-item-20-percent {
6156 flex-grow: 0;
6157 flex-shrink: 0;
6158 flex-basis: 20%;
6159 }
6160
6161 .flex-item-30-percent {
6162 flex-grow: 0;
6163 flex-shrink: 0;
6164 flex-basis: 30%;
6165 }
6166
6167 .flex-item-40-percent {
6168 flex-grow: 0;
6169 flex-shrink: 0;
6170 flex-basis: 40%;
6171 }
6172
6173 .flex-item-60-percent {
6174 flex-grow: 0;
6175 flex-shrink: 0;
6176 flex-basis: 60%;
6177 }
6178
6179 .flex-item-70-percent {
6180 flex-grow: 0;
6181 flex-shrink: 0;
6182 flex-basis: 70%;
6183 }
6184
6185 .flex-item-80-percent {
6186 flex-grow: 0;
6187 flex-shrink: 0;
6188 flex-basis: 80%;
6189 }
6190
6191 .well {
6192 min-height: 20px;
6193 padding: 19px;
6194 margin-bottom: 20px;
6195 background-color: #f5f5f5;
6196 border: 1px solid #e3e3e3;
6197 border-radius: 4px;
6198 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6199 }
6200 </style>
6201 <a href="{{ url }}">{{ name }}</a>
6202 </template>
6203 </polymer-element>
6204
6205 <polymer-element name="io-socket-view" extends="observatory-element">
6206 <template>
6207 <style>
6208 /* Global styles */
5973 * { 6209 * {
5974 margin: 0; 6210 margin: 0;
5975 padding: 0; 6211 padding: 0;
5976 font: 400 14px 'Montserrat', sans-serif; 6212 font: 400 14px 'Montserrat', sans-serif;
5977 color: #333; 6213 color: #333;
5978 box-sizing: border-box; 6214 box-sizing: border-box;
5979 } 6215 }
5980 6216
5981 .content { 6217 .content {
5982 padding-left: 10%; 6218 padding-left: 10%;
(...skipping 212 matching lines...) Expand 10 before | Expand all | Expand 10 after
6195 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6431 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6196 } 6432 }
6197 </style> 6433 </style>
6198 6434
6199 <nav-bar> 6435 <nav-bar>
6200 <top-nav-menu last="{{ true }}"></top-nav-menu> 6436 <top-nav-menu last="{{ true }}"></top-nav-menu>
6201 <nav-refresh callback="{{ refresh }}"></nav-refresh> 6437 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6202 </nav-bar> 6438 </nav-bar>
6203 6439
6204 <div class="content"> 6440 <div class="content">
6205 <h1>Random Access Files</h1> 6441 <h1>Socket</h1>
6206 6442
6207 <br> 6443 <br>
6208 6444
6209 <ul class="list-group"> 6445 <div class="memberList">
6210 <template repeat="{{ file in list['members'] }}"> 6446 <div class="memberItem">
6211 <li class="list-group-item"> 6447 <div class="memberName">Address</div>
6212 <io-random-access-file-ref ref="{{ file }}"></io-random-access-file- ref> 6448 <div class="memberValue">{{ socket['address'] }}</div>
6213 </li> 6449 </div>
6214 </template> 6450 <div class="memberItem">
6215 </ul> 6451 <div class="memberName">Port</div>
6452 <div class="memberValue">{{ socket['port'] }}</div>
6453 </div>
6454 </div>
6216 </div> 6455 </div>
6217 <br> 6456 <br>
6218 <hr> 6457 <hr>
6219 </template> 6458 </template>
6220 </polymer-element> 6459 </polymer-element>
6221 6460
6222 <polymer-element name="io-random-access-file-ref" extends="service-ref"> 6461 <polymer-element name="io-random-access-file-ref" extends="service-ref">
6223 <template> 6462 <template>
6224 <style> 6463 <style>
6225 /* Global styles */ 6464 /* Global styles */
(...skipping 219 matching lines...) Expand 10 before | Expand all | Expand 10 after
6445 background-color: #f5f5f5; 6684 background-color: #f5f5f5;
6446 border: 1px solid #e3e3e3; 6685 border: 1px solid #e3e3e3;
6447 border-radius: 4px; 6686 border-radius: 4px;
6448 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); 6687 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6449 } 6688 }
6450 </style> 6689 </style>
6451 <a href="{{ url }}">{{ name }}</a> 6690 <a href="{{ url }}">{{ name }}</a>
6452 </template> 6691 </template>
6453 </polymer-element> 6692 </polymer-element>
6454 6693
6694 <polymer-element name="io-random-access-file-list-view" extends="observatory-ele ment">
6695 <template>
6696 <style>
6697 /* Global styles */
6698 * {
6699 margin: 0;
6700 padding: 0;
6701 font: 400 14px 'Montserrat', sans-serif;
6702 color: #333;
6703 box-sizing: border-box;
6704 }
6705
6706 .content {
6707 padding-left: 10%;
6708 font: 400 14px 'Montserrat', sans-serif;
6709 }
6710
6711 .content-centered {
6712 padding-left: 10%;
6713 padding-right: 10%;
6714 font: 400 14px 'Montserrat', sans-serif;
6715 }
6716
6717 h1 {
6718 font: 400 18px 'Montserrat', sans-serif;
6719 }
6720
6721 .memberList {
6722 display: table;
6723 }
6724
6725 .memberItem {
6726 display: table-row;
6727 }
6728
6729 .memberName, .memberValue {
6730 display: table-cell;
6731 vertical-align: top;
6732 padding: 3px 0 3px 1em;
6733 font: 400 14px 'Montserrat', sans-serif;
6734 }
6735
6736 .monospace {
6737 font-family: consolas, courier, monospace;
6738 font-size: 1em;
6739 line-height: 1.2em;
6740 white-space: nowrap;
6741 }
6742
6743 a {
6744 color: #0489c3;
6745 text-decoration: none;
6746 }
6747
6748 a:hover {
6749 text-decoration: underline;
6750 }
6751
6752 em {
6753 color: inherit;
6754 font-style:italic;
6755 }
6756
6757 hr {
6758 margin-top: 20px;
6759 margin-bottom: 20px;
6760 border: 0;
6761 border-top: 1px solid #eee;
6762 height: 0;
6763 box-sizing: content-box;
6764 }
6765
6766 .list-group {
6767 padding-left: 0;
6768 margin-bottom: 20px;
6769 }
6770
6771 .list-group-item {
6772 position: relative;
6773 display: block;
6774 padding: 10px 15px;
6775 margin-bottom: -1px;
6776 background-color: #fff;
6777 }
6778
6779 .list-group-item:first-child {
6780 /* rounded top corners */
6781 border-top-right-radius:4px;
6782 border-top-left-radius:4px;
6783 }
6784
6785 .list-group-item:last-child {
6786 margin-bottom: 0;
6787 /* rounded bottom corners */
6788 border-bottom-right-radius: 4px;
6789 border-bottom-left-radius:4px;
6790 }
6791
6792 /* Flex row container */
6793 .flex-row {
6794 display: flex;
6795 flex-direction: row;
6796 }
6797
6798 /* Flex column container */
6799 .flex-column {
6800 display: flex;
6801 flex-direction: column;
6802 }
6803
6804 .flex-item-fit {
6805 flex-grow: 1;
6806 flex-shrink: 1;
6807 flex-basis: auto;
6808 }
6809
6810 .flex-item-no-shrink {
6811 flex-grow: 0;
6812 flex-shrink: 0;
6813 flex-basis: auto;
6814 }
6815
6816 .flex-item-fill {
6817 flex-grow: 0;
6818 flex-shrink: 1; /* shrink when pressured */
6819 flex-basis: 100%; /* try and take 100% */
6820 }
6821
6822 .flex-item-fixed-1-12 {
6823 flex-grow: 0;
6824 flex-shrink: 0;
6825 flex-basis: 8.3%;
6826 }
6827
6828 .flex-item-fixed-2-12 {
6829 flex-grow: 0;
6830 flex-shrink: 0;
6831 flex-basis: 16.6%;
6832 }
6833
6834 .flex-item-fixed-4-12 {
6835 flex-grow: 0;
6836 flex-shrink: 0;
6837 flex-basis: 33.3333%;
6838 }
6839
6840 .flex-item-fixed-6-12, .flex-item-50-percent {
6841 flex-grow: 0;
6842 flex-shrink: 0;
6843 flex-basis: 50%;
6844 }
6845
6846 .flex-item-fixed-8-12 {
6847 flex-grow: 0;
6848 flex-shrink: 0;
6849 flex-basis: 66.6666%;
6850 }
6851
6852 .flex-item-fixed-9-12 {
6853 flex-grow: 0;
6854 flex-shrink: 0;
6855 flex-basis: 75%;
6856 }
6857
6858
6859 .flex-item-fixed-12-12 {
6860 flex-grow: 0;
6861 flex-shrink: 0;
6862 flex-basis: 100%;
6863 }
6864
6865 .flex-item-10-percent {
6866 flex-grow: 0;
6867 flex-shrink: 0;
6868 flex-basis: 10%;
6869 }
6870
6871 .flex-item-15-percent {
6872 flex-grow: 0;
6873 flex-shrink: 0;
6874 flex-basis: 15%;
6875 }
6876
6877 .flex-item-20-percent {
6878 flex-grow: 0;
6879 flex-shrink: 0;
6880 flex-basis: 20%;
6881 }
6882
6883 .flex-item-30-percent {
6884 flex-grow: 0;
6885 flex-shrink: 0;
6886 flex-basis: 30%;
6887 }
6888
6889 .flex-item-40-percent {
6890 flex-grow: 0;
6891 flex-shrink: 0;
6892 flex-basis: 40%;
6893 }
6894
6895 .flex-item-60-percent {
6896 flex-grow: 0;
6897 flex-shrink: 0;
6898 flex-basis: 60%;
6899 }
6900
6901 .flex-item-70-percent {
6902 flex-grow: 0;
6903 flex-shrink: 0;
6904 flex-basis: 70%;
6905 }
6906
6907 .flex-item-80-percent {
6908 flex-grow: 0;
6909 flex-shrink: 0;
6910 flex-basis: 80%;
6911 }
6912
6913 .well {
6914 min-height: 20px;
6915 padding: 19px;
6916 margin-bottom: 20px;
6917 background-color: #f5f5f5;
6918 border: 1px solid #e3e3e3;
6919 border-radius: 4px;
6920 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
6921 }
6922 </style>
6923
6924 <nav-bar>
6925 <top-nav-menu last="{{ true }}"></top-nav-menu>
6926 <nav-refresh callback="{{ refresh }}"></nav-refresh>
6927 </nav-bar>
6928
6929 <div class="content">
6930 <h1>Random Access Files</h1>
6931
6932 <br>
6933
6934 <ul class="list-group">
6935 <template repeat="{{ file in list['members'] }}">
6936 <li class="list-group-item">
6937 <io-random-access-file-ref ref="{{ file }}"></io-random-access-file- ref>
6938 </li>
6939 </template>
6940 </ul>
6941 </div>
6942 <br>
6943 <hr>
6944 </template>
6945 </polymer-element>
6946
6455 <polymer-element name="io-random-access-file-view" extends="observatory-element" > 6947 <polymer-element name="io-random-access-file-view" extends="observatory-element" >
6456 <template> 6948 <template>
6457 <style> 6949 <style>
6458 /* Global styles */ 6950 /* Global styles */
6459 * { 6951 * {
6460 margin: 0; 6952 margin: 0;
6461 padding: 0; 6953 padding: 0;
6462 font: 400 14px 'Montserrat', sans-serif; 6954 font: 400 14px 'Montserrat', sans-serif;
6463 color: #333; 6955 color: #333;
6464 box-sizing: border-box; 6956 box-sizing: border-box;
(...skipping 4919 matching lines...) Expand 10 before | Expand all | Expand 10 after
11384 </style> 11876 </style>
11385 <a href="{{ url }}">{{ ref.name }}</a> 11877 <a href="{{ url }}">{{ ref.name }}</a>
11386 </template> 11878 </template>
11387 11879
11388 </polymer-element> 11880 </polymer-element>
11389 11881
11390 11882
11391 <observatory-application></observatory-application> 11883 <observatory-application></observatory-application>
11392 11884
11393 <script src="index.html_bootstrap.dart.js"></script></body></html> 11885 <script src="index.html_bootstrap.dart.js"></script></body></html>
OLDNEW
« no previous file with comments | « runtime/bin/socket_patch.dart ('k') | runtime/bin/vmservice/client/deployed/web/index.html_bootstrap.dart.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698