From 1177f4b29b616a59af39f4aef11b116f9660357d Mon Sep 17 00:00:00 2001 From: Danijel Anđelković Date: Sat, 23 Apr 2022 01:28:46 +0200 Subject: Reorganizovao stranice i komponente. --- .../src/app/_pages/experiment/experiment.component.ts | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 frontend/src/app/_pages/experiment/experiment.component.ts (limited to 'frontend/src/app/_pages/experiment/experiment.component.ts') diff --git a/frontend/src/app/_pages/experiment/experiment.component.ts b/frontend/src/app/_pages/experiment/experiment.component.ts new file mode 100644 index 00000000..16de7351 --- /dev/null +++ b/frontend/src/app/_pages/experiment/experiment.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-experiment', + templateUrl: './experiment.component.html', + styleUrls: ['./experiment.component.css'] +}) +export class ExperimentComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} -- cgit v1.2.3 From 9d9cab4488805993ff6f8134f1a31ba6930f8c5e Mon Sep 17 00:00:00 2001 From: Ognjen Cirkovic Date: Sun, 24 Apr 2022 02:45:18 +0200 Subject: Dodat navbar sa leve strane. Odradjen dizajn. Dodat poziv test funkcije po promeni steppera. --- .../app/_pages/experiment/experiment.component.css | 36 ++++++++++++++++++++ .../_pages/experiment/experiment.component.html | 39 ++++++++++++++++++++-- .../app/_pages/experiment/experiment.component.ts | 6 +++- 3 files changed, 78 insertions(+), 3 deletions(-) (limited to 'frontend/src/app/_pages/experiment/experiment.component.ts') diff --git a/frontend/src/app/_pages/experiment/experiment.component.css b/frontend/src/app/_pages/experiment/experiment.component.css index e69de29b..4b16b450 100644 --- a/frontend/src/app/_pages/experiment/experiment.component.css +++ b/frontend/src/app/_pages/experiment/experiment.component.css @@ -0,0 +1,36 @@ +ul{ + list-style: none; +} +.navmenu{ + position: absolute; + background-color: var(--ns-bg-dark-50); + height: 100%; +} +.navmenuwrapper{ + position: relative; + top:40%; + transform: translateY(-50%); +} + + +mat-stepper{ + background-color: transparent; +} + +::ng-deep .mat-step-header .mat-step-icon .mat-step-content{ + background-color: white; + color:var(--ns-primary); + } +::ng-deep .mat-step-header .mat-step-icon{ + color:white; +} +::ng-deep .mat-step-header .mat-step-icon-state-done{ + background: var(--ns-primary); + color:var(--ns-primary) +} +::ng-deep .mat-step-header .mat-step-icon-state-done .label{ + color:var(--ns-primary) +} +.label{ + color: white; +} \ No newline at end of file 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 @@ -

experiment works!

- \ No newline at end of file + +
+ + + + + + + +
+ + + diff --git a/frontend/src/app/_pages/experiment/experiment.component.ts b/frontend/src/app/_pages/experiment/experiment.component.ts index 16de7351..f06a7c48 100644 --- a/frontend/src/app/_pages/experiment/experiment.component.ts +++ b/frontend/src/app/_pages/experiment/experiment.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from '@angular/core'; - +import { StepperSelectionEvent } from '@angular/cdk/stepper'; @Component({ selector: 'app-experiment', templateUrl: './experiment.component.html', @@ -12,4 +12,8 @@ export class ExperimentComponent implements OnInit { ngOnInit(): void { } + test(event:StepperSelectionEvent){ + console.log(event); + } + } -- cgit v1.2.3 From 8141381f7caefb7b14e02e7a19224c563db4df9b Mon Sep 17 00:00:00 2001 From: Ognjen Cirkovic 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/experiment.component.ts') 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 @@ - +