From ed057612a021e669328c5ab279e31fe31bb17a20 Mon Sep 17 00:00:00 2001
From: CSantosM <4a.santos@gmail.com>
Date: Wed, 21 Jan 2026 17:01:23 +0100
Subject: [PATCH] frontend: Update moderation tooltips and move display
 properties interface

---
 .../meeting-participant-item.component.html   |  8 ++++----
 .../meeting-participant-item.component.ts     | 19 +------------------
 .../models/custom-participant.model.ts        | 11 +++++++++++
 3 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.html b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.html
index f0d46bda..948f449b 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.html
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.html
@@ -7,7 +7,7 @@
 			<ng-container *ovParticipantPanelParticipantBadge>
 				@if (ctx.showModeratorBadge) {
 					<span class="moderator-badge" [attr.id]="'moderator-badge-' + participantContext.sid">
-						<mat-icon [matTooltip]="moderatorBadgeTooltip" class="material-symbols-outlined">
+						<mat-icon [matTooltip]="'Moderator'" class="material-symbols-outlined">
 							shield_person
 						</mat-icon>
 					</span>
@@ -26,7 +26,7 @@
 						<button
 							mat-icon-button
 							(click)="onMakeModeratorClick(participantContext, localParticipant)"
-							[matTooltip]="makeModeratorTooltip"
+							[matTooltip]="'Make participant moderator'"
 							class="make-moderator-btn"
 							[attr.id]="'make-moderator-btn-' + participantContext.sid"
 						>
@@ -39,7 +39,7 @@
 						<button
 							mat-icon-button
 							(click)="onUnmakeModeratorClick(participantContext, localParticipant)"
-							[matTooltip]="unmakeModeratorTooltip"
+							[matTooltip]="'Unmake participant moderator'"
 							class="remove-moderator-btn"
 							[attr.id]="'remove-moderator-btn-' + participantContext.sid"
 						>
@@ -52,7 +52,7 @@
 						<button
 							mat-icon-button
 							(click)="onKickParticipantClick(participantContext, localParticipant)"
-							[matTooltip]="kickParticipantTooltip"
+							[matTooltip]="'Kick participant'"
 							class="force-disconnect-btn"
 							[attr.id]="'kick-participant-btn-' + participantContext.sid"
 						>
diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.ts b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.ts
index c5712e0a..b6a9741f 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.ts
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/customization/meeting-participant-item/meeting-participant-item.component.ts
@@ -5,20 +5,9 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MeetRoomMemberRole } from '@openvidu-meet/typings';
 import { LoggerService, OpenViduComponentsUiModule } from 'openvidu-components-angular';
-import { CustomParticipantModel } from '../../models';
+import { CustomParticipantModel, ParticipantDisplayProperties } from '../../models/custom-participant.model';
 import { MeetingService } from '../../services/meeting.service';
 
-/**
- * Interface for computed participant display properties
- */
-export interface ParticipantDisplayProperties {
-	showModeratorBadge: boolean;
-	showModerationControls: boolean;
-	showMakeModeratorButton: boolean;
-	showUnmakeModeratorButton: boolean;
-	showKickButton: boolean;
-}
-
 /**
  * Reusable component for displaying participant panel items with moderation controls.
  * This component receives context from the template (participant, localParticipant).
@@ -37,12 +26,6 @@ export class MeetingParticipantItemComponent {
 	protected loggerService = inject(LoggerService);
 	protected log = this.loggerService.get('OpenVidu Meet - MeetingParticipantItem');
 
-	// Tooltips (could be made configurable in the future if needed)
-	protected readonly moderatorBadgeTooltip = 'Moderator';
-	protected readonly makeModeratorTooltip = 'Make participant moderator';
-	protected readonly unmakeModeratorTooltip = 'Unmake participant moderator';
-	protected readonly kickParticipantTooltip = 'Kick participant';
-
 	/**
 	 * Get or compute display properties for a participant
 	 */
diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/models/custom-participant.model.ts b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/models/custom-participant.model.ts
index 5153b6a6..ed62edd5 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/models/custom-participant.model.ts
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/models/custom-participant.model.ts
@@ -1,6 +1,17 @@
 import { MeetRoomMemberRole, MeetRoomMemberTokenMetadata } from '@openvidu-meet/typings';
 import { ParticipantModel, ParticipantProperties } from 'openvidu-components-angular';
 
+/**
+ * Interface for computed participant display properties
+ */
+export interface ParticipantDisplayProperties {
+	showModeratorBadge: boolean;
+	showModerationControls: boolean;
+	showMakeModeratorButton: boolean;
+	showUnmakeModeratorButton: boolean;
+	showKickButton: boolean;
+}
+
 // Represents a participant in the application.
 export class CustomParticipantModel extends ParticipantModel {
 	// Indicates the original role of the participant.