From f8fdcb6333bbc6b185db732c34e82b5fa0c54583 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Fri, 9 Oct 2015 17:06:07 -0500
Subject: [PATCH] docs(demos): button contents

---
 demos/component-docs/app.css                 |  38 +++++++++++++-
 demos/component-docs/buttons/buttons.ts      |  18 +++++++
 demos/component-docs/buttons/clear.html      |  25 ++++++++++
 demos/component-docs/buttons/components.html |  50 +++++++++++++++++++
 demos/component-docs/buttons/fab.html        |   6 +--
 demos/component-docs/card-wireframe.png      | Bin 0 -> 3736 bytes
 demos/component-docs/footer-wireframe.png    | Bin 0 -> 118 bytes
 demos/component-docs/helpers.ts              |   6 ++-
 8 files changed, 137 insertions(+), 6 deletions(-)
 create mode 100644 demos/component-docs/buttons/clear.html
 create mode 100644 demos/component-docs/buttons/components.html
 create mode 100644 demos/component-docs/card-wireframe.png
 create mode 100644 demos/component-docs/footer-wireframe.png

diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index 698ce7a6c7..117060707c 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -93,6 +93,40 @@ scroll-content {
   color: #757575;
 }
 
-#demo-hammer {
-  padding: 0 0.4em;
+#card-wireframe {
+  width: 100%;
+  margin-bottom: 2.7em;
 }
+#subtle-footer {
+  background-color: #fff;
+  border-image-source: url(footer-wireframe.png);
+  border-image-repeat: repeat;
+  border-image-width: 100%;
+  border-bottom: 0;
+  border-left: 0;
+  border-right: 0;
+  position: absolute;
+  bottom:0;
+}
+#demo-fab-bottom {
+  padding-top: 3px;
+  z-index: 100;
+}
+#subtle-footer .toolbar-background {
+  background-color: #fff;
+  border-bottom: 0;
+}
+#demo-card-left {
+  font-size: 14px;
+  margin-top: -90px;
+  margin-left: 10px;
+  float: left;
+}
+#demo-card-right {
+  font-size: 14px;
+  margin-top: -90px;
+  float: right;
+  margin-right: 10px;
+
+
+}
\ No newline at end of file
diff --git a/demos/component-docs/buttons/buttons.ts b/demos/component-docs/buttons/buttons.ts
index dcf0084f9a..96b91054ef 100644
--- a/demos/component-docs/buttons/buttons.ts
+++ b/demos/component-docs/buttons/buttons.ts
@@ -18,6 +18,15 @@ export class BlockButtonsPage {
     }
 }
 
+@Page({
+  templateUrl: 'buttons/clear.html',
+})
+export class ClearButtonsPage {
+    constructor() {
+
+    }
+}
+
 @Page({
   templateUrl: 'buttons/full.html',
 })
