Do not show join/hide button for person

Victor Costa
1 parent d06a730a
Showing 3 changed files with 27 additions and 10 deletions Show diff stats
src/app/layout/blocks/profile-image/profile-image-block.component.spec.ts
src/app/layout/blocks/profile-image/profile-image-block.component.ts
src/app/layout/blocks/profile-image/profile-image-block.html
@@ -34,8 +34,7 @@ describe(&quot;Components&quot;, () =&gt; {
         class BlockContainerComponent {
             block = { type: 'Block' };
             owner = { name: 'profile-name' };
-            constructor() {
-            }
+            constructor() { }
         }
         it("show image if present", () => {
@@ -55,7 +54,19 @@ describe(&quot;Components&quot;, () =&gt; {
         it("display button to join community", (done: Function) => {
             helpers.tcb.createAsync(BlockContainerComponent).then(fixture => {
                 let elProfile = fixture.debugElement.componentViewChildren[0];
-                expect(elProfile.query('.actions .join').length).toEqual(1);
+                expect(elProfile.componentInstance.displayOrganizationActions()).toBeTruthy();
+                expect(elProfile.query('.actions .organization-actions .join').length).toEqual(1);
+                done();
+            });
+        });
+
+        it("not display button to join community for person", (done: Function) => {
+            helpers.tcb.createAsync(BlockContainerComponent).then(fixture => {
+                let elProfile = fixture.debugElement.componentViewChildren[0];
+                elProfile.componentInstance.owner = { name: 'person-name', type: 'Person' };
+                fixture.detectChanges();
+                expect(elProfile.componentInstance.displayOrganizationActions()).toBeFalsy();
+                expect(elProfile.queryAll('.actions .organization-actions .join').length).toEqual(0);
                 done();
             });
         });
-import {Inject, Input, Component} from "ng-forward";
-import {ProfileImageComponent} from "./../../../profile/image/image.component";
-import {ProfileService} from "../../../../lib/ng-noosfero-api/http/profile.service";
-import {SessionService} from "./../../../login";
-import {NotificationService} from "../../../shared/services/notification.service";
+import { Inject, Input, Component } from "ng-forward";
+import { ProfileImageComponent } from "./../../../profile/image/image.component";
+import { ProfileService } from "../../../../lib/ng-noosfero-api/http/profile.service";
+import { SessionService } from "./../../../login";
+import { NotificationService } from "../../../shared/services/notification.service";
 @Component({
     selector: "noosfero-profile-image-block",
@@ -48,4 +48,8 @@ export class ProfileImageBlockComponent {
             this.loadMembership();
         });
     }
+
+    displayOrganizationActions() {
+        return this.owner.type !== 'Person';
+    }
 }
@@ -4,7 +4,9 @@
   </a>
   <a class="settings-link" target="_self" ui-sref="main.profile.settings({profile: ctrl.owner.identifier})">{{"blocks.profile_image.control_panel" | translate}}</a>
   <div class="actions" ng-show="ctrl.isMember!=null">
-    <a ng-if="!ctrl.isMember" ng-click="ctrl.join()" class="btn btn-primary btn-sm join" href="#">{{"blocks.profile_image.join" | translate}}</a>
-    <a ng-if="ctrl.isMember" ng-click="ctrl.leave()" class="btn btn-warning btn-sm leave" href="#">{{"blocks.profile_image.leave" | translate}}</a>
+    <div class="organization-actions" ng-if="ctrl.displayOrganizationActions()">
+      <a ng-if="!ctrl.isMember" ng-click="ctrl.join()" class="btn btn-primary btn-sm join" href="#">{{"blocks.profile_image.join" | translate}}</a>
+      <a ng-if="ctrl.isMember" ng-click="ctrl.leave()" class="btn btn-warning btn-sm leave" href="#">{{"blocks.profile_image.leave" | translate}}</a>
+    </div>
   </div>
 </div>