frontend: Refactor room preferences to rooms component and update routing

frontend/projects/shared-meet-components/src/lib/pages/console/console.component.ts

@@ -13,7 +13,7 @@ import { AuthService } from '../../services';
 export class ConsoleComponent {
 	navLinks: ConsoleNavLink[] = [
 		{ label: 'Overview', route: 'overview', icon: 'dashboard' },
-		{ label: 'Rooms', route: 'room-preferences', icon: 'video_settings' },
+		{ label: 'Rooms', route: 'rooms', icon: 'video_settings' },
 		{ label: 'Recordings', route: 'recordings', icon: 'radio_button_checked' }
 		// { label: 'Access & Permissions', route: 'access-permissions', icon: 'lock' },
 		// { label: 'Appearance', route: 'appearance', icon: 'palette' },

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/rooms.component.spec.ts

@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { RoomPreferencesComponent } from './room-preferences.component';
+import { RoomPreferencesComponent } from './rooms.component';
 
 describe('RoomConfigComponent', () => {
   let component: RoomPreferencesComponent;

frontend/projects/shared-meet-components/src/lib/pages/console/rooms/rooms.component.ts

@@ -22,10 +22,10 @@ import { OpenViduMeetRoom } from 'projects/shared-meet-components/src/lib/typing
 		MatButtonModule,
 		MatIconModule
 	],
-	templateUrl: './room-preferences.component.html',
+	templateUrl: './rooms.component.html',
-	styleUrl: './room-preferences.component.scss'
+	styleUrl: './rooms.component.scss'
 })
-export class RoomPreferencesComponent implements OnInit {
+export class RoomsComponent implements OnInit {
 	createdRooms: OpenViduMeetRoom[] = [];
 	private roomPreferences!: RoomPreferences;
 	recordingEnabled = false;
@@ -36,7 +36,6 @@ export class RoomPreferencesComponent implements OnInit {
 
 	constructor(
 		protected loggerService: LoggerService,
-
 		private roomService: RoomService,
 		private notificationService: NotificationService
 	) {

frontend/projects/shared-meet-components/src/lib/pages/index.ts

@@ -1,5 +1,5 @@
 export * from './console/console.component';
-export * from './console/room-preferences/room-preferences.component';
+export * from './console/rooms/rooms.component';
 export * from './console/access-permissions/access-permissions.component';
 export * from './console/appearance/appearance.component';
 export * from './console/security-preferences/security-preferences.component';

frontend/projects/shared-meet-components/src/lib/routes/base-routes.ts

@@ -18,10 +18,11 @@ import {
 	DisconnectedComponent,
 	OverviewComponent,
 	ParticipantNameFormComponent,
-	RoomPreferencesComponent,
+	RoomsComponent,
 	SecurityPreferencesComponent,
 	VideoRoomComponent
 } from '../pages';
+import { RecordingsComponent } from '@lib/pages/console/recordings/recordings.component';
 
 export const baseRoutes: Routes = [
 	{ path: 'disconnected', component: DisconnectedComponent },
@@ -34,7 +35,7 @@ export const baseRoutes: Routes = [
 	{
 		path: 'console',
 		component: ConsoleComponent,
-		canActivate: [/*standaloneModeGuard*/ checkAdminAuthenticatedGuard],
+		canActivate: [checkAdminAuthenticatedGuard],
 		children: [
 			{
 				path: '',
@@ -46,25 +47,30 @@ export const baseRoutes: Routes = [
 				component: OverviewComponent
 			},
 			{
-				path: 'access-permissions',
+				path: 'rooms',
-				component: AccessPermissionsComponent
+				component: RoomsComponent
 			},
 			{
-				path: 'appearance',
+				path: 'recordings',
-				component: AppearanceComponent
+				component: RecordingsComponent
-			},
-			{
-				path: 'room-preferences',
-				component: RoomPreferencesComponent
-			},
-			{
-				path: 'security-preferences',
-				component: SecurityPreferencesComponent
-			},
-			{
-				path: 'about',
-				component: AboutComponent
 			},
+			// {
+			// 	path: 'access-permissions',
+			// 	component: AccessPermissionsComponent
+			// },
+			// {
+			// 	path: 'appearance',
+			// 	component: AppearanceComponent
+			// },
+
+			// {
+			// 	path: 'security-preferences',
+			// 	component: SecurityPreferencesComponent
+			// },
+			// {
+			// 	path: 'about',
+			// 	component: AboutComponent
+			// },
 			{ path: '**', redirectTo: 'overview' }
 		]
 	},