feat(Ruler): introduce Ruler service

Closes #1089 Closes #1253
2015-04-06 21:45:54 +02:00
parent c349eb4fa4
commit 41262f4265
8 changed files with 112 additions and 2 deletions
@@ -0,0 +1,34 @@
+import {Promise, PromiseWrapper} from 'angular2/src/facade/async';
+import {DomAdapter} from 'angular2/src/dom/dom_adapter';
+import {NgElement} from 'angular2/src/core/dom/element';
+
+export class Rectangle {
+  left;
+  right;
+  top;
+  bottom;
+  height;
+  width;
+  constructor(left, top, width, height) {
+    this.left = left;
+    this.right = left + width;
+    this.top = top;
+    this.bottom = top + height;
+    this.height = height;
+    this.width = width;
+  }
+}
+
+export class Ruler {
+  domAdapter: DomAdapter;
+  constructor(domAdapter: DomAdapter) {
+    this.domAdapter = domAdapter;
+  }
+
+  measure(el:NgElement): Promise<Rectangle> {
+    var clntRect = this.domAdapter.getBoundingClientRect(el.domElement);
+
+    //even if getBoundingClientRect is synchronous we use async API in preparation for further changes
+    return PromiseWrapper.resolve(new Rectangle(clntRect.left, clntRect.top, clntRect.width, clntRect.height));
+  }
+}