Big commit

src/app/features/admin/admin-panel/admin-panel.component.ts

@@ -23,10 +23,12 @@ import {
   selectBannedUsers,
   selectIsCurrentUserAdmin,
   selectCurrentUser,
+  selectOnlineUsers,
 } from '../../../store/users/users.selectors';
-import { BanEntry, Room } from '../../../core/models';
+import { BanEntry, Room, User } from '../../../core/models';
+import { WebRTCService } from '../../../core/services/webrtc.service';
 
-type AdminTab = 'settings' | 'bans' | 'permissions';
+type AdminTab = 'settings' | 'members' | 'bans' | 'permissions';
 
 @Component({
   selector: 'app-admin-panel',
@@ -50,11 +52,13 @@ type AdminTab = 'settings' | 'bans' | 'permissions';
 })
 export class AdminPanelComponent {
   private store = inject(Store);
+  private webrtc = inject(WebRTCService);
 
   currentRoom = this.store.selectSignal(selectCurrentRoom);
   currentUser = this.store.selectSignal(selectCurrentUser);
   isAdmin = this.store.selectSignal(selectIsCurrentUserAdmin);
   bannedUsers = this.store.selectSignal(selectBannedUsers);
+  onlineUsers = this.store.selectSignal(selectOnlineUsers);
 
   activeTab = signal<AdminTab>('settings');
   showDeleteConfirm = signal(false);
@@ -157,4 +161,37 @@ export class AdminPanelComponent {
     const date = new Date(timestamp);
     return date.toLocaleDateString() + ' ' + date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
   }
+
+  // Members tab: get all users except self
+  membersFiltered(): User[] {
+    const me = this.currentUser();
+    return this.onlineUsers().filter(u => u.id !== me?.id && u.oderId !== me?.oderId);
+  }
+
+  changeRole(user: User, role: 'admin' | 'moderator' | 'member'): void {
+    this.store.dispatch(UsersActions.updateUserRole({ userId: user.id, role }));
+    this.webrtc.broadcastMessage({
+      type: 'role-change',
+      targetUserId: user.id,
+      role,
+    });
+  }
+
+  kickMember(user: User): void {
+    this.store.dispatch(UsersActions.kickUser({ userId: user.id }));
+    this.webrtc.broadcastMessage({
+      type: 'kick',
+      targetUserId: user.id,
+      kickedBy: this.currentUser()?.id,
+    });
+  }
+
+  banMember(user: User): void {
+    this.store.dispatch(UsersActions.banUser({ userId: user.id }));
+    this.webrtc.broadcastMessage({
+      type: 'ban',
+      targetUserId: user.id,
+      bannedBy: this.currentUser()?.id,
+    });
+  }
 }