Adds profile description block plugin component

Signed-off-by: Paulo Tada <paulohtfs@gmail.com> Signed-off-by: Tallys Martins <tallysmartins@gmail.com>

Adds profile description block plugin component
Signed-off-by: Paulo Tada <paulohtfs@gmail.com> Signed-off-by: Tallys Martins <tallysmartins@gmail.com>
Tallys Martins
1 parent 4e13e9c2
Showing 6 changed files with 87 additions and 1 deletions Show diff stats
src/app/layout/blocks/profile-description-block-plugin-profile-description-block/index.ts
src/app/layout/blocks/profile-description-block-plugin-profile-description-block/profile-description-block-plugin-profile-description-block.component.ts
src/app/layout/blocks/profile-description-block-plugin-profile-description-block/profile-description-block-plugin-profile-description-block.html
src/app/layout/blocks/profile-description-block-plugin-profile-description-block/profile-description-block-plugin-profile-description-block.spec.ts
src/app/layout/blocks/profile-description-block-plugin-profile-description-block/profile-descrpition-block-plugin-profile-description-block.scss
src/app/main/main.component.ts
@@ -0,0 +1,2 @@
+/* Module Index Entry - generated using the script npm run generate-index */
+export * from "./profile-description-block-plugin-profile-description-block.component";
@@ -0,0 +1,27 @@
+import { Input, Inject, Component } from 'ng-forward';
+import {BlockService} from "../../../../lib/ng-noosfero-api/http/block.service";
+import {Arrays} from "./../../../../lib/util/arrays";
+
+@Component({
+    selector: 'noosfero-profile-description-block',
+    templateUrl: 'app/layout/blocks/profile-description-block-plugin-profile-description-block/profile-description-block-plugin-profile-description-block.html'
+})
+@Inject(BlockService, "$state")
+export class ProfileDescriptionBlockPluginProfileDescriptionBlockComponent {
+
+    @Input() block: any;
+    @Input() owner: any;
+
+    profile: any;
+    description: any;
+
+    constructor(private blockService: BlockService, private $state: any) { }
+
+    ngOnInit() {
+        this.profile = this.owner;
+        this.blockService.getApiContent(this.block).then((content: any) => {
+          this.description = content.description;
+        });
+        console.log(this.description);
+    }
+}
@@ -0,0 +1 @@
+<span class="profile-description"> {{ ctrl.description }} </span>
@@ -0,0 +1,54 @@
+import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
+import {Provider, Input, provide, Component} from 'ng-forward';
+import {provideFilters} from '../../../../spec/helpers';
+import {ProfileDescriptionBlockPluginProfileDescriptionBlockComponent} from './profile-description-block-plugin-profile-description-block.component';
+import * as helpers from "./../../../../spec/helpers";
+
+const htmlTemplate: string = '<noosfero-profile-description-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-profile-description-block>';
+
+const tcb = new TestComponentBuilder();
+
+describe("Components", () => {
+    describe("Profile Description Block Component", () => {
+
+        let person = <noosfero.Person>{ name: "Person" };
+        let mockedService = {
+            getApiContent: (block: noosfero.Block): any => {
+                return Promise.resolve({ description: "This is my description", headers: (name: string) => { return name; } });
+            }
+        };
+        beforeEach(angular.mock.module("templates"));
+
+        let state = jasmine.createSpyObj("state", ["go"]);
+
+        function getProviders() {
+            return [
+                new Provider('$state', { useValue: state }),
+                new Provider('BlockService', {
+                    useValue: mockedService
+                })
+            ].concat(provideFilters("truncateFilter", "stripTagsFilter"));
+        }
+        let componentClass: any = null;
+
+        function getComponent() {
+            @Component({ selector: 'test-container-component', template: htmlTemplate, directives: [ProfileDescriptionBlockPluginProfileDescriptionBlockComponent], providers: getProviders() })
+            class BlockContainerComponent {
+                block = { type: 'Block', settings: {} };
+                owner = person;
+                constructor() {
+                }
+            }
+            return BlockContainerComponent;
+        }
+
+        it("get description from block service", done => {
+            tcb.createAsync(getComponent()).then(fixture => {
+                let ProfileDescriptionBlockPluginProfileDescriptionBlock: ProfileDescriptionBlockPluginProfileDescriptionBlockComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
+                expect(ProfileDescriptionBlockPluginProfileDescriptionBlock.description).toEqual('This is my description');
+                done();
+            });
+        });
+
+    });
+});
@@ -22,6 +22,7 @@ import { TagsBlockComponent } from &quot;../layout/blocks/tags/tags-block.component&quot;;
 import { CustomContentComponent } from "../profile/custom-content/custom-content.component";
 import { RecentActivitiesPluginActivitiesBlockComponent } from "../layout/blocks/recent-activities-plugin-activities/recent-activities-plugin-activities-block.component";
 import { ProfileImagesPluginProfileImagesBlockComponent } from "../layout/blocks/profile-images-plugin-profile-images/profile-images-plugin-profile-images-block.component";
+import { ProfileDescriptionBlockPluginProfileDescriptionBlockComponent } from "../layout/blocks/profile-description-block-plugin-profile-description-block/profile-description-block-plugin-profile-description-block.component";
 import { RegisterComponent } from "../account/register.component";
 import { MembersBlockComponent } from "../layout/blocks/members/members-block.component";
