From c946d407dbb7033de233e2c6510f8ea15ee47208 Mon Sep 17 00:00:00 2001
From: Drew Rygh <drew.rygh@gmail.com>
Date: Mon, 12 Oct 2015 14:31:49 -0500
Subject: [PATCH] docs(demos): form section outline

---
 demos/component-docs/forms/fixed-inline.html | 26 +++++++++
 demos/component-docs/forms/floating.html     |  7 +++
 demos/component-docs/forms/forms.ts          | 57 ++++++++++++++++++++
 demos/component-docs/forms/inline.html       |  7 +++
 demos/component-docs/forms/inset.html        |  7 +++
 demos/component-docs/forms/placeholder.html  |  7 +++
 demos/component-docs/forms/stacked.html      |  7 +++
 demos/component-docs/helpers.ts              | 18 ++++++-
 8 files changed, 135 insertions(+), 1 deletion(-)
 create mode 100644 demos/component-docs/forms/fixed-inline.html
 create mode 100644 demos/component-docs/forms/floating.html
 create mode 100644 demos/component-docs/forms/inline.html
 create mode 100644 demos/component-docs/forms/inset.html
 create mode 100644 demos/component-docs/forms/placeholder.html
 create mode 100644 demos/component-docs/forms/stacked.html

diff --git a/demos/component-docs/forms/fixed-inline.html b/demos/component-docs/forms/fixed-inline.html
new file mode 100644
index 0000000000..7f01eb64e6
--- /dev/null
+++ b/demos/component-docs/forms/fixed-inline.html
@@ -0,0 +1,26 @@
+<ion-navbar *navbar>
+  <ion-title>Fixed Labels</ion-title>
+</ion-navbar>
+
+<ion-content class="has-header components-demo">
+
+  <ion-list>
+
+    <ion-input fixed-label>
+      <ion-label>Username</ion-label>
+      <input type="text" value="">
+    </ion-input>
+
+    <ion-input fixed-label>
+      <ion-label>Password</ion-label>
+      <input type="password" value="">
+    </ion-input>
+
+  </ion-list>
+
+  <div padding>
+    <button primary block>Sign In</button>    
+  </div>
+
+
+</ion-content>
diff --git a/demos/component-docs/forms/floating.html b/demos/component-docs/forms/floating.html
new file mode 100644
index 0000000000..e89a116fee
--- /dev/null
+++ b/demos/component-docs/forms/floating.html
@@ -0,0 +1,7 @@
+<ion-navbar *navbar>
+  <ion-title>Floating Labels</ion-title>
+</ion-navbar>
+
+<ion-content padding class="has-header components-demo">
+
+</ion-content>
diff --git a/demos/component-docs/forms/forms.ts b/demos/component-docs/forms/forms.ts
index 78dda384ca..49d5a5361b 100644
--- a/demos/component-docs/forms/forms.ts
+++ b/demos/component-docs/forms/forms.ts
@@ -23,3 +23,60 @@ export class FormsPage {
     
 }
 
+@Page({
+  templateUrl: 'forms/fixed-inline.html',
+})
+export class FixedInlinePage {
+    constructor() {
+
+    }
+}
+
+@Page({
+  templateUrl: 'forms/floating.html',
+})
+export class FloatingPage {
+    constructor() {
+
+    }
+}
+
+
+@Page({
+  templateUrl: 'forms/inline.html',
+})
+export class InlinePage {
+    constructor() {
+
+    }
+}
+
+
+@Page({
+  templateUrl: 'forms/inset.html',
+})
+export class InsetPage {
+    constructor() {
+
+    }
+}
+
+
+@Page({
+  templateUrl: 'forms/placeholder.html',
+})
+export class PlaceholderPage {
+    constructor() {
+
+    }
+}
+
+
+@Page({
+  templateUrl: 'forms/stacked.html',
+})
+export class StackedPage {
+    constructor() {
+
+    }
+}
diff --git a/demos/component-docs/forms/inline.html b/demos/component-docs/forms/inline.html
new file mode 100644
index 0000000000..30e82fe7fc
--- /dev/null
+++ b/demos/component-docs/forms/inline.html
@@ -0,0 +1,7 @@
+<ion-navbar *navbar>
+  <ion-title>Inline Labels</ion-title>
+</ion-navbar>
+
+<ion-content padding class="has-header components-demo">
+
+</ion-content>
diff --git a/demos/component-docs/forms/inset.html b/demos/component-docs/forms/inset.html
new file mode 100644
index 0000000000..224911b1ed
--- /dev/null
+++ b/demos/component-docs/forms/inset.html
@@ -0,0 +1,7 @@
+<ion-navbar *navbar>
+  <ion-title>Inset Labels</ion-title>
+</ion-navbar>
+
+<ion-content padding class="has-header components-demo">
+
+</ion-content>
diff --git a/demos/component-docs/forms/placeholder.html b/demos/component-docs/forms/placeholder.html
new file mode 100644
index 0000000000..666e06ab76
--- /dev/null
+++ b/demos/component-docs/forms/placeholder.html
@@ -0,0 +1,7 @@
+<ion-navbar *navbar>
+  <ion-title>Placeholders</ion-title>
+</ion-navbar>
+
+<ion-content padding class="has-header components-demo">
+
+</ion-content>
diff --git a/demos/component-docs/forms/stacked.html b/demos/component-docs/forms/stacked.html
new file mode 100644
index 0000000000..d898073e69
--- /dev/null
+++ b/demos/component-docs/forms/stacked.html
@@ -0,0 +1,7 @@
+<ion-navbar *navbar>
+  <ion-title>Stacked Labels</ion-title>
+</ion-navbar>
+
+<ion-content padding class="has-header components-demo">
+
+</ion-content>
diff --git a/demos/component-docs/helpers.ts b/demos/component-docs/helpers.ts
index b0bf90be68..6118e1f674 100644
--- a/demos/component-docs/helpers.ts
+++ b/demos/component-docs/helpers.ts
@@ -12,7 +12,15 @@ import {ButtonsPage,
         ButtonsInComponentsPage} from './buttons/buttons';
 
 import {CardsPage} from './cards/cards';
-import {FormsPage} from './forms/forms';
+
+import {FormsPage,
+        FixedInlinePage,
+        FloatingPage,
+        InlinePage,
+        InsetPage,
+        PlaceholderPage,
+        StackedPage} from './forms/forms';
+        
 import {IconsPage} from './icons/icons';
 import {ListsPage} from './lists/lists';
 import {MenusPage} from './menus/menus';
@@ -41,7 +49,15 @@ export function getPageFor(hash) {
         'button-sizes': ButtonSizesPage,
         'icon-buttons': IconButtonsPage,
         'cards': CardsPage,
+
         'forms': FormsPage,
+        'fixed-inline-labels': FixedInlinePage,
+        'floating-labels': FloatingPage,
+        'inline-labels': InlinePage,
+        'inset-labels': InsetPage,
+        'placeholder-labels': PlaceholderPage,
+        'stacked-labels': StackedPage,
+
         'icons': IconsPage,
         'lists': ListsPage,
         'menus': MenusPage,