Commit 0e907d92b145685166bfdfe2ebbfa32dd47f81e4
1 parent
3257e170
Exists in
master
and in
26 other branches
Remove article button from comment paragraph
Showing
4 changed files
with
1 additions
and
133 deletions
Show diff stats
src/plugins/comment_paragraph/hotspot/comment-paragraph-article-button.component.spec.ts
... | ... | @@ -1,85 +0,0 @@ |
1 | -import {CommentParagraphArticleButtonHotspotComponent} from "./comment-paragraph-article-button.component"; | |
2 | -import {ComponentTestHelper, createClass} from '../../../spec/component-test-helper'; | |
3 | -import * as helpers from "../../../spec/helpers"; | |
4 | -import {Provider} from 'ng-forward'; | |
5 | -import {ComponentFixture} from 'ng-forward/cjs/testing/test-component-builder'; | |
6 | - | |
7 | -let htmlTemplate = '<comment-paragraph-article-button-hotspot [article]="ctrl.article"></comment-paragraph-article-button-hotspot>'; | |
8 | - | |
9 | -describe("Components", () => { | |
10 | - describe("Comment Paragraph Article Button Hotspot Component", () => { | |
11 | - | |
12 | - let serviceMock = jasmine.createSpyObj("CommentParagraphService", ["deactivateCommentParagraph", "activateCommentParagraph"]); | |
13 | - let eventServiceMock = jasmine.createSpyObj("CommentParagraphEventService", ["toggleCommentParagraph"]); | |
14 | - | |
15 | - let providers = [ | |
16 | - new Provider('CommentParagraphService', { useValue: serviceMock }), | |
17 | - new Provider('CommentParagraphEventService', { useValue: eventServiceMock }) | |
18 | - ].concat(helpers.provideFilters('translateFilter')); | |
19 | - let helper: ComponentTestHelper<CommentParagraphArticleButtonHotspotComponent>; | |
20 | - | |
21 | - beforeEach(angular.mock.module("templates")); | |
22 | - | |
23 | - beforeEach((done) => { | |
24 | - let cls = createClass({ | |
25 | - template: htmlTemplate, | |
26 | - directives: [CommentParagraphArticleButtonHotspotComponent], | |
27 | - providers: providers, | |
28 | - properties: { | |
29 | - article: {} | |
30 | - } | |
31 | - }); | |
32 | - helper = new ComponentTestHelper<CommentParagraphArticleButtonHotspotComponent>(cls, done); | |
33 | - }); | |
34 | - | |
35 | - it('emit event when deactivate comment paragraph in an article', () => { | |
36 | - serviceMock.deactivateCommentParagraph = jasmine.createSpy("deactivateCommentParagraph").and.returnValue( | |
37 | - { then: (fn: Function) => { fn({ data: {} }); } } | |
38 | - ); | |
39 | - eventServiceMock.toggleCommentParagraph = jasmine.createSpy("toggleCommentParagraph"); | |
40 | - helper.component.deactivateCommentParagraph(); | |
41 | - | |
42 | - expect(serviceMock.deactivateCommentParagraph).toHaveBeenCalled(); | |
43 | - expect(eventServiceMock.toggleCommentParagraph).toHaveBeenCalled(); | |
44 | - }); | |
45 | - | |
46 | - it('emit event when activate comment paragraph in an article', () => { | |
47 | - serviceMock.activateCommentParagraph = jasmine.createSpy("activateCommentParagraph").and.returnValue( | |
48 | - { then: (fn: Function) => { fn({ data: {} }); } } | |
49 | - ); | |
50 | - eventServiceMock.toggleCommentParagraph = jasmine.createSpy("toggleCommentParagraph"); | |
51 | - helper.component.activateCommentParagraph(); | |
52 | - | |
53 | - expect(serviceMock.activateCommentParagraph).toHaveBeenCalled(); | |
54 | - expect(eventServiceMock.toggleCommentParagraph).toHaveBeenCalled(); | |
55 | - }); | |
56 | - | |
57 | - it('return true when comment paragraph is active', () => { | |
58 | - helper.component.article = <noosfero.Article>{ setting: { comment_paragraph_plugin_activate: true } }; | |
59 | - helper.detectChanges(); | |
60 | - expect(helper.component.isActivated()).toBeTruthy(); | |
61 | - }); | |
62 | - | |
63 | - it('return false when comment paragraph is not active', () => { | |
64 | - expect(helper.component.isActivated()).toBeFalsy(); | |
65 | - }); | |
66 | - | |
67 | - it('return false when article has no setting attribute', () => { | |
68 | - helper.component.article = <noosfero.Article>{}; | |
69 | - helper.detectChanges(); | |
70 | - expect(helper.component.isActivated()).toBeFalsy(); | |
71 | - }); | |
72 | - | |
73 | - it('display activate button when comment paragraph is not active', () => { | |
74 | - expect(helper.all('.comment-paragraph-activate').length).toEqual(1); | |
75 | - expect(helper.all('.comment-paragraph-deactivate').length).toEqual(0); | |
76 | - }); | |
77 | - | |
78 | - it('display deactivate button when comment paragraph is active', () => { | |
79 | - helper.component.article = <noosfero.Article>{ setting: { comment_paragraph_plugin_activate: true } }; | |
80 | - helper.detectChanges(); | |
81 | - expect(helper.all('.comment-paragraph-deactivate').length).toEqual(1); | |
82 | - expect(helper.all('.comment-paragraph-activate').length).toEqual(0); | |
83 | - }); | |
84 | - }); | |
85 | -}); |
src/plugins/comment_paragraph/hotspot/comment-paragraph-article-button.component.ts
... | ... | @@ -1,38 +0,0 @@ |
1 | -import { Input, Inject, Component } from "ng-forward"; | |
2 | -import {Hotspot} from "../../../app/hotspot/hotspot.decorator"; | |
3 | -import {CommentParagraphService} from "../http/comment-paragraph.service"; | |
4 | -import {CommentParagraphEventService} from "../events/comment-paragraph-event.service"; | |
5 | - | |
6 | -@Component({ | |
7 | - selector: "comment-paragraph-article-button-hotspot", | |
8 | - templateUrl: "plugins/comment_paragraph/hotspot/comment-paragraph-article-button.html", | |
9 | -}) | |
10 | -@Inject("$scope", CommentParagraphService, CommentParagraphEventService) | |
11 | -@Hotspot("article_extra_toolbar_buttons") | |
12 | -export class CommentParagraphArticleButtonHotspotComponent { | |
13 | - | |
14 | - @Input() article: noosfero.Article; | |
15 | - | |
16 | - constructor(private $scope: ng.IScope, | |
17 | - private commentParagraphService: CommentParagraphService, | |
18 | - private commentParagraphEventService: CommentParagraphEventService) { } | |
19 | - | |
20 | - deactivateCommentParagraph() { | |
21 | - this.toggleCommentParagraph(this.commentParagraphService.deactivateCommentParagraph(this.article)); | |
22 | - } | |
23 | - | |
24 | - activateCommentParagraph() { | |
25 | - this.toggleCommentParagraph(this.commentParagraphService.activateCommentParagraph(this.article)); | |
26 | - } | |
27 | - | |
28 | - isActivated() { | |
29 | - return this.article && this.article.setting && this.article.setting.comment_paragraph_plugin_activate; | |
30 | - } | |
31 | - | |
32 | - private toggleCommentParagraph(promise: ng.IPromise<noosfero.RestResult<noosfero.Article>>) { | |
33 | - promise.then((result: noosfero.RestResult<noosfero.Article>) => { | |
34 | - this.article = result.data; | |
35 | - this.commentParagraphEventService.toggleCommentParagraph(this.article); | |
36 | - }); | |
37 | - } | |
38 | -} |
src/plugins/comment_paragraph/hotspot/comment-paragraph-article-button.html
... | ... | @@ -1,8 +0,0 @@ |
1 | -<a href='#' class="btn btn-default btn-xs comment-paragraph-activate" (click)="ctrl.activateCommentParagraph()" | |
2 | - ng-if="!ctrl.article.setting.comment_paragraph_plugin_activate"> | |
3 | - <i class="fa fa-fw fa-plus"></i> {{"comment-paragraph-plugin.title" | translate}} | |
4 | -</a> | |
5 | -<a href='#' class="btn btn-default btn-xs comment-paragraph-deactivate" (click)="ctrl.deactivateCommentParagraph()" | |
6 | - ng-if="ctrl.article.setting.comment_paragraph_plugin_activate"> | |
7 | - <i class="fa fa-fw fa-minus"></i> {{"comment-paragraph-plugin.title" | translate}} | |
8 | -</a> |
src/plugins/comment_paragraph/index.ts
1 | 1 | import {AllowCommentComponent} from "./allow-comment/allow-comment.component"; |
2 | -import {CommentParagraphArticleButtonHotspotComponent} from "./hotspot/comment-paragraph-article-button.component"; | |
3 | 2 | import {CommentParagraphFormHotspotComponent} from "./hotspot/comment-paragraph-form.component"; |
4 | 3 | import {DiscussionEditorComponent} from "./article/cms/discussion-editor/discussion-editor.component"; |
5 | 4 | import {CommentParagraphArticleContentHotspotComponent} from "./hotspot/article-content/article-content.component"; |
6 | 5 | import {DiscussionBlockComponent} from "./block/discussion/discussion-block.component"; |
7 | 6 | |
8 | 7 | export let mainComponents: any = [AllowCommentComponent, DiscussionEditorComponent, DiscussionBlockComponent]; |
9 | -export let hotspots: any = [CommentParagraphArticleButtonHotspotComponent, CommentParagraphFormHotspotComponent, CommentParagraphArticleContentHotspotComponent]; | |
8 | +export let hotspots: any = [CommentParagraphFormHotspotComponent, CommentParagraphArticleContentHotspotComponent]; | ... | ... |