Emit an event when a comment was created

Victor Costa
1 parent 9d63c8c4
Showing 2 changed files with 10 additions and 5 deletions Show diff stats
src/app/article/comment/comments.component.ts
src/app/article/comment/post-comment.component.ts
@@ -8,13 +8,17 @@ import { CommentComponent } from &quot;./comment.component&quot;;
     templateUrl: 'app/article/comment/comments.html',
     directives: [PostCommentComponent, CommentComponent]
 })
-@Inject(CommentService)
+@Inject(CommentService, "$rootScope")
 export class CommentsComponent {
-    comments: noosfero.Comment[];
+    comments: noosfero.Comment[] = [];
     @Input() article: noosfero.Article;
-    constructor(private commentService: CommentService) { }
+    constructor(private commentService: CommentService, private $rootScope: ng.IScope) {
+        $rootScope.$on("comment.received", (event: ng.IAngularEvent, comment: noosfero.Comment) => {
+            this.comments.push(comment);
+        });
+    }
     ngOnInit() {
         this.commentService.getByArticle(this.article).then((result: noosfero.RestResult<noosfero.Comment[]>) => {
@@ -6,7 +6,7 @@ import { NotificationService } from &quot;../../shared/services/notification.service&quot;
     selector: 'post-comment',
     templateUrl: 'app/article/comment/post-comment.html'
 })
-@Inject(CommentService, NotificationService)
+@Inject(CommentService, NotificationService, "$rootScope")
 export class PostCommentComponent {
     @Input() article: noosfero.Article;
@@ -14,13 +14,14 @@ export class PostCommentComponent {
     @Input() replyOf: noosfero.Comment;
-    constructor(private commentService: CommentService, private notificationService: NotificationService) { }
+    constructor(private commentService: CommentService, private notificationService: NotificationService, private $rootScope: ng.IScope) { }
     save() {
         if (this.replyOf) {
             this.comment.reply_of_id = this.replyOf.id;
         }
         this.commentService.createInArticle(this.article, this.comment).then(() => {
+            this.$rootScope.$emit("comment.received", this.comment);
             this.notificationService.success({ title: "Good job!", message: "Comment saved!" });
         });
     }