33 lines
849 B
HTML
33 lines
849 B
HTML
<style>
|
|
:host {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
}
|
|
.spinner {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.content {
|
|
padding: 0.5em;
|
|
}
|
|
</style>
|
|
<div *ngIf="dashboard === undefined" class="spinner">
|
|
<mat-spinner></mat-spinner>
|
|
</div>
|
|
<div *ngIf="dashboard !== undefined" class="content">
|
|
<div class="toolbar">
|
|
<button mat-button (click)="addText()">Add Text</button>
|
|
<button mat-button (click)="addPlot()">Add Plot</button>
|
|
<button mat-button (click)="save()">Save Dashboard</button>
|
|
</div>
|
|
<h1>{{dashboard.name}}</h1>
|
|
<p>{{dashboard.description}}</p>
|
|
|
|
<app-text-widget *ngFor="let textWidget of dashboard.texts" [text]="textWidget.text"></app-text-widget>
|
|
<app-plot-widget *ngFor="let p of plotWidgetRenderData" [data]="p"></app-plot-widget>
|
|
</div>
|