Invite-link component

Author: DiegoMzmn

frontend/src/app/app.module.ts

@@ -48,6 +48,7 @@ import { AssistantsComponent } from './shared/components/menu/assistants/assista
 import { UserService } from './shared/services/user.service';
 import { LoginComponent } from './shared/components/login/login.component';
 import { PopupComponent } from './shared/components/popup/popup.component';
+import { InviteLinkComponent } from './invite/invite-link/invite-link.component';
 
 @NgModule({
   declarations: [
@@ -66,7 +67,8 @@ import { PopupComponent } from './shared/components/popup/popup.component';
     InviteComponent,
     AssistantsComponent,
     LoginComponent,
-    PopupComponent
+    PopupComponent,
+    InviteLinkComponent
   ],
   imports: [
     FormsModule,

frontend/src/app/dashboard/dashboard.component.ts

@@ -4,6 +4,7 @@ import { Component, OnInit, ViewChild, TemplateRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { Room } from '../shared/models/room-model';
 import { MatSnackBar, MatDialogRef, MatDialog } from '@angular/material';
+import { InviteLinkComponent } from '../invite/invite-link/invite-link.component';
 
 @Component({
   selector: 'app-dashboard',
@@ -53,13 +54,13 @@ export class DashboardComponent implements OnInit {
   }
 
   getInviteURL(roomName: string, role:string){
-    this.roomSrv.getRoomCode(roomName, role).subscribe(
-      code => {
-        let url:string = window.location.origin + '/#/invite/' + code;
-        this.urlSnackBar.open(url, 'Close');
-      },
-      error => console.error(error)
-    );
+    this.urlSnackBar.openFromComponent(InviteLinkComponent, {
+      data: {
+        roomName: roomName,
+        role: role,
+        dismiss: () => {this.urlSnackBar.dismiss()}
+      }
+    });
   }
 
   openAddRoomDialog() {

frontend/src/app/invite/invite-link/invite-link.component.css

@@ -0,0 +1,4 @@
+<span>{{url}}</span>
+<button mat-icon-button color="warn" (click)="dismiss()">
+    <mat-icon>close</mat-icon>
+</button>

frontend/src/app/invite/invite-link/invite-link.component.html

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InviteLinkComponent } from './invite-link.component';
+
+describe('InviteLinkComponent', () => {
+  let component: InviteLinkComponent;
+  let fixture: ComponentFixture<InviteLinkComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ InviteLinkComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(InviteLinkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

frontend/src/app/invite/invite-link/invite-link.component.spec.ts

@@ -0,0 +1,36 @@
+import { RoomService } from './../../shared/services/room.service';
+import { Component, OnInit, Inject } from '@angular/core';
+import { MAT_SNACK_BAR_DATA } from '@angular/material';
+
+@Component({
+  selector: 'app-invite-link',
+  templateUrl: './invite-link.component.html',
+  styleUrls: ['./invite-link.component.css']
+})
+export class InviteLinkComponent implements OnInit {
+
+  url: string;
+
+  constructor(
+    @Inject(MAT_SNACK_BAR_DATA) public data: any,
+    private roomSrv: RoomService
+  ) { }
+
+  ngOnInit() {
+    this.getLink();
+  }
+
+  private getLink() {
+    this.roomSrv.getRoomCode(this.data.roomName, this.data.role).subscribe(
+      code => {
+        this.url = window.location.origin + '/#/invite/' + code;
+      },
+      error => console.error(error)
+    );
+  }
+
+  private dismiss() {
+    this.data.dismiss();
+  }
+
+}

frontend/src/app/invite/invite-link/invite-link.component.ts

@@ -5,6 +5,7 @@ import { UserModel } from '../../models/user-model';
 import { ApiService } from '../../services/api.service';
 import { OvSettings } from '../../models/ov-settings';
 import { MatSnackBar } from '@angular/material';
+import { InviteLinkComponent } from 'src/app/invite/invite-link/invite-link.component';
 
 @Component({
   selector: 'app-toolbar',
@@ -94,13 +95,13 @@ export class ToolbarComponent implements OnInit {
   }
 
   getInviteURL(role:string){
-    this.roomSrv.getRoomCode(this.mySessionId, role).subscribe(
-      code => {
-        let url:string = window.location.origin + '/#/invite/' + code;
-        this.urlSnackBar.open(url, 'Close');
-      },
-      error => console.error(error)
-    );
+    this.urlSnackBar.openFromComponent(InviteLinkComponent, {
+      data: {
+        roomName: this.mySessionId,
+        role: role,
+        dismiss: () => {this.urlSnackBar.dismiss()} 
+      }
+    });
   }
 
   toggleFullscreen() {