Listen for state change to change displayed blocks

Victor Costa
1 parent def8ed54
Showing 4 changed files with 44 additions and 4 deletions Show diff stats
src/app/layout/boxes/boxes.component.spec.ts
src/app/layout/boxes/boxes.component.ts
src/app/profile/profile-home.component.ts
src/lib/ng-noosfero-api/interfaces/profile.ts
@@ -62,6 +62,20 @@ describe(&quot;Boxes Component&quot;, () =&gt; {
         expect(helper.component.isHomepage).toBeTruthy();
     });
+    it("set isHomepage as true when in profile info page", () => {
+        state.current = { name: "main.profile.info" };
+        helper.component.ngOnInit();
+        expect(helper.component.isHomepage).toBeTruthy();
+    });
+
+    it("set isHomepage as true when in profile page", () => {
+        state.current = { name: "main.profile.page" };
+        state.params = { page: "/page" };
+        (<noosfero.Profile>helper.component.owner).homepage = '/page';
+        helper.component.ngOnInit();
+        expect(helper.component.isHomepage).toBeTruthy();
+    });
+
     it("set isHomepage as true when in environment home page", () => {
         state.current = { name: "main.environment.home" };
         helper.component.owner = <noosfero.Environment>{};
@@ -7,7 +7,7 @@ import {DisplayBlocks} from &quot;./display-blocks.filter&quot;;
     templateUrl: "app/layout/boxes/boxes.html",
     directives: [DisplayBlocks]
 })
-@Inject("SessionService", 'AuthService', "$state")
+@Inject("SessionService", 'AuthService', "$state", "$rootScope")
 export class BoxesComponent {
     @Input() boxes: noosfero.Box[];
@@ -16,13 +16,22 @@ export class BoxesComponent {
     currentUser: noosfero.User;
     isHomepage = true;
-    constructor(private session: SessionService, private authService: AuthService, private $state: ng.ui.IStateService) {
+    constructor(private session: SessionService,
+        private authService: AuthService,
+        private $state: ng.ui.IStateService,
+        private $rootScope: ng.IRootScopeService) {
+
         this.currentUser = this.session.currentUser();
         this.authService.subscribe(AuthEvents[AuthEvents.loginSuccess], () => {
             this.currentUser = this.session.currentUser();
+            this.verifyHomepage();
         });
         this.authService.subscribe(AuthEvents[AuthEvents.logoutSuccess], () => {
             this.currentUser = this.session.currentUser();
+            this.verifyHomepage();
+        });
+        this.$rootScope.$on("$stateChangeSuccess", (event: ng.IAngularEvent, toState: ng.ui.IState) => {
+            this.verifyHomepage();
         });
     }
@@ -37,7 +46,14 @@ export class BoxesComponent {
     private verifyHomepage() {
         if (this.owner && ["Profile", "Community", "Person"].indexOf((<any>this.owner)['type']) >= 0) {
+            let profile = <noosfero.Profile>this.owner;
             this.isHomepage = this.$state.current.name === "main.profile.home";
+            if (profile.homepage) {
+                this.isHomepage = this.isHomepage ||
+                    (this.$state.current.name === "main.profile.page" && profile.homepage === this.$state.params['page']);
+            } else {
+                this.isHomepage = this.isHomepage || this.$state.current.name === "main.profile.info";
+            }
         } else {
             this.isHomepage = this.$state.current.name === "main.environment.home";
         }
@@ -18,8 +18,10 @@ export class ProfileHomeComponent {
             return profileService.getHomePage(<number>this.profile.id, { fields: 'path' });
         }).then((response: restangular.IResponse) => {
             if (response.data.article) {
+                this.profile.homepage = response.data.article.path;
                 $state.transitionTo('main.profile.page', { page: response.data.article.path, profile: this.profile.identifier }, { location: false });
             } else {
+                this.profile.homepage = null;
                 $state.transitionTo('main.profile.info', { profile: this.profile.identifier }, { location: false });
             }
         });
@@ -22,13 +22,13 @@ namespace noosfero {
          * @returns {string} The unque identifier for the Profile
          */
         identifier: string;
-        
+
         /**
          * @ngdoc property
          * @name created_at
          * @propertyOf noofero.Profile
          * @returns {string} The timestamp this object was created
-         */        
+         */
         created_at: string;
         /**
@@ -54,5 +54,13 @@ namespace noosfero {
          * @returns {string} A key => value custom fields data of Profile (e.g.: "{'Address':'Street A, Number 102...'}")
          */
         additional_data?: any;
+
+        /**
+         * @ngdoc property
+         * @name homepage
+         * @propertyOf noofero.Profile
+         * @returns {string} The Profile homepage
+         */
+        homepage: string;
     }
 }
	@@ -62,6 +62,20 @@ describe("Boxes Component", () => {		@@ -62,6 +62,20 @@ describe("Boxes Component", () => {
62	expect(helper.component.isHomepage).toBeTruthy();	62	expect(helper.component.isHomepage).toBeTruthy();
63	});	63	});
64		64
		65	+ it("set isHomepage as true when in profile info page", () => {
		66	+ state.current = { name: "main.profile.info" };
		67	+ helper.component.ngOnInit();
		68	+ expect(helper.component.isHomepage).toBeTruthy();
		69	+ });
		70	+
		71	+ it("set isHomepage as true when in profile page", () => {
		72	+ state.current = { name: "main.profile.page" };
		73	+ state.params = { page: "/page" };
		74	+ (<noosfero.Profile>helper.component.owner).homepage = '/page';
		75	+ helper.component.ngOnInit();
		76	+ expect(helper.component.isHomepage).toBeTruthy();
		77	+ });
		78	+
65	it("set isHomepage as true when in environment home page", () => {	79	it("set isHomepage as true when in environment home page", () => {
66	state.current = { name: "main.environment.home" };	80	state.current = { name: "main.environment.home" };
67	helper.component.owner = <noosfero.Environment>{};	81	helper.component.owner = <noosfero.Environment>{};