openvidu-ionic: removed main video and scroll

openvidu-ionic/src/app/app.component.css

@@ -23,4 +23,8 @@
 
 ion-col {
     padding: 1px;
+}
+
+.no-scroll .scroll-content{
+    overflow: hidden;
 }

openvidu-ionic/src/app/app.component.html

@@ -11,7 +11,7 @@
     </ion-toolbar>
   </ion-header>
 
-  <ion-content padding *ngIf="!session">
+  <ion-content padding *ngIf="!session" class="no-scroll">
 
     <div id="img-div"><img src="assets/images/openvidu_grey_bg_transp_cropped.png" /></div>
     <h1 align="center" id="title">Join a video session</h1>
@@ -31,46 +31,29 @@
     </ion-button>
   </ion-content>
 
-
   <ion-content *ngIf="session">
     <div id="session-header">
       <h1 id="session-title">{{mySessionId}}</h1>
     </div>
 
-
     <ion-grid>
-
-      <!-- Main Stream -->
-      <ion-row>
-        <ion-col>
-
-          <div *ngIf="mainStreamManager" id="main-video">
-            <user-video [streamManager]="mainStreamManager"></user-video>
-          </div>
-
-        </ion-col>
-      </ion-row>
-
       <!--Subscribers and Publishers-->
       <ion-row>
         <ion-col size="6">
           <div *ngIf="publisher" class="stream-container">
-            <user-video [streamManager]="publisher" (click)="updateMainStreamManager(publisher)"></user-video>
+            <user-video [streamManager]="publisher"></user-video>
           </div>
         </ion-col>
 
         <ion-col size="6" *ngFor="let sub of subscribers">
           <div class="stream-container">
-            <user-video [streamManager]="sub" (click)="updateMainStreamManager(sub)"></user-video>
+            <user-video [streamManager]="sub"></user-video>
           </div>
         </ion-col>
 
       </ion-row>
-
-
     </ion-grid>
 
-
     <ion-fab vertical="bottom" horizontal="center" slot="fixed">
       <ion-fab-button mini color="danger" (click)="leaveSession()">
         <ion-icon name="power"></ion-icon>

openvidu-ionic/src/app/app.component.ts

@@ -35,10 +35,6 @@ export class AppComponent implements OnDestroy {
     mySessionId: string;
     myUserName: string;
 
-    // Main video of the page, will be 'publisher' or one of the 'subscribers'
-    // Updated by click event
-    mainStreamManager: StreamManager;
-
     constructor(
         private platform: Platform,
         private splashScreen: SplashScreen,
@@ -175,15 +171,10 @@ export class AppComponent implements OnDestroy {
 
         this.session.publish(publisher);
 
-        // Set the main video in the page to display our webcam and store our Publisher
-        this.mainStreamManager = publisher;
+        // Store our Publisher
         this.publisher = publisher;
     }
 
-    updateMainStreamManager(streamManager: StreamManager) {
-        this.mainStreamManager = streamManager;
-    }
-
     leaveSession() {
         // --- 7) Leave the session by calling 'disconnect' method over the Session object ---