From 970abdf08c547f1abdb22a05e67a427fded47a89 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Thu, 15 Oct 2015 15:08:00 -0500
Subject: [PATCH] fix(item-sliding): item-left/item-right ng-contents

Closes #287
---
 ionic/components/item/item-sliding.ts        |  3 +-
 ionic/components/item/test/sliding/index.ts  |  4 +-
 ionic/components/item/test/sliding/main.html | 39 ++++++++++++++++----
 3 files changed, 36 insertions(+), 10 deletions(-)

diff --git a/ionic/components/item/item-sliding.ts b/ionic/components/item/item-sliding.ts
index f6efdb5187..638d2366c0 100644
--- a/ionic/components/item/item-sliding.ts
+++ b/ionic/components/item/item-sliding.ts
@@ -36,10 +36,11 @@ import {CSS, raf} from 'ionic/util/dom';
   template:
     '<ng-content select="ion-item-options"></ng-content>' +
     '<ion-item-sliding-content>' +
+      '<ng-content select="[item-left]"></ng-content>' +
+      '<ng-content select="[item-right]"></ng-content>' +
       '<ion-item-content>' +
         '<ng-content></ng-content>'+
       '</ion-item-content>' +
-      '<ng-content select="[item-right]"></ng-content>' +
     '</ion-item-sliding-content>',
   directives: [NgIf]
 })
diff --git a/ionic/components/item/test/sliding/index.ts b/ionic/components/item/test/sliding/index.ts
index c43715438a..8d0e04110f 100644
--- a/ionic/components/item/test/sliding/index.ts
+++ b/ionic/components/item/test/sliding/index.ts
@@ -8,12 +8,12 @@ class E2EApp {
   constructor() {
     setTimeout(() => {
       this.shouldShow = true;
-    }, 5000);
+    }, 10);
   }
 
   getItems() {
     console.log('getItems');
-    return [1,2,3,4];
+    return [0,1];
   }
 
 }
diff --git a/ionic/components/item/test/sliding/main.html b/ionic/components/item/test/sliding/main.html
index 1828f961e4..12f503c03a 100644
--- a/ionic/components/item/test/sliding/main.html
+++ b/ionic/components/item/test/sliding/main.html
@@ -23,7 +23,7 @@
     </ion-item-options>
   </ion-item-sliding>
 
-  <ion-item-sliding text-wrap detail-push>
+  <ion-item-sliding text-wrap detail-push *ng-if="shouldShow">
     <h3>Ben Sperry</h3>
     <p>
       I like paper
@@ -34,21 +34,46 @@
     </ion-item-options>
   </ion-item-sliding>
 
-  <ion-item-sliding text-wrap detail-push *ng-if="shouldShow">
-    <h3>Max Lynch</h3>
-    <p>
-      Hey do you want to go to the game tonight?
-    </p>
+  <ion-item-sliding>
+    <icon mail item-left></icon>
+    One Line w/ Icon, div only text
+    <ion-item-options>
+      <button primary>Archive</button>
+    </ion-item-options>
+  </ion-item-sliding>
+
+  <ion-item-sliding>
+    <ion-avatar item-left>
+      <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
+    </ion-avatar>
+    One Line w/ Avatar, div only text
+    <ion-item-options>
+      <button primary>Archive</button>
+    </ion-item-options>
+  </ion-item-sliding>
+
+  <ion-item-sliding>
+    <ion-thumbnail item-left>
+      <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAAAAAAALAAAAAABAAEAAAICTAEAOw==">
+    </ion-thumbnail>
+    <h2>Two Lines w/ Thumbnail, H2 Header</h2>
+    <p>Paragraph text.</p>
     <ion-item-options>
       <button primary>Archive</button>
     </ion-item-options>
   </ion-item-sliding>
 
   <ion-item-sliding text-wrap detail-push *ng-for="#item of getItems()">
-    <h3>{{item}}</h3>
+    <h3>ng-for {{item}}</h3>
     <ion-item-options>
       <button primary>Archive</button>
     </ion-item-options>
   </ion-item-sliding>
 
 </ion-list>
+
+<style>
+  img {
+    height: 100px;
+  }
+</style>