Emit event when toggle comment paragraph in articles

Victor Costa · Michel Felipe
1 parent abdfbb35
Showing 3 changed files with 39 additions and 3 deletions Show diff stats
src/plugins/comment_paragraph/allow-comment/allow-comment.component.ts
src/plugins/comment_paragraph/events/comment-paragraph-event.service.ts
src/plugins/comment_paragraph/hotspot/comment-paragraph-article-button.component.ts
-import {Component, Input} from "ng-forward";
+import {Component, Input, Inject} from "ng-forward";
 import {SideCommentsComponent} from "../side-comments/side-comments.component";
+import {CommentParagraphEventService} from "../events/comment-paragraph-event.service";
 @Component({
     selector: "comment-paragraph-plugin-allow-comment",
     templateUrl: "plugins/comment_paragraph/allow-comment/allow-comment.html",
     directives: [SideCommentsComponent]
 })
+@Inject("$scope", CommentParagraphEventService)
 export class AllowCommentComponent {
     @Input() content: string;
     @Input() paragraphUuid: string;
     @Input() article: noosfero.Article;
+    constructor(private $scope: ng.IScope, private commentParagraphEventService: CommentParagraphEventService) { }
+
+    ngOnInit() {
+        this.commentParagraphEventService.subscribeToggleCommentParagraph((article: noosfero.Article) => {
+            this.article = article;
+            this.$scope.$apply();
+        });
+    }
+
     isActivated() {
         return this.article.setting.comment_paragraph_plugin_activate;
     }
+
 }
@@ -0,0 +1,19 @@
+import {Injectable, EventEmitter} from "ng-forward";
+
+@Injectable()
+export class CommentParagraphEventService {
+
+    private toggleCommentParagraphEmitter: EventEmitter<noosfero.Article>;
+
+    constructor() {
+        this.toggleCommentParagraphEmitter = new EventEmitter();
+    }
+
+    toggleCommentParagraph(article: noosfero.Article) {
+        this.toggleCommentParagraphEmitter.next(article);
+    }
+
+    subscribeToggleCommentParagraph(fn: (article: noosfero.Article) => void) {
+        this.toggleCommentParagraphEmitter.subscribe(fn);
+    }
+}
 import { Input, Inject, Component } from "ng-forward";
 import {Hotspot} from "../../../app/hotspot/hotspot.decorator";
 import {CommentParagraphService} from "../http/comment-paragraph.service";
+import {CommentParagraphEventService} from "../events/comment-paragraph-event.service";
 @Component({
     selector: "comment-paragraph-article-button-hotspot",
     templateUrl: "plugins/comment_paragraph/hotspot/comment-paragraph-article-button.html",
 })
-@Inject("$scope", CommentParagraphService)
+@Inject("$scope", CommentParagraphService, CommentParagraphEventService)
 @Hotspot("article_extra_toolbar_buttons")
 export class CommentParagraphArticleButtonHotspotComponent {
     @Input() article: noosfero.Article;
-    constructor(private $scope: ng.IScope, private commentParagraphService: CommentParagraphService) { }
+    constructor(private $scope: ng.IScope,
+        private commentParagraphService: CommentParagraphService,
+        private commentParagraphEventService: CommentParagraphEventService) { }
     deactivateCommentParagraph() {
         this.commentParagraphService.deactivateCommentParagraph(this.article).then((result: noosfero.RestResult<noosfero.Article>) => {
             this.article = result.data;
+            this.commentParagraphEventService.toggleCommentParagraph(this.article);
         });
     }
     activateCommentParagraph() {
         this.commentParagraphService.activateCommentParagraph(this.article).then((result: noosfero.RestResult<noosfero.Article>) => {
             this.article = result.data;
+            this.commentParagraphEventService.toggleCommentParagraph(this.article);
         });
     }
 }
@@ -0,0 +1,19 @@		@@ -0,0 +1,19 @@
	1	+import {Injectable, EventEmitter} from "ng-forward";
	2	+
	3	+@Injectable()
	4	+export class CommentParagraphEventService {
	5	+
	6	+ private toggleCommentParagraphEmitter: EventEmitter<noosfero.Article>;
	7	+
	8	+ constructor() {
	9	+ this.toggleCommentParagraphEmitter = new EventEmitter();
	10	+ }
	11	+
	12	+ toggleCommentParagraph(article: noosfero.Article) {
	13	+ this.toggleCommentParagraphEmitter.next(article);
	14	+ }
	15	+
	16	+ subscribeToggleCommentParagraph(fn: (article: noosfero.Article) => void) {
	17	+ this.toggleCommentParagraphEmitter.subscribe(fn);
	18	+ }
	19	+}