aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_pages/experiment/experiment.component.html
blob: c988a50adbe542e2d7c40231bb21dc54b2b683bb (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
<div class="container-fluid p-0 text-offwhite holder" style="height: calc(100vh - 64px);">
    <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-stepper>
    </div>
    <div #stepsContainer class="steps-container">
        <div #steps id="step_1" class="step-content">
            <app-folder (okPressed)="goToPage(1)"></app-folder>
        </div>
        <div #steps id="step_2" class="step-content">
            <div class="text-offwhite" style="height: 100px;width: 100px;background-color: red;top:50%;left: 50%;position: absolute;">Insert odabir kolona</div>
        </div>
        <div #steps id="step_3" class="step-content">
            
            <app-form-model></app-form-model>
        </div>
    </div>
</div>