121 Commits

Author SHA1 Message Date
Carlos Santos
4ebc5a2e16 frontend: add onRoomCreated event handler to manage room preferences updates 2025-07-04 15:43:29 +02:00
juancarmore
ad37d415db frontend: fix permissions error when requesting recordings by generating a recording token first 2025-07-04 14:07:10 +02:00
juancarmore
8761108dcc frontend: correct room URL path for token expiration checks 2025-07-04 14:03:13 +02:00
Carlos Santos
5e7003e512 frontend: update openvidu-components-angular to version 3.4.0-dev2 and add showDisconnectionDialog property to video room component 2025-07-04 12:57:00 +02:00
Carlos Santos
3c629c8511 frontend: refactor room recordings page layout and enhance loading state styling 2025-07-04 12:16:26 +02:00
Carlos Santos
6ae98e452a frontend: comment out profile button in console navigation 2025-07-03 13:39:09 +02:00
Carlos Santos
b968a9cdd5 frontend: add copy links functionality for moderator and publisher in video room 2025-07-03 13:18:12 +02:00
Carlos Santos
5a6d17d61a frontend: enhance leave button styling and fix CSS syntax for force disconnect button 2025-07-03 13:04:01 +02:00
Carlos Santos
a700fff911 frontend: add force disconnect functionality for participants in video room 2025-07-03 12:44:22 +02:00
Carlos Santos
9cdba7259f frontend: add admin check to display quick actions in video room 2025-07-03 11:53:15 +02:00
Carlos Santos
af0882bb1d frontend: update border-radius of error message button for improved styling 2025-07-03 10:38:00 +02:00
Carlos Santos
62e4b1958a fix: adjust minimum height of disconnected container to improve layout 2025-07-03 10:38:00 +02:00
Carlos Santos
0cf5eba604 frontend: Revamp video room access UI with new design and navigation features 2025-07-03 10:38:00 +02:00
juancarmore
a3560ee845 frontend: add loading state handling in DevelopersComponent 2025-07-02 20:33:09 +02:00
juancarmore
9dc2796d24 frontend: update users permissions component for improved admin credential handling and access settings 2025-07-02 19:04:27 +02:00
Carlos Santos
4691888309 frontend: Enhance Disconnected Component with user-friendly messages and animations
- Updated HTML structure for improved layout and branding.
- Added disconnect reason handling in TypeScript for better user feedback.
- Enhanced SCSS styles for a more visually appealing disconnected state.
- Introduced scaleIn animation for a smoother user experience.
2025-07-02 17:05:46 +02:00
Carlos Santos
fbcb70dbc2
Add OpenVidu Meet Console implementation (#4)
* frontend: update icons for Rooms and Recordings in console navigation

* frontend: enhance overview component with user stats and improved layout

* frontend: implement theme service and design tokens for light/dark mode support

- Added ThemeService to manage theme preferences and system theme detection.
- Introduced design tokens for consistent styling across light and dark themes.
- Updated components to utilize the new navigation service for routing.
- Replaced SecurityPreferencesComponent with PreferencesComponent for settings.
- Enhanced UI with new styles and improved navigation structure.
- Added tests for ThemeService to ensure functionality.

* frontend: enhance overview component with title styling and icon integration

* frontend: remove unused Router import from overview component

* frontend: implement developers settings with API key and webhook configuration

* frontend: update styles and structure for console navigation and overview components

* frontend: simplify API key checks and integrate notification service for user feedback

* frontend: update openvidu-components-angular to version 3.3.0-dev2 and simplify Material Symbols stylesheet link

* frontend: adjust padding and gap for stat card and actions in overview component

* frontend: update import paths to use relative paths for better module resolution

* frontend: enhance sync-types.sh script with advanced options and detailed usage instructions

* typings: update TypeScript declaration files and improve sync-types.sh script for better clarity and functionality

* webcomponent: webcomponent typings are now moved to typings directory

* Revert "typings: update TypeScript declaration files and improve sync-types.sh script for better clarity and functionality"

This reverts commit 7da952bc44be20c3f74ffb82bf941b96b78ad019.

* typings: improve sync-types.sh script for clarity and consistency

* test: update error message for empty downloaded file check

* frontend: update outbound event message types in video room and web component manager services

* frontend: enhance styling for console component and adjust nav item border radius

* style: update comments in disabled class for clarity and consistency; refactor import paths in room-form component

* typings: update import paths in message.type.ts to include file extensions

* frontend: enhance rooms management interface with improved loading states, search functionality, and table features

* frontend: enhance loading state with improved UI and animations for room loading process

* frontend: enhance rooms table with auto-deletion feature and improve status display

* frontend: update import paths for services and add containsRoute method to NavigationService

* frontend: remove unused components and associated files from shared-meet-components

* frontend: add logo selector component and enhance preferences settings with access controls

* frontend: add SessionStorageService import to extract query params guard

* frontend: add margin-bottom utility class to overview container

* frontend: update description for creating a room in the overview component

* frontend: Added recording list component

* frontend: update padding in mat-sidenav entry to use spacing variable

* frontend: update text for delete room button to use lowercase

* frontend: enhance console navigation with tooltips and active item styling

* frontend: refactor styles in console navigation for consistency and improved theming

* frontend: add border to card header for improved visual separation

* frontend: created room list reusable component

* frontend: adjust vertical alignment of table cells in recording lists

* frontend: enhance room status and auto-deletion indicators with tooltips and improved styling

* frontend: enhance HTTP service methods to include status codes in responses

* frontend: fix duration formatting to use integer seconds instead of fixed-point

* frontend: refactor icon styles in status badge for consistency

* Add modular SCSS structure for design tokens, mixins, animations, and utility classes

- Introduced _animations.scss for keyframes and animation utility classes.
- Refactored _design-tokens.scss to import modular design system files for better maintainability.
- Created _mixins-components.scss for component-specific mixins like cards and buttons.
- Added _mixins-layout.scss for layout-related mixins and responsive design utilities.
- Established _mixins-responsive.scss for breakpoint mixins to facilitate responsive design.
- Introduced _tokens-core.scss for core design tokens including colors, spacing, and typography.
- Created _tokens-themes.scss for theme-specific design tokens for light and dark modes.
- Added _utilities.scss for reusable utility classes to streamline common styling patterns.

* frontend: Refactor styles for settings preferences component and enhance utility classes

- Simplified SCSS for preferences.component.scss by utilizing utility classes for layout and styling.
- Introduced new utility classes for Material components, including slide toggle and navigation list.
- Enhanced form section styling with consistent spacing and layout adjustments.
- Added responsive design patterns for toolbar and table components.
- Improved loading and empty state styles for better user experience.

* frontend: standardize page layout and loading states across components

* frontend: enhance status badge and action button styles for consistency

* ci: update unit test workflow to include typings setup

* test: update import path for WebComponentCommand to typings directory

* frontend: refactor dialog component structure and enhance styles for improved accessibility and responsiveness

* frontend: rename batchDelete methods to bulkDelete for consistency

* frontend: implement confirmation dialog for room deletion with improved error handling

* frontend: extract feature-specific API logic from HttpService into dedicated services

* frontend: extract common recording actions into RecordingManagerService

* frontend: refactor navigation handling for improved consistency

* backend: add endpoint to download multiple recordings in a zip file and refactor bulkDeleteRecordings to delete only recordings from the same room if recording token is provided

* openapi: add download endpoint for recordings and update bulk delete logic to enforce room constraints

* frontend: enhance recording media URL generation and add bulk delete and download functionalities

* frontend: rename 'batchDownload' to 'bulkDownload' for consistency and implement missing methods in RecordingsComponent

* frontend: Implement Room Creation Wizard with Step Indicator and Navigation

- Added StepIndicatorComponent for visual step tracking in the wizard.
- Created WizardNavComponent for navigation controls (Next, Previous, Cancel, Finish).
- Developed RoomWizardComponent to manage the wizard's state and steps.
- Introduced WizardStateService to handle the wizard's data and navigation logic.
- Defined WizardStep and WizardNavigationConfig models for step management.
- Implemented basic structure for individual steps: Basic Info, Recording Settings, Recording Trigger, Recording Layout, and Preferences.
- Integrated components into the room creation flow, allowing users to navigate through steps.
- Added unit tests for all new components and services to ensure functionality.

* feat(wizard): enhance wizard functionality and UI

- Added validation form groups to WizardStep interface for better form handling.
- Updated WizardNavigationConfig to include customizable button labels and states.
- Implemented step navigation with event handling in room-wizard component.
- Refactored basic info step into a standalone component with reactive form support.
- Improved styling for the basic info step and action buttons.
- Enhanced wizard state management to handle dynamic step visibility based on user input.
- Added methods for loading existing data and saving form changes automatically.
- Updated tests to reflect changes in component structure and functionality.

* feat(recording-preferences): implement recording preferences step with form and options

* feat(room-wizard): add recording trigger step with selectable options and form handling

* feat(recording-preferences): refactor option selection to use SelectableCard component and update styles

* test: add tests for download recordings endpoint and update tests for bulk delete recordings

* openapi: improve descriptions for bulk delete operations and add new response for marked rooms

* frontend: update bulk actions and add sharing functionality in RecordingsComponent, and enhace RecordingListsComponent

* frontend: implement bulkDeleteRooms method and enhace RoomsComponent and RoomListsComponent

* typings: add MeetApiKey interface

* backend: update API key handling to use MeetApiKey type

* openapi: create API key schema and update response references

* backend: add webhook URL testing functionality and validation

* frontend: simplify HTTP request methods by removing response observation

* frontend: streamline OverviewComponent by removing unused observables and simplifying data loading

* frontend: add API key management methods to AuthService

* frontend: enhance GlobalPreferencesService by adding webhook preferences management

* frontend: refactor DevelopersSettingsComponent to improve API key handling and streamline webhook configuration

* openapi: add webhook URL testing endpoint with request and response schemas

* test: add tests for webhook URL validation

* frontend: enhance PreferencesComponent and add changePassword method in AuthService

* feat(recording-preferences): add recording access control options and enhance UI animations

* feat(recording-layout): implement recording layout selection step with form handling and visual options

* feat(room-preferences): implement room preferences step with form handling and toggle options

* feat(room-wizard): enhance form handling and default value saving across components

* feat(layouts): add new layout images for grid, single speaker, and speaker configurations

* feat(developers): adjust API key field button padding and update spacing in API key display

* feat(rooms-lists): enhance button formatting and add tooltips for room status and auto-deletion

* feat(room-wizard): update room creation logic and form field names for consistency

* feat(room-wizard): add skip button functionality and enhance navigation handling

* feat(basic-info): simplify form layout by removing action buttons and related styles

* fix(wizard-navigation): change currentStepId type from string to number for consistency

* feat(styles): enhance button padding and hover effect in batch actions for improved usability

* fix(wizard-navigation): adjust padding for improved layout consistency

* feat(basic-info): add clear button for deletion date and enhance time selection layout

* feat(rooms-list): enhance deletion date display with new styling and structure

* fix(basic-info): remove debugger statement from saveFormData method

* refactor(step-indicator): remove commented-out styles for cleaner code

* feat(step-indicator): enhance responsive layout handling and emit layout changes

* feat(overview): improve loading state handling and update stats management

* feat(step-indicator): enable navigation between steps and improve layout handling

* feat(room-wizard): refactor state management to use MeetRoomOptions and improve data handling across components

* feat(step-indicator): enhance layout handling and improve text overflow management for better responsiveness

* feat(step-indicator): update step properties to enhance navigation and state management

* feat(room-wizard): add 'Create Room' label to finish button in navigation config

* openapi: add force-deletion parameter to delete room endpoint

* frontend: split code in ContextService into domain specific services and rename it to AppDataSerivce

* frontend: enhace FeatureConfigurationService to use signal-based approach and remove unused preferences and permissions

* feat(basic-info): update deletion hint icon and improve warning color consistency

* feat(room-service): rename saveRoomPreferences to updateRoom and adjust API path for preference updates

* feat(room-wizard): implement edit mode for room configuration, allowing users to update existing room settings

* feat(pro-feature-badge): create ProFeatureBadge component and integrate into logo selector and selectable card

* fix(recording): adjust compression level for zip archive in downloadRecordingsZip

* fix(internal-config): remove FIXME comments related to LK bug for meeting timeouts

* frontend: reorganize imports and remove unused components

* refactor(console): rename 'Developers' to 'Embedded' in navigation and update related routes

* fix(console-nav): update toolbar title from 'OpenVidu Console' to 'OpenVidu Meet'

* feat(users-permissions): create UsersPermissions component and update routing

* feat(users-permissions): add pro feature badge to user authentication section

* fix(overview): update navigation and text from 'Developers' to 'Embedded'

* feat(overview): update authentication configuration card and navigation

* frontend: refactor RoomRecordingsComponent to use RecordingListsComponent

* refactor: update API paths to remove 'meet' prefix for consistency

* frontend: update navigation paths to remove 'console' prefix for consistency

* feat(video-room): add leave and end meeting functionality with toolbar buttons

* fix(overview): remove unnecessary comment on initial loading state

* feat(wizard): enable quick create functionality in wizard navigation

* feat(step-indicator): implement safe current step index handling for edit mode

* feat(wizard): update quick create visibility to show only on first step in edit mode

* feat(users-permissions): refactor admin password handling and validation

* webcomponent: update Playwright dependencies and refactor leaveRoom functionality

- Updated Playwright and Playwright Test versions in package.json to 1.53.2.
- Refactored leaveRoom function to accept a role parameter, allowing for different behavior based on user role (moderator or publisher).
- Updated E2E tests to utilize the new leaveRoom function, ensuring proper cleanup and behavior for both roles.
- Removed unnecessary afterEach cleanup in UI Feature Preferences tests.

* frontend: add IDs to leave and end meeting buttons for better accessibility

* testapp: update package-lock.json and refactor ConfigService constructor for improved environment variable handling

* frontend: update background colors for improved visual consistency

* chore: add tslib dependency and enhance target directory validation in sync-types.sh

* frontend: enhance accessibility by adding IDs to toolbar and form elements

---------

Co-authored-by: juancarmore <juancar_more2@hotmail.com>
2025-07-02 17:00:43 +02:00
juancarmore
ebdd70c42b frontend: fix retrieval of recording URL by including secret in the request and update video player attributes 2025-06-18 12:10:50 +02:00
juancarmore
0c2b76d754 frontend: fix missing secret error when reloading room recordings page by extracting secret from session storage 2025-06-18 12:10:02 +02:00
juancarmore
fdc93e4f19 frontend: enhance view recording component with error handling and status messages 2025-06-17 15:11:49 +02:00
juancarmore
253c7cb37b frontend: enhance share recording dialog with error handling and clipboard support 2025-06-17 15:11:16 +02:00
juancarmore
110f66aca2 frontend: ensure query parameters are spread correctly when removing moderator secret from URL 2025-06-17 15:10:54 +02:00
juancarmore
ea1b84d72b frontend: add view recording component 2025-06-14 13:56:08 +02:00
juancarmore
fff7fb957c frontend: add share button and dialog for recording sharing functionality 2025-06-14 13:55:48 +02:00
juancarmore
8959d4721e frontend: create share recording dialog component 2025-06-14 13:53:20 +02:00
juancarmore
a5f283401a frontend: add recording access guard and update HttpService for recording retrieval 2025-06-14 11:37:44 +02:00
juancarmore
d2371120d8 frontend: enhance navigation and error handling 2025-06-14 11:36:21 +02:00
Carlos Santos
d770b89a71 frontend: update getRoomPreferences method to accept roomId and improve error handling 2025-06-11 18:02:02 +02:00
Carlos Santos
eed739d32d frontend: update enhance UI feature preferences tests with new helper functions and openvidu-components-angular to version 3.3.0-dev1 2025-06-11 18:01:27 +02:00
juancarmore
777b2da6cd frontend: update getRecordings method to accept filters and improve query parameters 2025-06-10 17:25:42 +02:00
juancarmore
a86e1a4a08 frontend: update getProfile API endpoint to use users path 2025-06-09 22:41:15 +02:00
Carlos Santos
6f19c35d43 refactor: remove unused roomPreferences and featureFlags from VideoRoomComponent 2025-06-09 17:49:29 +02:00
Carlos Santos
9e45716397 frontend: enhance feature configuration management and update video room component to use async feature flags 2025-06-09 17:49:29 +02:00
Carlos Santos
acd0cb9b3d refactor: remove unused import of Location in VideoRoomComponent 2025-06-09 17:49:29 +02:00
Carlos Santos
df0089c323 frontend: remove HttpService dependency from VideoRoomComponent and move getSecrets method to RoomService 2025-06-09 17:49:29 +02:00
Carlos Santos
2aa3bc1177 frontend: implement NavigationService and RecordingManagerService with error handling and navigation methods 2025-06-09 17:49:29 +02:00
Carlos Santos
b2f1e2194a frontend: enhance participant token management and update related services
- Renamed `setParticipantToken` to `setParticipantTokenAndUpdateContext` in ContextService to clarify its functionality.
- Introduced ParticipantTokenService to encapsulate token generation logic and manage role/permissions extraction.
- Updated VideoRoomComponent to utilize the new ParticipantTokenService for generating participant tokens.
- Refactored access room method to improve form validation and participant name initialization.
- Added unit tests for ParticipantTokenService to ensure proper functionality.
- Updated sidenav model comments for clarity.
2025-06-09 17:49:29 +02:00
juancarmore
1cd58c19b9 frontend: update video room component to include access room title and add recordings card with navigation 2025-06-06 17:15:33 +02:00
juancarmore
ec37389d1c frontend: include ParticipantNameForm component inside VideoRoom component and remove unused guards 2025-06-06 16:49:11 +02:00
Carlos Santos
97f1f3d6a7 frontend: remove room test file and update toolbar button configurations 2025-06-06 12:37:50 +02:00
Carlos Santos
65ca47d6c6 frontend: add missing id attributes to participant name input and submit button 2025-06-06 11:10:20 +02:00
juancarmore
36cae89b37 frontend: refactor routing configuration to remove unused routes and components, streamline guards, and enhance clarity 2025-05-31 00:19:51 +02:00
juancarmore
53779278fa frontend: refactor login component to simplify structure, enhance styling, and improve error handling 2025-05-31 00:19:34 +02:00
juancarmore
76178a9b7f frontend: implement room form with code from old RoomCreatorComponent 2025-05-31 00:19:16 +02:00
juancarmore
56f0f05d5f frontend: simplify authentication guards, and refactor logout and getUserRoles method in AuthService and associated code 2025-05-31 00:18:08 +02:00
juancarmore
1a94a24329 frontend: update context service and models to use SecurityPreferences, remove background image handling, and clean up app component 2025-05-31 00:15:00 +02:00
juancarmore
5ee89437b5 frontend: remove unused login and room creator components and associated guards 2025-05-31 00:13:50 +02:00
juancarmore
85ef5958f0 frontend: update logout method to include redirection after login 2025-05-27 10:42:20 +02:00
juancarmore
e1a6bccbcb frontend: remove room ID display from recording cards in room recordings component 2025-05-27 10:40:24 +02:00
juancarmore
270fbc0e5e frontend: enhance invalid role error messages in login components for clarity 2025-05-26 13:27:39 +02:00