diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.css similarity index 100% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.css rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.css diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.html similarity index 100% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.html rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.html diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.spec.ts similarity index 65% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.spec.ts rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.spec.ts index 6710f6c8..8cc7ff68 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.spec.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.spec.ts @@ -2,21 +2,21 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ChatService } from '../../services/chat/chat.service'; import { ChatServiceMock } from '../../services/chat/chat.service.mock'; -import { ChatComponent } from './chat.component'; +import { ChatPanelComponent } from './chat-panel.component'; -describe('ChatComponent', () => { - let component: ChatComponent; - let fixture: ComponentFixture; +describe('ChatPanelComponent', () => { + let component: ChatPanelComponent; + let fixture: ComponentFixture; beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ChatComponent], + declarations: [ChatPanelComponent], providers: [{ provide: ChatService, useClass: ChatServiceMock }] }).compileComponents(); }); beforeEach(() => { - fixture = TestBed.createComponent(ChatComponent); + fixture = TestBed.createComponent(ChatPanelComponent); component = fixture.componentInstance; fixture.detectChanges(); }); diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.ts similarity index 91% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.ts rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.ts index 6e93ff15..4182525d 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat/chat.component.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/chat-panel/chat-panel.component.ts @@ -6,11 +6,11 @@ import { ChatService } from '../../services/chat/chat.service'; import { SidenavMenuService } from '../../services/sidenav-menu/sidenav-menu.service'; @Component({ - selector: 'ov-chat', - templateUrl: './chat.component.html', - styleUrls: ['./chat.component.css'] + selector: 'ov-chat-panel', + templateUrl: './chat-panel.component.html', + styleUrls: ['./chat-panel.component.css'] }) -export class ChatComponent implements OnInit, AfterViewInit { +export class ChatPanelComponent implements OnInit, AfterViewInit { @ViewChild('chatScroll') chatScroll: ElementRef; @ViewChild('chatInput') chatInput: ElementRef; message: string; diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html index e86733fd..6d130bee 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.html @@ -15,8 +15,8 @@ - - + + @@ -37,7 +37,7 @@ *ngFor="let connection of localParticipant | connections" [ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }" > - + @@ -59,7 +59,7 @@ id="remote-participant" [ngClass]="{ OV_small: !connection.streamManager?.stream?.videoActive }" > - + diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.css similarity index 100% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.css rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.css diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.html similarity index 100% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.html rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.html diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.spec.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.spec.ts similarity index 50% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.spec.ts rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.spec.ts index 315b7e37..6e1b9a0e 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.spec.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.spec.ts @@ -1,20 +1,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { ParticipantPanelComponent } from './participant-panel.component'; +import { ParticipantsPanelComponent } from './participants-panel.component'; -describe('ParticipantPanelComponent', () => { - let component: ParticipantPanelComponent; - let fixture: ComponentFixture; +describe('ParticipantsPanelComponent', () => { + let component: ParticipantsPanelComponent; + let fixture: ComponentFixture; beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ParticipantPanelComponent ] + declarations: [ ParticipantsPanelComponent ] }) .compileComponents(); }); beforeEach(() => { - fixture = TestBed.createComponent(ParticipantPanelComponent); + fixture = TestBed.createComponent(ParticipantsPanelComponent); component = fixture.componentInstance; fixture.detectChanges(); }); diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.ts b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.ts similarity index 84% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.ts rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.ts index 2b165d3a..07496acb 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participant-panel/participant-panel.component.ts +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/participants-panel/participants-panel/participants-panel.component.ts @@ -4,11 +4,11 @@ import { ParticipantService } from '../../../services/participant/participant.se import { SidenavMenuService } from '../../../services/sidenav-menu/sidenav-menu.service'; @Component({ - selector: 'ov-participant-panel', - templateUrl: './participant-panel.component.html', - styleUrls: ['./participant-panel.component.css'] + selector: 'ov-participants-panel', + templateUrl: './participants-panel.component.html', + styleUrls: ['./participants-panel.component.css'] }) -export class ParticipantPanelComponent implements OnInit { +export class ParticipantsPanelComponent implements OnInit { localParticipant: any; remoteParticipants: ParticipantAbstractModel[] = []; diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/room/room.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css similarity index 94% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/room/room.component.css rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css index b58dd59d..6ff3f795 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/room/room.component.css +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css @@ -1,4 +1,4 @@ -#room-container { +#session-container { background-color: var(--ov-primary-color); min-width: 400px; height: 100%; @@ -41,7 +41,7 @@ @media only screen and (max-width: 600px) { - #room-container { + #session-container { width: 100%; /* position: fixed; */ } diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/room/room.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html similarity index 94% rename from openvidu-components-angular/projects/openvidu-angular/src/lib/components/room/room.component.html rename to openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html index bfde1b33..e879b998 100644 --- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/room/room.component.html +++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.html @@ -1,4 +1,4 @@ -
+
- + WARNING: Like chat component need an active room, this page only allow check and test the UI
diff --git a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.html b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.html similarity index 91% rename from openvidu-components-angular/src/app/components/participant-test/participant-test.component.html rename to openvidu-components-angular/src/app/components/stream-test/stream-test.component.html index 273e52dd..a3cfc9f9 100644 --- a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.html +++ b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.html @@ -29,9 +29,9 @@
-
- - +
+ +
diff --git a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.scss b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.scss similarity index 89% rename from openvidu-components-angular/src/app/components/participant-test/participant-test.component.scss rename to openvidu-components-angular/src/app/components/stream-test/stream-test.component.scss index 0b614107..aa9eb0be 100644 --- a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.scss +++ b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.scss @@ -1,4 +1,4 @@ -#participant-test-container{ +#stream-test-container{ background: #d1d1d1; position: absolute; left: 50px; diff --git a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.spec.ts b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.spec.ts similarity index 51% rename from openvidu-components-angular/src/app/components/participant-test/participant-test.component.spec.ts rename to openvidu-components-angular/src/app/components/stream-test/stream-test.component.spec.ts index 0cd1930e..ff8823e7 100644 --- a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.spec.ts +++ b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.spec.ts @@ -1,20 +1,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { ParticipantTestComponent } from './participant-test.component'; +import { StreamTestComponent } from './stream-test.component'; -describe('ParticipantTestComponent', () => { - let component: ParticipantTestComponent; - let fixture: ComponentFixture; +describe('StreamTestComponent', () => { + let component: StreamTestComponent; + let fixture: ComponentFixture; beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ ParticipantTestComponent ] + declarations: [ StreamTestComponent ] }) .compileComponents(); }); beforeEach(() => { - fixture = TestBed.createComponent(ParticipantTestComponent); + fixture = TestBed.createComponent(StreamTestComponent); component = fixture.componentInstance; fixture.detectChanges(); }); diff --git a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.ts b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.ts similarity index 56% rename from openvidu-components-angular/src/app/components/participant-test/participant-test.component.ts rename to openvidu-components-angular/src/app/components/stream-test/stream-test.component.ts index f444a477..65597d0e 100644 --- a/openvidu-components-angular/src/app/components/participant-test/participant-test.component.ts +++ b/openvidu-components-angular/src/app/components/stream-test/stream-test.component.ts @@ -2,11 +2,11 @@ import { Component, OnInit } from '@angular/core'; import { ParticipantModel } from 'openvidu-angular'; @Component({ - selector: 'app-participant-test', - templateUrl: './participant-test.component.html', - styleUrls: ['./participant-test.component.scss'] + selector: 'app-stream-test', + templateUrl: './stream-test.component.html', + styleUrls: ['./stream-test.component.scss'] }) -export class ParticipantTestComponent implements OnInit { +export class StreamTestComponent implements OnInit { participant: ParticipantModel; constructor() { } diff --git a/openvidu-components-angular/src/app/dashboard/dashboard.component.html b/openvidu-components-angular/src/app/dashboard/dashboard.component.html index 6e94bbfb..f1c17c29 100644 --- a/openvidu-components-angular/src/app/dashboard/dashboard.component.html +++ b/openvidu-components-angular/src/app/dashboard/dashboard.component.html @@ -45,8 +45,8 @@ Layout Component
-
- Participant Component +
+ Stream Component
diff --git a/openvidu-components-angular/src/app/openvidu-call/call.component.html b/openvidu-components-angular/src/app/openvidu-call/call.component.html index 370fc77d..895e7d1e 100644 --- a/openvidu-components-angular/src/app/openvidu-call/call.component.html +++ b/openvidu-components-angular/src/app/openvidu-call/call.component.html @@ -4,7 +4,7 @@
- + - +