Add processes to Observatory

runtime/bin/vmservice/client/lib/src/elements/io_view.html

Index: runtime/bin/vmservice/client/lib/src/elements/io_view.html
diff --git a/runtime/bin/vmservice/client/lib/src/elements/io_view.html b/runtime/bin/vmservice/client/lib/src/elements/io_view.html
index a76dd49d3f2e50b63c22478daed5da70450aefc0..2a3a03ea7522ce5f973ae3a047a10471fe4e97d2 100644
--- a/runtime/bin/vmservice/client/lib/src/elements/io_view.html
+++ b/runtime/bin/vmservice/client/lib/src/elements/io_view.html
@@ -39,6 +39,14 @@
         </li>
       </ul>
 
+      <br>
+
+      <ul class="list-group">
+        <li class="list-group-item">
+          <a href="{{io.isolate.relativeHashLink('io/processes')}}">Processess</a>
+        </li>
+      </ul>
+
     </div>
     <br>
     <hr>
@@ -257,4 +265,97 @@
   </template>
 </polymer-element>
 
+<polymer-element name="io-process-list-view" extends="observatory-element">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+
+    <nav-bar>
+      <top-nav-menu last="{{ true }}"></top-nav-menu>
+      <nav-refresh callback="{{ refresh }}"></nav-refresh>
+    </nav-bar>
+
+    <div class="content">
+      <h1>Processes</h1>
+
+      <br>
+
+      <ul class="list-group">
+        <template repeat="{{ process in list['members'] }}">
+          <li class="list-group-item">
+            <io-process-ref ref="{{ process }}"></io-process-ref>
+          </li>
+        </template>
+      </ul>
+    </div>
+    <br>
+    <hr>
+  </template>
+</polymer-element>
+
+<polymer-element name="io-process-ref" extends="service-ref">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+    <template if="{{ small }}">
+      <a href="{{ url }}">{{ name }}</a>
+    </template>
+    <template if="{{ !small }}">
+      <a href="{{ url }}">({{ ref['pid'] }}) {{ name }} {{ ref['arguments'] }}</a>
+    </template>
+  </template>
+</polymer-element>
+
+<polymer-element name="io-process-view" extends="observatory-element">
+  <template>
+    <link rel="stylesheet" href="css/shared.css">
+
+    <nav-bar>
+      <top-nav-menu last="{{ true }}"></top-nav-menu>
+      <nav-refresh callback="{{ refresh }}"></nav-refresh>
+    </nav-bar>
+
+    <div class="content">
+      <h1>Process</h1>
+
+      <br>
+
+      <div class="memberList">
+        <div class="memberItem">
+          <div class="memberName">Path</div>
+          <div class="memberValue">{{ process['name'] }}</div>
+        </div>
+        <div class="memberItem">
+          <div class="memberName">Pid</div>
+          <div class="memberValue">{{ process['pid'] }}</div>
+        </div>
+        <div class="memberItem">
+          <div class="memberName">Arguments</div>
+          <div class="memberValue">{{ process['arguments'] }}</div>
+        </div>
+        <div class="memberItem">
+          <div class="memberName">Started</div>
+          <div class="memberValue">{{ process['started'] }}</div>
+        </div>
+        <div class="memberItem">
+          <div class="memberName">Working Directory</div>
+          <div class="memberValue">{{ process['workingDirectory'] }}</div>
+        </div>
+      </div>
+
+      <br>
+
+      <h2>Environment</h2>
+      <div class="well">
+        <div class="monospace break-wrap">
+          <template repeat="{{ variable in process['environment'] }}">
+            {{ variable }}
+            <br>
+          </template>
+        </div>
+      </div>
+    </div>
+    <br>
+    <hr>
+  </template>
+</polymer-element>
+
 <script type="application/dart" src="io_view.dart"></script>