Started header bar view

dist/ionic.js

@@ -1692,7 +1692,27 @@ if ( document.readyState === "complete" ) {
     }
   };
 })(window.ionic);
-;;(function(ionic) {
+;(function(ionic) {
+
+ionic.views.HeaderBar = function(opts) {
+  this.el = opts.el;
+
+  this._titleEl = this.el.querySelector('.title');
+};
+
+ionic.views.NavBar.prototype = {
+  resizeTitle: function() {
+    var e,
+      children = this.el.children,
+      index = Array.prototype.indexOf.call(children, this.el);
+
+    for(var i = 0; i < index; i++) {
+      e = children[i];
+    }
+  }
+};
+})(window.ionic);
+;(function(ionic) {
 
 ionic.views.NavBar = function(opts) {
   this.el = opts.el;

js/views/headerBar.js

@@ -0,0 +1,20 @@
+(function(ionic) {
+
+ionic.views.HeaderBar = function(opts) {
+  this.el = opts.el;
+
+  this._titleEl = this.el.querySelector('.title');
+};
+
+ionic.views.NavBar.prototype = {
+  resizeTitle: function() {
+    var e,
+      children = this.el.children,
+      index = Array.prototype.indexOf.call(children, this.el);
+
+    for(var i = 0; i < index; i++) {
+      e = children[i];
+    }
+  }
+};
+})(window.ionic);

test/js/views/headerBar.unit.js

@@ -0,0 +1,13 @@
+describe('HeaderBar View', function() {
+  beforeEach(function() {
+    var h = document.createElement('header');
+    h.innerHTML = '<a class="button">Click</a><h2 class="title">What what what</h2>';
+    h.appendChild('h1');
+  });
+
+  it('Should init', function() {
+    var bar = new ionic.views.HeaderBar({
+      el: h
+    });
+  });
+});