-
-
-
-
-
-
- @if (track.participant.hasHandRaised) {
- front_hand
- }
-
-
-
- @if (participant.hasHandRaised) {
- front_hand
- }
-
-
diff --git a/openvidu-components/openvidu-toggle-hand/src/app/app.component.spec.ts b/openvidu-components/openvidu-toggle-hand/src/app/app.component.spec.ts
deleted file mode 100644
index 0d75ae79..00000000
--- a/openvidu-components/openvidu-toggle-hand/src/app/app.component.spec.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { TestBed, async } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- imports: [AppComponent],
-}).compileComponents();
- }));
-
- it('should create the app', () => {
- const fixture = TestBed.createComponent(AppComponent);
- const app = fixture.componentInstance;
- expect(app).toBeTruthy();
- });
-
- it(`should have as title 'openvidu-toggle-hand'`, () => {
- const fixture = TestBed.createComponent(AppComponent);
- const app = fixture.componentInstance;
- expect(app.title).toEqual('openvidu-toggle-hand');
- });
-
- it('should render title', () => {
- const fixture = TestBed.createComponent(AppComponent);
- fixture.detectChanges();
- const compiled = fixture.nativeElement;
- expect(compiled.querySelector('.content span').textContent).toContain('openvidu-toggle-hand app is running!');
- });
-});
diff --git a/openvidu-components/openvidu-toggle-hand/src/app/app.component.ts b/openvidu-components/openvidu-toggle-hand/src/app/app.component.ts
index 5a449a3c..9c261cba 100644
--- a/openvidu-components/openvidu-toggle-hand/src/app/app.component.ts
+++ b/openvidu-components/openvidu-toggle-hand/src/app/app.component.ts
@@ -2,6 +2,8 @@ import { animate, style, transition, trigger } from '@angular/animations';
import { HttpClient } from '@angular/common/http';
import { Component } from '@angular/core';
import { lastValueFrom } from 'rxjs';
+import { MatIcon } from '@angular/material/icon';
+import { MatIconButton } from '@angular/material/button';
import {
DataPacket_Kind,
@@ -10,25 +12,57 @@ import {
RemoteParticipant,
Room,
RoomEvent,
- OpenViduComponentsModule,
- ApiDirectiveModule,
- OpenViduComponentsDirectiveModule
+ OpenViduComponentsModule
} from 'openvidu-components-angular';
import { ParticipantAppModel } from './models/participant-app.model';
-import { environment } from 'src/environments/environment';
-
-import { MatIcon } from '@angular/material/icon';
-import { MatIconButton } from '@angular/material/button';
-
enum DataTopicApp {
HAND_TOGGLE = 'handToggle'
}
@Component({
selector: 'app-root',
- templateUrl: './app.component.html',
- styleUrls: ['./app.component.css'],
+ template: `
+