show message that users needs to be confirmed

src/app/organizations/manage/people.component.html

@@ -29,7 +29,11 @@
 <i class="fa fa-spinner fa-spin text-muted" *ngIf="loading" title="{{'loading' | i18n}}"></i>
 <ng-container *ngIf="!loading && (users | search:searchText:'name':'email':'id') as searchedUsers">
     <p *ngIf="!searchedUsers.length">{{'noUsersInList' | i18n}}</p>
-    <table class="table table-hover table-list" *ngIf="searchedUsers.length">
+    <ng-container *ngIf="searchedUsers.length">
+        <app-callout type="info" title="{{'confirmUsers' | i18n}}" icon="fa-check-circle" *ngIf="showConfirmUsers">
+            {{'usersNeedConfirmed' | i18n}}
+        </app-callout>
+        <table class="table table-hover table-list">
             <tbody>
                 <tr *ngFor="let u of searchedUsers">
                     <td width="30">
@@ -78,6 +82,7 @@
                 </tr>
             </tbody>
         </table>
+    </ng-container>
 </ng-container>
 <ng-template #addEdit></ng-template>
 <ng-template #groupsTemplate></ng-template>

src/app/organizations/manage/people.component.ts

@@ -228,6 +228,15 @@ export class PeopleComponent implements OnInit {
         });
     }
 
+    get showConfirmUsers(): boolean {
+        return this.allUsers != null && this.allUsers.length > 1 &&
+            this.statusMap.has(OrganizationUserStatusType.Confirmed) &&
+            this.statusMap.get(OrganizationUserStatusType.Confirmed).length > 0 &&
+            this.statusMap.get(OrganizationUserStatusType.Confirmed).length < 3 &&
+            this.statusMap.has(OrganizationUserStatusType.Accepted) &&
+            this.statusMap.get(OrganizationUserStatusType.Accepted).length > 0;
+    }
+
     private async doConfirmation(user: OrganizationUserUserDetailsResponse) {
         const orgKey = await this.cryptoService.getOrgKey(this.organizationId);
         const publicKeyResponse = await this.apiService.getUserPublicKey(user.userId);

src/locales/en/messages.json

@@ -2102,6 +2102,12 @@
       }
     }
   },
+  "confirmUsers": {
+    "message": "Confirm Users"
+  },
+  "usersNeedConfirmed": {
+    "message": "You have users that have accepted their invitation, but still need to be confirmed. Users will not have access to the organization until they are confirmed."
+  },
   "startDate": {
     "message": "Start Date"
   },