merge

ABNER SILVA DE OLIVEIRA
2 parents d04a87e2 59f9ef5d
Showing 14 changed files with 407 additions and 3 deletions Show diff stats
src/app/environment/environment-home.component.ts
src/app/environment/environment-home.html
src/app/environment/environment.component.spec.ts
src/app/environment/environment.component.ts
src/app/environment/environment.html
src/app/layout/blocks/communities-block/communities-block.component.ts
src/app/layout/blocks/communities-block/communities-block.html
src/app/layout/blocks/communities-block/communities-block.scss
src/app/main/main.component.ts
src/lib/ng-noosfero-api/http/community.service.spec.ts
src/lib/ng-noosfero-api/http/community.service.ts
src/lib/ng-noosfero-api/http/environment.service.ts
src/lib/ng-noosfero-api/interfaces/community.ts
src/lib/ng-noosfero-api/interfaces/environment.ts
@@ -0,0 +1,38 @@
+import {Component, Inject, provide} from 'ng-forward';
+import {EnvironmentService} from "../../lib/ng-noosfero-api/http/environment.service";
+import {NotificationService} from "../shared/services/notification.service";
+
+/**
+ * @ngdoc controller
+ * @name environment.Environment
+ * @description
+ *  This is the environment controller.
+ */
+@Component({
+    selector: 'environment-home',
+    templateUrl: "app/environment/environment-home.html",
+    providers: [
+        provide('environmentService', { useClass: EnvironmentService }),
+        provide('notificationService', { useClass: NotificationService })
+    ]
+})
+@Inject(EnvironmentService, "$log", "$sce")
+export class EnvironmentHomeComponent {
+    
+    environment: noosfero.Environment;
+    
+    constructor(private environmentService: EnvironmentService, private $sce: ng.ISCEService) {
+        environmentService.getByIdentifier("default").then((result: noosfero.Environment) => {
+            this.environment = result;
+        });
+    }
+    
+    getEnvironmentDescription() {
+        if(this.environment && this.environment.settings && this.environment.settings.description){
+            return this.$sce.trustAsHtml(this.environment.settings.description);    
+        }
+        else {
+            return "";
+        }
+    }
+}
 \ No newline at end of file
@@ -0,0 +1,2 @@
+<div id="environment-description" ng-bind-html="vm.getEnvironmentDescription()" class="environment-description">    
+</div>
 \ No newline at end of file
