mirror of
https://github.com/avatao-content/frontend-tutorial-framework
synced 2025-06-28 23:15:12 +00:00
Extract demo page to 'dashboard' component
This commit is contained in:
11
src/app/dashboard/dashboard.component.html
Normal file
11
src/app/dashboard/dashboard.component.html
Normal 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>
|
5
src/app/dashboard/dashboard.component.scss
Normal file
5
src/app/dashboard/dashboard.component.scss
Normal file
@ -0,0 +1,5 @@
|
||||
.tfw-first-row {
|
||||
height: 40vh;
|
||||
}
|
||||
|
||||
.tfw-second-row {}
|
18
src/app/dashboard/dashboard.component.ts
Normal file
18
src/app/dashboard/dashboard.component.ts
Normal 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();
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user