From e4081e6c1a949376096eccaee4b63b2b0c90f767 Mon Sep 17 00:00:00 2001
From: Alfonso Salces <alfonso.salces@moodle.com>
Date: Mon, 17 Jul 2023 12:42:02 +0200
Subject: [PATCH] MOBILE-4242 profile: Add groups to participants profile

---
 src/core/features/user/pages/profile/profile.html | 4 ++++
 src/core/features/user/pages/profile/profile.ts   | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/src/core/features/user/pages/profile/profile.html b/src/core/features/user/pages/profile/profile.html
index 38dacf091..a46586e48 100644
--- a/src/core/features/user/pages/profile/profile.html
+++ b/src/core/features/user/pages/profile/profile.html
@@ -26,6 +26,10 @@
                         <strong>{{ 'core.user.roles' | translate}}</strong>{{'core.labelsep' | translate}}
                         {{ rolesFormatted }}
                     </p>
+                    <p *ngIf="userGroups">
+                        <strong>{{ 'core.group' | translate}}</strong>{{'core.labelsep' | translate}}
+                        {{ userGroups }}
+                    </p>
                     <p *ngIf="user.lastaccess !== undefined">
                         <strong>{{ 'core.lastaccess' | translate }}: </strong>
                         <span *ngIf="user.lastaccess">{{ user.lastaccess | coreTimeAgo }}</span>
diff --git a/src/core/features/user/pages/profile/profile.ts b/src/core/features/user/pages/profile/profile.ts
index cf8197521..58bea8d9f 100644
--- a/src/core/features/user/pages/profile/profile.ts
+++ b/src/core/features/user/pages/profile/profile.ts
@@ -53,6 +53,7 @@ export class CoreUserProfilePage implements OnInit, OnDestroy {
     protected subscription?: Subscription;
     protected logView: (user: CoreUserProfile) => void;
 
+    userGroups?: string;
     userLoaded = false;
     isLoadingHandlers = false;
     user?: CoreUserProfile;
@@ -133,6 +134,11 @@ export class CoreUserProfilePage implements OnInit, OnDestroy {
 
         try {
             await this.fetchUser();
+
+            if (this.courseId && this.user && 'groups' in this.user) {
+                const separator = Translate.instant('core.listsep');
+                this.userGroups = this.user.groups?.map(group => group.name).join(separator + ' ');
+            }
         } finally {
             this.userLoaded = true;
         }