Omogucen rad navigacionom menija.

2 files changed, 18 insertions, 4 deletions

diff --git a/frontend/src/app/_pages/experiment/experiment.component.html b/frontend/src/app/_pages/experiment/experiment.component.html
index e0746d4a..2f1a86fd 100644
--- a/frontend/src/app/_pages/experiment/experiment.component.html
+++ b/frontend/src/app/_pages/experiment/experiment.component.html
@@ -1,9 +1,9 @@
-<app-folder></app-folder>
+
 <div class="wrapper">   
     
     <nav class="navmenu">
         <div class="navmenuwrapper text-offwhite">
-          <mat-stepper orientation="vertical" (selectionChange)="test($event)">
+          <mat-stepper orientation="vertical" (selectionChange)="ChangePage($event)">
             <mat-step>
               <ng-template matStepLabel><span class="label">Izvor podataka</span></ng-template>
               <ng-template matStepContent>
@@ -33,5 +33,14 @@
 
 </div>
 
+<div *ngIf="event==0"><app-folder></app-folder></div>
+<div *ngIf="event==1">
+  <div class="text-offwhite" style="height: 100px;width: 100px;background-color: red;top:50%;left: 50%;position: absolute;">Insert odabir kolona</div>
+</div>
+<div *ngIf="event==2">
+  <div class="text-offwhite" style="height: 100px;width: 100px;background-color: blue;top:50%;left: 50%;position: absolute;">Insert treniranje</div>
+</div>
+
+
 
 
diff --git a/frontend/src/app/_pages/experiment/experiment.component.ts b/frontend/src/app/_pages/experiment/experiment.component.ts
index f06a7c48..c8b301ca 100644
--- a/frontend/src/app/_pages/experiment/experiment.component.ts
+++ b/frontend/src/app/_pages/experiment/experiment.component.ts
@@ -7,13 +7,18 @@ import { StepperSelectionEvent } from '@angular/cdk/stepper';
 })
 export class ExperimentComponent implements OnInit {
 
+event:number=0;
+
+
   constructor() { }
 
   ngOnInit(): void {
   }
 
-  test(event:StepperSelectionEvent){
-    console.log(event);
+  ChangePage(event:StepperSelectionEvent){
+    this.event=event.selectedIndex;
+    console.log(this.event);
+
   }
 
 }