From 8141381f7caefb7b14e02e7a19224c563db4df9b Mon Sep 17 00:00:00 2001
From: Ognjen Cirkovic <ciraboxkg@gmail.com>
Date: Sun, 24 Apr 2022 17:45:07 +0200
Subject: Omogucen rad navigacionom menija.

---
 .../src/app/_pages/experiment/experiment.component.html     | 13 +++++++++++--
 frontend/src/app/_pages/experiment/experiment.component.ts  |  9 +++++++--
 2 files changed, 18 insertions(+), 4 deletions(-)

(limited to 'frontend/src/app/_pages/experiment')

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