aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/_charts/line-chart/line-chart.component.html
blob: cc1c01214404da4eba3f6f3604908160c42b8365 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div #wrapper class="position-relative" style="width:100%;height:95%; border: 1px solid var(--ns-accent); background-color: var(--ns-bg-dark-100); border-radius: 15px;">
    <div class="d-flex flex-column align-items-stretch" [ngClass]="{'hide':experiment.type != ProblemType.Regression}" style="width: 100%; height: 90%;">
        <div class="canvas-container">
            <canvas #myChartmae>   
            </canvas>
        </div>
        <div class="canvas-container">
            <canvas #myChartmse>   
            </canvas>
        </div>
    </div>
    <div class="ns-row" [ngClass]="{'hide':experiment.type == ProblemType.Regression}">
        <div class="ns-col">
            <canvas #myChartloss>   
            </canvas>
        </div>
        <div class="ns-col">
            <canvas #myChartacc>
            </canvas>
        </div>
    </div>


    <div class="bottom d-flex flex-row" style="justify-content: space-between; align-items: center;">
        <h3 class="mt-5 mx-2"><span *ngIf="modelName.length > 0 && predictor">Model treniran za konfiguraciju: {{modelName}}</span><span *ngIf="modelName.length > 0 && !predictor">Model se trenira za konfiguraciju: {{modelName}}</span></h3>
        <button *ngIf="predictor" class="mt-5 mx-2 btn-clear dl-button d-flex flex-row" (click)="downloadFile();" style="display: inline-block;" matTooltip="Preuzmi H5" matTooltipPosition="above">
            <mat-icon>download</mat-icon> <div>H5</div>
        </button>
    </div>
</div>