Extract demo page to 'dashboard' component

This commit is contained in:
Kristóf Tóth
2018-02-16 11:19:52 +01:00
parent 3178fcc7e6
commit 80de695fa1
8 changed files with 44 additions and 26 deletions

View File

@ -0,0 +1,11 @@
<app-header></app-header>
<div class="container-fluid">
<div class="row tfw-first-row">
<div class="col-sm"><app-login></app-login></div>
<div class="col-sm-6"><app-webide></app-webide></div>
<div class="col-sm"><app-messages></app-messages></div>
</div>
<div class="row tfw-second-row">
<div class="col-sm"><app-terminal></app-terminal></div>
</div>
</div>

View File

@ -0,0 +1,5 @@
.tfw-first-row {
height: 40vh;
}
.tfw-second-row {}

View File

@ -0,0 +1,18 @@
import { Component, OnInit } from '@angular/core';
import { WebSocketService } from '../websocket.service';
import { FSMUpdateService } from '../fsmupdate.service';
@Component({
selector: 'app-dashboard',
templateUrl: './dashboard.component.html',
styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent implements OnInit {
constructor(private webSocketService: WebSocketService, private fsmUpdateService: FSMUpdateService) {}
ngOnInit() {
this.webSocketService.connect();
this.webSocketService.send('reset', '');
this.fsmUpdateService.init();
}
}