From d3c6adbf0714082c193390bc8a8459d90dacb7b3 Mon Sep 17 00:00:00 2001
From: Nik720 <nikunj.beladiya@tarento.com>
Date: Wed, 17 Aug 2022 12:12:15 +0530
Subject: [PATCH] Issue #SB-30707 fix: Mentor and participant list dropdown
 migration

---
 .../create-batch/create-batch.component.html   |  4 ++--
 .../update-course-batch.component.html         | 18 +++++++++---------
 .../update-course-batch.component.ts           |  6 ++----
 3 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/app/client/src/app/modules/learn/components/batch/create-batch/create-batch.component.html b/src/app/client/src/app/modules/learn/components/batch/create-batch/create-batch.component.html
index b8548839bba..01f38a439d7 100644
--- a/src/app/client/src/app/modules/learn/components/batch/create-batch/create-batch.component.html
+++ b/src/app/client/src/app/modules/learn/components/batch/create-batch/create-batch.component.html
@@ -138,8 +138,8 @@
             </div>
           </div>
           <div class="sb-field-group mb-8">
+            <label>{{resourceService?.frmelmnts?.lbl?.batchmentors}}</label>
             <mat-form-field appearance="fill" class="sb-mat__dropdown w-100 mb-16">
-              <mat-label>{{resourceService?.frmelmnts?.lbl?.batchmentors}}</mat-label>
               <mat-select formControlName="mentors" role="listbox" multiple aria-label="mentor list"
                 class="selection" (selectionChange)="selectedMultiValues($event, 'mentors')">
                 <mat-select-trigger>
@@ -159,8 +159,8 @@
           </div>
 
           <div class="sb-field-group " *ngIf="createBatchForm.value.enrollmentType !== 'open'">
+            <label>{{resourceService?.frmelmnts?.lbl?.bacthmembers}}</label>
             <mat-form-field appearance="fill" class="sb-mat__dropdown w-100 mb-16">
-              <mat-label>{{resourceService?.frmelmnts?.lbl?.bacthmembers}}</mat-label>
               <mat-select formControlName="users" role="listbox" multiple aria-label="participant list"
                 class="selection" (selectionChange)="selectedMultiValues($event, 'participant')">
                 <mat-select-trigger>
diff --git a/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.html b/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.html
index f212198463d..dcd9759b06e 100644
--- a/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.html
+++ b/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.html
@@ -149,17 +149,17 @@
             <app-loader></app-loader>
           </div>
           <div class="sb-field-group mb-8">
+            <label>{{resourceService?.frmelmnts?.lbl?.batchmentors}}</label>
             <mat-form-field appearance="fill" class="sb-mat__dropdown w-100 mb-16">
-              <mat-label>{{resourceService?.frmelmnts?.lbl?.batchmentors}}</mat-label>
               <mat-select formControlName="mentors" role="listbox" multiple aria-label="mentor list"
                 class="selection" [disabled]="showFormInViewMode" (selectionChange)="selectedMultiValues($event, 'mentors')">
                 <mat-select-trigger>
-                  <span>{{selectedMentors ? selectedMentors[0].name : ''}} </span>
-                  <span *ngIf="selectedMentorList?.length > 2" class="example-additional-selection">
-                    (+{{selectedMentorList.length - 1}} {{selectedMentorList?.length === 2 ? 'other' : 'others'}})
+                  <span>{{selectedMentors ? selectedMentors[0] : ''}} </span>
+                  <span *ngIf="selectedMentors?.length >= 2" class="example-additional-selection">
+                    (+{{selectedMentors.length - 1}} {{selectedMentors?.length === 2 ? 'other' : 'others'}})
                   </span>
                 </mat-select-trigger>
-                <mat-option [disabled]="true" class="mat-dropdown__options" role="option" *ngFor="let mentor of mentorList" [value]="mentor.id"
+                <mat-option [disabled]="batchDetails.status === 0" class="mat-dropdown__options" role="option" *ngFor="let mentor of mentorList" [value]="mentor.id"
                 attr.aria-label="{{mentor.name}}">
                   <img class="ui mini avatar image"
                       src="{{mentor.avatar || 'assets/images/user_logo.png' | cdnprefixurl}}" alt="avatar image">
@@ -170,17 +170,17 @@
           </div>
           
           <div class="sb-field-group mb-8" *ngIf="batchUpdateForm.value.enrollmentType !== 'open'">
+            <label>{{resourceService?.frmelmnts?.lbl?.bacthmembers}}</label>
             <mat-form-field appearance="fill" class="sb-mat__dropdown w-100 mb-16">
-              <mat-label>{{resourceService?.frmelmnts?.lbl?.bacthmembers}}</mat-label>
               <mat-select formControlName="users" role="listbox" multiple aria-label="participant list"
                 class="selection" [disabled]="showFormInViewMode || (batchDetails.participants && batchDetails.participants.length >= 100)" (selectionChange)="selectedMultiValues($event, 'participant')">
                 <mat-select-trigger>
-                  <span>{{selectedParticipants ? selectedParticipants[0].name : ''}} </span>
-                  <span *ngIf="selectedMentorList?.length > 2" class="example-additional-selection">
+                  <span>{{selectedParticipants ? selectedParticipants[0] : ''}} </span>
+                  <span *ngIf="selectedMentorList?.length >= 2" class="example-additional-selection">
                     (+{{selectedParticipants.length - 1}} {{selectedParticipants?.length === 2 ? 'other' : 'others'}})
                   </span>
                 </mat-select-trigger>
-                <mat-option [disabled]="true" class="mat-dropdown__options" role="option" *ngFor="let participant of participantList" [value]="participant.id"
+                <mat-option [disabled]="batchDetails.status === 0" class="mat-dropdown__options" role="option" *ngFor="let participant of participantList" [value]="participant.id"
                 attr.aria-label="{{participant.name}}">
                   <img class="ui mini avatar image"
                       src="{{participant.avatar || 'assets/images/user_logo.png' | cdnprefixurl}}" alt="avatar image">
diff --git a/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.ts b/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.ts
index 2c5cd229bc7..93aadf2a124 100644
--- a/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.ts
+++ b/src/app/client/src/app/modules/learn/components/batch/update-course-batch/update-course-batch.component.ts
@@ -355,17 +355,15 @@ export class UpdateCourseBatchComponent implements OnInit, OnDestroy, AfterViewI
     _.forEach(this.batchDetails.participants, (value, key) => {
       const user = _.find(participantList, ['id', value]);
       if (user) {
-        this.selectedParticipants.push(user);
+        this.selectedParticipants.push(`${user.name}${user.otherDetail}`);
       }
     });
     _.forEach(this.batchDetails.mentors, (value, key) => {
       const mentor = _.find(mentorList, ['id', value]);
       if (mentor) {
-        this.selectedMentors.push(mentor);
+        this.selectedMentors.push(`${mentor.name}${mentor.otherDetail}`);
       }
     });
-    this.selectedParticipants = _.uniqBy(this.selectedParticipants, 'id');
-    this.selectedMentors = _.uniqBy(this.selectedMentors, 'id');
     this.disableSubmitBtn = false;
     this.showLoader = false;
   }