ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

openvidu-server dashboard updated to new angular-material 5

pull/20/head
pabloFuente 2017-12-04 12:55:31 +01:00
parent 9c33a2d0fa
commit 8bea39fc91
18 changed files with 155322 additions and 121307 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
openvidu-server/src/angular/frontend/package.json
View File

@ -12,29 +12,30 @@
}, },
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/animations": "^4.1.3", "@angular/animations": "5.0.5",
"@angular/common": "^4.0.0", "@angular/common": "5.0.5",
"@angular/compiler": "^4.0.0", "@angular/compiler": "5.0.5",
"@angular/core": "^4.0.0", "@angular/core": "5.0.5",
"@angular/flex-layout": "^2.0.0-beta.8", "@angular/flex-layout": "2.0.0-beta.10-4905443",
"@angular/forms": "^4.0.0", "@angular/forms": "5.0.5",
"@angular/http": "^4.0.0", "@angular/http": "5.0.5",
"@angular/material": "2.0.0-beta.7", "@angular/material": "5.0.0-rc.1",
"@angular/platform-browser": "^4.0.0", "@angular/cdk": "5.0.0-rc.2",
"@angular/platform-browser-dynamic": "^4.0.0", "@angular/platform-browser": "5.0.5",
"@angular/router": "^4.0.0", "@angular/platform-browser-dynamic": "5.0.5",
"core-js": "^2.4.1", "@angular/router": "5.0.5",
"hammerjs": "^2.0.8", "core-js": "2.5.1",
"rxjs": "^5.1.0", "hammerjs": "2.0.8",
"zone.js": "^0.8.4", "rxjs": "5.5.3",
"openvidu-browser": "1.1.1" "zone.js": "0.8.18",
"openvidu-browser": "1.1.2"
}, },
"devDependencies": { "devDependencies": {
"@angular/cli": "1.0.2", "@angular/cli": "1.5.5",
"@angular/compiler-cli": "^4.0.0", "@angular/compiler-cli": "5.0.5",
"@types/jasmine": "2.5.38", "@types/jasmine": "2.5.38",
"@types/node": "~6.0.60", "@types/node": "~6.0.60",
"codelyzer": "^3.0.1", "codelyzer": "4.0.1",
"jasmine-core": "~2.5.2", "jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0", "jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1", "karma": "~1.4.1",
@ -44,8 +45,8 @@
"karma-jasmine-html-reporter": "^0.2.2", "karma-jasmine-html-reporter": "^0.2.2",
"karma-coverage-istanbul-reporter": "^0.2.0", "karma-coverage-istanbul-reporter": "^0.2.0",
"protractor": "~5.1.0", "protractor": "~5.1.0",
"ts-node": "~2.0.0", "ts-node": "3.3.0",
"tslint": "^5.1.0", "tslint": "5.8.0",
"typescript": "~2.3.3" "typescript": "2.4.2"
} }
} }

57
openvidu-server/src/angular/frontend/src/app/app.material.module.ts
View File

@ -1,41 +1,44 @@
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { import {
MdButtonModule, MatButtonModule,
MdIconModule, MatIconModule,
MdCheckboxModule, MatCheckboxModule,
MdCardModule, MatCardModule,
MdInputModule, MatInputModule,
MdProgressSpinnerModule, MatProgressSpinnerModule,
MdTooltipModule, MatTooltipModule,
MdDialogModule, MatDialogModule,
MdSlideToggleModule MatSlideToggleModule,
MatListModule
} from '@angular/material'; } from '@angular/material';
@NgModule({ @NgModule({
imports: [ imports: [
BrowserAnimationsModule, BrowserAnimationsModule,
MdButtonModule, MatButtonModule,
MdIconModule, MatIconModule,
MdCheckboxModule, MatCheckboxModule,
MdCardModule, MatCardModule,
MdInputModule, MatInputModule,
MdProgressSpinnerModule, MatProgressSpinnerModule,
MdTooltipModule, MatTooltipModule,
MdDialogModule, MatDialogModule,
MdSlideToggleModule MatSlideToggleModule,
MatListModule
], ],
exports: [ exports: [
BrowserAnimationsModule, BrowserAnimationsModule,
MdButtonModule, MatButtonModule,
MdIconModule, MatIconModule,
MdCheckboxModule, MatCheckboxModule,
MdCardModule, MatCardModule,
MdInputModule, MatInputModule,
MdProgressSpinnerModule, MatProgressSpinnerModule,
MdTooltipModule, MatTooltipModule,
MdDialogModule, MatDialogModule,
MdSlideToggleModule MatSlideToggleModule,
MatListModule
], ],
}) })
export class AppMaterialModule { } export class AppMaterialModule { }

26
openvidu-server/src/angular/frontend/src/app/components/dashboard/credentials-dialog.component.ts
View File

