Razdvojio eksperiment stranu na dodaj eksperiment i treniraj model.

4 files changed, 119 insertions, 0 deletions

diff --git a/frontend/src/app/training/training.component.css b/frontend/src/app/training/training.component.css
new file mode 100644
index 00000000..ee4b0448
--- /dev/null
+++ b/frontend/src/app/training/training.component.css
@@ -0,0 +1,39 @@
+#header {
+    background-color: #003459;
+    padding-top: 30px;
+    padding-bottom: 20px;
+}
+
+#header h1 {
+    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    text-align: center;
+    color: white;
+}
+
+#container {
+    border-radius: 8px;
+}
+
+#wrapper {
+    color: #003459;
+}
+
+.btnType1 {
+    background-color: #003459;
+    color: white;
+}
+
+.btnType2 {
+    background-color: white;
+    color: #003459;
+    border-color: #003459;
+}
+
+.selectedDatasetClass {
+    /*border-color: 2px solid #003459;*/
+    background-color: lightblue;
+}
+
+ul li:hover {
+    background-color: lightblue;
+}
\ No newline at end of file
diff --git a/frontend/src/app/training/training.component.html b/frontend/src/app/training/training.component.html
new file mode 100644
index 00000000..1939d3cf
--- /dev/null
+++ b/frontend/src/app/training/training.component.html
@@ -0,0 +1,26 @@
+<div id="header">
+    <h1>Trenirajte veštačku neuronske mrežu</h1>
+</div>
+<div id="wrapper">
+    <div id="container" class="container p-5" style="background-color: white; min-height: 100%;">
+
+<h2>1. Izaberi eksperiment</h2>
+TODO
+
+<h2>2.Izaberi model</h2>
+<app-model-load (selectedModelChangeEvent)="selectModel($event)"></app-model-load>
+
+<h2>3. Treniraj model</h2>
+<button class="btn btn-lg col-4" style="background-color:#003459; color:white;" (click)="trainModel();">Treniraj
+    model</button>
+
+<h2>Rezultati treniranja</h2>
+<div class="m-3" *ngIf="trainingResult">
+    <h2 class="my-2">Rezultati treniranja:</h2>
+    <p>
+        {{trainingResult}}
+    </p>
+</div>
+
+</div>
+</div>
\ No newline at end of file
diff --git a/frontend/src/app/training/training.component.spec.ts b/frontend/src/app/training/training.component.spec.ts
new file mode 100644
index 00000000..1222cb40
--- /dev/null
+++ b/frontend/src/app/training/training.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TrainingComponent } from './training.component';
+
+describe('TrainingComponent', () => {
+  let component: TrainingComponent;
+  let fixture: ComponentFixture<TrainingComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ TrainingComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TrainingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/training/training.component.ts b/frontend/src/app/training/training.component.ts
new file mode 100644
index 00000000..cb6c304c
--- /dev/null
+++ b/frontend/src/app/training/training.component.ts
@@ -0,0 +1,29 @@
+import { Component, OnInit } from '@angular/core';
+import Experiment from '../_data/Experiment';
+import Model from '../_data/Model';
+
+@Component({
+  selector: 'app-training',
+  templateUrl: './training.component.html',
+  styleUrls: ['./training.component.css']
+})
+export class TrainingComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+  selectedExperiment?: Experiment;
+  selectedModel?: Model;
+
+  trainingResult: any;
+
+  selectModel($model: Model) {
+
+  }
+
+  trainModel() {
+    //eksperiment i model moraju da budu izabrani
+  }
+}