@@ -0,0 +1,60 @@
+import {quickCreateComponent} from "../../spec/helpers";
+import {EnvironmentComponent} from "./environment.component";
+
+describe("Components", () => {
+    describe("Environment Component", () => {
+
+        let $rootScope: ng.IRootScopeService;
+        let $q: ng.IQService;
+        let environmentServiceMock: any;
+        let notificationMock: any;
+        let $state: any;
+
+        beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
+            $rootScope = _$rootScope_;
+            $q = _$q_;
+        }));
+
+        beforeEach(() => {
+            $state = jasmine.createSpyObj("$state", ["transitionTo"]);
+            environmentServiceMock = jasmine.createSpyObj("environmentServiceMock", ["getByIdentifier", "getBoxes"]);
+            notificationMock = jasmine.createSpyObj("notificationMock", ["error"]);
+
+            let environmentResponse = $q.defer();
+            environmentResponse.resolve({ id: 1 });
+            let getBoxesResponse = $q.defer();
+            getBoxesResponse.resolve({ data: { boxes: [{ id: 2 }] } });
+
+            environmentServiceMock.getByIdentifier('default').and.returnValue(environmentResponse.promise);
+            environmentServiceMock.getBoxes = jasmine.createSpy("getBoxes").and.returnValue(getBoxesResponse.promise);
+        });
+        
+        it("get the default environment", done => {
+            let component: EnvironmentComponent = new EnvironmentComponent(environmentServiceMock, $state, notificationMock);
+            $rootScope.$apply();
+            expect(component.environment).toEqual({ id: 1 });
+            done();
+        });
+
+        it("get the environment boxes", done => {
+            let component: EnvironmentComponent = new EnvironmentComponent(environmentServiceMock, $state, notificationMock);
+            $rootScope.$apply();
+            expect(environmentServiceMock.getBoxes).toHaveBeenCalled();
+            expect(component.boxes).toEqual([{ id: 3 }]);
+            done();
+        });
+
+        it("display notification error when the environment wasn't found", done => {
+            let environmentResponse = $q.defer();
+            environmentResponse.reject();
+
+            let component: EnvironmentComponent = new EnvironmentComponent(environmentServiceMock, $state, notificationMock);
+            $rootScope.$apply();
+
+            expect(notificationMock.error).toHaveBeenCalled();
+            expect(component.environment).toBeUndefined();
+            done();
+        });
+
+    });
+});
@@ -0,0 +1,51 @@
+import {StateConfig, Component, Inject, provide} from 'ng-forward';
+import {EnvironmentService} from "../../lib/ng-noosfero-api/http/environment.service";
+import {NotificationService} from "../shared/services/notification.service";
+import {EnvironmentHomeComponent} from "./environment-home.component";
+
+/**
+ * @ngdoc controller
+ * @name environment.Environment
+ * @description
+ *  This is the environment controller.
+ */
+@Component({
+    selector: 'environment',
+    templateUrl: "app/environment/environment.html",
+    providers: [
+        provide('environmentService', { useClass: EnvironmentService }),
+        provide('notificationService', { useClass: NotificationService })
+    ]
+})
+@StateConfig([
+    {
+        name: 'main.environment.home',
+        url: "",
+        component: EnvironmentHomeComponent,
+        views: {
+            "mainBlockContent": {
+                templateUrl: "app/environment/environment-home.html",
+                controller: EnvironmentHomeComponent,
+                controllerAs: "vm"
+            }
+        }
+    }   
+])
+@Inject(EnvironmentService, "$state")
+export class EnvironmentComponent {
+
+    boxes: noosfero.Box[];
+    environment: noosfero.Environment;
+
+    constructor(environmentService: EnvironmentService, $state: ng.ui.IStateService, notificationService: NotificationService) {
+        let boxesPromisse = environmentService.getByIdentifier("default").then((environment: noosfero.Environment) => {
+            this.environment = environment;
+            return environmentService.getBoxes(this.environment.id);
+        }).then((boxes: noosfero.Box[]) => {
+            this.boxes = boxes;
+        }).catch(() => {
+            $state.transitionTo('main');
+            notificationService.error({ message: "notification.environment.not_found" });
+        });
+    }
+}
@@ -0,0 +1,5 @@
+<div class="environment-container">
+  <div class="row">
+    <noosfero-boxes [boxes]="vm.boxes" [owner]="vm.environment"></noosfero-boxes>
+  </div>
+</div>
@@ -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<noosfero.Community[]>) => {
+            this.profiles = result.data;
+        });
+    }
+}
@@ -0,0 +1,5 @@
+<div class="communities-block">
+  <a ng-repeat="profile in ctrl.profiles" ui-sref="main.profile.home({profile: profile.identifier})" class="profile">
+    <noosfero-profile-image [profile]="profile"></noosfero-profile-image>
+  </a>
+</div>
@@ -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;
+    }
+  }
+}
@@ -6,12 +6,16 @@ import {ArticleViewComponent} from &quot;./../article/article-default-view.component&quot;
 import {ProfileComponent} from "../profile/profile.component";
 import {BoxesComponent} from "../layout/boxes/boxes.component";
 import {BlockComponent} from "../layout/blocks/block.component";
+import {EnvironmentComponent} from "../environment/environment.component";
+import {EnvironmentHomeComponent} from "../environment/environment-home.component";
+
 import {LinkListBlockComponent} from "./../layout/blocks/link-list/link-list.component";
 import {RecentDocumentsBlockComponent} from "../layout/blocks/recent-documents/recent-documents.component";
 import {ProfileImageBlockComponent} from "../layout/blocks/profile-image-block/profile-image-block.component";
 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";
