From 9d9cab4488805993ff6f8134f1a31ba6930f8c5e Mon Sep 17 00:00:00 2001
From: Ognjen Cirkovic <ciraboxkg@gmail.com>
Date: Sun, 24 Apr 2022 02:45:18 +0200
Subject: Dodat navbar sa leve strane. Odradjen dizajn. Dodat poziv test
 funkcije po promeni steppera.

---
 .../_pages/experiment/experiment.component.html    | 39 ++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

(limited to 'frontend/src/app/_pages/experiment/experiment.component.html')

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>
+
+
+
-- 
cgit v1.2.3