show attachments with thumbnails and remove button

src/pages/stream/stream.ts

@@ -351,10 +351,14 @@ export class StreamPage {
       </ion-col>
     </ion-row>
     <ion-list>
-      <ion-item>
+      <ion-item *ngFor="let f of files">
         <ion-thumbnail item-start>
+          <img src="{{ f.link }}">
         </ion-thumbnail>
-        <p>filename</p>
+        <p>{{ f.name }}</p>
+        <button ion-button color="dark" clear item-end (click)="unattach(f.id)">
+          <ion-icon name="remove-circle"></ion-icon>
+        </button>
       </ion-item>
     </ion-list>
   </ion-card>
@@ -365,6 +369,7 @@ export class NewPostModal {
   title: string;
   replyid: string;
   ptext: string = "";
+  files: Array<Object> = [];
   fname: string = "";
   fpath: string = "";
   options: Object = {};
@@ -515,6 +520,11 @@ export class NewPostModal {
             type: "io.pnut.core.oembed",
             value: oembed
           });
+          this.files.push({
+            name: this.fname,
+            link: rdata.data.link,
+            id: this.raw.length - 1
+          });
         }).catch((err) => {
           console.log('-create file error-');
           console.log(JSON.stringify(err));
@@ -531,6 +541,12 @@ export class NewPostModal {
     });
 
   }
+
+  unattach(id) {
+    console.log('removing item ' + id);
+    this.raw.splice(id, 1);
+    this.files.splice(id, 1);
+  }
 }
 
 @Component({