@@ -35,7 +39,7 @@ import {MainBlockComponent} from &quot;../layout/blocks/main-block/main-block.compone
  *  This controller actually contains the main content of Noosfero Angular Theme:
  *  - the navbar
  *  - the {@link Main} view content
- * 
+ *
  */
 @Component({
     selector: 'main-content',
@@ -49,6 +53,15 @@ export class MainContentComponent {
     }
 }
+@Component({
+    selector: 'environment-content',
+    templateUrl: "app/main/main.html",
+    providers: [AuthService, SessionService]
+})
+export class EnvironmentContent {
+
+}
+
 /**
  * @ngdoc controller
  * @name main.Main
@@ -67,7 +80,9 @@ export class MainContentComponent {
     selector: 'main',
     template: '<div ng-view></div>',
     directives: [
-        ArticleBlogComponent, ArticleViewComponent, BoxesComponent, BlockComponent, LinkListBlockComponent,
+        ArticleBlogComponent, ArticleViewComponent, BoxesComponent, BlockComponent,
+        EnvironmentComponent,
+        LinkListBlockComponent, CommunitiesBlockComponent,
         MainBlockComponent, RecentDocumentsBlockComponent, Navbar, ProfileImageBlockComponent,
         MembersBlockComponent, NoosferoTemplate, DateFormat, RawHTMLBlockComponent
     ],
@@ -75,11 +90,25 @@ export class MainContentComponent {
 })
 @StateConfig([
     {
-        url: '/',
+        url: '',
         component: MainContentComponent,
+        abstract: true,
         name: 'main',
     },
     {
+        url: '/',
+        component: EnvironmentComponent,
+        name: 'main.environment',
+        abstract: true,
+        views: {
+            "content": {
+                templateUrl: "app/environment/environment.html",
+                controller: EnvironmentComponent,
+                controllerAs: "vm"
+            }
+        }
+    },
+    {
         url: "^/:profile",
         abstract: true,
         component: ProfileComponent,
@@ -0,0 +1,33 @@
+import {CommunityService} from "./community.service";
+
+
+describe("Services", () => {
+
+    describe("Community Service", () => {
+
+        let $httpBackend: ng.IHttpBackendService;
+        let communityService: CommunityService;
+
+        beforeEach(angular.mock.module("noosferoApp", ($translateProvider: angular.translate.ITranslateProvider) => {
+            $translateProvider.translations('en', {});
+        }));
+
+        beforeEach(inject((_$httpBackend_: ng.IHttpBackendService, _CommunityService_: CommunityService) => {
+            $httpBackend = _$httpBackend_;
+            communityService = _CommunityService_;
+        }));
+
+        describe("Succesfull requests", () => {
+
+            it("should list communities", (done) => {
+                $httpBackend.expectGET(`/api/v1/communities`).respond(200, { communities: [{ name: "community1" }] });
+                communityService.list().then((result: noosfero.RestResult<noosfero.Community[]>) => {
+                    expect(result.data).toEqual([{ name: "community1" }]);
+                    done();
+                });
+                $httpBackend.flush();
+            });
+        });
+
+    });
+});
@@ -0,0 +1,23 @@
+import { Injectable, Inject } from "ng-forward";
+import {RestangularService} from "./restangular_service";
+
+@Injectable()
+@Inject("Restangular", "$q", "$log")
+export class CommunityService extends RestangularService<noosfero.Community> {
+
+    constructor(Restangular: restangular.IService, $q: ng.IQService, $log: ng.ILogService) {
+        super(Restangular, $q, $log);
+    }
+
+    getResourcePath() {
+        return "communities";
+    }
+
+    getDataKeys() {
+        return {
+            singular: 'community',
+            plural: 'communities'
+        };
+    }
+
+}
@@ -0,0 +1,92 @@
+import { Injectable, Inject } from "ng-forward";
+
+@Injectable()
+@Inject("Restangular", "$q")
+export class EnvironmentService {
+
+    private _currentEnvironmentPromise: ng.IDeferred<noosfero.Environment>;
+
+    constructor(private restangular: restangular.IService, private $q: ng.IQService) {
+        
+    }
+
+    getEnvironmentPeople(params: any) : ng.IPromise<noosfero.Person[]> {
+        let p = this.restangular.one('people').get(params);
+        let deferred = this.$q.defer<noosfero.Person[]>();
+        p.then(this.getHandleSuccessFunctionKeyArray<noosfero.Person[]>("people", deferred));
+        p.catch(this.getHandleErrorFunction<noosfero.Person[]>(deferred));
+        return deferred.promise;        
+    }
+
+    getByIdentifier(identifier: string): ng.IPromise<noosfero.Environment> {
+        let p = this.restangular.one('environment').customGET(identifier);
+        let deferred = this.$q.defer<noosfero.Environment>();
+        p.then(this.getHandleSuccessFunction<noosfero.Environment>(deferred));
+        p.catch(this.getHandleErrorFunction<noosfero.Environment>(deferred));
+        return deferred.promise;
+    }
+    
+    getBoxes(id: number) {
+        let p = this.restangular.one('environments', id).customGET("boxes");
+        let deferred = this.$q.defer<noosfero.Box[]>();
+        p.then(this.getHandleSuccessFunctionKeyArray<noosfero.Box[]>("boxes", deferred));
+        p.catch(this.getHandleErrorFunction<noosfero.Box[]>(deferred));
+        return deferred.promise;
+    }
+    
+    /** TODO - Please, use the base class RestangularService
+     * (description)
+     * 
+     * @template T
+     * @param {ng.IDeferred<T>} deferred (description)
+     * @returns {(response: restangular.IResponse) => void} (description)
+     */
+    getHandleErrorFunction<T>(deferred: ng.IDeferred<T>): (response: restangular.IResponse) => void {
+        let self = this;
+        /**
+         * (description)
+         * 
+         * @param {restangular.IResponse} response (description)
+         */
+        let errorFunction = (response: restangular.IResponse): void => {
+            deferred.reject(response);
+        };
+        return errorFunction;
+    }
+
+    /**
+     * TODO - use restangular service as base class, and this will not be necessary here anymore
+     */
+    protected getHandleSuccessFunction<C>(deferred: ng.IDeferred<C>, responseKey?: string): (response: restangular.IResponse) => void {
+        let self = this;
+
+        /**
+         * (description)
+         * 
+         * @param {restangular.IResponse} response (description)
+         */
+        let successFunction = (response: restangular.IResponse): void => {
+            let data = this.restangular.stripRestangular(response.data)
+            deferred.resolve(data);
+        };
+        return successFunction;
+    }
+    
+    /**
+     * TODO - use restangular service as base class, and this will not be necessary here anymore
+     */
+    protected getHandleSuccessFunctionKeyArray<C>(key: string, deferred: ng.IDeferred<C>, responseKey?: string): (response: restangular.IResponse) => void {
+        let self = this;
+
+        /**
+         * (description)
+         * 
+         * @param {restangular.IResponse} response (description)
+         */
+        let successFunction = (response: restangular.IResponse): void => {
+            let data = this.restangular.stripRestangular(response.data[key]);
+            deferred.resolve(data);
+        };
+        return successFunction;
+    }    
+}
@@ -0,0 +1,11 @@
+namespace noosfero {
+    /**
+     * @ngdoc interface
+     * @name noosfero.Community
+     * @description
+     *  A representation of a Community in Noosfero.
+     */
+    export interface Community extends Profile {
+
+    }
+}
 namespace noosfero {
+    /**
+     * @ngdoc interface
+     * @name noofero.Environment
+     * @description
+     *  A representation of a Noosfero Environment.
+     */    
     export interface Environment extends RestModel {
+        /**
+         * @ngdoc property
+         * @name id
+         * @propertyOf noofero.Environment
+         * @returns {number} The Environment id
+         */
+        id: number;
+        settings: any
     }
 }
 \ No newline at end of file
	@@ -0,0 +1,38 @@		@@ -0,0 +1,38 @@
		1	+import {Component, Inject, provide} from 'ng-forward';
		2	+import {EnvironmentService} from "../../lib/ng-noosfero-api/http/environment.service";
		3	+import {NotificationService} from "../shared/services/notification.service";
		4	+
		5	+/**
		6	+ * @ngdoc controller
		7	+ * @name environment.Environment
		8	+ * @description
		9	+ * This is the environment controller.
		10	+ */
		11	+@Component({
		12	+ selector: 'environment-home',
		13	+ templateUrl: "app/environment/environment-home.html",
		14	+ providers: [
		15	+ provide('environmentService', { useClass: EnvironmentService }),
		16	+ provide('notificationService', { useClass: NotificationService })
		17	+ ]
		18	+})
		19	+@Inject(EnvironmentService, "$log", "$sce")
		20	+export class EnvironmentHomeComponent {
		21	+
		22	+ environment: noosfero.Environment;
		23	+
		24	+ constructor(private environmentService: EnvironmentService, private $sce: ng.ISCEService) {
		25	+ environmentService.getByIdentifier("default").then((result: noosfero.Environment) => {
		26	+ this.environment = result;
		27	+ });
		28	+ }
		29	+
		30	+ getEnvironmentDescription() {
		31	+ if(this.environment && this.environment.settings && this.environment.settings.description){
		32	+ return this.$sce.trustAsHtml(this.environment.settings.description);
		33	+ }
		34	+ else {
		35	+ return "";
		36	+ }
		37	+ }
		38	+}
