docs(demos): avatar, header list examples

demos/component-docs/helpers.ts

@@ -100,7 +100,7 @@ export function getPageFor(hash) {
         'lists': BasicListsPage,
         'avatar-list': AvatarListsPage,
         'icon-list': IconListsPage,
-        'dividers': BasicDividersPage,
+        'list-dividers': BasicDividersPage,
         'inset-list': BasicInsetListsPage,
         'list-headers': ListHeadersPage,
 

demos/component-docs/lists/avatar-lists.html

@@ -4,7 +4,73 @@
 </ion-navbar>
 
 <ion-content class="has-header demo-list-icons">
-  <ion-list >
+  <ion-list>
+
+    <ion-header>Today</ion-header>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-cher.png">
+      </ion-avatar>
+      <h2>Cher</h2>
+      <p>Ugh. As if.</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-dionne.png">
+      </ion-avatar>
+      <h2>Dionne</h2>
+      <p>Mr. Hall was way harsh on my report card.</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-murray.png">
+      </ion-avatar>
+      <h2>Murray</h2>
+      <p>Excuse me, "Ms. Dione."</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-josh.png">
+      </ion-avatar>
+      <h2>Josh</h2>
+      <p>You're such a superficial space cadet!</p>
+    </ion-item>
+
   </ion-list>
+
+  <ion-list>
+
+    <ion-header>Yesterday</ion-header>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-tai.png">
+      </ion-avatar>
+      <h2>Tai</h2>
+      <p>Rollin' with the homies!</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-amber.png">
+      </ion-avatar>
+      <h2>Amber</h2>
+      <p>Um. Whatever.</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-avatar item-left>
+        <img src="img/avatar-travis.png">
+      </ion-avatar>
+      <h2>Travis</h2>
+      <p>Tardiness is a talent.</p>
+    </ion-item>
+
+  </ion-list>
+
 </ion-content>
 

demos/component-docs/lists/basic-lists.html

@@ -17,8 +17,5 @@
     <ion-item>Star Fox</ion-item>
     <ion-item>Tetris</ion-item>
     <ion-item>Donkey Kong III</ion-item>
-
-
-
   </ion-list>
 </ion-content>

demos/component-docs/lists/dividers.html

@@ -4,7 +4,19 @@
 </ion-navbar>
 
 <ion-content class="has-header demo-list-icons">
-  <ion-list >
+    <ion-list>
-  </ion-list>
+      <ion-item>Pokémon Yellow</ion-item>
+      <ion-item>Super Metroid</ion-item>
+      <ion-item>Mega Man X</ion-item>
+      <ion-item>The Legend of Zelda</ion-item>
+      <ion-item>Pac-Man</ion-item>
+      <ion-item>Super Mario World</ion-item>
+      <ion-item>Street Fighter II</ion-item>
+      <ion-item>Half Life</ion-item>
+      <ion-item>Final Fantasy VII</ion-item>
+      <ion-item>Star Fox</ion-item>
+      <ion-item>Tetris</ion-item>
+      <ion-item>Donkey Kong III</ion-item>
+    </ion-list>
 </ion-content>
 

demos/component-docs/lists/inset-lists.html

@@ -4,7 +4,19 @@
 </ion-navbar>
 
 <ion-content class="has-header demo-list-icons">
-  <ion-list >
+  <ion-list inset>
+    <ion-item>Pokémon Yellow</ion-item>
+    <ion-item>Super Metroid</ion-item>
+    <ion-item>Mega Man X</ion-item>
+    <ion-item>The Legend of Zelda</ion-item>
+    <ion-item>Pac-Man</ion-item>
+    <ion-item>Super Mario World</ion-item>
+    <ion-item>Street Fighter II</ion-item>
+    <ion-item>Half Life</ion-item>
+    <ion-item>Final Fantasy VII</ion-item>
+    <ion-item>Star Fox</ion-item>
+    <ion-item>Tetris</ion-item>
+    <ion-item>Donkey Kong III</ion-item>
   </ion-list>
 </ion-content>
 

demos/component-docs/lists/list-headers.html

@@ -4,7 +4,27 @@
 </ion-navbar>
 
 <ion-content class="has-header demo-list-icons">
-  <ion-list >
+
+  <ion-list>
+    <ion-header>Comedy</ion-header>
+    <ion-item>Airplane!</ion-item>
+    <ion-item>Caddyshack</ion-item>
+    <ion-item>Coming To America</ion-item>
   </ion-list>
+
+  <ion-list>
+    <ion-header>Action</ion-header>
+    <ion-item>Terminator II</ion-item>
+    <ion-item>The Empire Strikes Back</ion-item>
+    <ion-item>Blade Runner</ion-item>
+  </ion-list>
+
+  <ion-list>
+    <ion-header>Horror</ion-header>
+    <ion-item>The Evil Dead</ion-item>
+    <ion-item>Poldergeist</ion-item>
+    <ion-item>Aliens</ion-item>
+  </ion-list>
+
 </ion-content>