@@ -120,7 +121,8 @@ export class EnvironmentContent {
         MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent, StatisticsBlockComponent,
         LoginBlockComponent, CustomContentComponent, PermissionDirective, SearchFormComponent, SearchComponent,
         PersonTagsPluginInterestsBlockComponent, TagsBlockComponent, RecentActivitiesPluginActivitiesBlockComponent,
-        ProfileImagesPluginProfileImagesBlockComponent, BlockComponent, RegisterComponent, TasksMenuComponent, TaskListComponent
+        ProfileImagesPluginProfileImagesBlockComponent, BlockComponent, RegisterComponent, TasksMenuComponent, TaskListComponent,
+        ProfileDescriptionBlockPluginProfileDescriptionBlockComponent
     ].concat(plugins.mainComponents).concat(plugins.hotspots),
     providers: [AuthService, SessionService, NotificationService, BodyStateClassesService,
         "ngAnimate", "ngCookies", "ngStorage", "ngTouch",
@@ -0,0 +1,2 @@		@@ -0,0 +1,2 @@
	1	+/* Module Index Entry - generated using the script npm run generate-index */
	2	+export * from "./profile-description-block-plugin-profile-description-block.component";
@@ -0,0 +1,27 @@		@@ -0,0 +1,27 @@
	1	+import { Input, Inject, Component } from 'ng-forward';
	2	+import {BlockService} from "../../../../lib/ng-noosfero-api/http/block.service";
	3	+import {Arrays} from "./../../../../lib/util/arrays";
	4	+
	5	+@Component({
	6	+ selector: 'noosfero-profile-description-block',
	7	+ templateUrl: 'app/layout/blocks/profile-description-block-plugin-profile-description-block/profile-description-block-plugin-profile-description-block.html'
	8	+})
	9	+@Inject(BlockService, "$state")
	10	+export class ProfileDescriptionBlockPluginProfileDescriptionBlockComponent {
	11	+
	12	+ @Input() block: any;
	13	+ @Input() owner: any;
	14	+
	15	+ profile: any;
	16	+ description: any;
	17	+
	18	+ constructor(private blockService: BlockService, private $state: any) { }
	19	+
	20	+ ngOnInit() {
	21	+ this.profile = this.owner;
	22	+ this.blockService.getApiContent(this.block).then((content: any) => {
	23	+ this.description = content.description;
	24	+ });
	25	+ console.log(this.description);
	26	+ }
	27	+}
	@@ -0,0 +1 @@		@@ -0,0 +1 @@
		1	+<span class="profile-description"> {{ ctrl.description }} </span>
@@ -0,0 +1,54 @@		@@ -0,0 +1,54 @@
	1	+import {TestComponentBuilder} from 'ng-forward/cjs/testing/test-component-builder';
	2	+import {Provider, Input, provide, Component} from 'ng-forward';
	3	+import {provideFilters} from '../../../../spec/helpers';
	4	+import {ProfileDescriptionBlockPluginProfileDescriptionBlockComponent} from './profile-description-block-plugin-profile-description-block.component';
	5	+import * as helpers from "./../../../../spec/helpers";
	6	+
	7	+const htmlTemplate: string = '<noosfero-profile-description-block [block]="ctrl.block" [owner]="ctrl.owner"></noosfero-profile-description-block>';
	8	+
	9	+const tcb = new TestComponentBuilder();
	10	+
	11	+describe("Components", () => {
	12	+ describe("Profile Description Block Component", () => {
	13	+
	14	+ let person = <noosfero.Person>{ name: "Person" };
	15	+ let mockedService = {
	16	+ getApiContent: (block: noosfero.Block): any => {
	17	+ return Promise.resolve({ description: "This is my description", headers: (name: string) => { return name; } });
	18	+ }
	19	+ };
	20	+ beforeEach(angular.mock.module("templates"));
	21	+
	22	+ let state = jasmine.createSpyObj("state", ["go"]);
	23	+
	24	+ function getProviders() {
	25	+ return [
	26	+ new Provider('$state', { useValue: state }),
	27	+ new Provider('BlockService', {
	28	+ useValue: mockedService
	29	+ })
	30	+ ].concat(provideFilters("truncateFilter", "stripTagsFilter"));
	31	+ }
	32	+ let componentClass: any = null;
	33	+
	34	+ function getComponent() {
	35	+ @Component({ selector: 'test-container-component', template: htmlTemplate, directives: [ProfileDescriptionBlockPluginProfileDescriptionBlockComponent], providers: getProviders() })
	36	+ class BlockContainerComponent {
	37	+ block = { type: 'Block', settings: {} };
	38	+ owner = person;
	39	+ constructor() {
	40	+ }
	41	+ }
	42	+ return BlockContainerComponent;
	43	+ }
	44	+
	45	+ it("get description from block service", done => {
	46	+ tcb.createAsync(getComponent()).then(fixture => {
	47	+ let ProfileDescriptionBlockPluginProfileDescriptionBlock: ProfileDescriptionBlockPluginProfileDescriptionBlockComponent = fixture.debugElement.componentViewChildren[0].componentInstance;
	48	+ expect(ProfileDescriptionBlockPluginProfileDescriptionBlock.description).toEqual('This is my description');
	49	+ done();
	50	+ });
	51	+ });
	52	+
	53	+ });
	54	+});