@ -1,23 +1,23 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
import { MdDialogRef } from '@angular/material'; import { MatDialogRef } from '@angular/material';
@Component({ @Component({
selector: 'app-credentials-dialog', selector: 'app-credentials-dialog',
template: ` template: `
<div> <div>
<h1 md-dialog-title> <h1 mat-dialog-title>
Insert your secret Insert your secret
</h1> </h1>
<form #dialogForm (ngSubmit)="testVideo()"> <form #dialogForm (ngSubmit)="testVideo()">
<md-dialog-content> <mat-dialog-content>
<md-input-container> <mat-input-container>
<input mdInput name="secret" type="password" [(ngModel)]="secret"> <input matInput name="secret" type="password" [(ngModel)]="secret">
</md-input-container> </mat-input-container>
</md-dialog-content> </mat-dialog-content>
<md-dialog-actions> <mat-dialog-actions>
<button md-button md-dialog-close>CANCEL</button> <button mat-button mat-dialog-close>CANCEL</button>
<button md-button id="join-btn" type="submit">TEST</button> <button mat-button id="join-btn" type="submit">TEST</button>
</md-dialog-actions> </mat-dialog-actions>
</form> </form>
</div> </div>
`, `,
@ -39,7 +39,7 @@ import { MdDialogRef } from '@angular/material';
#joinWithVideo { #joinWithVideo {
margin-right: 50px; margin-right: 50px;
} }
md-dialog-actions { mat-dialog-actions {
display: block; display: block;
} }
#join-btn { #join-btn {
@ -49,7 +49,7 @@ import { MdDialogRef } from '@angular/material';
}) })
export class CredentialsDialogComponent { export class CredentialsDialogComponent {
public myReference: MdDialogRef<CredentialsDialogComponent>; public myReference: MatDialogRef<CredentialsDialogComponent>;
secret: string; secret: string;
constructor() { } constructor() { }

8
openvidu-server/src/angular/frontend/src/app/components/dashboard/dashboard.component.css
View File

@ -17,22 +17,22 @@ ul {
margin: 0; margin: 0;
} }
button.mat-raised-button { #test-btn {
text-transform: uppercase; text-transform: uppercase;
float: right; float: right;
} }
md-card-title button.blue { mat-card-title button.blue {
color: #ffffff; color: #ffffff;
background-color: #0088aa; background-color: #0088aa;
} }
md-card-title button.yellow { mat-card-title button.yellow {
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
background-color: #ffcc00; background-color: #ffcc00;
} }
md-spinner { mat-spinner {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;

40
openvidu-server/src/angular/frontend/src/app/components/dashboard/dashboard.component.html
View File

@ -1,37 +1,36 @@
<div id="dashboard-div" fxLayout="row" fxLayout.xs="column" fxLayoutGap="20px" fxFlexFill> <div id="dashboard-div" fxLayout="row" fxLayout.xs="column" fxLayoutGap="20px" fxFlexFill>
<div fxLayout="column" fxFlex="66%" fxFlexOrder="1" fxFlexOrder.xs="2"> <div fxLayout="column" fxFlex="66%" fxFlexOrder="1" fxFlexOrder.xs="2">
<md-card id="log"> <mat-card id="log">
<md-card-title>Server events <mat-card-title>Server events
<md-slide-toggle title="Lock Scroll" [(ngModel)]="lockScroll" style="float: right; margin-left: auto;"> <mat-slide-toggle title="Lock Scroll" [(ngModel)]="lockScroll" style="float: right; margin-left: auto;">
<md-icon>lock_outline</md-icon> <mat-icon>lock_outline</mat-icon>
</md-slide-toggle> </mat-slide-toggle>
</md-card-title> </mat-card-title>
<md-divider></md-divider> <mat-divider></mat-divider>
<md-card-content #scrollMe id="log-content"> <mat-card-content #scrollMe id="log-content">
<ul> <ul>
<li *ngFor="let i of info"> <li *ngFor="let i of info">
<p>{{i}}</p> <p>{{i}}</p>
</li> </li>
</ul> </ul>
</md-card-content> </mat-card-content>
</md-card> </mat-card>
</div> </div>
<div fxLayout="column" fxFlex="33%" fxFlexOrder="2" fxFlexOrder.xs="1"> <div fxLayout="column" fxFlex="33%" fxFlexOrder="2" fxFlexOrder.xs="1">
<md-card id="video-loop"> <mat-card id="video-loop">
<md-card-title>Test the connection <mat-card-title>Test the connection
<button [class]="testStatus == 'DISCONNECTED' ? 'blue' : (testStatus == 'PLAYING' ? 'yellow' : 'disabled')" md-raised-button <button id="test-btn" mat-raised-button [ngClass]="testStatus == 'DISCONNECTED' ? 'blue' : (testStatus == 'PLAYING' ? 'yellow' : 'disabled')" (click)="toggleTestVideo()" [disabled]="testStatus==='CONNECTING' || testStatus==='CONNECTED'">{{testButton}}</button>
(click)="toggleTestVideo()" [disabled]="testStatus==='CONNECTING' || testStatus==='CONNECTED'">{{testButton}}</button></md-card-title> </mat-card-title>
<md-card-content> <mat-card-content>
<div id="mirrored-video"> <div id="mirrored-video">
<div *ngIf="showSpinner" id="loader"> <div *ngIf="showSpinner" id="loader">
<div class="loader-1 center"><span></span></div> <div class="loader-1 center"><span></span></div>
</div> </div>
<!--<md-spinner *ngIf="showSpinner" [color]="color"></md-spinner>-->
<div *ngIf="session" id="tick-div"> <div *ngIf="session" id="tick-div">
<div id="tooltip-tick" *ngIf="testStatus=='PLAYING'" mdTooltip="The connection is successful" mdTooltipPosition="below"></div> <div id="tooltip-tick" *ngIf="testStatus=='PLAYING'" matTooltip="The connection is successful" matTooltipPosition="below"></div>
<div [class]="testStatus=='PLAYING' ? 'trigger drawn' : 'trigger'"></div> <div [ngClass]="testStatus=='PLAYING' ? 'trigger drawn' : 'trigger'"></div>
<svg version="1.1" id="tick" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="tick" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-1 -1 39 39" style="enable-background:new 0 0 37 37;" xml:space="preserve"> viewBox="-1 -1 39 39" style="enable-background:new 0 0 37 37;" xml:space="preserve">
<path class="circ path" style="fill:none;stroke:#06d362;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;" d=" <path class="circ path" style="fill:none;stroke:#06d362;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;" d="
@ -43,8 +42,7 @@
</div> </div>
</div> </div>
<div id="msg-chain"><p *ngFor="let msg of msgChain">{{msg}}</p></div> <div id="msg-chain"><p *ngFor="let msg of msgChain">{{msg}}</p></div>
</md-card-content> </mat-card-content>
</md-card> </mat-card>
</div> </div>
</div> </div>

8
openvidu-server/src/angular/frontend/src/app/components/dashboard/dashboard.component.ts
View File

@ -1,5 +1,5 @@
import { Component, OnInit, ViewChild, ElementRef, HostListener, OnDestroy } from '@angular/core'; import { Component, OnInit, ViewChild, ElementRef, HostListener, OnDestroy } from '@angular/core';
import { MdDialog, MdDialogRef } from '@angular/material'; import { MatDialog, MatDialogRef } from '@angular/material';
import { Subscription } from 'rxjs/Subscription'; import { Subscription } from 'rxjs/Subscription';
import { InfoService } from '../../services/info.service'; import { InfoService } from '../../services/info.service';
@ -30,7 +30,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
showSpinner = false; showSpinner = false;
msgChain = []; msgChain = [];
constructor(private infoService: InfoService, public dialog: MdDialog) { constructor(private infoService: InfoService, public dialog: MatDialog) {
// Subscription to info updated event raised by InfoService // Subscription to info updated event raised by InfoService
this.infoSubscription = this.infoService.newInfo$.subscribe( this.infoSubscription = this.infoService.newInfo$.subscribe(
info => { info => {
@ -67,7 +67,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
} }
testVideo() { testVideo() {
let dialogRef: MdDialogRef<CredentialsDialogComponent>; let dialogRef: MatDialogRef<CredentialsDialogComponent>;
dialogRef = this.dialog.open(CredentialsDialogComponent); dialogRef = this.dialog.open(CredentialsDialogComponent);
dialogRef.componentInstance.myReference = dialogRef; dialogRef.componentInstance.myReference = dialogRef;
@ -126,7 +126,7 @@ export class DashboardComponent implements OnInit, OnDestroy {
} else { } else {
if (error.code === 401) { // User unauthorized error. OpenVidu security is active if (error.code === 401) { // User unauthorized error. OpenVidu security is active
this.endTestVideo(); this.endTestVideo();
let dialogRef: MdDialogRef<CredentialsDialogComponent>; let dialogRef: MatDialogRef<CredentialsDialogComponent>;
dialogRef = this.dialog.open(CredentialsDialogComponent); dialogRef = this.dialog.open(CredentialsDialogComponent);
dialogRef.componentInstance.myReference = dialogRef; dialogRef.componentInstance.myReference = dialogRef;

2
openvidu-server/src/angular/frontend/src/index.html
View File

@ -16,7 +16,7 @@
<body> <body>
<app-root> <app-root>
<md-spinner></md-spinner> <mat-spinner></mat-spinner>
</app-root> </app-root>
</body> </body>

2
openvidu-server/src/main/resources/static/index.html
View File

@ -16,7 +16,7 @@
<body> <body>
<app-root> <app-root>
<md-spinner></md-spinner> <mat-spinner></mat-spinner>
</app-root> </app-root>
<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body> <script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>

47
openvidu-server/src/main/resources/static/inline.bundle.js
View File

@ -7,8 +7,9 @@
/******/ var moduleId, chunkId, i = 0, resolves = [], result; /******/ var moduleId, chunkId, i = 0, resolves = [], result;
/******/ for(;i < chunkIds.length; i++) { /******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i]; /******/ chunkId = chunkIds[i];
/******/ if(installedChunks[chunkId]) /******/ if(installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]); /******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0; /******/ installedChunks[chunkId] = 0;
/******/ } /******/ }
/******/ for(moduleId in moreModules) { /******/ for(moduleId in moreModules) {
@ -17,8 +18,9 @@
/******/ } /******/ }
/******/ } /******/ }
/******/ if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules); /******/ if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);
/******/ while(resolves.length) /******/ while(resolves.length) {
/******/ resolves.shift()(); /******/ resolves.shift()();
/******/ }
/******/ if(executeModules) { /******/ if(executeModules) {
/******/ for(i=0; i < executeModules.length; i++) { /******/ for(i=0; i < executeModules.length; i++) {
/******/ result = __webpack_require__(__webpack_require__.s = executeModules[i]); /******/ result = __webpack_require__(__webpack_require__.s = executeModules[i]);
@ -32,16 +34,16 @@
/******/ /******/
/******/ // objects to store loaded and loading chunks /******/ // objects to store loaded and loading chunks
/******/ var installedChunks = { /******/ var installedChunks = {
/******/ 4: 0 /******/ "inline": 0
/******/ }; /******/ };
/******/ /******/
/******/ // The require function /******/ // The require function
/******/ function __webpack_require__(moduleId) { /******/ function __webpack_require__(moduleId) {
/******/ /******/
/******/ // Check if module is in cache /******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) /******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports; /******/ return installedModules[moduleId].exports;
/******/ /******/ }
/******/ // Create a new module (and put it into the cache) /******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = { /******/ var module = installedModules[moduleId] = {
/******/ i: moduleId, /******/ i: moduleId,
@ -62,13 +64,22 @@
/******/ // This file contains only the entry chunk. /******/ // This file contains only the entry chunk.
/******/ // The chunk loading function for additional chunks /******/ // The chunk loading function for additional chunks
/******/ __webpack_require__.e = function requireEnsure(chunkId) { /******/ __webpack_require__.e = function requireEnsure(chunkId) {
/******/ if(installedChunks[chunkId] === 0) /******/ var installedChunkData = installedChunks[chunkId];
/******/ return Promise.resolve(); /******/ if(installedChunkData === 0) {
/******/ /******/ return new Promise(function(resolve) { resolve(); });
/******/ // an Promise means "currently loading".
/******/ if(installedChunks[chunkId]) {
/******/ return installedChunks[chunkId][2];
/******/ } /******/ }
/******/
/******/ // a Promise means "currently loading".
/******/ if(installedChunkData) {
/******/ return installedChunkData[2];
/******/ }
/******/
/******/ // setup Promise in chunk cache
/******/ var promise = new Promise(function(resolve, reject) {
/******/ installedChunkData = installedChunks[chunkId] = [resolve, reject];
/******/ });
/******/ installedChunkData[2] = promise;
/******/
/******/ // start chunk loading /******/ // start chunk loading
/******/ var head = document.getElementsByTagName('head')[0]; /******/ var head = document.getElementsByTagName('head')[0];
/******/ var script = document.createElement('script'); /******/ var script = document.createElement('script');
@ -89,17 +100,14 @@
/******/ clearTimeout(timeout); /******/ clearTimeout(timeout);
/******/ var chunk = installedChunks[chunkId]; /******/ var chunk = installedChunks[chunkId];
/******/ if(chunk !== 0) { /******/ if(chunk !== 0) {
/******/ if(chunk) chunk[1](new Error('Loading chunk ' + chunkId + ' failed.')); /******/ if(chunk) {
/******/ chunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));
/******/ }
/******/ installedChunks[chunkId] = undefined; /******/ installedChunks[chunkId] = undefined;
/******/ } /******/ }
/******/ }; /******/ };
/******/
/******/ var promise = new Promise(function(resolve, reject) {
/******/ installedChunks[chunkId] = [resolve, reject];
/******/ });
/******/ installedChunks[chunkId][2] = promise;
/******/
/******/ head.appendChild(script); /******/ head.appendChild(script);
/******/
/******/ return promise; /******/ return promise;
/******/ }; /******/ };
/******/ /******/
@ -109,9 +117,6 @@
/******/ // expose the module cache /******/ // expose the module cache
/******/ __webpack_require__.c = installedModules; /******/ __webpack_require__.c = installedModules;
/******/ /******/
/******/ // identity function for calling harmony imports with the correct context
/******/ __webpack_require__.i = function(value) { return value; };
/******/
/******/ // define getter function for harmony exports /******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) { /******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) { /******/ if(!__webpack_require__.o(exports, name)) {

2
openvidu-server/src/main/resources/static/inline.bundle.js.map
View File

File diff suppressed because one or more lines are too long

557
openvidu-server/src/main/resources/static/main.bundle.js
View File

@ -1,47 +1,54 @@
webpackJsonp([1,4],{ webpackJsonp(["main"],{
/***/ 163: /***/ "../../../../../src/$$_lazy_route_resource lazy recursive":
/***/ (function(module, exports) { /***/ (function(module, exports) {
function webpackEmptyContext(req) { function webpackEmptyAsyncContext(req) {
// Here Promise.resolve().then() is used instead of new Promise() to prevent
// uncatched exception popping up in devtools
return Promise.resolve().then(function() {
throw new Error("Cannot find module '" + req + "'."); throw new Error("Cannot find module '" + req + "'.");
});
} }
webpackEmptyContext.keys = function() { return []; }; webpackEmptyAsyncContext.keys = function() { return []; };
webpackEmptyContext.resolve = webpackEmptyContext; webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;
module.exports = webpackEmptyContext; module.exports = webpackEmptyAsyncContext;
webpackEmptyContext.id = 163; webpackEmptyAsyncContext.id = "../../../../../src/$$_lazy_route_resource lazy recursive";
/***/ }), /***/ }),
/***/ 164: /***/ "../../../../../src/app/app.component.css":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, exports, __webpack_require__) {
"use strict"; exports = module.exports = __webpack_require__("../../../../css-loader/lib/css-base.js")(false);
Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); // imports
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__ = __webpack_require__(170);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_app_module__ = __webpack_require__(175);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__environments_environment__ = __webpack_require__(177);
// module
exports.push([module.i, "", ""]);
// exports
if (__WEBPACK_IMPORTED_MODULE_3__environments_environment__["a" /* environment */].production) { /*** EXPORTS FROM exports-loader ***/
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["a" /* enableProdMode */])(); module.exports = module.exports.toString();
}
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__["a" /* platformBrowserDynamic */])().bootstrapModule(__WEBPACK_IMPORTED_MODULE_2__app_app_module__["a" /* AppModule */]);
//# sourceMappingURL=main.js.map
/***/ }), /***/ }),
/***/ 173: /***/ "../../../../../src/app/app.component.html":
/***/ (function(module, exports) {
module.exports = "<main>\n <router-outlet></router-outlet>\n</main>"
/***/ }),
/***/ "../../../../../src/app/app.component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_services_info_service__ = __webpack_require__(55);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppComponent; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppComponent; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_services_info_service__ = __webpack_require__("../../../../../src/app/services/info.service.ts");
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@ -84,36 +91,35 @@ var AppComponent = (function () {
console.warn('Closing info websocket'); console.warn('Closing info websocket');
this.websocket.close(); this.websocket.close();
}; };
return AppComponent; __decorate([
}()); Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["A" /* HostListener */])('window:beforeunload', ['$event']),
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_13" /* HostListener */])('window:beforeunload', ['$event']),
__metadata("design:type", Function), __metadata("design:type", Function),
__metadata("design:paramtypes", [Object]), __metadata("design:paramtypes", [Object]),
__metadata("design:returntype", void 0) __metadata("design:returntype", void 0)
], AppComponent.prototype, "beforeUnloadHander", null); ], AppComponent.prototype, "beforeUnloadHander", null);
AppComponent = __decorate([ AppComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* Component */])({ Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({
selector: 'app-root', selector: 'app-root',
template: __webpack_require__(256), template: __webpack_require__("../../../../../src/app/app.component.html"),
styles: [__webpack_require__(232)] styles: [__webpack_require__("../../../../../src/app/app.component.css")]
}), }),
__metadata("design:paramtypes", [typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_1_app_services_info_service__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1_app_services_info_service__["a" /* InfoService */]) === "function" && _a || Object]) __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_1_app_services_info_service__["a" /* InfoService */]])
], AppComponent); ], AppComponent);
return AppComponent;
}());
var _a;
//# sourceMappingURL=app.component.js.map
/***/ }), /***/ }),
/***/ 174: /***/ "../../../../../src/app/app.material.module.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_animations__ = __webpack_require__(171);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_material__ = __webpack_require__(96);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppMaterialModule; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppMaterialModule; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_animations__ = __webpack_require__("../../../platform-browser/esm5/animations.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_material__ = __webpack_require__("../../../material/esm5/material.es5.js");
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@ -126,60 +132,62 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
var AppMaterialModule = (function () { var AppMaterialModule = (function () {
function AppMaterialModule() { function AppMaterialModule() {
} }
return AppMaterialModule; AppMaterialModule = __decorate([
}()); Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["K" /* NgModule */])({
AppMaterialModule = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["b" /* NgModule */])({
imports: [ imports: [
__WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_animations__["a" /* BrowserAnimationsModule */], __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_animations__["a" /* BrowserAnimationsModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["a" /* MdButtonModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["a" /* MatButtonModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["b" /* MdIconModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["f" /* MatIconModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["c" /* MdCheckboxModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["c" /* MatCheckboxModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["d" /* MdCardModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["b" /* MatCardModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["e" /* MdInputModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["g" /* MatInputModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["f" /* MdProgressSpinnerModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["i" /* MatProgressSpinnerModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["g" /* MdTooltipModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["k" /* MatTooltipModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["h" /* MdDialogModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["e" /* MatDialogModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["i" /* MdSlideToggleModule */] __WEBPACK_IMPORTED_MODULE_2__angular_material__["j" /* MatSlideToggleModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["h" /* MatListModule */]
], ],
exports: [ exports: [
__WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_animations__["a" /* BrowserAnimationsModule */], __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_animations__["a" /* BrowserAnimationsModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["a" /* MdButtonModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["a" /* MatButtonModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["b" /* MdIconModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["f" /* MatIconModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["c" /* MdCheckboxModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["c" /* MatCheckboxModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["d" /* MdCardModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["b" /* MatCardModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["e" /* MdInputModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["g" /* MatInputModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["f" /* MdProgressSpinnerModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["i" /* MatProgressSpinnerModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["g" /* MdTooltipModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["k" /* MatTooltipModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["h" /* MdDialogModule */], __WEBPACK_IMPORTED_MODULE_2__angular_material__["e" /* MatDialogModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["i" /* MdSlideToggleModule */] __WEBPACK_IMPORTED_MODULE_2__angular_material__["j" /* MatSlideToggleModule */],
__WEBPACK_IMPORTED_MODULE_2__angular_material__["h" /* MatListModule */]
], ],
}) })
], AppMaterialModule); ], AppMaterialModule);
return AppMaterialModule;
}());
//# sourceMappingURL=app.material.module.js.map
/***/ }), /***/ }),
/***/ 175: /***/ "../../../../../src/app/app.module.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_platform_browser__ = __webpack_require__(22);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_flex_layout__ = __webpack_require__(169);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_forms__ = __webpack_require__(94);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_http__ = __webpack_require__(95);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_hammerjs__ = __webpack_require__(236);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_hammerjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_hammerjs__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__app_routing__ = __webpack_require__(176);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_app_app_material_module__ = __webpack_require__(174);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__services_info_service__ = __webpack_require__(55);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__app_component__ = __webpack_require__(173);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_dashboard_dashboard_component__ = __webpack_require__(98);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_session_details_session_details_component__ = __webpack_require__(99);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_dashboard_credentials_dialog_component__ = __webpack_require__(97);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppModule; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return AppModule; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_platform_browser__ = __webpack_require__("../../../platform-browser/esm5/platform-browser.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_flex_layout__ = __webpack_require__("../../../flex-layout/esm5/flex-layout.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_forms__ = __webpack_require__("../../../forms/esm5/forms.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_http__ = __webpack_require__("../../../http/esm5/http.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_hammerjs__ = __webpack_require__("../../../../hammerjs/hammer.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_hammerjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_hammerjs__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__app_routing__ = __webpack_require__("../../../../../src/app/app.routing.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_app_app_material_module__ = __webpack_require__("../../../../../src/app/app.material.module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__services_info_service__ = __webpack_require__("../../../../../src/app/services/info.service.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__app_component__ = __webpack_require__("../../../../../src/app/app.component.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_dashboard_dashboard_component__ = __webpack_require__("../../../../../src/app/components/dashboard/dashboard.component.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_session_details_session_details_component__ = __webpack_require__("../../../../../src/app/components/session-details/session-details.component.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_dashboard_credentials_dialog_component__ = __webpack_require__("../../../../../src/app/components/dashboard/credentials-dialog.component.ts");
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@ -202,10 +210,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
var AppModule = (function () { var AppModule = (function () {
function AppModule() { function AppModule() {
} }
return AppModule; AppModule = __decorate([
}()); Object(__WEBPACK_IMPORTED_MODULE_2__angular_core__["K" /* NgModule */])({
AppModule = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_2__angular_core__["b" /* NgModule */])({
declarations: [ declarations: [
__WEBPACK_IMPORTED_MODULE_9__app_component__["a" /* AppComponent */], __WEBPACK_IMPORTED_MODULE_9__app_component__["a" /* AppComponent */],
__WEBPACK_IMPORTED_MODULE_10__components_dashboard_dashboard_component__["a" /* DashboardComponent */], __WEBPACK_IMPORTED_MODULE_10__components_dashboard_dashboard_component__["a" /* DashboardComponent */],
@ -214,7 +220,7 @@ AppModule = __decorate([
], ],
imports: [ imports: [
__WEBPACK_IMPORTED_MODULE_0__angular_platform_browser__["a" /* BrowserModule */], __WEBPACK_IMPORTED_MODULE_0__angular_platform_browser__["a" /* BrowserModule */],
__WEBPACK_IMPORTED_MODULE_3__angular_forms__["a" /* FormsModule */], __WEBPACK_IMPORTED_MODULE_3__angular_forms__["c" /* FormsModule */],
__WEBPACK_IMPORTED_MODULE_4__angular_http__["a" /* HttpModule */], __WEBPACK_IMPORTED_MODULE_4__angular_http__["a" /* HttpModule */],
__WEBPACK_IMPORTED_MODULE_6__app_routing__["a" /* routing */], __WEBPACK_IMPORTED_MODULE_6__app_routing__["a" /* routing */],
__WEBPACK_IMPORTED_MODULE_7_app_app_material_module__["a" /* AppMaterialModule */], __WEBPACK_IMPORTED_MODULE_7_app_app_material_module__["a" /* AppMaterialModule */],
@ -226,20 +232,22 @@ AppModule = __decorate([
providers: [__WEBPACK_IMPORTED_MODULE_8__services_info_service__["a" /* InfoService */]], providers: [__WEBPACK_IMPORTED_MODULE_8__services_info_service__["a" /* InfoService */]],
bootstrap: [__WEBPACK_IMPORTED_MODULE_9__app_component__["a" /* AppComponent */]] bootstrap: [__WEBPACK_IMPORTED_MODULE_9__app_component__["a" /* AppComponent */]]
}) })
], AppModule); ], AppModule);
return AppModule;
}());
//# sourceMappingURL=app.module.js.map
/***/ }), /***/ }),
/***/ 176: /***/ "../../../../../src/app/app.routing.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_router__ = __webpack_require__(172);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_components_dashboard_dashboard_component__ = __webpack_require__(98);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_app_components_session_details_session_details_component__ = __webpack_require__(99);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return routing; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return routing; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_router__ = __webpack_require__("../../../router/esm5/router.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_components_dashboard_dashboard_component__ = __webpack_require__("../../../../../src/app/components/dashboard/dashboard.component.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_app_components_session_details_session_details_component__ = __webpack_require__("../../../../../src/app/components/session-details/session-details.component.ts");
@ -254,157 +262,16 @@ var appRoutes = [
} }
]; ];
var routing = __WEBPACK_IMPORTED_MODULE_0__angular_router__["a" /* RouterModule */].forRoot(appRoutes); var routing = __WEBPACK_IMPORTED_MODULE_0__angular_router__["a" /* RouterModule */].forRoot(appRoutes);
//# sourceMappingURL=app.routing.js.map
/***/ }), /***/ }),
/***/ 177: /***/ "../../../../../src/app/components/dashboard/credentials-dialog.component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return environment; });
// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `.angular-cli.json`.
// The file contents for the current environment will overwrite these during build.
var environment = {
production: false
};
//# sourceMappingURL=environment.js.map
/***/ }),
/***/ 232:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(30)(false);
// imports
// module
exports.push([module.i, "", ""]);
// exports
/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();
/***/ }),
/***/ 233:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(30)(false);
// imports
// module
exports.push([module.i, "#dashboard-div {\n padding: 20px;\n}\n\n#log {\n height: 90%;\n}\n\n#log-content {\n height: 90%;\n font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;\n overflow-y: auto;\n overflow-x: hidden\n}\n\nul {\n margin: 0;\n}\n\nbutton.mat-raised-button {\n text-transform: uppercase;\n float: right;\n}\n\nmd-card-title button.blue {\n color: #ffffff;\n background-color: #0088aa;\n}\n\nmd-card-title button.yellow {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffcc00;\n}\n\nmd-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n#tick-div {\n width: 100px;\n height: 100px;\n z-index: 1;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n#tooltip-tick {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n}\n\n.circ {\n opacity: 0;\n stroke-dasharray: 130;\n stroke-dashoffset: 130;\n transition: all 1s;\n}\n\n.tick {\n stroke-dasharray: 50;\n stroke-dashoffset: 50;\n transition: stroke-dashoffset 1s 0.5s ease-out;\n}\n\n.drawn+svg .path {\n opacity: 1;\n stroke-dashoffset: 0;\n}\n\n#mirrored-video {\n position: relative;\n}\n\n\n/* Pure CSS loader */\n\n#loader {\n width: 100px;\n height: 100px;\n z-index: 1;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n#loader * {\n box-sizing: border-box;\n}\n\n#loader ::after {\n box-sizing: border-box;\n}\n\n#loader ::before {\n box-sizing: border-box;\n}\n\n.loader-1 {\n height: 100px;\n width: 100px;\n -webkit-animation: loader-1-1 4.8s linear infinite;\n animation: loader-1-1 4.8s linear infinite;\n}\n\n@-webkit-keyframes loader-1-1 {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n\n@keyframes loader-1-1 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n.loader-1 span {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n height: 100px;\n width: 100px;\n clip: rect(0, 100px, 100px, 50px);\n -webkit-animation: loader-1-2 1.2s linear infinite;\n animation: loader-1-2 1.2s linear infinite;\n}\n\n@-webkit-keyframes loader-1-2 {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(220deg);\n }\n}\n\n@keyframes loader-1-2 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(220deg);\n transform: rotate(220deg);\n }\n}\n\n.loader-1 span::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n height: 100px;\n width: 100px;\n clip: rect(0, 100px, 100px, 50px);\n border: 8px solid #4d4d4d;\n border-radius: 50%;\n -webkit-animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;\n animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;\n}\n\n@-webkit-keyframes loader-1-3 {\n 0% {\n -webkit-transform: rotate(-140deg);\n }\n 50% {\n -webkit-transform: rotate(-160deg);\n }\n 100% {\n -webkit-transform: rotate(140deg);\n }\n}\n\n@keyframes loader-1-3 {\n 0% {\n -webkit-transform: rotate(-140deg);\n transform: rotate(-140deg);\n }\n 50% {\n -webkit-transform: rotate(-160deg);\n transform: rotate(-160deg);\n }\n 100% {\n -webkit-transform: rotate(140deg);\n transform: rotate(140deg);\n }\n}", ""]);
// exports
/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();
/***/ }),
/***/ 234:
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(30)(false);
// imports
// module
exports.push([module.i, "", ""]);
// exports
/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();
/***/ }),
/***/ 256:
/***/ (function(module, exports) {
module.exports = "<main>\n <router-outlet></router-outlet>\n</main>"
/***/ }),
/***/ 257:
/***/ (function(module, exports) {
module.exports = "<div id=\"dashboard-div\" fxLayout=\"row\" fxLayout.xs=\"column\" fxLayoutGap=\"20px\" fxFlexFill>\n\n <div fxLayout=\"column\" fxFlex=\"66%\" fxFlexOrder=\"1\" fxFlexOrder.xs=\"2\">\n <md-card id=\"log\">\n <md-card-title>Server events\n <md-slide-toggle title=\"Lock Scroll\" [(ngModel)]=\"lockScroll\" style=\"float: right; margin-left: auto;\">\n <md-icon>lock_outline</md-icon>\n </md-slide-toggle>\n </md-card-title>\n <md-divider></md-divider>\n <md-card-content #scrollMe id=\"log-content\">\n <ul>\n <li *ngFor=\"let i of info\">\n <p>{{i}}</p>\n </li>\n </ul>\n </md-card-content>\n </md-card>\n </div>\n\n <div fxLayout=\"column\" fxFlex=\"33%\" fxFlexOrder=\"2\" fxFlexOrder.xs=\"1\">\n <md-card id=\"video-loop\">\n <md-card-title>Test the connection\n <button [class]=\"testStatus == 'DISCONNECTED' ? 'blue' : (testStatus == 'PLAYING' ? 'yellow' : 'disabled')\" md-raised-button\n (click)=\"toggleTestVideo()\" [disabled]=\"testStatus==='CONNECTING' || testStatus==='CONNECTED'\">{{testButton}}</button></md-card-title>\n <md-card-content>\n <div id=\"mirrored-video\">\n <div *ngIf=\"showSpinner\" id=\"loader\">\n <div class=\"loader-1 center\"><span></span></div>\n </div>\n <!--<md-spinner *ngIf=\"showSpinner\" [color]=\"color\"></md-spinner>-->\n <div *ngIf=\"session\" id=\"tick-div\">\n <div id=\"tooltip-tick\" *ngIf=\"testStatus=='PLAYING'\" mdTooltip=\"The connection is successful\" mdTooltipPosition=\"below\"></div>\n <div [class]=\"testStatus=='PLAYING' ? 'trigger drawn' : 'trigger'\"></div>\n <svg version=\"1.1\" id=\"tick\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n viewBox=\"-1 -1 39 39\" style=\"enable-background:new 0 0 37 37;\" xml:space=\"preserve\">\n <path class=\"circ path\" style=\"fill:none;stroke:#06d362;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;\" d=\"\n\tM30.5,6.5L30.5,6.5c6.6,6.6,6.6,17.4,0,24l0,0c-6.6,6.6-17.4,6.6-24,0l0,0c-6.6-6.6-6.6-17.4,0-24l0,0C13.1-0.2,23.9-0.2,30.5,6.5z\"\n />\n <polyline class=\"tick path\" style=\"fill:none;stroke:#06d362;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;\" points=\"\n\t11.6,20 15.9,24.2 26.4,13.8 \" />\n </svg>\n </div>\n </div>\n <div id=\"msg-chain\"><p *ngFor=\"let msg of msgChain\">{{msg}}</p></div>\n </md-card-content>\n </md-card>\n </div>\n\n</div>\n"
/***/ }),
/***/ 258:
/***/ (function(module, exports) {
module.exports = "<p>\n session-details works!\n</p>\n"
/***/ }),
/***/ 411:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(164);
/***/ }),
/***/ 55:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__(6);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoService; });
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var InfoService = (function () {
function InfoService() {
this.newInfo$ = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["Subject"]();
}
InfoService.prototype.getInfo = function () {
return this.info;
};
InfoService.prototype.updateInfo = function (info) {
this.info = info;
this.newInfo$.next(info);
};
return InfoService;
}());
InfoService = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["c" /* Injectable */])(),
__metadata("design:paramtypes", [])
], InfoService);
//# sourceMappingURL=info.service.js.map
/***/ }),
/***/ 97:
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(5);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CredentialsDialogComponent; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CredentialsDialogComponent; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@ -421,32 +288,57 @@ var CredentialsDialogComponent = (function () {
CredentialsDialogComponent.prototype.testVideo = function () { CredentialsDialogComponent.prototype.testVideo = function () {
this.myReference.close(this.secret); this.myReference.close(this.secret);
}; };
return CredentialsDialogComponent; CredentialsDialogComponent = __decorate([
}()); Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({
CredentialsDialogComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* Component */])({
selector: 'app-credentials-dialog', selector: 'app-credentials-dialog',
template: "\n <div>\n <h1 md-dialog-title>\n Insert your secret\n </h1>\n <form #dialogForm (ngSubmit)=\"testVideo()\">\n <md-dialog-content>\n <md-input-container>\n <input mdInput name=\"secret\" type=\"password\" [(ngModel)]=\"secret\">\n </md-input-container>\n </md-dialog-content>\n <md-dialog-actions>\n <button md-button md-dialog-close>CANCEL</button>\n <button md-button id=\"join-btn\" type=\"submit\">TEST</button>\n </md-dialog-actions>\n </form>\n </div>\n ", template: "\n <div>\n <h1 mat-dialog-title>\n Insert your secret\n </h1>\n <form #dialogForm (ngSubmit)=\"testVideo()\">\n <mat-dialog-content>\n <mat-input-container>\n <input matInput name=\"secret\" type=\"password\" [(ngModel)]=\"secret\">\n </mat-input-container>\n </mat-dialog-content>\n <mat-dialog-actions>\n <button mat-button mat-dialog-close>CANCEL</button>\n <button mat-button id=\"join-btn\" type=\"submit\">TEST</button>\n </mat-dialog-actions>\n </form>\n </div>\n ",
styles: ["\n #quality-div {\n margin-top: 20px;\n }\n #join-div {\n margin-top: 25px;\n margin-bottom: 20px;\n }\n #quality-tag {\n display: block;\n }\n h5 {\n margin-bottom: 10px;\n text-align: left;\n }\n #joinWithVideo {\n margin-right: 50px;\n }\n md-dialog-actions {\n display: block;\n }\n #join-btn {\n float: right;\n }\n "], styles: ["\n #quality-div {\n margin-top: 20px;\n }\n #join-div {\n margin-top: 25px;\n margin-bottom: 20px;\n }\n #quality-tag {\n display: block;\n }\n h5 {\n margin-bottom: 10px;\n text-align: left;\n }\n #joinWithVideo {\n margin-right: 50px;\n }\n mat-dialog-actions {\n display: block;\n }\n #join-btn {\n float: right;\n }\n "],
}), }),
__metadata("design:paramtypes", []) __metadata("design:paramtypes", [])
], CredentialsDialogComponent); ], CredentialsDialogComponent);
return CredentialsDialogComponent;
}());
//# sourceMappingURL=credentials-dialog.component.js.map
/***/ }), /***/ }),
/***/ 98: /***/ "../../../../../src/app/components/dashboard/dashboard.component.css":
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__("../../../../css-loader/lib/css-base.js")(false);
// imports
// module
exports.push([module.i, "#dashboard-div {\n padding: 20px;\n}\n\n#log {\n height: 90%;\n}\n\n#log-content {\n height: 90%;\n font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;\n overflow-y: auto;\n overflow-x: hidden\n}\n\nul {\n margin: 0;\n}\n\n#test-btn {\n text-transform: uppercase;\n float: right;\n}\n\nmat-card-title button.blue {\n color: #ffffff;\n background-color: #0088aa;\n}\n\nmat-card-title button.yellow {\n color: rgba(0, 0, 0, 0.87);\n background-color: #ffcc00;\n}\n\nmat-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n#tick-div {\n width: 100px;\n height: 100px;\n z-index: 1;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n#tooltip-tick {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n}\n\n.circ {\n opacity: 0;\n stroke-dasharray: 130;\n stroke-dashoffset: 130;\n transition: all 1s;\n}\n\n.tick {\n stroke-dasharray: 50;\n stroke-dashoffset: 50;\n transition: stroke-dashoffset 1s 0.5s ease-out;\n}\n\n.drawn+svg .path {\n opacity: 1;\n stroke-dashoffset: 0;\n}\n\n#mirrored-video {\n position: relative;\n}\n\n\n/* Pure CSS loader */\n\n#loader {\n width: 100px;\n height: 100px;\n z-index: 1;\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n}\n\n#loader * {\n box-sizing: border-box;\n}\n\n#loader ::after {\n box-sizing: border-box;\n}\n\n#loader ::before {\n box-sizing: border-box;\n}\n\n.loader-1 {\n height: 100px;\n width: 100px;\n -webkit-animation: loader-1-1 4.8s linear infinite;\n animation: loader-1-1 4.8s linear infinite;\n}\n\n@-webkit-keyframes loader-1-1 {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n\n@keyframes loader-1-1 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n.loader-1 span {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n height: 100px;\n width: 100px;\n clip: rect(0, 100px, 100px, 50px);\n -webkit-animation: loader-1-2 1.2s linear infinite;\n animation: loader-1-2 1.2s linear infinite;\n}\n\n@-webkit-keyframes loader-1-2 {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(220deg);\n }\n}\n\n@keyframes loader-1-2 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(220deg);\n transform: rotate(220deg);\n }\n}\n\n.loader-1 span::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n height: 100px;\n width: 100px;\n clip: rect(0, 100px, 100px, 50px);\n border: 8px solid #4d4d4d;\n border-radius: 50%;\n -webkit-animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;\n animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;\n}\n\n@-webkit-keyframes loader-1-3 {\n 0% {\n -webkit-transform: rotate(-140deg);\n }\n 50% {\n -webkit-transform: rotate(-160deg);\n }\n 100% {\n -webkit-transform: rotate(140deg);\n }\n}\n\n@keyframes loader-1-3 {\n 0% {\n -webkit-transform: rotate(-140deg);\n transform: rotate(-140deg);\n }\n 50% {\n -webkit-transform: rotate(-160deg);\n transform: rotate(-160deg);\n }\n 100% {\n -webkit-transform: rotate(140deg);\n transform: rotate(140deg);\n }\n}", ""]);
// exports
/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();
/***/ }),
/***/ "../../../../../src/app/components/dashboard/dashboard.component.html":
/***/ (function(module, exports) {
module.exports = "<div id=\"dashboard-div\" fxLayout=\"row\" fxLayout.xs=\"column\" fxLayoutGap=\"20px\" fxFlexFill>\n\n <div fxLayout=\"column\" fxFlex=\"66%\" fxFlexOrder=\"1\" fxFlexOrder.xs=\"2\">\n <mat-card id=\"log\">\n <mat-card-title>Server events\n <mat-slide-toggle title=\"Lock Scroll\" [(ngModel)]=\"lockScroll\" style=\"float: right; margin-left: auto;\">\n <mat-icon>lock_outline</mat-icon>\n </mat-slide-toggle>\n </mat-card-title>\n <mat-divider></mat-divider>\n <mat-card-content #scrollMe id=\"log-content\">\n <ul>\n <li *ngFor=\"let i of info\">\n <p>{{i}}</p>\n </li>\n </ul>\n </mat-card-content>\n </mat-card>\n </div>\n\n <div fxLayout=\"column\" fxFlex=\"33%\" fxFlexOrder=\"2\" fxFlexOrder.xs=\"1\">\n <mat-card id=\"video-loop\">\n <mat-card-title>Test the connection\n <button id=\"test-btn\" mat-raised-button [ngClass]=\"testStatus == 'DISCONNECTED' ? 'blue' : (testStatus == 'PLAYING' ? 'yellow' : 'disabled')\" (click)=\"toggleTestVideo()\" [disabled]=\"testStatus==='CONNECTING' || testStatus==='CONNECTED'\">{{testButton}}</button>\n </mat-card-title>\n <mat-card-content>\n <div id=\"mirrored-video\">\n <div *ngIf=\"showSpinner\" id=\"loader\">\n <div class=\"loader-1 center\"><span></span></div>\n </div>\n <div *ngIf=\"session\" id=\"tick-div\">\n <div id=\"tooltip-tick\" *ngIf=\"testStatus=='PLAYING'\" matTooltip=\"The connection is successful\" matTooltipPosition=\"below\"></div>\n <div [ngClass]=\"testStatus=='PLAYING' ? 'trigger drawn' : 'trigger'\"></div>\n <svg version=\"1.1\" id=\"tick\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n viewBox=\"-1 -1 39 39\" style=\"enable-background:new 0 0 37 37;\" xml:space=\"preserve\">\n <path class=\"circ path\" style=\"fill:none;stroke:#06d362;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;\" d=\"\n\tM30.5,6.5L30.5,6.5c6.6,6.6,6.6,17.4,0,24l0,0c-6.6,6.6-17.4,6.6-24,0l0,0c-6.6-6.6-6.6-17.4,0-24l0,0C13.1-0.2,23.9-0.2,30.5,6.5z\"\n />\n <polyline class=\"tick path\" style=\"fill:none;stroke:#06d362;stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10;\" points=\"\n\t11.6,20 15.9,24.2 26.4,13.8 \" />\n </svg>\n </div>\n </div>\n <div id=\"msg-chain\"><p *ngFor=\"let msg of msgChain\">{{msg}}</p></div>\n </mat-card-content>\n </mat-card>\n </div>\n</div>\n"
/***/ }),
/***/ "../../../../../src/app/components/dashboard/dashboard.component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(5);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_material__ = __webpack_require__(96);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__services_info_service__ = __webpack_require__(55);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_openvidu_browser__ = __webpack_require__(252);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_openvidu_browser___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_openvidu_browser__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__credentials_dialog_component__ = __webpack_require__(97);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DashboardComponent; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DashboardComponent; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_material__ = __webpack_require__("../../../material/esm5/material.es5.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__services_info_service__ = __webpack_require__("../../../../../src/app/services/info.service.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_openvidu_browser__ = __webpack_require__("../../../../openvidu-browser/lib/OpenVidu/index.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_openvidu_browser___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_openvidu_browser__);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__credentials_dialog_component__ = __webpack_require__("../../../../../src/app/components/dashboard/credentials-dialog.component.ts");
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@ -586,38 +478,62 @@ var DashboardComponent = (function () {
console.error('[Error]:' + err.toString()); console.error('[Error]:' + err.toString());
} }
}; };
return DashboardComponent; __decorate([
}()); Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_12" /* ViewChild */])('scrollMe'),
__decorate([ __metadata("design:type", __WEBPACK_IMPORTED_MODULE_0__angular_core__["u" /* ElementRef */])
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_8" /* ViewChild */])('scrollMe'), ], DashboardComponent.prototype, "myScrollContainer", void 0);
__metadata("design:type", typeof (_a = typeof __WEBPACK_IMPORTED_MODULE_0__angular_core__["j" /* ElementRef */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_0__angular_core__["j" /* ElementRef */]) === "function" && _a || Object) __decorate([
], DashboardComponent.prototype, "myScrollContainer", void 0); Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["A" /* HostListener */])('window:beforeunload'),
__decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_13" /* HostListener */])('window:beforeunload'),
__metadata("design:type", Function), __metadata("design:type", Function),
__metadata("design:paramtypes", []), __metadata("design:paramtypes", []),
__metadata("design:returntype", void 0) __metadata("design:returntype", void 0)
], DashboardComponent.prototype, "beforeunloadHandler", null); ], DashboardComponent.prototype, "beforeunloadHandler", null);
DashboardComponent = __decorate([ DashboardComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* Component */])({ Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({
selector: 'app-dashboard', selector: 'app-dashboard',
template: __webpack_require__(257), template: __webpack_require__("../../../../../src/app/components/dashboard/dashboard.component.html"),
styles: [__webpack_require__(233)], styles: [__webpack_require__("../../../../../src/app/components/dashboard/dashboard.component.css")],
}), }),
__metadata("design:paramtypes", [typeof (_b = typeof __WEBPACK_IMPORTED_MODULE_2__services_info_service__["a" /* InfoService */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_2__services_info_service__["a" /* InfoService */]) === "function" && _b || Object, typeof (_c = typeof __WEBPACK_IMPORTED_MODULE_1__angular_material__["j" /* MdDialog */] !== "undefined" && __WEBPACK_IMPORTED_MODULE_1__angular_material__["j" /* MdDialog */]) === "function" && _c || Object]) __metadata("design:paramtypes", [__WEBPACK_IMPORTED_MODULE_2__services_info_service__["a" /* InfoService */], __WEBPACK_IMPORTED_MODULE_1__angular_material__["d" /* MatDialog */]])
], DashboardComponent); ], DashboardComponent);
return DashboardComponent;
}());
var _a, _b, _c;
//# sourceMappingURL=dashboard.component.js.map
/***/ }), /***/ }),
/***/ 99: /***/ "../../../../../src/app/components/session-details/session-details.component.css":
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__("../../../../css-loader/lib/css-base.js")(false);
// imports
// module
exports.push([module.i, "", ""]);
// exports
/*** EXPORTS FROM exports-loader ***/
module.exports = module.exports.toString();
/***/ }),
/***/ "../../../../../src/app/components/session-details/session-details.component.html":
/***/ (function(module, exports) {
module.exports = "<p>\n session-details works!\n</p>\n"
/***/ }),
/***/ "../../../../../src/app/components/session-details/session-details.component.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__(5);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SessionDetailsComponent; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SessionDetailsComponent; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@ -633,20 +549,105 @@ var SessionDetailsComponent = (function () {
} }
SessionDetailsComponent.prototype.ngOnInit = function () { SessionDetailsComponent.prototype.ngOnInit = function () {
}; };
return SessionDetailsComponent; SessionDetailsComponent = __decorate([
}()); Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["n" /* Component */])({
SessionDetailsComponent = __decorate([
__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_5" /* Component */])({
selector: 'app-session-details', selector: 'app-session-details',
template: __webpack_require__(258), template: __webpack_require__("../../../../../src/app/components/session-details/session-details.component.html"),
styles: [__webpack_require__(234)] styles: [__webpack_require__("../../../../../src/app/components/session-details/session-details.component.css")]
}), }),
__metadata("design:paramtypes", []) __metadata("design:paramtypes", [])
], SessionDetailsComponent); ], SessionDetailsComponent);
return SessionDetailsComponent;
}());
/***/ }),
/***/ "../../../../../src/app/services/info.service.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return InfoService; });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__ = __webpack_require__("../../../../rxjs/_esm5/Subject.js");
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var InfoService = (function () {
function InfoService() {
this.newInfo$ = new __WEBPACK_IMPORTED_MODULE_1_rxjs_Subject__["a" /* Subject */]();
}
InfoService.prototype.getInfo = function () {
return this.info;
};
InfoService.prototype.updateInfo = function (info) {
this.info = info;
this.newInfo$.next(info);
};
InfoService = __decorate([
Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["C" /* Injectable */])(),
__metadata("design:paramtypes", [])
], InfoService);
return InfoService;
}());
/***/ }),
/***/ "../../../../../src/environments/environment.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return environment; });
// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `.angular-cli.json`.
var environment = {
production: false
};
/***/ }),
/***/ "../../../../../src/main.ts":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/esm5/core.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__ = __webpack_require__("../../../platform-browser-dynamic/esm5/platform-browser-dynamic.js");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__app_app_module__ = __webpack_require__("../../../../../src/app/app.module.ts");
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__environments_environment__ = __webpack_require__("../../../../../src/environments/environment.ts");
if (__WEBPACK_IMPORTED_MODULE_3__environments_environment__["a" /* environment */].production) {
Object(__WEBPACK_IMPORTED_MODULE_0__angular_core__["_18" /* enableProdMode */])();
}
Object(__WEBPACK_IMPORTED_MODULE_1__angular_platform_browser_dynamic__["a" /* platformBrowserDynamic */])().bootstrapModule(__WEBPACK_IMPORTED_MODULE_2__app_app_module__["a" /* AppModule */]);
/***/ }),
/***/ 0:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__("../../../../../src/main.ts");
//# sourceMappingURL=session-details.component.js.map
/***/ }) /***/ })
},[411]); },[0]);
//# sourceMappingURL=main.bundle.js.map //# sourceMappingURL=main.bundle.js.map

2
openvidu-server/src/main/resources/static/main.bundle.js.map
View File

File diff suppressed because one or more lines are too long

3094
openvidu-server/src/main/resources/static/polyfills.bundle.js
View File

File diff suppressed because it is too large Load Diff

2
openvidu-server/src/main/resources/static/polyfills.bundle.js.map
View File

File diff suppressed because one or more lines are too long

2095
openvidu-server/src/main/resources/static/styles.bundle.js
View File

File diff suppressed because one or more lines are too long

2
openvidu-server/src/main/resources/static/styles.bundle.js.map
View File

File diff suppressed because one or more lines are too long

270312
openvidu-server/src/main/resources/static/vendor.bundle.js
View File

File diff suppressed because one or more lines are too long

2
openvidu-server/src/main/resources/static/vendor.bundle.js.map
View File

File diff suppressed because one or more lines are too long