0	\ No newline at end of file	39	\ No newline at end of file
	@@ -0,0 +1,2 @@		@@ -0,0 +1,2 @@
		1	+<div id="environment-description" ng-bind-html="vm.getEnvironmentDescription()" class="environment-description">
		2	+</div>
0	\ No newline at end of file	3	\ No newline at end of file
@@ -0,0 +1,60 @@		@@ -0,0 +1,60 @@
	1	+import {quickCreateComponent} from "../../spec/helpers";
	2	+import {EnvironmentComponent} from "./environment.component";
	3	+
	4	+describe("Components", () => {
	5	+ describe("Environment Component", () => {
	6	+
	7	+ let $rootScope: ng.IRootScopeService;
	8	+ let $q: ng.IQService;
	9	+ let environmentServiceMock: any;
	10	+ let notificationMock: any;
	11	+ let $state: any;
	12	+
	13	+ beforeEach(inject((_$rootScope_: ng.IRootScopeService, _$q_: ng.IQService) => {
	14	+ $rootScope = _$rootScope_;
	15	+ $q = _$q_;
	16	+ }));
	17	+
	18	+ beforeEach(() => {
	19	+ $state = jasmine.createSpyObj("$state", ["transitionTo"]);
	20	+ environmentServiceMock = jasmine.createSpyObj("environmentServiceMock", ["getByIdentifier", "getBoxes"]);
	21	+ notificationMock = jasmine.createSpyObj("notificationMock", ["error"]);
	22	+
	23	+ let environmentResponse = $q.defer();
	24	+ environmentResponse.resolve({ id: 1 });
	25	+ let getBoxesResponse = $q.defer();
	26	+ getBoxesResponse.resolve({ data: { boxes: [{ id: 2 }] } });
	27	+
	28	+ environmentServiceMock.getByIdentifier('default').and.returnValue(environmentResponse.promise);
	29	+ environmentServiceMock.getBoxes = jasmine.createSpy("getBoxes").and.returnValue(getBoxesResponse.promise);
	30	+ });
	31	+
	32	+ it("get the default environment", done => {
	33	+ let component: EnvironmentComponent = new EnvironmentComponent(environmentServiceMock, $state, notificationMock);
	34	+ $rootScope.$apply();
	35	+ expect(component.environment).toEqual({ id: 1 });
	36	+ done();
	37	+ });
	38	+
	39	+ it("get the environment boxes", done => {
	40	+ let component: EnvironmentComponent = new EnvironmentComponent(environmentServiceMock, $state, notificationMock);
	41	+ $rootScope.$apply();
	42	+ expect(environmentServiceMock.getBoxes).toHaveBeenCalled();
	43	+ expect(component.boxes).toEqual([{ id: 3 }]);
	44	+ done();
	45	+ });
	46	+
	47	+ it("display notification error when the environment wasn't found", done => {
	48	+ let environmentResponse = $q.defer();
	49	+ environmentResponse.reject();
	50	+
	51	+ let component: EnvironmentComponent = new EnvironmentComponent(environmentServiceMock, $state, notificationMock);
	52	+ $rootScope.$apply();
	53	+
	54	+ expect(notificationMock.error).toHaveBeenCalled();
	55	+ expect(component.environment).toBeUndefined();
	56	+ done();
	57	+ });
	58	+
	59	+ });
	60	+});
