| 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 6798 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 6809 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); |
| 6810 } | 6810 } |
| 6811 | 6811 |
| 6812 .break-wrap { | 6812 .break-wrap { |
| 6813 word-wrap: break-word; | 6813 word-wrap: break-word; |
| 6814 } | 6814 } |
| 6815 </style> | 6815 </style> |
| 6816 <template if="{{ ref.serviceType == 'Socket' }}"> | 6816 <template if="{{ ref.serviceType == 'Socket' }}"> |
| 6817 <io-socket-ref ref="{{ ref }}"></io-socket-ref> | 6817 <io-socket-ref ref="{{ ref }}"></io-socket-ref> |
| 6818 </template> | 6818 </template> |
| 6819 <template if="{{ ref.serviceType == 'HttpServerConnection' }}"> |
| 6820 <io-http-server-connection-ref ref="{{ ref }}"></io-http-server-connection
-ref> |
| 6821 </template> |
| 6819 <template if="{{ ref.serviceType == 'HttpServer' }}"> | 6822 <template if="{{ ref.serviceType == 'HttpServer' }}"> |
| 6820 <io-http-server-ref ref="{{ ref }}"></io-http-server-ref> | 6823 <io-http-server-ref ref="{{ ref }}"></io-http-server-ref> |
| 6821 </template> | 6824 </template> |
| 6822 <template if="{{ ref.serviceType == 'WebSocket' }}"> | 6825 <template if="{{ ref.serviceType == 'WebSocket' }}"> |
| 6823 <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref> | 6826 <io-web-socket-ref ref="{{ ref }}"></io-web-socket-ref> |
| 6824 </template> | 6827 </template> |
| 6825 <template if="{{ ref.serviceType == 'Process' }}"> | 6828 <template if="{{ ref.serviceType == 'Process' }}"> |
| 6826 <io-process-ref ref="{{ ref }}"></io-process-ref> | 6829 <io-process-ref ref="{{ ref }}"></io-process-ref> |
| 6827 </template> | 6830 </template> |
| 6828 </template> | 6831 </template> |
| (...skipping 760 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 7589 <div class="memberItem"> | 7592 <div class="memberItem"> |
| 7590 <div class="memberName">Address</div> | 7593 <div class="memberName">Address</div> |
| 7591 <div class="memberValue">{{ httpServer['address'] }}</div> | 7594 <div class="memberValue">{{ httpServer['address'] }}</div> |
| 7592 </div> | 7595 </div> |
| 7593 <div class="memberItem"> | 7596 <div class="memberItem"> |
| 7594 <div class="memberName">Port</div> | 7597 <div class="memberName">Port</div> |
| 7595 <div class="memberValue">{{ httpServer['port'] }}</div> | 7598 <div class="memberValue">{{ httpServer['port'] }}</div> |
| 7596 </div> | 7599 </div> |
| 7597 <div class="memberItem"> | 7600 <div class="memberItem"> |
| 7598 <div class="memberName">Active connections</div> | 7601 <div class="memberName">Active connections</div> |
| 7599 <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> |
| 7600 </div> | 7609 </div> |
| 7601 <div class="memberItem"> | 7610 <div class="memberItem"> |
| 7602 <div class="memberName">Idle connections</div> | 7611 <div class="memberName">Idle connections</div> |
| 7603 <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> |
| 7604 </div> | 7619 </div> |
| 7605 </div> | 7620 </div> |
| 7606 </div> | 7621 </div> |
| 7622 <br> |
| 7623 <hr> |
| 7624 </template> |
| 7625 </polymer-element> |
| 7626 |
| 7627 <polymer-element name="io-http-server-connection-ref" extends="service-ref"> |
| 7628 <template> |
| 7629 <style> |
| 7630 /* Global styles */ |
| 7631 * { |
| 7632 margin: 0; |
| 7633 padding: 0; |
| 7634 font: 400 14px 'Montserrat', sans-serif; |
| 7635 color: #333; |
| 7636 box-sizing: border-box; |
| 7637 } |
| 7638 |
| 7639 .content { |
| 7640 padding-left: 10%; |
| 7641 font: 400 14px 'Montserrat', sans-serif; |
| 7642 } |
| 7643 |
| 7644 .content-centered { |
| 7645 padding-left: 10%; |
| 7646 padding-right: 10%; |
| 7647 font: 400 14px 'Montserrat', sans-serif; |
| 7648 } |
| 7649 |
| 7650 h1 { |
| 7651 font: 400 18px 'Montserrat', sans-serif; |
| 7652 } |
| 7653 |
| 7654 .memberList { |
| 7655 display: table; |
| 7656 } |
| 7657 |
| 7658 .memberItem { |
| 7659 display: table-row; |
| 7660 } |
| 7661 |
| 7662 .memberName, .memberValue { |
| 7663 display: table-cell; |
| 7664 vertical-align: top; |
| 7665 padding: 3px 0 3px 1em; |
| 7666 font: 400 14px 'Montserrat', sans-serif; |
| 7667 } |
| 7668 |
| 7669 .monospace { |
| 7670 font-family: consolas, courier, monospace; |
| 7671 font-size: 1em; |
| 7672 line-height: 1.2em; |
| 7673 white-space: nowrap; |
| 7674 } |
| 7675 |
| 7676 a { |
| 7677 color: #0489c3; |
| 7678 text-decoration: none; |
| 7679 } |
| 7680 |
| 7681 a:hover { |
| 7682 text-decoration: underline; |
| 7683 } |
| 7684 |
| 7685 em { |
| 7686 color: inherit; |
| 7687 font-style: italic; |
| 7688 } |
| 7689 |
| 7690 b { |
| 7691 color: inherit; |
| 7692 font-weight: bold; |
| 7693 } |
| 7694 |
| 7695 hr { |
| 7696 margin-top: 20px; |
| 7697 margin-bottom: 20px; |
| 7698 border: 0; |
| 7699 border-top: 1px solid #eee; |
| 7700 height: 0; |
| 7701 box-sizing: content-box; |
| 7702 } |
| 7703 |
| 7704 .list-group { |
| 7705 padding-left: 0; |
| 7706 margin-bottom: 20px; |
| 7707 } |
| 7708 |
| 7709 .list-group-item { |
| 7710 position: relative; |
| 7711 display: block; |
| 7712 padding: 10px 15px; |
| 7713 margin-bottom: -1px; |
| 7714 background-color: #fff; |
| 7715 } |
| 7716 |
| 7717 .list-group-item:first-child { |
| 7718 /* rounded top corners */ |
| 7719 border-top-right-radius:4px; |
| 7720 border-top-left-radius:4px; |
| 7721 } |
| 7722 |
| 7723 .list-group-item:last-child { |
| 7724 margin-bottom: 0; |
| 7725 /* rounded bottom corners */ |
| 7726 border-bottom-right-radius: 4px; |
| 7727 border-bottom-left-radius:4px; |
| 7728 } |
| 7729 |
| 7730 /* Flex row container */ |
| 7731 .flex-row { |
| 7732 display: flex; |
| 7733 flex-direction: row; |
| 7734 } |
| 7735 |
| 7736 /* Flex column container */ |
| 7737 .flex-column { |
| 7738 display: flex; |
| 7739 flex-direction: column; |
| 7740 } |
| 7741 |
| 7742 .flex-item-fit { |
| 7743 flex-grow: 1; |
| 7744 flex-shrink: 1; |
| 7745 flex-basis: auto; |
| 7746 } |
| 7747 |
| 7748 .flex-item-no-shrink { |
| 7749 flex-grow: 0; |
| 7750 flex-shrink: 0; |
| 7751 flex-basis: auto; |
| 7752 } |
| 7753 |
| 7754 .flex-item-fill { |
| 7755 flex-grow: 0; |
| 7756 flex-shrink: 1; /* shrink when pressured */ |
| 7757 flex-basis: 100%; /* try and take 100% */ |
| 7758 } |
| 7759 |
| 7760 .flex-item-fixed-1-12 { |
| 7761 flex-grow: 0; |
| 7762 flex-shrink: 0; |
| 7763 flex-basis: 8.3%; |
| 7764 } |
| 7765 |
| 7766 .flex-item-fixed-2-12 { |
| 7767 flex-grow: 0; |
| 7768 flex-shrink: 0; |
| 7769 flex-basis: 16.6%; |
| 7770 } |
| 7771 |
| 7772 .flex-item-fixed-4-12 { |
| 7773 flex-grow: 0; |
| 7774 flex-shrink: 0; |
| 7775 flex-basis: 33.3333%; |
| 7776 } |
| 7777 |
| 7778 .flex-item-fixed-6-12, .flex-item-50-percent { |
| 7779 flex-grow: 0; |
| 7780 flex-shrink: 0; |
| 7781 flex-basis: 50%; |
| 7782 } |
| 7783 |
| 7784 .flex-item-fixed-8-12 { |
| 7785 flex-grow: 0; |
| 7786 flex-shrink: 0; |
| 7787 flex-basis: 66.6666%; |
| 7788 } |
| 7789 |
| 7790 .flex-item-fixed-9-12 { |
| 7791 flex-grow: 0; |
| 7792 flex-shrink: 0; |
| 7793 flex-basis: 75%; |
| 7794 } |
| 7795 |
| 7796 |
| 7797 .flex-item-fixed-12-12 { |
| 7798 flex-grow: 0; |
| 7799 flex-shrink: 0; |
| 7800 flex-basis: 100%; |
| 7801 } |
| 7802 |
| 7803 .flex-item-10-percent { |
| 7804 flex-grow: 0; |
| 7805 flex-shrink: 0; |
| 7806 flex-basis: 10%; |
| 7807 } |
| 7808 |
| 7809 .flex-item-15-percent { |
| 7810 flex-grow: 0; |
| 7811 flex-shrink: 0; |
| 7812 flex-basis: 15%; |
| 7813 } |
| 7814 |
| 7815 .flex-item-20-percent { |
| 7816 flex-grow: 0; |
| 7817 flex-shrink: 0; |
| 7818 flex-basis: 20%; |
| 7819 } |
| 7820 |
| 7821 .flex-item-30-percent { |
| 7822 flex-grow: 0; |
| 7823 flex-shrink: 0; |
| 7824 flex-basis: 30%; |
| 7825 } |
| 7826 |
| 7827 .flex-item-40-percent { |
| 7828 flex-grow: 0; |
| 7829 flex-shrink: 0; |
| 7830 flex-basis: 40%; |
| 7831 } |
| 7832 |
| 7833 .flex-item-60-percent { |
| 7834 flex-grow: 0; |
| 7835 flex-shrink: 0; |
| 7836 flex-basis: 60%; |
| 7837 } |
| 7838 |
| 7839 .flex-item-70-percent { |
| 7840 flex-grow: 0; |
| 7841 flex-shrink: 0; |
| 7842 flex-basis: 70%; |
| 7843 } |
| 7844 |
| 7845 .flex-item-80-percent { |
| 7846 flex-grow: 0; |
| 7847 flex-shrink: 0; |
| 7848 flex-basis: 80%; |
| 7849 } |
| 7850 |
| 7851 .well { |
| 7852 min-height: 20px; |
| 7853 padding: 19px; |
| 7854 margin-bottom: 20px; |
| 7855 background-color: #f5f5f5; |
| 7856 border: 1px solid #e3e3e3; |
| 7857 border-radius: 4px; |
| 7858 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
| 7859 } |
| 7860 |
| 7861 .break-wrap { |
| 7862 word-wrap: break-word; |
| 7863 } |
| 7864 </style> |
| 7865 <a href="{{ url }}">{{ name }}</a> |
| 7866 </template> |
| 7867 </polymer-element> |
| 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> |
| 7607 <br> | 8133 <br> |
| 7608 <hr> | 8134 <hr> |
| 7609 </template> | 8135 </template> |
| 7610 </polymer-element> | 8136 </polymer-element> |
| 7611 | 8137 |
| 7612 <polymer-element name="io-socket-ref" extends="service-ref"> | 8138 <polymer-element name="io-socket-ref" extends="service-ref"> |
| 7613 <template> | 8139 <template> |
| 7614 <style> | 8140 <style> |
| 7615 /* Global styles */ | 8141 /* Global styles */ |
| 7616 * { | 8142 * { |
| (...skipping 7731 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 15348 </style> | 15874 </style> |
| 15349 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> | 15875 <a on-click="{{ goto }}" href="{{ url }}">{{ ref.name }}</a> |
| 15350 </template> | 15876 </template> |
| 15351 | 15877 |
| 15352 </polymer-element> | 15878 </polymer-element> |
| 15353 | 15879 |
| 15354 | 15880 |
| 15355 <observatory-application devtools="true"></observatory-application> | 15881 <observatory-application devtools="true"></observatory-application> |
| 15356 | 15882 |
| 15357 <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 |
|---|
Chromium Code Reviews
Issue 322243002:
Upgrade to polymer_expressions 0.11.1 (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart