diff --git a/openvidu-ionic/src/app/app.component.html b/openvidu-ionic/src/app/app.component.html index 95d64b99f..da418d365 100644 --- a/openvidu-ionic/src/app/app.component.html +++ b/openvidu-ionic/src/app/app.component.html @@ -12,7 +12,7 @@ - +

Join a video session

@@ -30,6 +30,13 @@

Join a video session

Join + + + + + +
diff --git a/openvidu-ionic/src/app/app.component.ts b/openvidu-ionic/src/app/app.component.ts index 5f29bd90d..9047a9d9c 100644 --- a/openvidu-ionic/src/app/app.component.ts +++ b/openvidu-ionic/src/app/app.component.ts @@ -3,7 +3,7 @@ import { Component, HostListener, OnDestroy } from '@angular/core'; import { AndroidPermissions } from '@ionic-native/android-permissions/ngx'; import { SplashScreen } from '@ionic-native/splash-screen/ngx'; import { StatusBar } from '@ionic-native/status-bar/ngx'; -import { Platform } from '@ionic/angular'; +import { Platform, AlertController } from '@ionic/angular'; import { OpenVidu, Publisher, Session, StreamEvent, StreamManager, Subscriber } from 'openvidu-browser'; import { throwError as observableThrowError } from 'rxjs'; import { catchError } from 'rxjs/operators'; @@ -41,6 +41,7 @@ export class AppComponent implements OnDestroy { private statusBar: StatusBar, private httpClient: HttpClient, private androidPermissions: AndroidPermissions, + public alertController: AlertController ) { this.initializeApp(); this.generateParticipantInfo(); @@ -152,7 +153,7 @@ export class AppComponent implements OnDestroy { // --- 6) Publish your stream --- this.session.publish(publisher).then(() => { - // Store our Publisher + // Store our Publisher this.publisher = publisher; }); } @@ -251,6 +252,41 @@ export class AppComponent implements OnDestroy { } } + async presentSettingsAlert() { + const alert = await this.alertController.create({ + header: 'OpenVidu Server config', + inputs: [ + { + name: 'url', + type: 'text', + value: 'https://demos.openvidu.io:4443/', + placeholder: 'URL' + }, + { + name: 'secret', + type: 'text', + value: 'MY_SECRET', + placeholder: 'Secret' + } + ], + buttons: [ + { + text: 'Cancel', + role: 'cancel', + cssClass: 'secondary' + }, { + text: 'Ok', + handler: data => { + this.OPENVIDU_SERVER_URL = data.url; + this.OPENVIDU_SERVER_SECRET = data.secret; + } + } + ] + }); + + await alert.present(); + } + /* * -------------------------- * SERVER-SIDE RESPONSIBILITY