@@ -0,0 +1,51 @@		@@ -0,0 +1,51 @@
	1	+import {StateConfig, Component, Inject, provide} from 'ng-forward';
	2	+import {EnvironmentService} from "../../lib/ng-noosfero-api/http/environment.service";
	3	+import {NotificationService} from "../shared/services/notification.service";
	4	+import {EnvironmentHomeComponent} from "./environment-home.component";
	5	+
	6	+/**
	7	+ * @ngdoc controller
	8	+ * @name environment.Environment
	9	+ * @description
	10	+ * This is the environment controller.
	11	+ */
	12	+@Component({
	13	+ selector: 'environment',
	14	+ templateUrl: "app/environment/environment.html",
	15	+ providers: [
	16	+ provide('environmentService', { useClass: EnvironmentService }),
	17	+ provide('notificationService', { useClass: NotificationService })
	18	+ ]
	19	+})
	20	+@StateConfig([
	21	+ {
	22	+ name: 'main.environment.home',
	23	+ url: "",
	24	+ component: EnvironmentHomeComponent,
	25	+ views: {
	26	+ "mainBlockContent": {
	27	+ templateUrl: "app/environment/environment-home.html",
	28	+ controller: EnvironmentHomeComponent,
	29	+ controllerAs: "vm"
	30	+ }
	31	+ }
	32	+ }
	33	+])
	34	+@Inject(EnvironmentService, "$state")
	35	+export class EnvironmentComponent {
	36	+
	37	+ boxes: noosfero.Box[];
	38	+ environment: noosfero.Environment;
	39	+
	40	+ constructor(environmentService: EnvironmentService, $state: ng.ui.IStateService, notificationService: NotificationService) {
	41	+ let boxesPromisse = environmentService.getByIdentifier("default").then((environment: noosfero.Environment) => {
	42	+ this.environment = environment;
	43	+ return environmentService.getBoxes(this.environment.id);
	44	+ }).then((boxes: noosfero.Box[]) => {
	45	+ this.boxes = boxes;
	46	+ }).catch(() => {
	47	+ $state.transitionTo('main');
	48	+ notificationService.error({ message: "notification.environment.not_found" });
	49	+ });
	50	+ }
	51	+}
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+<div class="environment-container">
	2	+ <div class="row">
	3	+ <noosfero-boxes [boxes]="vm.boxes" [owner]="vm.environment"></noosfero-boxes>
	4	+ </div>
	5	+</div>
