From f17c313e98d414c99510b98449c7f6f6b51c7f4c Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Sat, 21 Mar 2015 20:56:50 -0500
Subject: [PATCH] toolbarz

---
 playground/views/main.html                    |  4 +-
 src/components/app/ionic.scss                 |  2 +-
 src/components/toolbar/toolbar.js             | 36 ++++++++++++
 .../tool-bar.scss => toolbar/toolbar.scss}    |  0
 src/components/view/view.js                   | 58 -------------------
 5 files changed, 39 insertions(+), 61 deletions(-)
 create mode 100644 src/components/toolbar/toolbar.js
 rename src/components/{tool-bar/tool-bar.scss => toolbar/toolbar.scss} (100%)
 delete mode 100644 src/components/view/view.js

diff --git a/playground/views/main.html b/playground/views/main.html
index 64e8ccc4b6..3ae5da6169 100644
--- a/playground/views/main.html
+++ b/playground/views/main.html
@@ -1,10 +1,10 @@
 <ion-view>
 
-  <!-- <ion-view-title>
+  <ion-view-title>
     ele Title
   </ion-view-title>
 
-  <ion-view-buttons side="primary">
+  <!-- <ion-view-buttons side="primary">
     <button>p1</button>
     <button>p2</button>
     <button>p3</button>
diff --git a/src/components/app/ionic.scss b/src/components/app/ionic.scss
index 2cf41899a8..03fc1c0ff2 100644
--- a/src/components/app/ionic.scss
+++ b/src/components/app/ionic.scss
@@ -24,4 +24,4 @@
   "../aside/aside",
   "../switch/switch",
   "../tabs/tabs",
-  "../tool-bar/tool-bar";
+  "../toolbar/toolbar";
diff --git a/src/components/toolbar/toolbar.js b/src/components/toolbar/toolbar.js
new file mode 100644
index 0000000000..e3f333928a
--- /dev/null
+++ b/src/components/toolbar/toolbar.js
@@ -0,0 +1,36 @@
+import {NgElement, Component, Template} from 'angular2/angular2'
+import {Ion} from '../ion'
+
+@Component({
+  selector: 'ion-toolbar'
+})
+@Template({
+  inline: `
+    <div class="bar bar-android">
+      <div class="bar-items">
+        <div class="back-button">
+          <div class="back-button-icon">&lt;</div>
+          <div class="back-button-text">
+            <div class="back-default">Back</div>
+            <div class="back-title"></div>
+          </div>
+        </div>
+        <div class="title">
+          <div class="inner-title">
+            {{ title }}
+          </div>
+        </div>
+        <div class="bar-primary-item" style="background:red">
+          PRIMARY
+        </div>
+        <div class="spacer"></div>
+        <div class="bar-secondary-item" style="background:green">
+          SECONDARY
+        </div>
+      </div>
+    </div>`
+})
+export class ToolBar {
+  constructor() {
+  }
+}
diff --git a/src/components/tool-bar/tool-bar.scss b/src/components/toolbar/toolbar.scss
similarity index 100%
rename from src/components/tool-bar/tool-bar.scss
rename to src/components/toolbar/toolbar.scss
diff --git a/src/components/view/view.js b/src/components/view/view.js
deleted file mode 100644
index 18ddb6b646..0000000000
--- a/src/components/view/view.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import {NgElement, Component, Template} from 'angular2/angular2';
-import {Ion} from '../ion';
-
-@Component({
-  selector: 'ion-view',
-  bind: {
-    title: 'view-title'
-  }
-})
-@Template({
-  inline: `
-      <div class="bar bar-android2">
-        <div class="bar-items">
-          <div class="back-button">
-            <div class="back-button-icon">&lt;</div>
-            <div class="back-button-text">
-              <div class="back-default">Back</div>
-              <div class="back-title"></div>
-            </div>
-          </div>
-          <div class="title">
-            <div class="inner-title">
-              Create hybrid mobile apps with the web technologies you love. Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.
-            </div>
-          </div>
-          <div class="bar-primary-item" style="background:red">
-            PRIMARY
-          </div>
-          <div class="spacer"></div>
-          <div class="bar-secondary-item" style="background:green">
-            SECONDARY
-          </div>
-        </div>
-      </div>
-    <div class="container">
-      <content></content>
-    </div>`
-})
-export class View extends Ion {
-  constructor(@NgElement() ele:NgElement) {
-    ele.domElement.classList.add('view');
-  }
-}
-
-
-
-        // <div class="title">
-        //   <div class="inner-title">
-        //     {{title}}
-        //     <content select="ion-view-title"></content>
-        //   </div>
-        // </div>
-        // <div class="tool-buttons buttons-primary">
-        //   <content select="ion-view-buttons[side='primary']"></content>
-        // </div>
-        // <div class="tool-buttons buttons-secondary">
-        //   <content select="ion-view-buttons[side='secondary']"></content>
-        // </div>