@@ -69,5 +78,14 @@ export class ButtonSizesPage {
 export class IconButtonsPage {
     constructor() {
 
+    }
+}
+
+@Page({
+  templateUrl: 'buttons/components.html',
+})
+export class ButtonsInComponentsPage {
+    constructor() {
+
     }
 }
\ No newline at end of file
diff --git a/demos/component-docs/buttons/clear.html b/demos/component-docs/buttons/clear.html
new file mode 100644
index 0000000000..3acd89b5c5
--- /dev/null
+++ b/demos/component-docs/buttons/clear.html
@@ -0,0 +1,25 @@
+<ion-navbar *navbar>
+  <ion-title>Clear Buttons</ion-title>
+</ion-navbar>
+
+<ion-content padding class="has-header components-demo">
+  <p>
+    <button light clear>Light</button>
+  </p>
+
+  <p>
+    <button clear>Default</button>
+  </p>
+
+  <p>
+    <button secondary clear>Secondary</button>
+  </p>
+
+  <p>
+    <button danger clear>Danger</button>
+  </p>
+
+  <p>
+    <button dark clear>Dark</button>
+  </p>
+</ion-content>
diff --git a/demos/component-docs/buttons/components.html b/demos/component-docs/buttons/components.html
new file mode 100644
index 0000000000..07ff414076
--- /dev/null
+++ b/demos/component-docs/buttons/components.html
@@ -0,0 +1,50 @@
+<ion-navbar *navbar>
+
+  <ion-title>Buttons</ion-title>
+
+  <ion-nav-items primary>
+    <button>
+      <icon contact></icon>
+    </button>
+  </ion-nav-items>
+  <ion-nav-items secondary>
+  <button>
+    <icon search></icon>
+  </button>
+  </ion-nav-items>
+
+</ion-navbar>
+
+<ion-content padding class="has-header components-demo">
+  
+  <div id="mock-card">
+    <img src="card-wireframe.png" id="card-wireframe">
+    <button clear id="demo-card-left">Like</button>
+    <button clear id="demo-card-right">Comment</button>
+  </div>
+
+  <ion-list>
+
+    <ion-item>
+      Inner Button
+      <button item-right outline>Outline</button>
+    </ion-item>
+
+    <ion-item>
+      Left Icon Button
+      <button item-right outline>
+        <icon star></icon>
+        Left Icon
+      </button>
+    </ion-item>
+
+    <ion-item>
+      Right Icon Button
+      <button item-right outline>
+        Right Icon
+        <icon star></icon>
+      </button>
+    </ion-item>
+
+  </ion-list>
+</ion-content>
diff --git a/demos/component-docs/buttons/fab.html b/demos/component-docs/buttons/fab.html
index e9bd5a9bef..deada245ae 100644
--- a/demos/component-docs/buttons/fab.html
+++ b/demos/component-docs/buttons/fab.html
@@ -13,12 +13,12 @@
     <button fab danger fab-top fab-right>
       <icon is-active="false" mic></icon>
     </button>
-    <button fab dark fab-bottom fab-center>
+    <button fab dark fab-bottom fab-center id="demo-fab-bottom">
       <icon is-active="false" heart></icon>
     </button>
   </p>
 </ion-content>
 
-
-
+<ion-toolbar id="subtle-footer">
+</ion-toolbar>
 
diff --git a/demos/component-docs/card-wireframe.png b/demos/component-docs/card-wireframe.png
new file mode 100644
index 0000000000000000000000000000000000000000..f071564311c0b4e8f1aa2d1f523ef86128766513
GIT binary patch
literal 3736
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
MOf60B8oNdR3xmyskpKVy

literal 0
HcmV?d00001

diff --git a/demos/component-docs/footer-wireframe.png b/demos/component-docs/footer-wireframe.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff518e6df4bdea52d14805d02ab6401950e11a7b
GIT binary patch
literal 118
zcmeAS@N?(olHy`uVBq!ia0vp^j6lr7!3HG#Z-iO_DajJoh?3y^w370~qErUQl>DSr
z1<%~X^wgl##FWaylc_d9MG~Gajv*Ddk}AG^ij@*(=3t2Ye^94^ftewA2iubliTT%n
PY8X6S{an^LB{Ts5fcYTh

literal 0
HcmV?d00001

diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts
index e65f250883..c60af44fb9 100644
--- a/demos/component-docs/helpers.ts
+++ b/demos/component-docs/helpers.ts
@@ -2,12 +2,14 @@ import {ActionSheetPage} from 'actionSheet/actionSheet';
 
 import {ButtonsPage,
         BlockButtonsPage,
+        ClearButtonsPage,
         FullButtonsPage,
         OutlineButtonsPage,
         RoundButtonsPage,
         FabPage,
         ButtonSizesPage,
-        IconButtonsPage} from 'buttons/buttons';
+        IconButtonsPage,
+        ButtonsInComponentsPage} from 'buttons/buttons';
 
 import {CardsPage} from 'cards/cards';
 import {FormsPage} from 'forms/forms';
@@ -30,10 +32,12 @@ export function getPageFor(hash) {
         'action-sheets': ActionSheetPage,
         'buttons': ButtonsPage,
         'block-buttons': BlockButtonsPage,
+        'clear-buttons': ClearButtonsPage,
         'full-buttons': FullButtonsPage,
         'outline-buttons': OutlineButtonsPage,
         'round-buttons': RoundButtonsPage,
         'floating-action-buttons': FabPage,
+        'buttons-in-components': ButtonsInComponentsPage,
         'button-sizes': ButtonSizesPage,
         'icon-buttons': IconButtonsPage,
         'cards': CardsPage,