[ADF- 4871][TaskHeaderCloudComponent] Add Candidate Users/Groups properties (#5189)

* [ADF-4871] [TaskHeaderCloudComponent] Add Candidate Users/Groups properties

* Added Candidate users/groups properties to the task heade cloud component.

* * Created CardViewArrayItemComponent
* Modified FullName pipe to return username or email incase fullname missing.
* Added candidate Users/Groups properties to the taskcloudheader component.
* Added two service into task-cloudservice
* Updated Demoshell card-view with new widget

* * Fixed failing unit test

* * Fixed comments.

* * Refactored CardViewArrayItem model
* Fixed comments.

* * Changed candidate group icon

lib/core/pipes/full-name.pipe.spec.ts

@@ -45,4 +45,14 @@ describe('FullNamePipe', () => {
         const user = {firstName : 'Abc', lastName : 'Xyz'};
         expect(pipe.transform(user)).toBe('Abc Xyz');
     });
+
+    it('should return username when firstName and lastName are not available', () => {
+        const user = {firstName : '', lastName : '', username: 'username'};
+        expect(pipe.transform(user)).toBe('username');
+    });
+
+    it('should return user eamil when firstName, lastName and username are not available', () => {
+        const user = {firstName : '', lastName : '', username: '', email: 'abcXyz@gmail.com'};
+        expect(pipe.transform(user)).toBe('abcXyz@gmail.com');
+    });
 });

lib/core/pipes/full-name.pipe.ts

@@ -29,6 +29,9 @@ export class FullNamePipe implements PipeTransform {
                 fullName += fullName.length > 0 ? ' ' : '';
                 fullName += user.lastName;
             }
+            if (!fullName) {
+                fullName += user.username ? user.username : user.email ? user.email : '';
+            }
         }
         return fullName;
     }