Dodat navbar sa leve strane. Odradjen dizajn. Dodat poziv test funkcije po promeni steppera.

1 files changed, 37 insertions, 2 deletions

diff --git a/frontend/src/app/_pages/experiment/experiment.component.html b/frontend/src/app/_pages/experiment/experiment.component.html
index 7f4e14ec..e0746d4a 100644
--- a/frontend/src/app/_pages/experiment/experiment.component.html
+++ b/frontend/src/app/_pages/experiment/experiment.component.html
@@ -1,2 +1,37 @@
-<p>experiment works!</p>
-<app-folder></app-folder>
\ No newline at end of file
+<app-folder></app-folder>
+<div class="wrapper">   
+    
+    <nav class="navmenu">
+        <div class="navmenuwrapper text-offwhite">
+          <mat-stepper orientation="vertical" (selectionChange)="test($event)">
+            <mat-step>
+              <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>
+
+          
+
+    </nav>
+    
+    
+
+    
+
+</div>
+
+
+