diff --git a/src/app/layout/blocks/communities-block/communities-block.component.ts b/src/app/layout/blocks/communities-block/communities-block.component.ts new file mode 100644 index 0000000..87065ce --- /dev/null +++ b/src/app/layout/blocks/communities-block/communities-block.component.ts @@ -0,0 +1,25 @@ +import {Input, Inject, Component} from "ng-forward"; +import {CommunityService} from "../../../../lib/ng-noosfero-api/http/community.service"; + +@Component({ + selector: "noosfero-communities-block", + templateUrl: 'app/layout/blocks/communities-block/communities-block.html', +}) +@Inject(CommunityService) +export class CommunitiesBlockComponent { + + @Input() block: noosfero.Block; + @Input() owner: noosfero.Profile; + + profiles: any = []; + + constructor(private communityService: CommunityService) { } + + ngOnInit() { + let limit = ((this.block && this.block['settings']) ? this.block['settings'].limit : null) || 5; + + this.communityService.list(null, { limit: limit }).then((result: noosfero.RestResult) => { + this.profiles = result.data; + }); + } +} diff --git a/src/app/layout/blocks/communities-block/communities-block.html b/src/app/layout/blocks/communities-block/communities-block.html new file mode 100644 index 0000000..4c4f5ee --- /dev/null +++ b/src/app/layout/blocks/communities-block/communities-block.html @@ -0,0 +1,5 @@ +
+ + + +
diff --git a/src/app/layout/blocks/communities-block/communities-block.scss b/src/app/layout/blocks/communities-block/communities-block.scss new file mode 100644 index 0000000..7b27995 --- /dev/null +++ b/src/app/layout/blocks/communities-block/communities-block.scss @@ -0,0 +1,16 @@ +.communities-block { + .profile { + margin: 10px; + img, i.profile-image { + width: 60px; + } + img { + display: inline-block; + vertical-align: top; + } + i.profile-image { + text-align: center; + font-size: 4.5em; + } + } +} diff --git a/src/app/main/main.component.ts b/src/app/main/main.component.ts index 5fda8f6..a651ac4 100644 --- a/src/app/main/main.component.ts +++ b/src/app/main/main.component.ts @@ -12,6 +12,7 @@ import {ProfileImageBlockComponent} from "../layout/blocks/profile-image-block/p import {RawHTMLBlockComponent} from "../layout/blocks/raw-html/raw-html.component"; import {MembersBlockComponent} from "./../layout/blocks/members-block/members-block.component"; +import {CommunitiesBlockComponent} from "./../layout/blocks/communities-block/communities-block.component"; import {NoosferoTemplate} from "../shared/pipes/noosfero-template.filter"; import {DateFormat} from "../shared/pipes/date-format.filter"; @@ -69,7 +70,7 @@ export class MainContentComponent { directives: [ ArticleBlogComponent, ArticleViewComponent, BoxesComponent, BlockComponent, LinkListBlockComponent, MainBlockComponent, RecentDocumentsBlockComponent, Navbar, ProfileImageBlockComponent, - MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent + MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent, CommunitiesBlockComponent ], providers: [AuthService, SessionService, NotificationService, BodyStateClassesService] }) -- libgit2 0.21.2