starting to resolve profile and articles on ui-router resolve functions

Ábner Oliveira
1 parent b9f6daf6
Showing 5 changed files with 103 additions and 63 deletions Show diff stats
src/app/article/content-viewer/content-viewer.component.ts
src/app/main/main.component.ts
src/app/profile/profile-home.component.ts
src/app/profile/profile.component.ts
src/lib/ng-noosfero-api/http/profile.service.ts
@@ -14,26 +14,26 @@ import {ProfileService} from &quot;../../../lib/ng-noosfero-api/http/profile.service&quot;
         provide('profileService', { useClass: ProfileService })
     ]
 })
-@Inject(ArticleService, ProfileService, "$log", "$stateParams")
+@Inject(ArticleService, ProfileService, "$log", "$stateParams", "currentProfile")
 export class ContentViewerComponent {
     @Input()
     article: noosfero.Article = null;
-    @Input()
-    profile: noosfero.Profile = null;
-
-    constructor(private articleService: ArticleService, private profileService: ProfileService, private $log: ng.ILogService, private $stateParams: angular.ui.IStateParamsService) {
+    constructor(
+        private articleService: ArticleService,
+        private profileService: ProfileService,
+        private $log: ng.ILogService,
+        private $stateParams: angular.ui.IStateParamsService,
+        public profile: noosfero.Profile) {
         this.activate();
     }
     activate() {
-        this.profileService.getCurrentProfile().then((profile: noosfero.Profile) => {
-            this.profile = profile;
-            return this.articleService.getArticleByProfileAndPath(this.profile, this.$stateParams["page"]);
-        }).then((result: noosfero.RestResult<any>) => {
-            this.article = <noosfero.Article>result.data;
-            this.articleService.setCurrent(this.article);
-        });
+        this.articleService.getArticleByProfileAndPath(this.profile, this.$stateParams["page"])
+            .then((result: noosfero.RestResult<any>) => {
+                this.article = <noosfero.Article>result.data;
+                this.articleService.setCurrent(this.article);
+            });
     }
 }
@@ -29,6 +29,7 @@ import {DateFormat} from &quot;../shared/pipes/date-format.filter&quot;;
 import {AuthService} from "../login/auth.service";
 import {SessionService} from "../login/session.service";
 import {EnvironmentService} from "./../../lib/ng-noosfero-api/http/environment.service";
+import {ProfileService} from './../../lib/ng-noosfero-api/http/profile.service';
 import {NotificationService} from "../shared/services/notification.service";
 import {BodyStateClassesService} from "./../layout/services/body-state-classes.service";
@@ -118,10 +119,10 @@ export class EnvironmentContent {
         abstract: true,
         name: 'main',
         resolve: {
-            currentUser: function(AuthService: AuthService) {
+            currentUser: function (AuthService: AuthService) {
                 return AuthService.loginFromCookie();
             },
-            currentEnvironment: function(EnvironmentService: EnvironmentService) {
+            currentEnvironment: function (EnvironmentService: EnvironmentService) {
                 return EnvironmentService.get();
             }
         }
@@ -149,6 +150,12 @@ export class EnvironmentContent {
                 templateUrl: "app/profile/profile.html",
                 controller: ProfileComponent,
                 controllerAs: "vm"
+            },
+        },
+        resolve: {
+            currentProfile: function (ProfileService: ProfileService, $stateParams: angular.ui.IStateParamsService) {
+                console.log('$stateParams', $stateParams);
+                return ProfileService.getCurrentProfileByIdentifier($stateParams["profile"]);
             }
         }
     }
@@ -7,23 +7,19 @@ import {ProfileService} from &quot;../../lib/ng-noosfero-api/http/profile.service&quot;;
     template: "<div></div>",
     providers: [provide('profileService', { useClass: ProfileService })]
 })
-@Inject(ProfileService, "$state")
+@Inject(ProfileService, "$state", "currentProfile")
 export class ProfileHomeComponent {
-    profile: noosfero.Profile;
-
-    constructor(profileService: ProfileService, $state: ng.ui.IStateService) {
-        profileService.getCurrentProfile().then((profile: noosfero.Profile) => {
-            this.profile = profile;
-            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 });
-            }
-        });
+    constructor(profileService: ProfileService, $state: ng.ui.IStateService, public profile: noosfero.Profile) {
+        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 });
+                }
+            });
     }
 }
-import {StateConfig, Component, Inject, provide} from 'ng-forward';
+import {StateConfig, Resolve, Component, Inject, provide} from 'ng-forward';
 import {ProfileInfoComponent} from './info/profile-info.component';
 import {ProfileHomeComponent} from './profile-home.component';
 import {BasicEditorComponent} from '../article/cms/basic-editor/basic-editor.component';
@@ -10,7 +10,7 @@ import {ProfileService} from &quot;../../lib/ng-noosfero-api/http/profile.service&quot;;
 import {NotificationService} from "../shared/services/notification.service";
 import {MyProfileComponent} from "./myprofile.component";
 import {ProfileActionsComponent} from "./profile-actions.component";
