Index: observatory_pub_packages/observe/html.dart |
=================================================================== |
--- observatory_pub_packages/observe/html.dart (revision 0) |
+++ observatory_pub_packages/observe/html.dart (working copy) |
@@ -0,0 +1,79 @@ |
+// Copyright (c) 2013, 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. |
+ |
+// TODO(jmesserly): can we handle this more elegantly? |
+// In general, it seems like we want a convenient way to take a Stream plus a |
+// getter and convert this into an Observable. |
+ |
+/// Helpers for exposing dart:html as observable data. |
+library observe.html; |
+ |
+import 'dart:html'; |
+ |
+import 'observe.dart'; |
+ |
+/// An observable version of [window.location.hash]. |
+final ObservableLocationHash windowLocation = new ObservableLocationHash._(); |
+ |
+class ObservableLocationHash extends ChangeNotifier { |
+ Object _currentHash; |
+ |
+ ObservableLocationHash._() { |
+ // listen on changes to #hash in the URL |
+ // Note: listen on both popState and hashChange, because IE9 doesn't support |
+ // history API. See http://dartbug.com/5483 |
+ // TODO(jmesserly): only listen to these if someone is listening to our |
+ // changes. |
+ window.onHashChange.listen(_notifyHashChange); |
+ window.onPopState.listen(_notifyHashChange); |
+ |
+ _currentHash = hash; |
+ } |
+ |
+ @reflectable String get hash => window.location.hash; |
+ |
+ /// Pushes a new URL state, similar to the affect of clicking a link. |
+ /// Has no effect if the [value] already equals [window.location.hash]. |
+ @reflectable void set hash(String value) { |
+ if (value == hash) return; |
+ |
+ window.history.pushState(null, '', value); |
+ _notifyHashChange(null); |
+ } |
+ |
+ void _notifyHashChange(_) { |
+ var oldValue = _currentHash; |
+ _currentHash = hash; |
+ notifyPropertyChange(#hash, oldValue, _currentHash); |
+ } |
+} |
+ |
+/// *Deprecated* use [CssClassSet.toggle] instead. |
+/// |
+/// Add or remove CSS class [className] based on the [value]. |
+@deprecated |
+void updateCssClass(Element element, String className, bool value) { |
+ if (value == true) { |
+ element.classes.add(className); |
+ } else { |
+ element.classes.remove(className); |
+ } |
+} |
+ |
+/// *Deprecated* use `class="{{ binding }}"` in your HTML instead. It will also |
+/// work on a `<polymer-element>`. |
+/// |
+/// Bind a CSS class to the observable [object] and property [path]. |
+@deprecated |
+PathObserver bindCssClass(Element element, String className, |
+ Observable object, String path) { |
+ |
+ callback(value) { |
+ updateCssClass(element, className, value); |
+ } |
+ |
+ var obs = new PathObserver(object, path); |
+ callback(obs.open(callback)); |
+ return obs; |
+} |