From fc704e582e633b7ae92cf185de7a52405b2a1fbb Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Sun, 29 May 2022 19:01:03 +0200
Subject: Dodata komponenta form-predictor sa html i css fajlovima.

---
 .../form-predictor/form-predictor.component.css    | 24 +++++++++++++
 .../form-predictor/form-predictor.component.html   | 32 +++++++++++++++++
 .../form-predictor.component.spec.ts               | 25 +++++++++++++
 .../form-predictor/form-predictor.component.ts     | 42 ++++++++++++++++++++++
 4 files changed, 123 insertions(+)
 create mode 100644 frontend/src/app/_elements/form-predictor/form-predictor.component.css
 create mode 100644 frontend/src/app/_elements/form-predictor/form-predictor.component.html
 create mode 100644 frontend/src/app/_elements/form-predictor/form-predictor.component.spec.ts
 create mode 100644 frontend/src/app/_elements/form-predictor/form-predictor.component.ts

diff --git a/frontend/src/app/_elements/form-predictor/form-predictor.component.css b/frontend/src/app/_elements/form-predictor/form-predictor.component.css
new file mode 100644
index 00000000..569a9887
--- /dev/null
+++ b/frontend/src/app/_elements/form-predictor/form-predictor.component.css
@@ -0,0 +1,24 @@
+th{
+    margin-right: 5px;
+}
+.container{
+    background-color: var(--ns-bg-dark-50);
+    border-radius: 10px;
+    border: 1px solid var(--ns-primary);
+    width: 100%;
+    height: 100%;}
+#input{
+    color: whitesmoke;
+    background-color: var(--ns-bg-dark-100);
+    margin-top: 10px;
+}
+h3{
+    color: whitesmoke;
+}
+#output{
+    background-color: var(--ns-bg-dark-100);
+    color:whitesmoke;
+}
+#output b{
+    height: 50px;
+}
diff --git a/frontend/src/app/_elements/form-predictor/form-predictor.component.html b/frontend/src/app/_elements/form-predictor/form-predictor.component.html
new file mode 100644
index 00000000..3ebb666c
--- /dev/null
+++ b/frontend/src/app/_elements/form-predictor/form-predictor.component.html
@@ -0,0 +1,32 @@
+<div class="container" id="predictWithInput" *ngIf="predictor">
+    <h2 style="margin-top:20px ;color:whitesmoke;">
+        Unesi vrednosti za predikciju
+    </h2>
+    <div class="row" id="input">
+        <div class="col">
+            <div class="row" style="margin-left:5px; font-weight:bold; color:whitesmoke">
+                
+            </div>
+            <div class="row" *ngFor="let i of ['a','b','c','d','e','f']">
+                <div class="col">
+                    <!--
+                <mat-form-field> 
+                    <mat-label>{{i}}</mat-label>   
+                    <input matInput placeholder="Vrednost">
+                </mat-form-field>-->
+                </div>
+            </div>
+            
+        </div>
+        
+        
+    </div>
+
+    <div class="row  justify-content-between">
+        <button mat-raised-button style="max-width:30%;margin: 20px;">Predvidi rezultat</button>
+    </div>
+    <div class="row" id="output">
+        <b>Izlazna vrednost za kolonu "output":"input"</b>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/frontend/src/app/_elements/form-predictor/form-predictor.component.spec.ts b/frontend/src/app/_elements/form-predictor/form-predictor.component.spec.ts
new file mode 100644
index 00000000..f873e3af
--- /dev/null
+++ b/frontend/src/app/_elements/form-predictor/form-predictor.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FormPredictorComponent } from './form-predictor.component';
+
+describe('FormPredictorComponent', () => {
+  let component: FormPredictorComponent;
+  let fixture: ComponentFixture<FormPredictorComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FormPredictorComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FormPredictorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/_elements/form-predictor/form-predictor.component.ts b/frontend/src/app/_elements/form-predictor/form-predictor.component.ts
new file mode 100644
index 00000000..fbdce569
--- /dev/null
+++ b/frontend/src/app/_elements/form-predictor/form-predictor.component.ts
@@ -0,0 +1,42 @@
+import { Component, OnInit ,Input,Output, ViewChild} from '@angular/core';
+import Predictor from 'src/app/_data/Predictor';
+import {PredictorsService } from 'src/app/_services/predictors.service';
+import { ActivatedRoute } from '@angular/router';
+@Component({
+  selector: 'app-form-predictor',
+  templateUrl: './form-predictor.component.html',
+  styleUrls: ['./form-predictor.component.css']
+})
+export class FormPredictorComponent implements OnInit {
+  inputs : Column[] = [];
+
+  predictor?:Predictor ;
+  predictorsForExp: { [expId: string]: Predictor[] } = {}
+  predictorsService: any;
+  experimentsService: any;
+  folders: any;
+  constructor(private predictS : PredictorsService, private route: ActivatedRoute) {
+   
+   }
+
+  ngOnInit(): void {
+   /* this.route.params.subscribe(url => {
+      console.log("**********************************************");
+           this.predictS.getPredictor(url["id"]).subscribe(p => {
+      
+        this.predictor = p;
+        this.predictor.inputs.forEach((p,index)=> this.inputs[index] = new Column(p, ""));
+      })
+    });
+  }
+
+*/
+}
+
+}
+
+export class Column {
+  constructor(
+    public name : string, 
+    public value : (number | string)){
+  }}
-- 
cgit v1.2.3