@@ -0,0 +1,25 @@		@@ -0,0 +1,25 @@
	1	+import {Input, Inject, Component} from "ng-forward";
	2	+import {CommunityService} from "../../../../lib/ng-noosfero-api/http/community.service";
	3	+
	4	+@Component({
	5	+ selector: "noosfero-communities-block",
	6	+ templateUrl: 'app/layout/blocks/communities-block/communities-block.html',
	7	+})
	8	+@Inject(CommunityService)
	9	+export class CommunitiesBlockComponent {
	10	+
	11	+ @Input() block: noosfero.Block;
	12	+ @Input() owner: noosfero.Profile;
	13	+
	14	+ profiles: any = [];
	15	+
	16	+ constructor(private communityService: CommunityService) { }
	17	+
	18	+ ngOnInit() {
	19	+ let limit = ((this.block && this.block['settings']) ? this.block['settings'].limit : null) \|\| 5;
	20	+
	21	+ this.communityService.list(null, { limit: limit }).then((result: noosfero.RestResult<noosfero.Community[]>) => {
	22	+ this.profiles = result.data;
	23	+ });
	24	+ }
	25	+}
@@ -0,0 +1,5 @@		@@ -0,0 +1,5 @@
	1	+<div class="communities-block">
	2	+ <a ng-repeat="profile in ctrl.profiles" ui-sref="main.profile.home({profile: profile.identifier})" class="profile">
	3	+ <noosfero-profile-image [profile]="profile"></noosfero-profile-image>
	4	+ </a>
	5	+</div>
