(feat): comments now post through

2E0PGS · Jan 20, 2017 · 69b392f · 69b392f
1 parent d39aad8
commit 69b392f
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/src/app/modules/comments/list.component.html b/src/app/modules/comments/list.component.html
@@ -46,7 +46,7 @@
   <div class="m-ionic-body">
     <m-textarea placeholder="Write your comment..." [(mModel)]="message"></m-textarea>
   </div>
-  <div class="m-ionic-comments--actions">
+  <div class="m-ionic-comments--actions" *ngIf="message">
     <ion-icon name="md-send" (click)="post()"></ion-icon>
   </div>
 </div>
diff --git a/src/app/modules/comments/list.component.scss b/src/app/modules/comments/list.component.scss
@@ -48,6 +48,8 @@
   }
 
   .m-ionic-comments--actions{
+    display: flex;
+    align-items: center;
     ion-icon{
       font-size:24px;
     }

diff --git a/src/app/modules/comments/list.component.ts b/src/app/modules/comments/list.component.ts
@@ -83,7 +83,16 @@ export class CommentsList {
   }
 
   post(){
-
+    this.client.post('api/v1/comments/' +  this.params.get('guid'), {
+        comment: this.message
+      })
+      .then((response : any) => {
+        this.message = "";
+        this.comments.push(response.comment);
+        this.cd.markForCheck();
+        this.cd.detectChanges();
+        this.scrollArea.scrollToBottom(300);
+      });
   }