hide im components

hmcts · Nov 18, 2024 · ff196af · ff196af
1 parent 164b021
commit ff196af
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 14 deletions.
diff --git a/VideoWeb/VideoWeb/ClientApp/src/app/vh-officer/admin-im-list/admin-im-list.component.html b/VideoWeb/VideoWeb/ClientApp/src/app/vh-officer/admin-im-list/admin-im-list.component.html
@@ -8,7 +8,7 @@
       'im-list-top': participant.isJudge
     }"
   >
-    <div id="{{ participant.id }}-unread-messages-image" class="im-icon">
+    <div *appFeatureFlag="featureFlags.instantMessaging" id="{{ participant.id }}-unread-messages-image" class="im-icon">
       <app-unread-messages-participant [hearing]="hearing" [participant]="participant"></app-unread-messages-participant>
     </div>
     <div class="name list-item" [ngClass]="isParticipantAvailable(participant) ? 'available' : 'unavailable'">

diff --git a/VideoWeb/VideoWeb/ClientApp/src/app/vh-officer/admin-im-list/admin-im-list.component.ts b/VideoWeb/VideoWeb/ClientApp/src/app/vh-officer/admin-im-list/admin-im-list.component.ts
@@ -4,6 +4,7 @@ import { Hearing } from 'src/app/shared/models/hearing';
 import { Participant } from 'src/app/shared/models/participant';
 import { ParticipantContactDetails } from 'src/app/shared/models/participant-contact-details';
 import { ParticipantStatusDirective } from '../vho-shared/participant-status-base/participant-status-base.component';
+import { FEATURE_FLAGS } from 'src/app/services/launch-darkly.service';
 @Component({
     selector: 'app-admin-im-list',
     templateUrl: './admin-im-list.component.html',
@@ -13,6 +14,8 @@ export class AdminImListComponent extends ParticipantStatusDirective implements
     @Input() hearing: Hearing;
     @Output() selectedParticipant = new EventEmitter<ParticipantContactDetails>();
 
+    featureFlags = FEATURE_FLAGS;
+
     currentParticipant: ParticipantContactDetails;
     roles = Role;
 

diff --git a/...eb/VideoWeb/ClientApp/src/app/vh-officer/vho-hearing-list/vho-hearing-list.component.html b/...eb/VideoWeb/ClientApp/src/app/vh-officer/vho-hearing-list/vho-hearing-list.component.html
@@ -4,7 +4,8 @@ <h3 class="govuk-heading-m">{{ 'judge-hearing-list.you-have-no-video-hearings' |
   </div>
 </div>
 <div id="conference-list" class="govuk-!-padding-3">
-  <div onKeyPress=""
+  <div
+    onKeyPress=""
     class="vhList govuk-!-padding-top-2"
     [ngClass]="{ 'selected-conference': isCurrentConference(conference) }"
     *ngFor="let conference of conferences; trackBy: trackConference"
@@ -48,21 +49,15 @@ <h3 class="govuk-heading-m">{{ 'judge-hearing-list.you-have-no-video-hearings' |
 
     <div class="judge listItemBold" id="{{ conference.id }}-judge">{{ conference.judgeName }}</div>
     <div class="venue listItem" id="{{ conference.id }}-venue">{{ conference.hearingVenueName }}</div>
-    <div class="cso listItem" id="{{ conference.id }}-cso">
-      Allocated To: {{ conference.allocatedCso }}
-    </div>
+    <div class="cso listItem" id="{{ conference.id }}-cso">Allocated To: {{ conference.allocatedCso }}</div>
     <div class="alert"><app-pending-tasks [conferenceId]="conference.id"></app-pending-tasks></div>
-    <div class="message"><app-unread-messages [hearing]="mapToHearingWithParticipants(conference)"></app-unread-messages></div>
-    <div
-      id="{{ conference.id }}-hearing-status"
-      [ngClass]="{ 'status-down': true }"
-    >
+    <div *appFeatureFlag="featureFlags.instantMessaging" class="message">
+      <app-unread-messages [hearing]="mapToHearingWithParticipants(conference)"></app-unread-messages>
+    </div>
+    <div id="{{ conference.id }}-hearing-status" [ngClass]="{ 'status-down': true }">
       <app-hearing-status [hearing]="mapToHearing(conference)"></app-hearing-status>
     </div>
-    <div
-      class="vh-top-padding"
-      [ngClass]="{ 'pIcons-down': true }"
-    >
+    <div class="vh-top-padding" [ngClass]="{ 'pIcons-down': true }">
       <div *ngFor="let participant of getParticipantsForConference(conference)" class="vh-pIcons">
         <app-participant-network-status [participant]="participant" [conferenceId]="conference.id"> </app-participant-network-status>
       </div>

diff --git a/...oWeb/VideoWeb/ClientApp/src/app/vh-officer/vho-hearing-list/vho-hearing-list.component.ts b/...oWeb/VideoWeb/ClientApp/src/app/vh-officer/vho-hearing-list/vho-hearing-list.component.ts
@@ -3,6 +3,7 @@ import { ConferenceResponseVho, ParticipantResponseVho } from 'src/app/services/
 import { Hearing } from 'src/app/shared/models/hearing';
 import { HearingSummary } from 'src/app/shared/models/hearing-summary';
 import { ParticipantSummary } from '../../shared/models/participant-summary';
+import { FEATURE_FLAGS } from 'src/app/services/launch-darkly.service';
 
 @Component({
     selector: 'app-vho-hearing-list',
@@ -13,6 +14,8 @@ export class VhoHearingListComponent {
     @Input() conferences: HearingSummary[];
     @Output() selectedConference = new EventEmitter<HearingSummary>();
 
+    featureFlags = FEATURE_FLAGS;
+
     currentConference: HearingSummary;
 
     get noConferences(): boolean {