-
+import {ArticleService} from './../../lib/ng-noosfero-api/http/article.service';
 /**
  * @ngdoc controller
  * @name profile.Profile
@@ -43,6 +43,11 @@ import {ProfileActionsComponent} from &quot;./profile-actions.component&quot;;
                 controller: ProfileActionsComponent,
                 controllerAs: "vm"
             }
+        },
+        resolve: {
+            currentProfile: function (ProfileService: ProfileService, $stateParams: angular.ui.IStateParamsService) {
+                return ProfileService.getCurrentProfileByIdentifier($stateParams["profile"]);
+            }
         }
     },
     {
@@ -55,6 +60,11 @@ import {ProfileActionsComponent} from &quot;./profile-actions.component&quot;;
                 controller: ProfileActionsComponent,
                 controllerAs: "vm"
             }
+        },
+        resolve: {
+            currentProfile: function (ProfileService: ProfileService, $stateParams: angular.ui.IStateParamsService) {
+                return ProfileService.getCurrentProfileByIdentifier($stateParams["profile"]);
+            }
         }
     },
     {
@@ -79,6 +89,13 @@ import {ProfileActionsComponent} from &quot;./profile-actions.component&quot;;
                 controller: CmsComponent,
                 controllerAs: "vm"
             }
+        },
+        resolve: {
+            currentArticle: function ($q: ng.IQService, currentProfile: noosfero.Profile, articleService: ArticleService, $stateParams: angular.ui.IStateParamsService): ng.IPromise<noosfero.Article> {
+                let deferred: ng.IDeferred<noosfero.Article> = $q.defer<noosfero.Article>();
+                articleService.getArticleByProfileAndPath(currentProfile, $stateParams["page"]).then(result => deferred.resolve(result.data));
+                return deferred.promise;
+            }
         }
     },
     {
@@ -107,24 +124,41 @@ import {ProfileActionsComponent} from &quot;./profile-actions.component&quot;;
                 controller: ContentViewerActionsComponent,
                 controllerAs: "vm"
             }
+        },
+        resolve: {
+            currentArticle: function ($q: ng.IQService, currentProfile: noosfero.Profile, articleService: ArticleService, $stateParams: angular.ui.IStateParamsService): ng.IPromise<noosfero.Article> {
+                let deferred: ng.IDeferred<noosfero.Article> = $q.defer<noosfero.Article>();
+                articleService.getArticleByProfileAndPath(currentProfile, $stateParams["page"]).then(result => deferred.resolve(result.data));
+                return deferred.promise;
+            }
         }
     }
 ])
-@Inject(ProfileService, "$stateParams", "$state")
-export class ProfileComponent {
+
+/**
+ * @ngdoc controller
+ * @name ProfileComponent
+ * @description
+ *  Used as base controller for the route /:profile
+ *  the  "currentProfile" injected is provided by the "resolve" currentProfile
+ *  available at @MainComponent @StateConfig definition
+ */
+@Inject(ProfileService, "$state", "currentProfile")
+export class ProfileComponent {
     boxes: noosfero.Box[];
-    profile: noosfero.Profile;
-    constructor(profileService: ProfileService, $stateParams: ng.ui.IStateParamsService, $state: ng.ui.IStateService, notificationService: NotificationService) {
-        profileService.setCurrentProfileByIdentifier($stateParams["profile"]).then((profile: noosfero.Profile) => {
-            this.profile = profile;
-            return profileService.getBoxes(<number>this.profile.id);
-        }).then((response: restangular.IResponse) => {
-            this.boxes = response.data.boxes;
-        }).catch(() => {
-            $state.transitionTo('main.environment.home');
-            notificationService.error({ message: "notification.profile.not_found" });
-        });
+    constructor(
+        profileService: ProfileService,
+        $state: ng.ui.IStateService,
+        notificationService: NotificationService,
+        public profile: noosfero.Profile) {
+        profileService.getBoxes(<number>this.profile.id)
+            .then((response: restangular.IResponse) => {
+                this.boxes = response.data.boxes;
+            }).catch(() => {
+                $state.transitionTo('main.environment.home');
+                notificationService.error({ message: "notification.profile.not_found" });
+            });
     }
 }
@@ -4,30 +4,33 @@ import { Injectable, Inject } from &quot;ng-forward&quot;;
 @Inject("Restangular", "$q")
 export class ProfileService {
-    private _currentProfilePromise: ng.IDeferred<noosfero.Profile>;
-
+    // private _currentProfilePromise: ng.IDeferred<noosfero.Profile>;
     constructor(private restangular: restangular.IService, private $q: ng.IQService) {
-        this.resetCurrentProfile();
+        // this.resetCurrentProfile();
     }
-    resetCurrentProfile() {
-        this._currentProfilePromise = this.$q.defer();
-    }
+    // resetCurrentProfile() {
+    //     this._currentProfilePromise = this.$q.defer();
+    // }
-    getCurrentProfile(): ng.IPromise<noosfero.Profile> {
-        return this._currentProfilePromise.promise;
-    }
+    // getCurrentProfile(): ng.IPromise<noosfero.Profile> {
+    //     return this._currentProfilePromise.promise;
+    // }
-    setCurrentProfile(profile: noosfero.Profile) {
-        this._currentProfilePromise.resolve(profile);
-    }
+    // setCurrentProfile(profile: noosfero.Profile) {
+    //     this._currentProfilePromise.resolve(profile);
+    // }
-    setCurrentProfileByIdentifier(identifier: string) {
-        this.resetCurrentProfile();
-        return this.getByIdentifier(identifier).then((profile: noosfero.Profile) => {
-            this.setCurrentProfile(profile);
-            return this.getCurrentProfile();
-        });
+    // setCurrentProfileByIdentifier(identifier: string) {
+        // this.resetCurrentProfile();
+        // return this.getByIdentifier(identifier).then((profile: noosfero.Profile) => {
+        //     this.setCurrentProfile(profile);
+        //     return this.getCurrentProfile();
+        // });
+    // }
+
+    getCurrentProfileByIdentifier(identifier: string): Promise<noosfero.Profile> {
+        return this.getByIdentifier(identifier);
     }
     getHomePage(profileId: number, params?: any) {