| Index: runtime/observatory/lib/src/elements/ports.dart | 
| diff --git a/runtime/observatory/lib/src/elements/ports.dart b/runtime/observatory/lib/src/elements/ports.dart | 
| new file mode 100644 | 
| index 0000000000000000000000000000000000000000..6360e7266be842c1834680de7e3056e45f9d180a | 
| --- /dev/null | 
| +++ b/runtime/observatory/lib/src/elements/ports.dart | 
| @@ -0,0 +1,34 @@ | 
| +// Copyright (c) 2015, the Dart project authors.  Please see the AUTHORS file | 
| +// for details. All rights reserved. Use of this source code is governed by a | 
| +// BSD-style license that can be found in the LICENSE file. | 
| + | 
| +library ports; | 
| + | 
| +import 'dart:async'; | 
| +import 'dart:html'; | 
| +import 'observatory_element.dart'; | 
| +import 'package:observatory/app.dart'; | 
| +import 'package:observatory/service.dart'; | 
| +import 'package:polymer/polymer.dart'; | 
| + | 
| +@CustomTag('ports-page') | 
| +class PortsPageElement extends ObservatoryElement { | 
| +  PortsPageElement.created() : super.created(); | 
| + | 
| +  @observable Isolate isolate; | 
| +  @observable ServiceObject ports; | 
| + | 
| +  void isolateChanged(oldValue) { | 
| +    if (isolate != null) { | 
| +      isolate.getPorts().then(_refreshView); | 
| +    } | 
| +  } | 
| + | 
| +  Future refresh() { | 
| +    return isolate.getPorts().then(_refreshView); | 
| +  } | 
| + | 
| +  _refreshView(ServiceObject object) { | 
| +    ports = object['ports']; | 
| +  } | 
| +} | 
|  |