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

Side by Side Diff: pkg/polymer/lib/observe_html.dart

Issue 23224003: move polymer.dart into dart svn (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: add --deploy to todomvc sample Created 7 years, 4 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 | « pkg/polymer/lib/observe.dart ('k') | pkg/polymer/lib/polymer.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
2 // for details. All rights reserved. Use of this source code is governed by a
3 // BSD-style license that can be found in the LICENSE file.
4
5 // TODO(jmesserly): can we handle this more elegantly?
6 // In general, it seems like we want a convenient way to take a Stream plus a
7 // getter and convert this into an Observable.
8
9 /** Helpers for exposing dart:html as observable data. */
10 library polymer.observe_html;
11
12 import 'dart:html';
13 import 'package:observe/observe.dart';
14
15 /** An observable version of [window.location.hash]. */
16 final ObservableLocationHash windowLocation = new ObservableLocationHash._();
17
18 class ObservableLocationHash extends ChangeNotifierBase {
19 ObservableLocationHash._() {
20 // listen on changes to #hash in the URL
21 // Note: listen on both popState and hashChange, because IE9 doesn't support
22 // history API. See http://dartbug.com/5483
23 // TODO(jmesserly): only listen to these if someone is listening to our
24 // changes.
25 window.onHashChange.listen(_notifyHashChange);
26 window.onPopState.listen(_notifyHashChange);
27 }
28
29 String get hash => window.location.hash;
30
31 /**
32 * Pushes a new URL state, similar to the affect of clicking a link.
33 * Has no effect if the [value] already equals [window.location.hash].
34 */
35 void set hash(String value) {
36 if (value == hash) return;
37
38 window.history.pushState(null, '', value);
39 _notifyHashChange(null);
40 }
41
42 void _notifyHashChange(_) {
43 notifyChange(new PropertyChangeRecord(const Symbol('hash')));
44 }
45 }
46
47 /** Add or remove CSS class [className] based on the [value]. */
48 void updateCssClass(Element element, String className, bool value) {
49 if (value == true) {
50 element.classes.add(className);
51 } else {
52 element.classes.remove(className);
53 }
54 }
55
56 /** Bind a CSS class to the observable [object] and property [path]. */
57 PathObserver bindCssClass(Element element, String className,
58 Observable object, String path) {
59
60 return new PathObserver(object, path)..bindSync((value) {
61 updateCssClass(element, className, value);
62 });
63 }
OLDNEW
« no previous file with comments | « pkg/polymer/lib/observe.dart ('k') | pkg/polymer/lib/polymer.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698