@@ -0,0 +1,16 @@		@@ -0,0 +1,16 @@
	1	+.communities-block {
	2	+ .profile {
	3	+ margin: 10px;
	4	+ img, i.profile-image {
	5	+ width: 60px;
	6	+ }
	7	+ img {
	8	+ display: inline-block;
	9	+ vertical-align: top;
	10	+ }
	11	+ i.profile-image {
	12	+ text-align: center;
	13	+ font-size: 4.5em;
	14	+ }
	15	+ }
	16	+}
@@ -0,0 +1,33 @@		@@ -0,0 +1,33 @@
	1	+import {CommunityService} from "./community.service";
	2	+
	3	+
	4	+describe("Services", () => {
	5	+
	6	+ describe("Community Service", () => {
	7	+
	8	+ let $httpBackend: ng.IHttpBackendService;
	9	+ let communityService: CommunityService;
	10	+
	11	+ beforeEach(angular.mock.module("noosferoApp", ($translateProvider: angular.translate.ITranslateProvider) => {
	12	+ $translateProvider.translations('en', {});
	13	+ }));
	14	+
	15	+ beforeEach(inject((_$httpBackend_: ng.IHttpBackendService, _CommunityService_: CommunityService) => {
	16	+ $httpBackend = _$httpBackend_;
	17	+ communityService = _CommunityService_;
	18	+ }));
	19	+
	20	+ describe("Succesfull requests", () => {
	21	+
	22	+ it("should list communities", (done) => {
	23	+ $httpBackend.expectGET(`/api/v1/communities`).respond(200, { communities: [{ name: "community1" }] });
	24	+ communityService.list().then((result: noosfero.RestResult<noosfero.Community[]>) => {
	25	+ expect(result.data).toEqual([{ name: "community1" }]);
	26	+ done();
	27	+ });
	28	+ $httpBackend.flush();
	29	+ });
	30	+ });
	31	+
	32	+ });
	33	+});
@@ -0,0 +1,23 @@		@@ -0,0 +1,23 @@
	1	+import { Injectable, Inject } from "ng-forward";
	2	+import {RestangularService} from "./restangular_service";
	3	+
	4	+@Injectable()
	5	+@Inject("Restangular", "$q", "$log")
	6	+export class CommunityService extends RestangularService<noosfero.Community> {
	7	+
	8	+ constructor(Restangular: restangular.IService, $q: ng.IQService, $log: ng.ILogService) {
	9	+ super(Restangular, $q, $log);
	10	+ }
	11	+
	12	+ getResourcePath() {
	13	+ return "communities";
	14	+ }
	15	+
	16	+ getDataKeys() {
	17	+ return {
	18	+ singular: 'community',
	19	+ plural: 'communities'
	20	+ };
	21	+ }
	22	+
	23	+}