diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index cf0d78fb21c73226dd07370070cdcee25faa9bd6..45e7d7d55166822589f058d307c662e2193818bf 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -27,7 +27,6 @@ import { MarkdownService, MarkedOptions } from 'ngx-markdown';
import { NewLandingComponent } from './components/home/new-landing/new-landing.component';
import { RoomCreateComponent } from './components/home/_dialogs/room-create/room-create.component';
import { HomePageComponent } from './components/home/home-page/home-page.component';
-import {RoomJoinComponent} from "./components/home/room-join/room-join.component";
export function dialogClose(dialogResult: any) {
}
@@ -41,8 +40,7 @@ export function dialogClose(dialogResult: any) {
UserActivationComponent,
NewLandingComponent,
RoomCreateComponent,
- HomePageComponent,
- RoomJoinComponent
+ HomePageComponent
],
entryComponents: [
RegisterComponent,
diff --git a/src/app/components/home/new-landing/new-landing.component.html b/src/app/components/home/new-landing/new-landing.component.html
index 05795cd9e8cd72f79f24dc59e6e91aec956ecbd4..28a631e77dabf7f870755d4099b2c7d1438c99df 100644
--- a/src/app/components/home/new-landing/new-landing.component.html
+++ b/src/app/components/home/new-landing/new-landing.component.html
@@ -1,16 +1,5 @@
<div fxLayout="column" fxLayoutAlign="center center" fxlayoutgap="50px" fxFill>
- <form>
- <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
- <mat-form-field class="number">
- <input matInput #roomId placeholder="Join Session!" maxlength="8"/>
- <mat-hint align="end">{{roomId.value.length}} / 8</mat-hint>
- </mat-form-field>
- <button mat-fab color="primary" type="submit" (click)="joinRoom(roomId.value)">
- <mat-icon>input</mat-icon>
- </button>
- </div>
- </form>
- <button mat-button class="demo" color="primary" (click)="joinDemo()">Demo Session<mat-icon color="accent">lightbulb_outline</mat-icon></button>
+ <app-room-join></app-room-join>
<button mat-fab class="fab-extended" color="accent" (click)="openCreateRoomDialog()">
<mat-icon class="add">add</mat-icon>
Create Session
diff --git a/src/app/components/home/new-landing/new-landing.component.scss b/src/app/components/home/new-landing/new-landing.component.scss
index 6c52bd72d2149b9bbdce9b18502081210a067488..a342b846ba891e90b32a58aba021a90d1a642834 100644
--- a/src/app/components/home/new-landing/new-landing.component.scss
+++ b/src/app/components/home/new-landing/new-landing.component.scss
@@ -1,11 +1,3 @@
-.demo {
- margin-bottom: 20px;
-}
-
-form {
- padding-top: 40px;
-}
-
.fab-extended {
width: 75%;
height: 50px;
@@ -14,10 +6,6 @@ form {
font-size: large;
}
-mat-form-field {
- font-size: x-large;
-}
-
.add {
transform: scale(1.4);
padding-right: 5px;
diff --git a/src/app/components/home/room-join/room-join.component.html b/src/app/components/home/room-join/room-join.component.html
deleted file mode 100644
index c26e85683c0107b338b9fd5b1a5959ecffa4a5e7..0000000000000000000000000000000000000000
--- a/src/app/components/home/room-join/room-join.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<form (ngSubmit)="joinRoom(roomId.value)">
- <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
- <mat-form-field class="input-block">
- <input matInput #roomId placeholder="{{ 'home-page.session-id' | translate}}" [formControl]="roomFormControl"
- [errorStateMatcher]="matcher" maxlength="8"/>
- <mat-hint align="end">{{roomId.value.length}} / 8</mat-hint>
- <mat-error *ngIf="roomFormControl.hasError('required')">{{ 'home-page.please-enter' | translate}}</mat-error>
- <mat-error *ngIf="roomFormControl.hasError('minlength')">{{ 'home-page.exactly-8' | translate}}</mat-error>
- </mat-form-field>
- <button mat-fab color="primary" type="submit">
- <mat-icon>input</mat-icon>
- </button>
- </div>
-</form>
-<button mat-button color="primary" (click)="joinDemo()">{{ 'home-page.join-demo-session' | translate}}<mat-icon color="accent">lightbulb_outline</mat-icon></button>
diff --git a/src/app/components/home/room-join/room-join.component.scss b/src/app/components/home/room-join/room-join.component.scss
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git a/src/app/components/shared/room-join/room-join.component.html b/src/app/components/shared/room-join/room-join.component.html
new file mode 100644
index 0000000000000000000000000000000000000000..857edf781f36e06a886be74502122bcf102726f9
--- /dev/null
+++ b/src/app/components/shared/room-join/room-join.component.html
@@ -0,0 +1,17 @@
+<div fxLayout="column" fxLayoutAlign="center center" fxlayoutgap="50px" fxFill>
+<form (ngSubmit)="joinRoom(roomId.value)">
+ <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
+ <mat-form-field class="number">
+ <input matInput #roomId placeholder="Join Session!" [formControl]="roomFormControl"
+ [errorStateMatcher]="matcher" maxlength="8"/>
+ <mat-hint align="end">{{roomId.value.length}} / 8</mat-hint>
+ <mat-error *ngIf="roomFormControl.hasError('required')">{{ 'home-page.please-enter' | translate}}</mat-error>
+ <mat-error *ngIf="roomFormControl.hasError('minlength')">{{ 'home-page.exactly-8' | translate}}</mat-error>
+ </mat-form-field>
+ <button mat-fab color="primary" type="submit">
+ <mat-icon>input</mat-icon>
+ </button>
+ </div>
+</form>
+<button mat-button class="demo" color="primary" (click)="joinDemo()">Demo Session<mat-icon color="accent">lightbulb_outline</mat-icon></button>
+</div>
diff --git a/src/app/components/shared/room-join/room-join.component.scss b/src/app/components/shared/room-join/room-join.component.scss
new file mode 100644
index 0000000000000000000000000000000000000000..62749754dff1e4205093b7d6d023ed965c7208d6
--- /dev/null
+++ b/src/app/components/shared/room-join/room-join.component.scss
@@ -0,0 +1,11 @@
+mat-form-field {
+ font-size: x-large;
+}
+
+form {
+ padding-top: 40px;
+}
+
+.demo {
+ margin-bottom: 20px;
+}
diff --git a/src/app/components/home/room-join/room-join.component.spec.ts b/src/app/components/shared/room-join/room-join.component.spec.ts
similarity index 100%
rename from src/app/components/home/room-join/room-join.component.spec.ts
rename to src/app/components/shared/room-join/room-join.component.spec.ts
diff --git a/src/app/components/home/room-join/room-join.component.ts b/src/app/components/shared/room-join/room-join.component.ts
similarity index 95%
rename from src/app/components/home/room-join/room-join.component.ts
rename to src/app/components/shared/room-join/room-join.component.ts
index 259cc449ecfa0b6a0757eb9eb2e4891e534aac53..b639d76c7461f72a9bdec363499ad82a85e39659 100644
--- a/src/app/components/home/room-join/room-join.component.ts
+++ b/src/app/components/shared/room-join/room-join.component.ts
@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
import { Room } from '../../../models/room';
import { RoomService } from '../../../services/http/room.service';
import { Router } from '@angular/router';
-import { RegisterErrorStateMatcher } from '../_dialogs/register/register.component';
+import { RegisterErrorStateMatcher } from '../../home/_dialogs/register/register.component';
import { FormControl, FormGroupDirective, NgForm, Validators } from '@angular/forms';
import { ErrorStateMatcher } from '@angular/material';
import { NotificationService } from '../../../services/util/notification.service';
diff --git a/src/app/components/shared/shared.module.ts b/src/app/components/shared/shared.module.ts
index bed6abd81f4027d323c2e7e4790cf34d6cbde375..9f5382f5159bbbf8f415be97a6f2f8a2f6da3257 100644
--- a/src/app/components/shared/shared.module.ts
+++ b/src/app/components/shared/shared.module.ts
@@ -18,6 +18,7 @@ import { SharedRoutingModule } from './shared-routing.module';
import { ListStatisticComponent } from './list-statistic/list-statistic.component';
import { ChartsModule } from 'ng2-charts';
import { StatisticComponent } from './statistic/statistic.component';
+import { RoomJoinComponent } from './room-join/room-join.component';
@NgModule({
imports: [
@@ -27,6 +28,7 @@ import { StatisticComponent } from './statistic/statistic.component';
SharedRoutingModule
],
declarations: [
+ RoomJoinComponent,
PageNotFoundComponent,
RoomPageComponent,
RoomListComponent,
@@ -45,6 +47,7 @@ import { StatisticComponent } from './statistic/statistic.component';
StatisticComponent
],
exports: [
+ RoomJoinComponent,
PageNotFoundComponent,
RoomPageComponent,
RoomListComponent,