aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_pages/experiment/experiment.component.html
blob: 86faeb2a5b456ea25c4259c1c99c9a57f561cbbf (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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div class="container-fluid p-0 text-offwhite holder" style="height: calc(100vh - 64px); text-align: center;">
    <div class="d-flex flex-colum align-items-center sidenav">
        <mat-stepper orientation="vertical" (selectionChange)="changePage($event)">
            <mat-step>
                <!--editable="false"-->
                <ng-template matStepLabel><span class="label">Izvor podataka</span></ng-template>
                <ng-template matStepContent>
                    <p>Izaberite vas izvor podataka</p>
                </ng-template>
            </mat-step>
            <mat-step>
                <ng-template matStepLabel> <span class="label">Odabir kolona</span></ng-template>
                <ng-template matStepContent>
                    <p>Pripremite podatke i izaberite izlazne kolone</p>
                </ng-template>
            </mat-step>
            <mat-step>
                <ng-template matStepLabel><span class="label">Treniranje</span></ng-template>
                <p>Odaberite parametre i trenirajte model</p>
            </mat-step>
            <mat-step>
                <ng-template matStepLabel><span class="label">Pregled rezultata treniranja</span></ng-template>
                <p>Pregledajte tok treniranja i grafički prikaz rezultata</p>
            </mat-step>
        </mat-stepper>
    </div>
    <div #stepsContainer class="steps-container">
        <div #steps id="step_1" class="step-content">
            <div class="step-content-inside">
                <app-folder [type]="FolderType.Dataset" [tabsToShow]="[TabType.MyDatasets, TabType.PublicDatasets, TabType.File]" (okPressed)="goToPage(1)"></app-folder>
            </div>
        </div>
        <div #steps id="step_2" class="step-content">
            <div class="step-content-inside">
                <app-column-table (okPressed)="goToPage(2)"></app-column-table>
            </div>
        </div>
        <div #steps id="step_3" class="step-content">
            <div class="step-content-inside">
                <app-folder [type]="FolderType.Model" (okPressed)="goToPage(3)"></app-folder>
            </div>
        </div>
        <div #steps id="step_4" class="step-content">
            <div class="step-content-inside" >
                <app-metric-view></app-metric-view>
            </div>
        </div>
    </div>
</div>